@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);.ivu-load-loop{-webkit-animation:ani-load-loop 1s linear infinite;animation:ani-load-loop 1s linear infinite}@-webkit-keyframes ani-load-loop{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ani-load-loop{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.input-group-error-append,.input-group-error-prepend{background-color:#fff;border:1px solid #ed4014}.input-group-error-append .ivu-select-selection,.input-group-error-prepend .ivu-select-selection{background-color:inherit;border:1px solid transparent}.input-group-error-prepend{border-right:0}.input-group-error-append{border-left:0}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;line-height:1.5;color:#515a6e;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,td,textarea,th,ul{margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input::-ms-clear,input::-ms-reveal{display:none}a{color:#2d8cf0;background:0 0;text-decoration:none;outline:0;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}a:hover{color:#57a3f3}a:active{color:#2b85e4}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:#ccc;cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-family:Consolas,Menlo,Courier,monospace}@font-face{font-family:Ionicons;src:url(/public/build/143146fa24554ae2c5ac0a3982abb952.woff2) format("woff2"),url(/public/build/99ac3308dd8ee14f749f51538d0d5b9e.woff) format("woff"),url(/public/build/d535a25a79fb1365ae814b61e88fae71.ttf) format("truetype"),url(/public/build/a2c4a261a239aa84463dc70e4bac9b9a.svg#Ionicons) format("svg");font-weight:400;font-style:normal}.ivu-icon{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:optimizeLegibility;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;text-align:center}.ivu-icon-ios-add-circle-outline:before{content:"\F100"}.ivu-icon-ios-add-circle:before{content:"\F101"}.ivu-icon-ios-add:before{content:"\F102"}.ivu-icon-ios-alarm-outline:before{content:"\F103"}.ivu-icon-ios-alarm:before{content:"\F104"}.ivu-icon-ios-albums-outline:before{content:"\F105"}.ivu-icon-ios-albums:before{content:"\F106"}.ivu-icon-ios-alert-outline:before{content:"\F107"}.ivu-icon-ios-alert:before{content:"\F108"}.ivu-icon-ios-american-football-outline:before{content:"\F109"}.ivu-icon-ios-american-football:before{content:"\F10A"}.ivu-icon-ios-analytics-outline:before{content:"\F10B"}.ivu-icon-ios-analytics:before{content:"\F10C"}.ivu-icon-ios-aperture-outline:before{content:"\F10D"}.ivu-icon-ios-aperture:before{content:"\F10E"}.ivu-icon-ios-apps-outline:before{content:"\F10F"}.ivu-icon-ios-apps:before{content:"\F110"}.ivu-icon-ios-appstore-outline:before{content:"\F111"}.ivu-icon-ios-appstore:before{content:"\F112"}.ivu-icon-ios-archive-outline:before{content:"\F113"}.ivu-icon-ios-archive:before{content:"\F114"}.ivu-icon-ios-arrow-back:before{content:"\F115"}.ivu-icon-ios-arrow-down:before{content:"\F116"}.ivu-icon-ios-arrow-dropdown-circle:before{content:"\F117"}.ivu-icon-ios-arrow-dropdown:before{content:"\F118"}.ivu-icon-ios-arrow-dropleft-circle:before{content:"\F119"}.ivu-icon-ios-arrow-dropleft:before{content:"\F11A"}.ivu-icon-ios-arrow-dropright-circle:before{content:"\F11B"}.ivu-icon-ios-arrow-dropright:before{content:"\F11C"}.ivu-icon-ios-arrow-dropup-circle:before{content:"\F11D"}.ivu-icon-ios-arrow-dropup:before{content:"\F11E"}.ivu-icon-ios-arrow-forward:before{content:"\F11F"}.ivu-icon-ios-arrow-round-back:before{content:"\F120"}.ivu-icon-ios-arrow-round-down:before{content:"\F121"}.ivu-icon-ios-arrow-round-forward:before{content:"\F122"}.ivu-icon-ios-arrow-round-up:before{content:"\F123"}.ivu-icon-ios-arrow-up:before{content:"\F124"}.ivu-icon-ios-at-outline:before{content:"\F125"}.ivu-icon-ios-at:before{content:"\F126"}.ivu-icon-ios-attach:before{content:"\F127"}.ivu-icon-ios-backspace-outline:before{content:"\F128"}.ivu-icon-ios-backspace:before{content:"\F129"}.ivu-icon-ios-barcode-outline:before{content:"\F12A"}.ivu-icon-ios-barcode:before{content:"\F12B"}.ivu-icon-ios-baseball-outline:before{content:"\F12C"}.ivu-icon-ios-baseball:before{content:"\F12D"}.ivu-icon-ios-basket-outline:before{content:"\F12E"}.ivu-icon-ios-basket:before{content:"\F12F"}.ivu-icon-ios-basketball-outline:before{content:"\F130"}.ivu-icon-ios-basketball:before{content:"\F131"}.ivu-icon-ios-battery-charging:before{content:"\F132"}.ivu-icon-ios-battery-dead:before{content:"\F133"}.ivu-icon-ios-battery-full:before{content:"\F134"}.ivu-icon-ios-beaker-outline:before{content:"\F135"}.ivu-icon-ios-beaker:before{content:"\F136"}.ivu-icon-ios-beer-outline:before{content:"\F137"}.ivu-icon-ios-beer:before{content:"\F138"}.ivu-icon-ios-bicycle:before{content:"\F139"}.ivu-icon-ios-bluetooth:before{content:"\F13A"}.ivu-icon-ios-boat-outline:before{content:"\F13B"}.ivu-icon-ios-boat:before{content:"\F13C"}.ivu-icon-ios-body-outline:before{content:"\F13D"}.ivu-icon-ios-body:before{content:"\F13E"}.ivu-icon-ios-bonfire-outline:before{content:"\F13F"}.ivu-icon-ios-bonfire:before{content:"\F140"}.ivu-icon-ios-book-outline:before{content:"\F141"}.ivu-icon-ios-book:before{content:"\F142"}.ivu-icon-ios-bookmark-outline:before{content:"\F143"}.ivu-icon-ios-bookmark:before{content:"\F144"}.ivu-icon-ios-bookmarks-outline:before{content:"\F145"}.ivu-icon-ios-bookmarks:before{content:"\F146"}.ivu-icon-ios-bowtie-outline:before{content:"\F147"}.ivu-icon-ios-bowtie:before{content:"\F148"}.ivu-icon-ios-briefcase-outline:before{content:"\F149"}.ivu-icon-ios-briefcase:before{content:"\F14A"}.ivu-icon-ios-browsers-outline:before{content:"\F14B"}.ivu-icon-ios-browsers:before{content:"\F14C"}.ivu-icon-ios-brush-outline:before{content:"\F14D"}.ivu-icon-ios-brush:before{content:"\F14E"}.ivu-icon-ios-bug-outline:before{content:"\F14F"}.ivu-icon-ios-bug:before{content:"\F150"}.ivu-icon-ios-build-outline:before{content:"\F151"}.ivu-icon-ios-build:before{content:"\F152"}.ivu-icon-ios-bulb-outline:before{content:"\F153"}.ivu-icon-ios-bulb:before{content:"\F154"}.ivu-icon-ios-bus-outline:before{content:"\F155"}.ivu-icon-ios-bus:before{content:"\F156"}.ivu-icon-ios-cafe-outline:before{content:"\F157"}.ivu-icon-ios-cafe:before{content:"\F158"}.ivu-icon-ios-calculator-outline:before{content:"\F159"}.ivu-icon-ios-calculator:before{content:"\F15A"}.ivu-icon-ios-calendar-outline:before{content:"\F15B"}.ivu-icon-ios-calendar:before{content:"\F15C"}.ivu-icon-ios-call-outline:before{content:"\F15D"}.ivu-icon-ios-call:before{content:"\F15E"}.ivu-icon-ios-camera-outline:before{content:"\F15F"}.ivu-icon-ios-camera:before{content:"\F160"}.ivu-icon-ios-car-outline:before{content:"\F161"}.ivu-icon-ios-car:before{content:"\F162"}.ivu-icon-ios-card-outline:before{content:"\F163"}.ivu-icon-ios-card:before{content:"\F164"}.ivu-icon-ios-cart-outline:before{content:"\F165"}.ivu-icon-ios-cart:before{content:"\F166"}.ivu-icon-ios-cash-outline:before{content:"\F167"}.ivu-icon-ios-cash:before{content:"\F168"}.ivu-icon-ios-chatboxes-outline:before{content:"\F169"}.ivu-icon-ios-chatboxes:before{content:"\F16A"}.ivu-icon-ios-chatbubbles-outline:before{content:"\F16B"}.ivu-icon-ios-chatbubbles:before{content:"\F16C"}.ivu-icon-ios-checkbox-outline:before{content:"\F16D"}.ivu-icon-ios-checkbox:before{content:"\F16E"}.ivu-icon-ios-checkmark-circle-outline:before{content:"\F16F"}.ivu-icon-ios-checkmark-circle:before{content:"\F170"}.ivu-icon-ios-checkmark:before{content:"\F171"}.ivu-icon-ios-clipboard-outline:before{content:"\F172"}.ivu-icon-ios-clipboard:before{content:"\F173"}.ivu-icon-ios-clock-outline:before{content:"\F174"}.ivu-icon-ios-clock:before{content:"\F175"}.ivu-icon-ios-close-circle-outline:before{content:"\F176"}.ivu-icon-ios-close-circle:before{content:"\F177"}.ivu-icon-ios-close:before{content:"\F178"}.ivu-icon-ios-closed-captioning-outline:before{content:"\F179"}.ivu-icon-ios-closed-captioning:before{content:"\F17A"}.ivu-icon-ios-cloud-circle-outline:before{content:"\F17B"}.ivu-icon-ios-cloud-circle:before{content:"\F17C"}.ivu-icon-ios-cloud-done-outline:before{content:"\F17D"}.ivu-icon-ios-cloud-done:before{content:"\F17E"}.ivu-icon-ios-cloud-download-outline:before{content:"\F17F"}.ivu-icon-ios-cloud-download:before{content:"\F180"}.ivu-icon-ios-cloud-outline:before{content:"\F181"}.ivu-icon-ios-cloud-upload-outline:before{content:"\F182"}.ivu-icon-ios-cloud-upload:before{content:"\F183"}.ivu-icon-ios-cloud:before{content:"\F184"}.ivu-icon-ios-cloudy-night-outline:before{content:"\F185"}.ivu-icon-ios-cloudy-night:before{content:"\F186"}.ivu-icon-ios-cloudy-outline:before{content:"\F187"}.ivu-icon-ios-cloudy:before{content:"\F188"}.ivu-icon-ios-code-download:before{content:"\F189"}.ivu-icon-ios-code-working:before{content:"\F18A"}.ivu-icon-ios-code:before{content:"\F18B"}.ivu-icon-ios-cog-outline:before{content:"\F18C"}.ivu-icon-ios-cog:before{content:"\F18D"}.ivu-icon-ios-color-fill-outline:before{content:"\F18E"}.ivu-icon-ios-color-fill:before{content:"\F18F"}.ivu-icon-ios-color-filter-outline:before{content:"\F190"}.ivu-icon-ios-color-filter:before{content:"\F191"}.ivu-icon-ios-color-palette-outline:before{content:"\F192"}.ivu-icon-ios-color-palette:before{content:"\F193"}.ivu-icon-ios-color-wand-outline:before{content:"\F194"}.ivu-icon-ios-color-wand:before{content:"\F195"}.ivu-icon-ios-compass-outline:before{content:"\F196"}.ivu-icon-ios-compass:before{content:"\F197"}.ivu-icon-ios-construct-outline:before{content:"\F198"}.ivu-icon-ios-construct:before{content:"\F199"}.ivu-icon-ios-contact-outline:before{content:"\F19A"}.ivu-icon-ios-contact:before{content:"\F19B"}.ivu-icon-ios-contacts-outline:before{content:"\F19C"}.ivu-icon-ios-contacts:before{content:"\F19D"}.ivu-icon-ios-contract:before{content:"\F19E"}.ivu-icon-ios-contrast:before{content:"\F19F"}.ivu-icon-ios-copy-outline:before{content:"\F1A0"}.ivu-icon-ios-copy:before{content:"\F1A1"}.ivu-icon-ios-create-outline:before{content:"\F1A2"}.ivu-icon-ios-create:before{content:"\F1A3"}.ivu-icon-ios-crop-outline:before{content:"\F1A4"}.ivu-icon-ios-crop:before{content:"\F1A5"}.ivu-icon-ios-cube-outline:before{content:"\F1A6"}.ivu-icon-ios-cube:before{content:"\F1A7"}.ivu-icon-ios-cut-outline:before{content:"\F1A8"}.ivu-icon-ios-cut:before{content:"\F1A9"}.ivu-icon-ios-desktop-outline:before{content:"\F1AA"}.ivu-icon-ios-desktop:before{content:"\F1AB"}.ivu-icon-ios-disc-outline:before{content:"\F1AC"}.ivu-icon-ios-disc:before{content:"\F1AD"}.ivu-icon-ios-document-outline:before{content:"\F1AE"}.ivu-icon-ios-document:before{content:"\F1AF"}.ivu-icon-ios-done-all:before{content:"\F1B0"}.ivu-icon-ios-download-outline:before{content:"\F1B1"}.ivu-icon-ios-download:before{content:"\F1B2"}.ivu-icon-ios-easel-outline:before{content:"\F1B3"}.ivu-icon-ios-easel:before{content:"\F1B4"}.ivu-icon-ios-egg-outline:before{content:"\F1B5"}.ivu-icon-ios-egg:before{content:"\F1B6"}.ivu-icon-ios-exit-outline:before{content:"\F1B7"}.ivu-icon-ios-exit:before{content:"\F1B8"}.ivu-icon-ios-expand:before{content:"\F1B9"}.ivu-icon-ios-eye-off-outline:before{content:"\F1BA"}.ivu-icon-ios-eye-off:before{content:"\F1BB"}.ivu-icon-ios-eye-outline:before{content:"\F1BC"}.ivu-icon-ios-eye:before{content:"\F1BD"}.ivu-icon-ios-fastforward-outline:before{content:"\F1BE"}.ivu-icon-ios-fastforward:before{content:"\F1BF"}.ivu-icon-ios-female:before{content:"\F1C0"}.ivu-icon-ios-filing-outline:before{content:"\F1C1"}.ivu-icon-ios-filing:before{content:"\F1C2"}.ivu-icon-ios-film-outline:before{content:"\F1C3"}.ivu-icon-ios-film:before{content:"\F1C4"}.ivu-icon-ios-finger-print:before{content:"\F1C5"}.ivu-icon-ios-flag-outline:before{content:"\F1C6"}.ivu-icon-ios-flag:before{content:"\F1C7"}.ivu-icon-ios-flame-outline:before{content:"\F1C8"}.ivu-icon-ios-flame:before{content:"\F1C9"}.ivu-icon-ios-flash-outline:before{content:"\F1CA"}.ivu-icon-ios-flash:before{content:"\F1CB"}.ivu-icon-ios-flask-outline:before{content:"\F1CC"}.ivu-icon-ios-flask:before{content:"\F1CD"}.ivu-icon-ios-flower-outline:before{content:"\F1CE"}.ivu-icon-ios-flower:before{content:"\F1CF"}.ivu-icon-ios-folder-open-outline:before{content:"\F1D0"}.ivu-icon-ios-folder-open:before{content:"\F1D1"}.ivu-icon-ios-folder-outline:before{content:"\F1D2"}.ivu-icon-ios-folder:before{content:"\F1D3"}.ivu-icon-ios-football-outline:before{content:"\F1D4"}.ivu-icon-ios-football:before{content:"\F1D5"}.ivu-icon-ios-funnel-outline:before{content:"\F1D6"}.ivu-icon-ios-funnel:before{content:"\F1D7"}.ivu-icon-ios-game-controller-a-outline:before{content:"\F1D8"}.ivu-icon-ios-game-controller-a:before{content:"\F1D9"}.ivu-icon-ios-game-controller-b-outline:before{content:"\F1DA"}.ivu-icon-ios-game-controller-b:before{content:"\F1DB"}.ivu-icon-ios-git-branch:before{content:"\F1DC"}.ivu-icon-ios-git-commit:before{content:"\F1DD"}.ivu-icon-ios-git-compare:before{content:"\F1DE"}.ivu-icon-ios-git-merge:before{content:"\F1DF"}.ivu-icon-ios-git-network:before{content:"\F1E0"}.ivu-icon-ios-git-pull-request:before{content:"\F1E1"}.ivu-icon-ios-glasses-outline:before{content:"\F1E2"}.ivu-icon-ios-glasses:before{content:"\F1E3"}.ivu-icon-ios-globe-outline:before{content:"\F1E4"}.ivu-icon-ios-globe:before{content:"\F1E5"}.ivu-icon-ios-grid-outline:before{content:"\F1E6"}.ivu-icon-ios-grid:before{content:"\F1E7"}.ivu-icon-ios-hammer-outline:before{content:"\F1E8"}.ivu-icon-ios-hammer:before{content:"\F1E9"}.ivu-icon-ios-hand-outline:before{content:"\F1EA"}.ivu-icon-ios-hand:before{content:"\F1EB"}.ivu-icon-ios-happy-outline:before{content:"\F1EC"}.ivu-icon-ios-happy:before{content:"\F1ED"}.ivu-icon-ios-headset-outline:before{content:"\F1EE"}.ivu-icon-ios-headset:before{content:"\F1EF"}.ivu-icon-ios-heart-outline:before{content:"\F1F0"}.ivu-icon-ios-heart:before{content:"\F1F1"}.ivu-icon-ios-help-buoy-outline:before{content:"\F1F2"}.ivu-icon-ios-help-buoy:before{content:"\F1F3"}.ivu-icon-ios-help-circle-outline:before{content:"\F1F4"}.ivu-icon-ios-help-circle:before{content:"\F1F5"}.ivu-icon-ios-help:before{content:"\F1F6"}.ivu-icon-ios-home-outline:before{content:"\F1F7"}.ivu-icon-ios-home:before{content:"\F1F8"}.ivu-icon-ios-ice-cream-outline:before{content:"\F1F9"}.ivu-icon-ios-ice-cream:before{content:"\F1FA"}.ivu-icon-ios-image-outline:before{content:"\F1FB"}.ivu-icon-ios-image:before{content:"\F1FC"}.ivu-icon-ios-images-outline:before{content:"\F1FD"}.ivu-icon-ios-images:before{content:"\F1FE"}.ivu-icon-ios-infinite-outline:before{content:"\F1FF"}.ivu-icon-ios-infinite:before{content:"\F200"}.ivu-icon-ios-information-circle-outline:before{content:"\F201"}.ivu-icon-ios-information-circle:before{content:"\F202"}.ivu-icon-ios-information:before{content:"\F203"}.ivu-icon-ios-ionic-outline:before{content:"\F204"}.ivu-icon-ios-ionic:before{content:"\F205"}.ivu-icon-ios-ionitron-outline:before{content:"\F206"}.ivu-icon-ios-ionitron:before{content:"\F207"}.ivu-icon-ios-jet-outline:before{content:"\F208"}.ivu-icon-ios-jet:before{content:"\F209"}.ivu-icon-ios-key-outline:before{content:"\F20A"}.ivu-icon-ios-key:before{content:"\F20B"}.ivu-icon-ios-keypad-outline:before{content:"\F20C"}.ivu-icon-ios-keypad:before{content:"\F20D"}.ivu-icon-ios-laptop:before{content:"\F20E"}.ivu-icon-ios-leaf-outline:before{content:"\F20F"}.ivu-icon-ios-leaf:before{content:"\F210"}.ivu-icon-ios-link-outline:before{content:"\F211"}.ivu-icon-ios-link:before{content:"\F212"}.ivu-icon-ios-list-box-outline:before{content:"\F213"}.ivu-icon-ios-list-box:before{content:"\F214"}.ivu-icon-ios-list:before{content:"\F215"}.ivu-icon-ios-locate-outline:before{content:"\F216"}.ivu-icon-ios-locate:before{content:"\F217"}.ivu-icon-ios-lock-outline:before{content:"\F218"}.ivu-icon-ios-lock:before{content:"\F219"}.ivu-icon-ios-log-in:before{content:"\F21A"}.ivu-icon-ios-log-out:before{content:"\F21B"}.ivu-icon-ios-magnet-outline:before{content:"\F21C"}.ivu-icon-ios-magnet:before{content:"\F21D"}.ivu-icon-ios-mail-open-outline:before{content:"\F21E"}.ivu-icon-ios-mail-open:before{content:"\F21F"}.ivu-icon-ios-mail-outline:before{content:"\F220"}.ivu-icon-ios-mail:before{content:"\F221"}.ivu-icon-ios-male:before{content:"\F222"}.ivu-icon-ios-man-outline:before{content:"\F223"}.ivu-icon-ios-man:before{content:"\F224"}.ivu-icon-ios-map-outline:before{content:"\F225"}.ivu-icon-ios-map:before{content:"\F226"}.ivu-icon-ios-medal-outline:before{content:"\F227"}.ivu-icon-ios-medal:before{content:"\F228"}.ivu-icon-ios-medical-outline:before{content:"\F229"}.ivu-icon-ios-medical:before{content:"\F22A"}.ivu-icon-ios-medkit-outline:before{content:"\F22B"}.ivu-icon-ios-medkit:before{content:"\F22C"}.ivu-icon-ios-megaphone-outline:before{content:"\F22D"}.ivu-icon-ios-megaphone:before{content:"\F22E"}.ivu-icon-ios-menu-outline:before{content:"\F22F"}.ivu-icon-ios-menu:before{content:"\F230"}.ivu-icon-ios-mic-off-outline:before{content:"\F231"}.ivu-icon-ios-mic-off:before{content:"\F232"}.ivu-icon-ios-mic-outline:before{content:"\F233"}.ivu-icon-ios-mic:before{content:"\F234"}.ivu-icon-ios-microphone-outline:before{content:"\F235"}.ivu-icon-ios-microphone:before{content:"\F236"}.ivu-icon-ios-moon-outline:before{content:"\F237"}.ivu-icon-ios-moon:before{content:"\F238"}.ivu-icon-ios-more-outline:before{content:"\F239"}.ivu-icon-ios-more:before{content:"\F23A"}.ivu-icon-ios-move:before{content:"\F23B"}.ivu-icon-ios-musical-note-outline:before{content:"\F23C"}.ivu-icon-ios-musical-note:before{content:"\F23D"}.ivu-icon-ios-musical-notes-outline:before{content:"\F23E"}.ivu-icon-ios-musical-notes:before{content:"\F23F"}.ivu-icon-ios-navigate-outline:before{content:"\F240"}.ivu-icon-ios-navigate:before{content:"\F241"}.ivu-icon-ios-no-smoking-outline:before{content:"\F242"}.ivu-icon-ios-no-smoking:before{content:"\F243"}.ivu-icon-ios-notifications-off-outline:before{content:"\F244"}.ivu-icon-ios-notifications-off:before{content:"\F245"}.ivu-icon-ios-notifications-outline:before{content:"\F246"}.ivu-icon-ios-notifications:before{content:"\F247"}.ivu-icon-ios-nuclear-outline:before{content:"\F248"}.ivu-icon-ios-nuclear:before{content:"\F249"}.ivu-icon-ios-nutrition-outline:before{content:"\F24A"}.ivu-icon-ios-nutrition:before{content:"\F24B"}.ivu-icon-ios-open-outline:before{content:"\F24C"}.ivu-icon-ios-open:before{content:"\F24D"}.ivu-icon-ios-options-outline:before{content:"\F24E"}.ivu-icon-ios-options:before{content:"\F24F"}.ivu-icon-ios-outlet-outline:before{content:"\F250"}.ivu-icon-ios-outlet:before{content:"\F251"}.ivu-icon-ios-paper-outline:before{content:"\F252"}.ivu-icon-ios-paper-plane-outline:before{content:"\F253"}.ivu-icon-ios-paper-plane:before{content:"\F254"}.ivu-icon-ios-paper:before{content:"\F255"}.ivu-icon-ios-partly-sunny-outline:before{content:"\F256"}.ivu-icon-ios-partly-sunny:before{content:"\F257"}.ivu-icon-ios-pause-outline:before{content:"\F258"}.ivu-icon-ios-pause:before{content:"\F259"}.ivu-icon-ios-paw-outline:before{content:"\F25A"}.ivu-icon-ios-paw:before{content:"\F25B"}.ivu-icon-ios-people-outline:before{content:"\F25C"}.ivu-icon-ios-people:before{content:"\F25D"}.ivu-icon-ios-person-add-outline:before{content:"\F25E"}.ivu-icon-ios-person-add:before{content:"\F25F"}.ivu-icon-ios-person-outline:before{content:"\F260"}.ivu-icon-ios-person:before{content:"\F261"}.ivu-icon-ios-phone-landscape:before{content:"\F262"}.ivu-icon-ios-phone-portrait:before{content:"\F263"}.ivu-icon-ios-photos-outline:before{content:"\F264"}.ivu-icon-ios-photos:before{content:"\F265"}.ivu-icon-ios-pie-outline:before{content:"\F266"}.ivu-icon-ios-pie:before{content:"\F267"}.ivu-icon-ios-pin-outline:before{content:"\F268"}.ivu-icon-ios-pin:before{content:"\F269"}.ivu-icon-ios-pint-outline:before{content:"\F26A"}.ivu-icon-ios-pint:before{content:"\F26B"}.ivu-icon-ios-pizza-outline:before{content:"\F26C"}.ivu-icon-ios-pizza:before{content:"\F26D"}.ivu-icon-ios-plane-outline:before{content:"\F26E"}.ivu-icon-ios-plane:before{content:"\F26F"}.ivu-icon-ios-planet-outline:before{content:"\F270"}.ivu-icon-ios-planet:before{content:"\F271"}.ivu-icon-ios-play-outline:before{content:"\F272"}.ivu-icon-ios-play:before{content:"\F273"}.ivu-icon-ios-podium-outline:before{content:"\F274"}.ivu-icon-ios-podium:before{content:"\F275"}.ivu-icon-ios-power-outline:before{content:"\F276"}.ivu-icon-ios-power:before{content:"\F277"}.ivu-icon-ios-pricetag-outline:before{content:"\F278"}.ivu-icon-ios-pricetag:before{content:"\F279"}.ivu-icon-ios-pricetags-outline:before{content:"\F27A"}.ivu-icon-ios-pricetags:before{content:"\F27B"}.ivu-icon-ios-print-outline:before{content:"\F27C"}.ivu-icon-ios-print:before{content:"\F27D"}.ivu-icon-ios-pulse-outline:before{content:"\F27E"}.ivu-icon-ios-pulse:before{content:"\F27F"}.ivu-icon-ios-qr-scanner:before{content:"\F280"}.ivu-icon-ios-quote-outline:before{content:"\F281"}.ivu-icon-ios-quote:before{content:"\F282"}.ivu-icon-ios-radio-button-off:before{content:"\F283"}.ivu-icon-ios-radio-button-on:before{content:"\F284"}.ivu-icon-ios-radio-outline:before{content:"\F285"}.ivu-icon-ios-radio:before{content:"\F286"}.ivu-icon-ios-rainy-outline:before{content:"\F287"}.ivu-icon-ios-rainy:before{content:"\F288"}.ivu-icon-ios-recording-outline:before{content:"\F289"}.ivu-icon-ios-recording:before{content:"\F28A"}.ivu-icon-ios-redo-outline:before{content:"\F28B"}.ivu-icon-ios-redo:before{content:"\F28C"}.ivu-icon-ios-refresh-circle-outline:before{content:"\F28D"}.ivu-icon-ios-refresh-circle:before{content:"\F28E"}.ivu-icon-ios-refresh:before{content:"\F28F"}.ivu-icon-ios-remove-circle-outline:before{content:"\F290"}.ivu-icon-ios-remove-circle:before{content:"\F291"}.ivu-icon-ios-remove:before{content:"\F292"}.ivu-icon-ios-reorder:before{content:"\F293"}.ivu-icon-ios-repeat:before{content:"\F294"}.ivu-icon-ios-resize:before{content:"\F295"}.ivu-icon-ios-restaurant-outline:before{content:"\F296"}.ivu-icon-ios-restaurant:before{content:"\F297"}.ivu-icon-ios-return-left:before{content:"\F298"}.ivu-icon-ios-return-right:before{content:"\F299"}.ivu-icon-ios-reverse-camera-outline:before{content:"\F29A"}.ivu-icon-ios-reverse-camera:before{content:"\F29B"}.ivu-icon-ios-rewind-outline:before{content:"\F29C"}.ivu-icon-ios-rewind:before{content:"\F29D"}.ivu-icon-ios-ribbon-outline:before{content:"\F29E"}.ivu-icon-ios-ribbon:before{content:"\F29F"}.ivu-icon-ios-rose-outline:before{content:"\F2A0"}.ivu-icon-ios-rose:before{content:"\F2A1"}.ivu-icon-ios-sad-outline:before{content:"\F2A2"}.ivu-icon-ios-sad:before{content:"\F2A3"}.ivu-icon-ios-school-outline:before{content:"\F2A4"}.ivu-icon-ios-school:before{content:"\F2A5"}.ivu-icon-ios-search-outline:before{content:"\F2A6"}.ivu-icon-ios-search:before{content:"\F2A7"}.ivu-icon-ios-send-outline:before{content:"\F2A8"}.ivu-icon-ios-send:before{content:"\F2A9"}.ivu-icon-ios-settings-outline:before{content:"\F2AA"}.ivu-icon-ios-settings:before{content:"\F2AB"}.ivu-icon-ios-share-alt-outline:before{content:"\F2AC"}.ivu-icon-ios-share-alt:before{content:"\F2AD"}.ivu-icon-ios-share-outline:before{content:"\F2AE"}.ivu-icon-ios-share:before{content:"\F2AF"}.ivu-icon-ios-shirt-outline:before{content:"\F2B0"}.ivu-icon-ios-shirt:before{content:"\F2B1"}.ivu-icon-ios-shuffle:before{content:"\F2B2"}.ivu-icon-ios-skip-backward-outline:before{content:"\F2B3"}.ivu-icon-ios-skip-backward:before{content:"\F2B4"}.ivu-icon-ios-skip-forward-outline:before{content:"\F2B5"}.ivu-icon-ios-skip-forward:before{content:"\F2B6"}.ivu-icon-ios-snow-outline:before{content:"\F2B7"}.ivu-icon-ios-snow:before{content:"\F2B8"}.ivu-icon-ios-speedometer-outline:before{content:"\F2B9"}.ivu-icon-ios-speedometer:before{content:"\F2BA"}.ivu-icon-ios-square-outline:before{content:"\F2BB"}.ivu-icon-ios-square:before{content:"\F2BC"}.ivu-icon-ios-star-half:before{content:"\F2BD"}.ivu-icon-ios-star-outline:before{content:"\F2BE"}.ivu-icon-ios-star:before{content:"\F2BF"}.ivu-icon-ios-stats-outline:before{content:"\F2C0"}.ivu-icon-ios-stats:before{content:"\F2C1"}.ivu-icon-ios-stopwatch-outline:before{content:"\F2C2"}.ivu-icon-ios-stopwatch:before{content:"\F2C3"}.ivu-icon-ios-subway-outline:before{content:"\F2C4"}.ivu-icon-ios-subway:before{content:"\F2C5"}.ivu-icon-ios-sunny-outline:before{content:"\F2C6"}.ivu-icon-ios-sunny:before{content:"\F2C7"}.ivu-icon-ios-swap:before{content:"\F2C8"}.ivu-icon-ios-switch-outline:before{content:"\F2C9"}.ivu-icon-ios-switch:before{content:"\F2CA"}.ivu-icon-ios-sync:before{content:"\F2CB"}.ivu-icon-ios-tablet-landscape:before{content:"\F2CC"}.ivu-icon-ios-tablet-portrait:before{content:"\F2CD"}.ivu-icon-ios-tennisball-outline:before{content:"\F2CE"}.ivu-icon-ios-tennisball:before{content:"\F2CF"}.ivu-icon-ios-text-outline:before{content:"\F2D0"}.ivu-icon-ios-text:before{content:"\F2D1"}.ivu-icon-ios-thermometer-outline:before{content:"\F2D2"}.ivu-icon-ios-thermometer:before{content:"\F2D3"}.ivu-icon-ios-thumbs-down-outline:before{content:"\F2D4"}.ivu-icon-ios-thumbs-down:before{content:"\F2D5"}.ivu-icon-ios-thumbs-up-outline:before{content:"\F2D6"}.ivu-icon-ios-thumbs-up:before{content:"\F2D7"}.ivu-icon-ios-thunderstorm-outline:before{content:"\F2D8"}.ivu-icon-ios-thunderstorm:before{content:"\F2D9"}.ivu-icon-ios-time-outline:before{content:"\F2DA"}.ivu-icon-ios-time:before{content:"\F2DB"}.ivu-icon-ios-timer-outline:before{content:"\F2DC"}.ivu-icon-ios-timer:before{content:"\F2DD"}.ivu-icon-ios-train-outline:before{content:"\F2DE"}.ivu-icon-ios-train:before{content:"\F2DF"}.ivu-icon-ios-transgender:before{content:"\F2E0"}.ivu-icon-ios-trash-outline:before{content:"\F2E1"}.ivu-icon-ios-trash:before{content:"\F2E2"}.ivu-icon-ios-trending-down:before{content:"\F2E3"}.ivu-icon-ios-trending-up:before{content:"\F2E4"}.ivu-icon-ios-trophy-outline:before{content:"\F2E5"}.ivu-icon-ios-trophy:before{content:"\F2E6"}.ivu-icon-ios-umbrella-outline:before{content:"\F2E7"}.ivu-icon-ios-umbrella:before{content:"\F2E8"}.ivu-icon-ios-undo-outline:before{content:"\F2E9"}.ivu-icon-ios-undo:before{content:"\F2EA"}.ivu-icon-ios-unlock-outline:before{content:"\F2EB"}.ivu-icon-ios-unlock:before{content:"\F2EC"}.ivu-icon-ios-videocam-outline:before{content:"\F2ED"}.ivu-icon-ios-videocam:before{content:"\F2EE"}.ivu-icon-ios-volume-down:before{content:"\F2EF"}.ivu-icon-ios-volume-mute:before{content:"\F2F0"}.ivu-icon-ios-volume-off:before{content:"\F2F1"}.ivu-icon-ios-volume-up:before{content:"\F2F2"}.ivu-icon-ios-walk:before{content:"\F2F3"}.ivu-icon-ios-warning-outline:before{content:"\F2F4"}.ivu-icon-ios-warning:before{content:"\F2F5"}.ivu-icon-ios-watch:before{content:"\F2F6"}.ivu-icon-ios-water-outline:before{content:"\F2F7"}.ivu-icon-ios-water:before{content:"\F2F8"}.ivu-icon-ios-wifi-outline:before{content:"\F2F9"}.ivu-icon-ios-wifi:before{content:"\F2FA"}.ivu-icon-ios-wine-outline:before{content:"\F2FB"}.ivu-icon-ios-wine:before{content:"\F2FC"}.ivu-icon-ios-woman-outline:before{content:"\F2FD"}.ivu-icon-ios-woman:before{content:"\F2FE"}.ivu-icon-logo-android:before{content:"\F2FF"}.ivu-icon-logo-angular:before{content:"\F300"}.ivu-icon-logo-apple:before{content:"\F301"}.ivu-icon-logo-bitcoin:before{content:"\F302"}.ivu-icon-logo-buffer:before{content:"\F303"}.ivu-icon-logo-chrome:before{content:"\F304"}.ivu-icon-logo-codepen:before{content:"\F305"}.ivu-icon-logo-css3:before{content:"\F306"}.ivu-icon-logo-designernews:before{content:"\F307"}.ivu-icon-logo-dribbble:before{content:"\F308"}.ivu-icon-logo-dropbox:before{content:"\F309"}.ivu-icon-logo-euro:before{content:"\F30A"}.ivu-icon-logo-facebook:before{content:"\F30B"}.ivu-icon-logo-foursquare:before{content:"\F30C"}.ivu-icon-logo-freebsd-devil:before{content:"\F30D"}.ivu-icon-logo-github:before{content:"\F30E"}.ivu-icon-logo-google:before{content:"\F30F"}.ivu-icon-logo-googleplus:before{content:"\F310"}.ivu-icon-logo-hackernews:before{content:"\F311"}.ivu-icon-logo-html5:before{content:"\F312"}.ivu-icon-logo-instagram:before{content:"\F313"}.ivu-icon-logo-javascript:before{content:"\F314"}.ivu-icon-logo-linkedin:before{content:"\F315"}.ivu-icon-logo-markdown:before{content:"\F316"}.ivu-icon-logo-nodejs:before{content:"\F317"}.ivu-icon-logo-octocat:before{content:"\F318"}.ivu-icon-logo-pinterest:before{content:"\F319"}.ivu-icon-logo-playstation:before{content:"\F31A"}.ivu-icon-logo-python:before{content:"\F31B"}.ivu-icon-logo-reddit:before{content:"\F31C"}.ivu-icon-logo-rss:before{content:"\F31D"}.ivu-icon-logo-sass:before{content:"\F31E"}.ivu-icon-logo-skype:before{content:"\F31F"}.ivu-icon-logo-snapchat:before{content:"\F320"}.ivu-icon-logo-steam:before{content:"\F321"}.ivu-icon-logo-tumblr:before{content:"\F322"}.ivu-icon-logo-tux:before{content:"\F323"}.ivu-icon-logo-twitch:before{content:"\F324"}.ivu-icon-logo-twitter:before{content:"\F325"}.ivu-icon-logo-usd:before{content:"\F326"}.ivu-icon-logo-vimeo:before{content:"\F327"}.ivu-icon-logo-whatsapp:before{content:"\F328"}.ivu-icon-logo-windows:before{content:"\F329"}.ivu-icon-logo-wordpress:before{content:"\F32A"}.ivu-icon-logo-xbox:before{content:"\F32B"}.ivu-icon-logo-yahoo:before{content:"\F32C"}.ivu-icon-logo-yen:before{content:"\F32D"}.ivu-icon-logo-youtube:before{content:"\F32E"}.ivu-icon-md-add-circle:before{content:"\F32F"}.ivu-icon-md-add:before{content:"\F330"}.ivu-icon-md-alarm:before{content:"\F331"}.ivu-icon-md-albums:before{content:"\F332"}.ivu-icon-md-alert:before{content:"\F333"}.ivu-icon-md-american-football:before{content:"\F334"}.ivu-icon-md-analytics:before{content:"\F335"}.ivu-icon-md-aperture:before{content:"\F336"}.ivu-icon-md-apps:before{content:"\F337"}.ivu-icon-md-appstore:before{content:"\F338"}.ivu-icon-md-archive:before{content:"\F339"}.ivu-icon-md-arrow-back:before{content:"\F33A"}.ivu-icon-md-arrow-down:before{content:"\F33B"}.ivu-icon-md-arrow-dropdown-circle:before{content:"\F33C"}.ivu-icon-md-arrow-dropdown:before{content:"\F33D"}.ivu-icon-md-arrow-dropleft-circle:before{content:"\F33E"}.ivu-icon-md-arrow-dropleft:before{content:"\F33F"}.ivu-icon-md-arrow-dropright-circle:before{content:"\F340"}.ivu-icon-md-arrow-dropright:before{content:"\F341"}.ivu-icon-md-arrow-dropup-circle:before{content:"\F342"}.ivu-icon-md-arrow-dropup:before{content:"\F343"}.ivu-icon-md-arrow-forward:before{content:"\F344"}.ivu-icon-md-arrow-round-back:before{content:"\F345"}.ivu-icon-md-arrow-round-down:before{content:"\F346"}.ivu-icon-md-arrow-round-forward:before{content:"\F347"}.ivu-icon-md-arrow-round-up:before{content:"\F348"}.ivu-icon-md-arrow-up:before{content:"\F349"}.ivu-icon-md-at:before{content:"\F34A"}.ivu-icon-md-attach:before{content:"\F34B"}.ivu-icon-md-backspace:before{content:"\F34C"}.ivu-icon-md-barcode:before{content:"\F34D"}.ivu-icon-md-baseball:before{content:"\F34E"}.ivu-icon-md-basket:before{content:"\F34F"}.ivu-icon-md-basketball:before{content:"\F350"}.ivu-icon-md-battery-charging:before{content:"\F351"}.ivu-icon-md-battery-dead:before{content:"\F352"}.ivu-icon-md-battery-full:before{content:"\F353"}.ivu-icon-md-beaker:before{content:"\F354"}.ivu-icon-md-beer:before{content:"\F355"}.ivu-icon-md-bicycle:before{content:"\F356"}.ivu-icon-md-bluetooth:before{content:"\F357"}.ivu-icon-md-boat:before{content:"\F358"}.ivu-icon-md-body:before{content:"\F359"}.ivu-icon-md-bonfire:before{content:"\F35A"}.ivu-icon-md-book:before{content:"\F35B"}.ivu-icon-md-bookmark:before{content:"\F35C"}.ivu-icon-md-bookmarks:before{content:"\F35D"}.ivu-icon-md-bowtie:before{content:"\F35E"}.ivu-icon-md-briefcase:before{content:"\F35F"}.ivu-icon-md-browsers:before{content:"\F360"}.ivu-icon-md-brush:before{content:"\F361"}.ivu-icon-md-bug:before{content:"\F362"}.ivu-icon-md-build:before{content:"\F363"}.ivu-icon-md-bulb:before{content:"\F364"}.ivu-icon-md-bus:before{content:"\F365"}.ivu-icon-md-cafe:before{content:"\F366"}.ivu-icon-md-calculator:before{content:"\F367"}.ivu-icon-md-calendar:before{content:"\F368"}.ivu-icon-md-call:before{content:"\F369"}.ivu-icon-md-camera:before{content:"\F36A"}.ivu-icon-md-car:before{content:"\F36B"}.ivu-icon-md-card:before{content:"\F36C"}.ivu-icon-md-cart:before{content:"\F36D"}.ivu-icon-md-cash:before{content:"\F36E"}.ivu-icon-md-chatboxes:before{content:"\F36F"}.ivu-icon-md-chatbubbles:before{content:"\F370"}.ivu-icon-md-checkbox-outline:before{content:"\F371"}.ivu-icon-md-checkbox:before{content:"\F372"}.ivu-icon-md-checkmark-circle-outline:before{content:"\F373"}.ivu-icon-md-checkmark-circle:before{content:"\F374"}.ivu-icon-md-checkmark:before{content:"\F375"}.ivu-icon-md-clipboard:before{content:"\F376"}.ivu-icon-md-clock:before{content:"\F377"}.ivu-icon-md-close-circle:before{content:"\F378"}.ivu-icon-md-close:before{content:"\F379"}.ivu-icon-md-closed-captioning:before{content:"\F37A"}.ivu-icon-md-cloud-circle:before{content:"\F37B"}.ivu-icon-md-cloud-done:before{content:"\F37C"}.ivu-icon-md-cloud-download:before{content:"\F37D"}.ivu-icon-md-cloud-outline:before{content:"\F37E"}.ivu-icon-md-cloud-upload:before{content:"\F37F"}.ivu-icon-md-cloud:before{content:"\F380"}.ivu-icon-md-cloudy-night:before{content:"\F381"}.ivu-icon-md-cloudy:before{content:"\F382"}.ivu-icon-md-code-download:before{content:"\F383"}.ivu-icon-md-code-working:before{content:"\F384"}.ivu-icon-md-code:before{content:"\F385"}.ivu-icon-md-cog:before{content:"\F386"}.ivu-icon-md-color-fill:before{content:"\F387"}.ivu-icon-md-color-filter:before{content:"\F388"}.ivu-icon-md-color-palette:before{content:"\F389"}.ivu-icon-md-color-wand:before{content:"\F38A"}.ivu-icon-md-compass:before{content:"\F38B"}.ivu-icon-md-construct:before{content:"\F38C"}.ivu-icon-md-contact:before{content:"\F38D"}.ivu-icon-md-contacts:before{content:"\F38E"}.ivu-icon-md-contract:before{content:"\F38F"}.ivu-icon-md-contrast:before{content:"\F390"}.ivu-icon-md-copy:before{content:"\F391"}.ivu-icon-md-create:before{content:"\F392"}.ivu-icon-md-crop:before{content:"\F393"}.ivu-icon-md-cube:before{content:"\F394"}.ivu-icon-md-cut:before{content:"\F395"}.ivu-icon-md-desktop:before{content:"\F396"}.ivu-icon-md-disc:before{content:"\F397"}.ivu-icon-md-document:before{content:"\F398"}.ivu-icon-md-done-all:before{content:"\F399"}.ivu-icon-md-download:before{content:"\F39A"}.ivu-icon-md-easel:before{content:"\F39B"}.ivu-icon-md-egg:before{content:"\F39C"}.ivu-icon-md-exit:before{content:"\F39D"}.ivu-icon-md-expand:before{content:"\F39E"}.ivu-icon-md-eye-off:before{content:"\F39F"}.ivu-icon-md-eye:before{content:"\F3A0"}.ivu-icon-md-fastforward:before{content:"\F3A1"}.ivu-icon-md-female:before{content:"\F3A2"}.ivu-icon-md-filing:before{content:"\F3A3"}.ivu-icon-md-film:before{content:"\F3A4"}.ivu-icon-md-finger-print:before{content:"\F3A5"}.ivu-icon-md-flag:before{content:"\F3A6"}.ivu-icon-md-flame:before{content:"\F3A7"}.ivu-icon-md-flash:before{content:"\F3A8"}.ivu-icon-md-flask:before{content:"\F3A9"}.ivu-icon-md-flower:before{content:"\F3AA"}.ivu-icon-md-folder-open:before{content:"\F3AB"}.ivu-icon-md-folder:before{content:"\F3AC"}.ivu-icon-md-football:before{content:"\F3AD"}.ivu-icon-md-funnel:before{content:"\F3AE"}.ivu-icon-md-game-controller-a:before{content:"\F3AF"}.ivu-icon-md-game-controller-b:before{content:"\F3B0"}.ivu-icon-md-git-branch:before{content:"\F3B1"}.ivu-icon-md-git-commit:before{content:"\F3B2"}.ivu-icon-md-git-compare:before{content:"\F3B3"}.ivu-icon-md-git-merge:before{content:"\F3B4"}.ivu-icon-md-git-network:before{content:"\F3B5"}.ivu-icon-md-git-pull-request:before{content:"\F3B6"}.ivu-icon-md-glasses:before{content:"\F3B7"}.ivu-icon-md-globe:before{content:"\F3B8"}.ivu-icon-md-grid:before{content:"\F3B9"}.ivu-icon-md-hammer:before{content:"\F3BA"}.ivu-icon-md-hand:before{content:"\F3BB"}.ivu-icon-md-happy:before{content:"\F3BC"}.ivu-icon-md-headset:before{content:"\F3BD"}.ivu-icon-md-heart-outline:before{content:"\F3BE"}.ivu-icon-md-heart:before{content:"\F3BF"}.ivu-icon-md-help-buoy:before{content:"\F3C0"}.ivu-icon-md-help-circle:before{content:"\F3C1"}.ivu-icon-md-help:before{content:"\F3C2"}.ivu-icon-md-home:before{content:"\F3C3"}.ivu-icon-md-ice-cream:before{content:"\F3C4"}.ivu-icon-md-image:before{content:"\F3C5"}.ivu-icon-md-images:before{content:"\F3C6"}.ivu-icon-md-infinite:before{content:"\F3C7"}.ivu-icon-md-information-circle:before{content:"\F3C8"}.ivu-icon-md-information:before{content:"\F3C9"}.ivu-icon-md-ionic:before{content:"\F3CA"}.ivu-icon-md-ionitron:before{content:"\F3CB"}.ivu-icon-md-jet:before{content:"\F3CC"}.ivu-icon-md-key:before{content:"\F3CD"}.ivu-icon-md-keypad:before{content:"\F3CE"}.ivu-icon-md-laptop:before{content:"\F3CF"}.ivu-icon-md-leaf:before{content:"\F3D0"}.ivu-icon-md-link:before{content:"\F3D1"}.ivu-icon-md-list-box:before{content:"\F3D2"}.ivu-icon-md-list:before{content:"\F3D3"}.ivu-icon-md-locate:before{content:"\F3D4"}.ivu-icon-md-lock:before{content:"\F3D5"}.ivu-icon-md-log-in:before{content:"\F3D6"}.ivu-icon-md-log-out:before{content:"\F3D7"}.ivu-icon-md-magnet:before{content:"\F3D8"}.ivu-icon-md-mail-open:before{content:"\F3D9"}.ivu-icon-md-mail:before{content:"\F3DA"}.ivu-icon-md-male:before{content:"\F3DB"}.ivu-icon-md-man:before{content:"\F3DC"}.ivu-icon-md-map:before{content:"\F3DD"}.ivu-icon-md-medal:before{content:"\F3DE"}.ivu-icon-md-medical:before{content:"\F3DF"}.ivu-icon-md-medkit:before{content:"\F3E0"}.ivu-icon-md-megaphone:before{content:"\F3E1"}.ivu-icon-md-menu:before{content:"\F3E2"}.ivu-icon-md-mic-off:before{content:"\F3E3"}.ivu-icon-md-mic:before{content:"\F3E4"}.ivu-icon-md-microphone:before{content:"\F3E5"}.ivu-icon-md-moon:before{content:"\F3E6"}.ivu-icon-md-more:before{content:"\F3E7"}.ivu-icon-md-move:before{content:"\F3E8"}.ivu-icon-md-musical-note:before{content:"\F3E9"}.ivu-icon-md-musical-notes:before{content:"\F3EA"}.ivu-icon-md-navigate:before{content:"\F3EB"}.ivu-icon-md-no-smoking:before{content:"\F3EC"}.ivu-icon-md-notifications-off:before{content:"\F3ED"}.ivu-icon-md-notifications-outline:before{content:"\F3EE"}.ivu-icon-md-notifications:before{content:"\F3EF"}.ivu-icon-md-nuclear:before{content:"\F3F0"}.ivu-icon-md-nutrition:before{content:"\F3F1"}.ivu-icon-md-open:before{content:"\F3F2"}.ivu-icon-md-options:before{content:"\F3F3"}.ivu-icon-md-outlet:before{content:"\F3F4"}.ivu-icon-md-paper-plane:before{content:"\F3F5"}.ivu-icon-md-paper:before{content:"\F3F6"}.ivu-icon-md-partly-sunny:before{content:"\F3F7"}.ivu-icon-md-pause:before{content:"\F3F8"}.ivu-icon-md-paw:before{content:"\F3F9"}.ivu-icon-md-people:before{content:"\F3FA"}.ivu-icon-md-person-add:before{content:"\F3FB"}.ivu-icon-md-person:before{content:"\F3FC"}.ivu-icon-md-phone-landscape:before{content:"\F3FD"}.ivu-icon-md-phone-portrait:before{content:"\F3FE"}.ivu-icon-md-photos:before{content:"\F3FF"}.ivu-icon-md-pie:before{content:"\F400"}.ivu-icon-md-pin:before{content:"\F401"}.ivu-icon-md-pint:before{content:"\F402"}.ivu-icon-md-pizza:before{content:"\F403"}.ivu-icon-md-plane:before{content:"\F404"}.ivu-icon-md-planet:before{content:"\F405"}.ivu-icon-md-play:before{content:"\F406"}.ivu-icon-md-podium:before{content:"\F407"}.ivu-icon-md-power:before{content:"\F408"}.ivu-icon-md-pricetag:before{content:"\F409"}.ivu-icon-md-pricetags:before{content:"\F40A"}.ivu-icon-md-print:before{content:"\F40B"}.ivu-icon-md-pulse:before{content:"\F40C"}.ivu-icon-md-qr-scanner:before{content:"\F40D"}.ivu-icon-md-quote:before{content:"\F40E"}.ivu-icon-md-radio-button-off:before{content:"\F40F"}.ivu-icon-md-radio-button-on:before{content:"\F410"}.ivu-icon-md-radio:before{content:"\F411"}.ivu-icon-md-rainy:before{content:"\F412"}.ivu-icon-md-recording:before{content:"\F413"}.ivu-icon-md-redo:before{content:"\F414"}.ivu-icon-md-refresh-circle:before{content:"\F415"}.ivu-icon-md-refresh:before{content:"\F416"}.ivu-icon-md-remove-circle:before{content:"\F417"}.ivu-icon-md-remove:before{content:"\F418"}.ivu-icon-md-reorder:before{content:"\F419"}.ivu-icon-md-repeat:before{content:"\F41A"}.ivu-icon-md-resize:before{content:"\F41B"}.ivu-icon-md-restaurant:before{content:"\F41C"}.ivu-icon-md-return-left:before{content:"\F41D"}.ivu-icon-md-return-right:before{content:"\F41E"}.ivu-icon-md-reverse-camera:before{content:"\F41F"}.ivu-icon-md-rewind:before{content:"\F420"}.ivu-icon-md-ribbon:before{content:"\F421"}.ivu-icon-md-rose:before{content:"\F422"}.ivu-icon-md-sad:before{content:"\F423"}.ivu-icon-md-school:before{content:"\F424"}.ivu-icon-md-search:before{content:"\F425"}.ivu-icon-md-send:before{content:"\F426"}.ivu-icon-md-settings:before{content:"\F427"}.ivu-icon-md-share-alt:before{content:"\F428"}.ivu-icon-md-share:before{content:"\F429"}.ivu-icon-md-shirt:before{content:"\F42A"}.ivu-icon-md-shuffle:before{content:"\F42B"}.ivu-icon-md-skip-backward:before{content:"\F42C"}.ivu-icon-md-skip-forward:before{content:"\F42D"}.ivu-icon-md-snow:before{content:"\F42E"}.ivu-icon-md-speedometer:before{content:"\F42F"}.ivu-icon-md-square-outline:before{content:"\F430"}.ivu-icon-md-square:before{content:"\F431"}.ivu-icon-md-star-half:before{content:"\F432"}.ivu-icon-md-star-outline:before{content:"\F433"}.ivu-icon-md-star:before{content:"\F434"}.ivu-icon-md-stats:before{content:"\F435"}.ivu-icon-md-stopwatch:before{content:"\F436"}.ivu-icon-md-subway:before{content:"\F437"}.ivu-icon-md-sunny:before{content:"\F438"}.ivu-icon-md-swap:before{content:"\F439"}.ivu-icon-md-switch:before{content:"\F43A"}.ivu-icon-md-sync:before{content:"\F43B"}.ivu-icon-md-tablet-landscape:before{content:"\F43C"}.ivu-icon-md-tablet-portrait:before{content:"\F43D"}.ivu-icon-md-tennisball:before{content:"\F43E"}.ivu-icon-md-text:before{content:"\F43F"}.ivu-icon-md-thermometer:before{content:"\F440"}.ivu-icon-md-thumbs-down:before{content:"\F441"}.ivu-icon-md-thumbs-up:before{content:"\F442"}.ivu-icon-md-thunderstorm:before{content:"\F443"}.ivu-icon-md-time:before{content:"\F444"}.ivu-icon-md-timer:before{content:"\F445"}.ivu-icon-md-train:before{content:"\F446"}.ivu-icon-md-transgender:before{content:"\F447"}.ivu-icon-md-trash:before{content:"\F448"}.ivu-icon-md-trending-down:before{content:"\F449"}.ivu-icon-md-trending-up:before{content:"\F44A"}.ivu-icon-md-trophy:before{content:"\F44B"}.ivu-icon-md-umbrella:before{content:"\F44C"}.ivu-icon-md-undo:before{content:"\F44D"}.ivu-icon-md-unlock:before{content:"\F44E"}.ivu-icon-md-videocam:before{content:"\F44F"}.ivu-icon-md-volume-down:before{content:"\F450"}.ivu-icon-md-volume-mute:before{content:"\F451"}.ivu-icon-md-volume-off:before{content:"\F452"}.ivu-icon-md-volume-up:before{content:"\F453"}.ivu-icon-md-walk:before{content:"\F454"}.ivu-icon-md-warning:before{content:"\F455"}.ivu-icon-md-watch:before{content:"\F456"}.ivu-icon-md-water:before{content:"\F457"}.ivu-icon-md-wifi:before{content:"\F458"}.ivu-icon-md-wine:before{content:"\F459"}.ivu-icon-md-woman:before{content:"\F45A"}.ivu-icon-ios-loading:before{content:"\F45B"}.ivu-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.ivu-row::after,.ivu-row::before{display:-webkit-box;display:-ms-flexbox;display:flex}.ivu-row-no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ivu-row-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ivu-row-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ivu-row-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ivu-row-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ivu-row-space-around{-ms-flex-pack:distribute;justify-content:space-around}.ivu-row-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ivu-row-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivu-row-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ivu-col{position:relative;max-width:100%;min-height:1px}.ivu-col-span-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-push-24{left:100%}.ivu-col-pull-24{right:100%}.ivu-col-offset-24{margin-left:100%}.ivu-col-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-push-23{left:95.83333333%}.ivu-col-pull-23{right:95.83333333%}.ivu-col-offset-23{margin-left:95.83333333%}.ivu-col-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-push-22{left:91.66666667%}.ivu-col-pull-22{right:91.66666667%}.ivu-col-offset-22{margin-left:91.66666667%}.ivu-col-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-push-21{left:87.5%}.ivu-col-pull-21{right:87.5%}.ivu-col-offset-21{margin-left:87.5%}.ivu-col-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-push-20{left:83.33333333%}.ivu-col-pull-20{right:83.33333333%}.ivu-col-offset-20{margin-left:83.33333333%}.ivu-col-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-push-19{left:79.16666667%}.ivu-col-pull-19{right:79.16666667%}.ivu-col-offset-19{margin-left:79.16666667%}.ivu-col-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-push-18{left:75%}.ivu-col-pull-18{right:75%}.ivu-col-offset-18{margin-left:75%}.ivu-col-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-push-17{left:70.83333333%}.ivu-col-pull-17{right:70.83333333%}.ivu-col-offset-17{margin-left:70.83333333%}.ivu-col-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-push-16{left:66.66666667%}.ivu-col-pull-16{right:66.66666667%}.ivu-col-offset-16{margin-left:66.66666667%}.ivu-col-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-push-15{left:62.5%}.ivu-col-pull-15{right:62.5%}.ivu-col-offset-15{margin-left:62.5%}.ivu-col-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-push-14{left:58.33333333%}.ivu-col-pull-14{right:58.33333333%}.ivu-col-offset-14{margin-left:58.33333333%}.ivu-col-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-push-13{left:54.16666667%}.ivu-col-pull-13{right:54.16666667%}.ivu-col-offset-13{margin-left:54.16666667%}.ivu-col-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-push-12{left:50%}.ivu-col-pull-12{right:50%}.ivu-col-offset-12{margin-left:50%}.ivu-col-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-push-11{left:45.83333333%}.ivu-col-pull-11{right:45.83333333%}.ivu-col-offset-11{margin-left:45.83333333%}.ivu-col-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-push-10{left:41.66666667%}.ivu-col-pull-10{right:41.66666667%}.ivu-col-offset-10{margin-left:41.66666667%}.ivu-col-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-push-9{left:37.5%}.ivu-col-pull-9{right:37.5%}.ivu-col-offset-9{margin-left:37.5%}.ivu-col-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-push-8{left:33.33333333%}.ivu-col-pull-8{right:33.33333333%}.ivu-col-offset-8{margin-left:33.33333333%}.ivu-col-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-push-7{left:29.16666667%}.ivu-col-pull-7{right:29.16666667%}.ivu-col-offset-7{margin-left:29.16666667%}.ivu-col-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-push-6{left:25%}.ivu-col-pull-6{right:25%}.ivu-col-offset-6{margin-left:25%}.ivu-col-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-push-5{left:20.83333333%}.ivu-col-pull-5{right:20.83333333%}.ivu-col-offset-5{margin-left:20.83333333%}.ivu-col-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-push-4{left:16.66666667%}.ivu-col-pull-4{right:16.66666667%}.ivu-col-offset-4{margin-left:16.66666667%}.ivu-col-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-push-3{left:12.5%}.ivu-col-pull-3{right:12.5%}.ivu-col-offset-3{margin-left:12.5%}.ivu-col-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-push-2{left:8.33333333%}.ivu-col-pull-2{right:8.33333333%}.ivu-col-offset-2{margin-left:8.33333333%}.ivu-col-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-push-1{left:4.16666667%}.ivu-col-pull-1{right:4.16666667%}.ivu-col-offset-1{margin-left:4.16666667%}.ivu-col-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-offset-0{margin-left:0}.ivu-col-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.ivu-col-span-xs-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-xs-push-24{left:100%}.ivu-col-xs-pull-24{right:100%}.ivu-col-xs-offset-24{margin-left:100%}.ivu-col-xs-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-xs-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-xs-push-23{left:95.83333333%}.ivu-col-xs-pull-23{right:95.83333333%}.ivu-col-xs-offset-23{margin-left:95.83333333%}.ivu-col-xs-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-xs-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-xs-push-22{left:91.66666667%}.ivu-col-xs-pull-22{right:91.66666667%}.ivu-col-xs-offset-22{margin-left:91.66666667%}.ivu-col-xs-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-xs-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-xs-push-21{left:87.5%}.ivu-col-xs-pull-21{right:87.5%}.ivu-col-xs-offset-21{margin-left:87.5%}.ivu-col-xs-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-xs-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-xs-push-20{left:83.33333333%}.ivu-col-xs-pull-20{right:83.33333333%}.ivu-col-xs-offset-20{margin-left:83.33333333%}.ivu-col-xs-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-xs-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-xs-push-19{left:79.16666667%}.ivu-col-xs-pull-19{right:79.16666667%}.ivu-col-xs-offset-19{margin-left:79.16666667%}.ivu-col-xs-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-xs-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-xs-push-18{left:75%}.ivu-col-xs-pull-18{right:75%}.ivu-col-xs-offset-18{margin-left:75%}.ivu-col-xs-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-xs-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-xs-push-17{left:70.83333333%}.ivu-col-xs-pull-17{right:70.83333333%}.ivu-col-xs-offset-17{margin-left:70.83333333%}.ivu-col-xs-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-xs-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-xs-push-16{left:66.66666667%}.ivu-col-xs-pull-16{right:66.66666667%}.ivu-col-xs-offset-16{margin-left:66.66666667%}.ivu-col-xs-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-xs-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-xs-push-15{left:62.5%}.ivu-col-xs-pull-15{right:62.5%}.ivu-col-xs-offset-15{margin-left:62.5%}.ivu-col-xs-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-xs-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-xs-push-14{left:58.33333333%}.ivu-col-xs-pull-14{right:58.33333333%}.ivu-col-xs-offset-14{margin-left:58.33333333%}.ivu-col-xs-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-xs-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-xs-push-13{left:54.16666667%}.ivu-col-xs-pull-13{right:54.16666667%}.ivu-col-xs-offset-13{margin-left:54.16666667%}.ivu-col-xs-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-xs-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-xs-push-12{left:50%}.ivu-col-xs-pull-12{right:50%}.ivu-col-xs-offset-12{margin-left:50%}.ivu-col-xs-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-xs-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-xs-push-11{left:45.83333333%}.ivu-col-xs-pull-11{right:45.83333333%}.ivu-col-xs-offset-11{margin-left:45.83333333%}.ivu-col-xs-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-xs-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-xs-push-10{left:41.66666667%}.ivu-col-xs-pull-10{right:41.66666667%}.ivu-col-xs-offset-10{margin-left:41.66666667%}.ivu-col-xs-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-xs-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-xs-push-9{left:37.5%}.ivu-col-xs-pull-9{right:37.5%}.ivu-col-xs-offset-9{margin-left:37.5%}.ivu-col-xs-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-xs-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-xs-push-8{left:33.33333333%}.ivu-col-xs-pull-8{right:33.33333333%}.ivu-col-xs-offset-8{margin-left:33.33333333%}.ivu-col-xs-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-xs-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-xs-push-7{left:29.16666667%}.ivu-col-xs-pull-7{right:29.16666667%}.ivu-col-xs-offset-7{margin-left:29.16666667%}.ivu-col-xs-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-xs-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-xs-push-6{left:25%}.ivu-col-xs-pull-6{right:25%}.ivu-col-xs-offset-6{margin-left:25%}.ivu-col-xs-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-xs-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-xs-push-5{left:20.83333333%}.ivu-col-xs-pull-5{right:20.83333333%}.ivu-col-xs-offset-5{margin-left:20.83333333%}.ivu-col-xs-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-xs-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-xs-push-4{left:16.66666667%}.ivu-col-xs-pull-4{right:16.66666667%}.ivu-col-xs-offset-4{margin-left:16.66666667%}.ivu-col-xs-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-xs-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-xs-push-3{left:12.5%}.ivu-col-xs-pull-3{right:12.5%}.ivu-col-xs-offset-3{margin-left:12.5%}.ivu-col-xs-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-xs-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-xs-push-2{left:8.33333333%}.ivu-col-xs-pull-2{right:8.33333333%}.ivu-col-xs-offset-2{margin-left:8.33333333%}.ivu-col-xs-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-xs-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-xs-push-1{left:4.16666667%}.ivu-col-xs-pull-1{right:4.16666667%}.ivu-col-xs-offset-1{margin-left:4.16666667%}.ivu-col-xs-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-xs-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-xs-push-0{left:auto}.ivu-col-xs-pull-0{right:auto}.ivu-col-xs-offset-0{margin-left:0}.ivu-col-xs-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}@media (min-width:576px){.ivu-col-span-sm-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-sm-push-24{left:100%}.ivu-col-sm-pull-24{right:100%}.ivu-col-sm-offset-24{margin-left:100%}.ivu-col-sm-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-sm-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-sm-push-23{left:95.83333333%}.ivu-col-sm-pull-23{right:95.83333333%}.ivu-col-sm-offset-23{margin-left:95.83333333%}.ivu-col-sm-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-sm-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-sm-push-22{left:91.66666667%}.ivu-col-sm-pull-22{right:91.66666667%}.ivu-col-sm-offset-22{margin-left:91.66666667%}.ivu-col-sm-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-sm-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-sm-push-21{left:87.5%}.ivu-col-sm-pull-21{right:87.5%}.ivu-col-sm-offset-21{margin-left:87.5%}.ivu-col-sm-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-sm-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-sm-push-20{left:83.33333333%}.ivu-col-sm-pull-20{right:83.33333333%}.ivu-col-sm-offset-20{margin-left:83.33333333%}.ivu-col-sm-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-sm-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-sm-push-19{left:79.16666667%}.ivu-col-sm-pull-19{right:79.16666667%}.ivu-col-sm-offset-19{margin-left:79.16666667%}.ivu-col-sm-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-sm-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-sm-push-18{left:75%}.ivu-col-sm-pull-18{right:75%}.ivu-col-sm-offset-18{margin-left:75%}.ivu-col-sm-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-sm-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-sm-push-17{left:70.83333333%}.ivu-col-sm-pull-17{right:70.83333333%}.ivu-col-sm-offset-17{margin-left:70.83333333%}.ivu-col-sm-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-sm-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-sm-push-16{left:66.66666667%}.ivu-col-sm-pull-16{right:66.66666667%}.ivu-col-sm-offset-16{margin-left:66.66666667%}.ivu-col-sm-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-sm-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-sm-push-15{left:62.5%}.ivu-col-sm-pull-15{right:62.5%}.ivu-col-sm-offset-15{margin-left:62.5%}.ivu-col-sm-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-sm-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-sm-push-14{left:58.33333333%}.ivu-col-sm-pull-14{right:58.33333333%}.ivu-col-sm-offset-14{margin-left:58.33333333%}.ivu-col-sm-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-sm-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-sm-push-13{left:54.16666667%}.ivu-col-sm-pull-13{right:54.16666667%}.ivu-col-sm-offset-13{margin-left:54.16666667%}.ivu-col-sm-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-sm-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-sm-push-12{left:50%}.ivu-col-sm-pull-12{right:50%}.ivu-col-sm-offset-12{margin-left:50%}.ivu-col-sm-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-sm-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-sm-push-11{left:45.83333333%}.ivu-col-sm-pull-11{right:45.83333333%}.ivu-col-sm-offset-11{margin-left:45.83333333%}.ivu-col-sm-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-sm-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-sm-push-10{left:41.66666667%}.ivu-col-sm-pull-10{right:41.66666667%}.ivu-col-sm-offset-10{margin-left:41.66666667%}.ivu-col-sm-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-sm-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-sm-push-9{left:37.5%}.ivu-col-sm-pull-9{right:37.5%}.ivu-col-sm-offset-9{margin-left:37.5%}.ivu-col-sm-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-sm-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-sm-push-8{left:33.33333333%}.ivu-col-sm-pull-8{right:33.33333333%}.ivu-col-sm-offset-8{margin-left:33.33333333%}.ivu-col-sm-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-sm-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-sm-push-7{left:29.16666667%}.ivu-col-sm-pull-7{right:29.16666667%}.ivu-col-sm-offset-7{margin-left:29.16666667%}.ivu-col-sm-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-sm-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-sm-push-6{left:25%}.ivu-col-sm-pull-6{right:25%}.ivu-col-sm-offset-6{margin-left:25%}.ivu-col-sm-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-sm-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-sm-push-5{left:20.83333333%}.ivu-col-sm-pull-5{right:20.83333333%}.ivu-col-sm-offset-5{margin-left:20.83333333%}.ivu-col-sm-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-sm-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-sm-push-4{left:16.66666667%}.ivu-col-sm-pull-4{right:16.66666667%}.ivu-col-sm-offset-4{margin-left:16.66666667%}.ivu-col-sm-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-sm-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-sm-push-3{left:12.5%}.ivu-col-sm-pull-3{right:12.5%}.ivu-col-sm-offset-3{margin-left:12.5%}.ivu-col-sm-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-sm-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-sm-push-2{left:8.33333333%}.ivu-col-sm-pull-2{right:8.33333333%}.ivu-col-sm-offset-2{margin-left:8.33333333%}.ivu-col-sm-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-sm-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-sm-push-1{left:4.16666667%}.ivu-col-sm-pull-1{right:4.16666667%}.ivu-col-sm-offset-1{margin-left:4.16666667%}.ivu-col-sm-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-sm-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-sm-push-0{left:auto}.ivu-col-sm-pull-0{right:auto}.ivu-col-sm-offset-0{margin-left:0}.ivu-col-sm-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:768px){.ivu-col-span-md-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-md-push-24{left:100%}.ivu-col-md-pull-24{right:100%}.ivu-col-md-offset-24{margin-left:100%}.ivu-col-md-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-md-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-md-push-23{left:95.83333333%}.ivu-col-md-pull-23{right:95.83333333%}.ivu-col-md-offset-23{margin-left:95.83333333%}.ivu-col-md-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-md-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-md-push-22{left:91.66666667%}.ivu-col-md-pull-22{right:91.66666667%}.ivu-col-md-offset-22{margin-left:91.66666667%}.ivu-col-md-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-md-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-md-push-21{left:87.5%}.ivu-col-md-pull-21{right:87.5%}.ivu-col-md-offset-21{margin-left:87.5%}.ivu-col-md-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-md-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-md-push-20{left:83.33333333%}.ivu-col-md-pull-20{right:83.33333333%}.ivu-col-md-offset-20{margin-left:83.33333333%}.ivu-col-md-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-md-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-md-push-19{left:79.16666667%}.ivu-col-md-pull-19{right:79.16666667%}.ivu-col-md-offset-19{margin-left:79.16666667%}.ivu-col-md-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-md-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-md-push-18{left:75%}.ivu-col-md-pull-18{right:75%}.ivu-col-md-offset-18{margin-left:75%}.ivu-col-md-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-md-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-md-push-17{left:70.83333333%}.ivu-col-md-pull-17{right:70.83333333%}.ivu-col-md-offset-17{margin-left:70.83333333%}.ivu-col-md-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-md-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-md-push-16{left:66.66666667%}.ivu-col-md-pull-16{right:66.66666667%}.ivu-col-md-offset-16{margin-left:66.66666667%}.ivu-col-md-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-md-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-md-push-15{left:62.5%}.ivu-col-md-pull-15{right:62.5%}.ivu-col-md-offset-15{margin-left:62.5%}.ivu-col-md-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-md-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-md-push-14{left:58.33333333%}.ivu-col-md-pull-14{right:58.33333333%}.ivu-col-md-offset-14{margin-left:58.33333333%}.ivu-col-md-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-md-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-md-push-13{left:54.16666667%}.ivu-col-md-pull-13{right:54.16666667%}.ivu-col-md-offset-13{margin-left:54.16666667%}.ivu-col-md-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-md-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-md-push-12{left:50%}.ivu-col-md-pull-12{right:50%}.ivu-col-md-offset-12{margin-left:50%}.ivu-col-md-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-md-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-md-push-11{left:45.83333333%}.ivu-col-md-pull-11{right:45.83333333%}.ivu-col-md-offset-11{margin-left:45.83333333%}.ivu-col-md-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-md-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-md-push-10{left:41.66666667%}.ivu-col-md-pull-10{right:41.66666667%}.ivu-col-md-offset-10{margin-left:41.66666667%}.ivu-col-md-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-md-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-md-push-9{left:37.5%}.ivu-col-md-pull-9{right:37.5%}.ivu-col-md-offset-9{margin-left:37.5%}.ivu-col-md-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-md-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-md-push-8{left:33.33333333%}.ivu-col-md-pull-8{right:33.33333333%}.ivu-col-md-offset-8{margin-left:33.33333333%}.ivu-col-md-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-md-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-md-push-7{left:29.16666667%}.ivu-col-md-pull-7{right:29.16666667%}.ivu-col-md-offset-7{margin-left:29.16666667%}.ivu-col-md-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-md-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-md-push-6{left:25%}.ivu-col-md-pull-6{right:25%}.ivu-col-md-offset-6{margin-left:25%}.ivu-col-md-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-md-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-md-push-5{left:20.83333333%}.ivu-col-md-pull-5{right:20.83333333%}.ivu-col-md-offset-5{margin-left:20.83333333%}.ivu-col-md-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-md-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-md-push-4{left:16.66666667%}.ivu-col-md-pull-4{right:16.66666667%}.ivu-col-md-offset-4{margin-left:16.66666667%}.ivu-col-md-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-md-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-md-push-3{left:12.5%}.ivu-col-md-pull-3{right:12.5%}.ivu-col-md-offset-3{margin-left:12.5%}.ivu-col-md-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-md-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-md-push-2{left:8.33333333%}.ivu-col-md-pull-2{right:8.33333333%}.ivu-col-md-offset-2{margin-left:8.33333333%}.ivu-col-md-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-md-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-md-push-1{left:4.16666667%}.ivu-col-md-pull-1{right:4.16666667%}.ivu-col-md-offset-1{margin-left:4.16666667%}.ivu-col-md-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-md-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-md-push-0{left:auto}.ivu-col-md-pull-0{right:auto}.ivu-col-md-offset-0{margin-left:0}.ivu-col-md-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:992px){.ivu-col-span-lg-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-lg-push-24{left:100%}.ivu-col-lg-pull-24{right:100%}.ivu-col-lg-offset-24{margin-left:100%}.ivu-col-lg-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-lg-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-lg-push-23{left:95.83333333%}.ivu-col-lg-pull-23{right:95.83333333%}.ivu-col-lg-offset-23{margin-left:95.83333333%}.ivu-col-lg-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-lg-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-lg-push-22{left:91.66666667%}.ivu-col-lg-pull-22{right:91.66666667%}.ivu-col-lg-offset-22{margin-left:91.66666667%}.ivu-col-lg-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-lg-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-lg-push-21{left:87.5%}.ivu-col-lg-pull-21{right:87.5%}.ivu-col-lg-offset-21{margin-left:87.5%}.ivu-col-lg-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-lg-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-lg-push-20{left:83.33333333%}.ivu-col-lg-pull-20{right:83.33333333%}.ivu-col-lg-offset-20{margin-left:83.33333333%}.ivu-col-lg-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-lg-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-lg-push-19{left:79.16666667%}.ivu-col-lg-pull-19{right:79.16666667%}.ivu-col-lg-offset-19{margin-left:79.16666667%}.ivu-col-lg-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-lg-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-lg-push-18{left:75%}.ivu-col-lg-pull-18{right:75%}.ivu-col-lg-offset-18{margin-left:75%}.ivu-col-lg-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-lg-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-lg-push-17{left:70.83333333%}.ivu-col-lg-pull-17{right:70.83333333%}.ivu-col-lg-offset-17{margin-left:70.83333333%}.ivu-col-lg-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-lg-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-lg-push-16{left:66.66666667%}.ivu-col-lg-pull-16{right:66.66666667%}.ivu-col-lg-offset-16{margin-left:66.66666667%}.ivu-col-lg-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-lg-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-lg-push-15{left:62.5%}.ivu-col-lg-pull-15{right:62.5%}.ivu-col-lg-offset-15{margin-left:62.5%}.ivu-col-lg-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-lg-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-lg-push-14{left:58.33333333%}.ivu-col-lg-pull-14{right:58.33333333%}.ivu-col-lg-offset-14{margin-left:58.33333333%}.ivu-col-lg-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-lg-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-lg-push-13{left:54.16666667%}.ivu-col-lg-pull-13{right:54.16666667%}.ivu-col-lg-offset-13{margin-left:54.16666667%}.ivu-col-lg-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-lg-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-lg-push-12{left:50%}.ivu-col-lg-pull-12{right:50%}.ivu-col-lg-offset-12{margin-left:50%}.ivu-col-lg-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-lg-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-lg-push-11{left:45.83333333%}.ivu-col-lg-pull-11{right:45.83333333%}.ivu-col-lg-offset-11{margin-left:45.83333333%}.ivu-col-lg-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-lg-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-lg-push-10{left:41.66666667%}.ivu-col-lg-pull-10{right:41.66666667%}.ivu-col-lg-offset-10{margin-left:41.66666667%}.ivu-col-lg-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-lg-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-lg-push-9{left:37.5%}.ivu-col-lg-pull-9{right:37.5%}.ivu-col-lg-offset-9{margin-left:37.5%}.ivu-col-lg-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-lg-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-lg-push-8{left:33.33333333%}.ivu-col-lg-pull-8{right:33.33333333%}.ivu-col-lg-offset-8{margin-left:33.33333333%}.ivu-col-lg-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-lg-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-lg-push-7{left:29.16666667%}.ivu-col-lg-pull-7{right:29.16666667%}.ivu-col-lg-offset-7{margin-left:29.16666667%}.ivu-col-lg-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-lg-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-lg-push-6{left:25%}.ivu-col-lg-pull-6{right:25%}.ivu-col-lg-offset-6{margin-left:25%}.ivu-col-lg-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-lg-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-lg-push-5{left:20.83333333%}.ivu-col-lg-pull-5{right:20.83333333%}.ivu-col-lg-offset-5{margin-left:20.83333333%}.ivu-col-lg-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-lg-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-lg-push-4{left:16.66666667%}.ivu-col-lg-pull-4{right:16.66666667%}.ivu-col-lg-offset-4{margin-left:16.66666667%}.ivu-col-lg-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-lg-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-lg-push-3{left:12.5%}.ivu-col-lg-pull-3{right:12.5%}.ivu-col-lg-offset-3{margin-left:12.5%}.ivu-col-lg-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-lg-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-lg-push-2{left:8.33333333%}.ivu-col-lg-pull-2{right:8.33333333%}.ivu-col-lg-offset-2{margin-left:8.33333333%}.ivu-col-lg-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-lg-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-lg-push-1{left:4.16666667%}.ivu-col-lg-pull-1{right:4.16666667%}.ivu-col-lg-offset-1{margin-left:4.16666667%}.ivu-col-lg-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-lg-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-lg-push-0{left:auto}.ivu-col-lg-pull-0{right:auto}.ivu-col-lg-offset-0{margin-left:0}.ivu-col-lg-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:1200px){.ivu-col-span-xl-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-xl-push-24{left:100%}.ivu-col-xl-pull-24{right:100%}.ivu-col-xl-offset-24{margin-left:100%}.ivu-col-xl-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-xl-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-xl-push-23{left:95.83333333%}.ivu-col-xl-pull-23{right:95.83333333%}.ivu-col-xl-offset-23{margin-left:95.83333333%}.ivu-col-xl-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-xl-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-xl-push-22{left:91.66666667%}.ivu-col-xl-pull-22{right:91.66666667%}.ivu-col-xl-offset-22{margin-left:91.66666667%}.ivu-col-xl-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-xl-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-xl-push-21{left:87.5%}.ivu-col-xl-pull-21{right:87.5%}.ivu-col-xl-offset-21{margin-left:87.5%}.ivu-col-xl-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-xl-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-xl-push-20{left:83.33333333%}.ivu-col-xl-pull-20{right:83.33333333%}.ivu-col-xl-offset-20{margin-left:83.33333333%}.ivu-col-xl-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-xl-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-xl-push-19{left:79.16666667%}.ivu-col-xl-pull-19{right:79.16666667%}.ivu-col-xl-offset-19{margin-left:79.16666667%}.ivu-col-xl-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-xl-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-xl-push-18{left:75%}.ivu-col-xl-pull-18{right:75%}.ivu-col-xl-offset-18{margin-left:75%}.ivu-col-xl-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-xl-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-xl-push-17{left:70.83333333%}.ivu-col-xl-pull-17{right:70.83333333%}.ivu-col-xl-offset-17{margin-left:70.83333333%}.ivu-col-xl-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-xl-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-xl-push-16{left:66.66666667%}.ivu-col-xl-pull-16{right:66.66666667%}.ivu-col-xl-offset-16{margin-left:66.66666667%}.ivu-col-xl-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-xl-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-xl-push-15{left:62.5%}.ivu-col-xl-pull-15{right:62.5%}.ivu-col-xl-offset-15{margin-left:62.5%}.ivu-col-xl-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-xl-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-xl-push-14{left:58.33333333%}.ivu-col-xl-pull-14{right:58.33333333%}.ivu-col-xl-offset-14{margin-left:58.33333333%}.ivu-col-xl-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-xl-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-xl-push-13{left:54.16666667%}.ivu-col-xl-pull-13{right:54.16666667%}.ivu-col-xl-offset-13{margin-left:54.16666667%}.ivu-col-xl-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-xl-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-xl-push-12{left:50%}.ivu-col-xl-pull-12{right:50%}.ivu-col-xl-offset-12{margin-left:50%}.ivu-col-xl-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-xl-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-xl-push-11{left:45.83333333%}.ivu-col-xl-pull-11{right:45.83333333%}.ivu-col-xl-offset-11{margin-left:45.83333333%}.ivu-col-xl-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-xl-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-xl-push-10{left:41.66666667%}.ivu-col-xl-pull-10{right:41.66666667%}.ivu-col-xl-offset-10{margin-left:41.66666667%}.ivu-col-xl-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-xl-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-xl-push-9{left:37.5%}.ivu-col-xl-pull-9{right:37.5%}.ivu-col-xl-offset-9{margin-left:37.5%}.ivu-col-xl-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-xl-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-xl-push-8{left:33.33333333%}.ivu-col-xl-pull-8{right:33.33333333%}.ivu-col-xl-offset-8{margin-left:33.33333333%}.ivu-col-xl-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-xl-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-xl-push-7{left:29.16666667%}.ivu-col-xl-pull-7{right:29.16666667%}.ivu-col-xl-offset-7{margin-left:29.16666667%}.ivu-col-xl-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-xl-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-xl-push-6{left:25%}.ivu-col-xl-pull-6{right:25%}.ivu-col-xl-offset-6{margin-left:25%}.ivu-col-xl-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-xl-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-xl-push-5{left:20.83333333%}.ivu-col-xl-pull-5{right:20.83333333%}.ivu-col-xl-offset-5{margin-left:20.83333333%}.ivu-col-xl-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-xl-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-xl-push-4{left:16.66666667%}.ivu-col-xl-pull-4{right:16.66666667%}.ivu-col-xl-offset-4{margin-left:16.66666667%}.ivu-col-xl-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-xl-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-xl-push-3{left:12.5%}.ivu-col-xl-pull-3{right:12.5%}.ivu-col-xl-offset-3{margin-left:12.5%}.ivu-col-xl-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-xl-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-xl-push-2{left:8.33333333%}.ivu-col-xl-pull-2{right:8.33333333%}.ivu-col-xl-offset-2{margin-left:8.33333333%}.ivu-col-xl-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-xl-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-xl-push-1{left:4.16666667%}.ivu-col-xl-pull-1{right:4.16666667%}.ivu-col-xl-offset-1{margin-left:4.16666667%}.ivu-col-xl-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-xl-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-xl-push-0{left:auto}.ivu-col-xl-pull-0{right:auto}.ivu-col-xl-offset-0{margin-left:0}.ivu-col-xl-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:1600px){.ivu-col-span-xxl-24{display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ivu-col-xxl-push-24{left:100%}.ivu-col-xxl-pull-24{right:100%}.ivu-col-xxl-offset-24{margin-left:100%}.ivu-col-xxl-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ivu-col-span-xxl-23{display:block;-webkit-box-flex:0;-ms-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.ivu-col-xxl-push-23{left:95.83333333%}.ivu-col-xxl-pull-23{right:95.83333333%}.ivu-col-xxl-offset-23{margin-left:95.83333333%}.ivu-col-xxl-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ivu-col-span-xxl-22{display:block;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.ivu-col-xxl-push-22{left:91.66666667%}.ivu-col-xxl-pull-22{right:91.66666667%}.ivu-col-xxl-offset-22{margin-left:91.66666667%}.ivu-col-xxl-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ivu-col-span-xxl-21{display:block;-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.ivu-col-xxl-push-21{left:87.5%}.ivu-col-xxl-pull-21{right:87.5%}.ivu-col-xxl-offset-21{margin-left:87.5%}.ivu-col-xxl-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ivu-col-span-xxl-20{display:block;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.ivu-col-xxl-push-20{left:83.33333333%}.ivu-col-xxl-pull-20{right:83.33333333%}.ivu-col-xxl-offset-20{margin-left:83.33333333%}.ivu-col-xxl-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ivu-col-span-xxl-19{display:block;-webkit-box-flex:0;-ms-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.ivu-col-xxl-push-19{left:79.16666667%}.ivu-col-xxl-pull-19{right:79.16666667%}.ivu-col-xxl-offset-19{margin-left:79.16666667%}.ivu-col-xxl-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ivu-col-span-xxl-18{display:block;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ivu-col-xxl-push-18{left:75%}.ivu-col-xxl-pull-18{right:75%}.ivu-col-xxl-offset-18{margin-left:75%}.ivu-col-xxl-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ivu-col-span-xxl-17{display:block;-webkit-box-flex:0;-ms-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.ivu-col-xxl-push-17{left:70.83333333%}.ivu-col-xxl-pull-17{right:70.83333333%}.ivu-col-xxl-offset-17{margin-left:70.83333333%}.ivu-col-xxl-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ivu-col-span-xxl-16{display:block;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.ivu-col-xxl-push-16{left:66.66666667%}.ivu-col-xxl-pull-16{right:66.66666667%}.ivu-col-xxl-offset-16{margin-left:66.66666667%}.ivu-col-xxl-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ivu-col-span-xxl-15{display:block;-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.ivu-col-xxl-push-15{left:62.5%}.ivu-col-xxl-pull-15{right:62.5%}.ivu-col-xxl-offset-15{margin-left:62.5%}.ivu-col-xxl-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ivu-col-span-xxl-14{display:block;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.ivu-col-xxl-push-14{left:58.33333333%}.ivu-col-xxl-pull-14{right:58.33333333%}.ivu-col-xxl-offset-14{margin-left:58.33333333%}.ivu-col-xxl-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ivu-col-span-xxl-13{display:block;-webkit-box-flex:0;-ms-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.ivu-col-xxl-push-13{left:54.16666667%}.ivu-col-xxl-pull-13{right:54.16666667%}.ivu-col-xxl-offset-13{margin-left:54.16666667%}.ivu-col-xxl-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ivu-col-span-xxl-12{display:block;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ivu-col-xxl-push-12{left:50%}.ivu-col-xxl-pull-12{right:50%}.ivu-col-xxl-offset-12{margin-left:50%}.ivu-col-xxl-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ivu-col-span-xxl-11{display:block;-webkit-box-flex:0;-ms-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.ivu-col-xxl-push-11{left:45.83333333%}.ivu-col-xxl-pull-11{right:45.83333333%}.ivu-col-xxl-offset-11{margin-left:45.83333333%}.ivu-col-xxl-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ivu-col-span-xxl-10{display:block;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.ivu-col-xxl-push-10{left:41.66666667%}.ivu-col-xxl-pull-10{right:41.66666667%}.ivu-col-xxl-offset-10{margin-left:41.66666667%}.ivu-col-xxl-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ivu-col-span-xxl-9{display:block;-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.ivu-col-xxl-push-9{left:37.5%}.ivu-col-xxl-pull-9{right:37.5%}.ivu-col-xxl-offset-9{margin-left:37.5%}.ivu-col-xxl-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ivu-col-span-xxl-8{display:block;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.ivu-col-xxl-push-8{left:33.33333333%}.ivu-col-xxl-pull-8{right:33.33333333%}.ivu-col-xxl-offset-8{margin-left:33.33333333%}.ivu-col-xxl-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ivu-col-span-xxl-7{display:block;-webkit-box-flex:0;-ms-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.ivu-col-xxl-push-7{left:29.16666667%}.ivu-col-xxl-pull-7{right:29.16666667%}.ivu-col-xxl-offset-7{margin-left:29.16666667%}.ivu-col-xxl-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ivu-col-span-xxl-6{display:block;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ivu-col-xxl-push-6{left:25%}.ivu-col-xxl-pull-6{right:25%}.ivu-col-xxl-offset-6{margin-left:25%}.ivu-col-xxl-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ivu-col-span-xxl-5{display:block;-webkit-box-flex:0;-ms-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.ivu-col-xxl-push-5{left:20.83333333%}.ivu-col-xxl-pull-5{right:20.83333333%}.ivu-col-xxl-offset-5{margin-left:20.83333333%}.ivu-col-xxl-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ivu-col-span-xxl-4{display:block;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.ivu-col-xxl-push-4{left:16.66666667%}.ivu-col-xxl-pull-4{right:16.66666667%}.ivu-col-xxl-offset-4{margin-left:16.66666667%}.ivu-col-xxl-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ivu-col-span-xxl-3{display:block;-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ivu-col-xxl-push-3{left:12.5%}.ivu-col-xxl-pull-3{right:12.5%}.ivu-col-xxl-offset-3{margin-left:12.5%}.ivu-col-xxl-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ivu-col-span-xxl-2{display:block;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.ivu-col-xxl-push-2{left:8.33333333%}.ivu-col-xxl-pull-2{right:8.33333333%}.ivu-col-xxl-offset-2{margin-left:8.33333333%}.ivu-col-xxl-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ivu-col-span-xxl-1{display:block;-webkit-box-flex:0;-ms-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.ivu-col-xxl-push-1{left:4.16666667%}.ivu-col-xxl-pull-1{right:4.16666667%}.ivu-col-xxl-offset-1{margin-left:4.16666667%}.ivu-col-xxl-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ivu-col-span-xxl-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-xxl-push-0{left:auto}.ivu-col-xxl-pull-0{right:auto}.ivu-col-xxl-offset-0{margin-left:0}.ivu-col-xxl-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.ivu-article h1{font-size:26px;font-weight:400}.ivu-article h2{font-size:20px;font-weight:400}.ivu-article h3{font-size:16px;font-weight:400}.ivu-article h4{font-size:14px;font-weight:400}.ivu-article h5{font-size:12px;font-weight:400}.ivu-article h6{font-size:12px;font-weight:400}.ivu-article blockquote{padding:5px 5px 3px 10px;line-height:1.5;border-left:4px solid #ddd;margin-bottom:20px;color:#666;font-size:14px}.ivu-article ul:not([class^=ivu-]){padding-left:40px;list-style-type:disc}.ivu-article li:not([class^=ivu-]){margin-bottom:5px;font-size:14px}.ivu-article ol ul:not([class^=ivu-]),.ivu-article ul ul:not([class^=ivu-]){list-style-type:circle}.ivu-article p{margin:5px;font-size:14px}.ivu-article a:not([class^=ivu-])[target="_blank"]:after{content:"\F3F2";font-family:Ionicons;color:#aaa;margin-left:3px}.fade-appear,.fade-enter-active{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-leave-active{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-appear,.fade-enter-active{-webkit-animation-name:ivuFadeIn;animation-name:ivuFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.fade-leave-active{-webkit-animation-name:ivuFadeOut;animation-name:ivuFadeOut;-webkit-animation-play-state:running;animation-play-state:running}.fade-appear,.fade-enter-active{opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}.fade-leave-active{-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes ivuFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ivuFadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ivuFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes ivuFadeOut{0%{opacity:1}100%{opacity:0}}.move-up-appear,.move-up-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-appear,.move-up-enter-active{-webkit-animation-name:ivuMoveUpIn;animation-name:ivuMoveUpIn;-webkit-animation-play-state:running;animation-play-state:running}.move-up-leave-active{-webkit-animation-name:ivuMoveUpOut;animation-name:ivuMoveUpOut;-webkit-animation-play-state:running;animation-play-state:running}.move-up-appear,.move-up-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-up-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-down-appear,.move-down-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-appear,.move-down-enter-active{-webkit-animation-name:ivuMoveDownIn;animation-name:ivuMoveDownIn;-webkit-animation-play-state:running;animation-play-state:running}.move-down-leave-active{-webkit-animation-name:ivuMoveDownOut;animation-name:ivuMoveDownOut;-webkit-animation-play-state:running;animation-play-state:running}.move-down-appear,.move-down-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-down-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-left-appear,.move-left-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-left-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-left-appear,.move-left-enter-active{-webkit-animation-name:ivuMoveLeftIn;animation-name:ivuMoveLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.move-left-leave-active{-webkit-animation-name:ivuMoveLeftOut;animation-name:ivuMoveLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.move-left-appear,.move-left-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-left-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-right-appear,.move-right-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-right-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-right-appear,.move-right-enter-active{-webkit-animation-name:ivuMoveRightIn;animation-name:ivuMoveRightIn;-webkit-animation-play-state:running;animation-play-state:running}.move-right-leave-active{-webkit-animation-name:ivuMoveRightOut;animation-name:ivuMoveRightOut;-webkit-animation-play-state:running;animation-play-state:running}.move-right-appear,.move-right-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-right-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes ivuMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes ivuMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes ivuMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ivuMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ivuMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes ivuMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes ivuMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes ivuMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@-webkit-keyframes ivuMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes ivuMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ivuMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes ivuMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes ivuMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes ivuMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes ivuMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ivuMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}.move-notice-appear,.move-notice-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-notice-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-notice-appear,.move-notice-enter-active{-webkit-animation-name:ivuMoveNoticeIn;animation-name:ivuMoveNoticeIn;-webkit-animation-play-state:running;animation-play-state:running}.move-notice-leave-active{-webkit-animation-name:ivuMoveNoticeOut;animation-name:ivuMoveNoticeOut;-webkit-animation-play-state:running;animation-play-state:running}.move-notice-appear,.move-notice-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.move-notice-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes ivuMoveNoticeIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes ivuMoveNoticeIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ivuMoveNoticeOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}70%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);height:auto;padding:16px;margin-bottom:10px;opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);height:0;padding:0;margin-bottom:0;opacity:0}}@keyframes ivuMoveNoticeOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}70%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);height:auto;padding:16px;margin-bottom:10px;opacity:0}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);height:0;padding:0;margin-bottom:0;opacity:0}}.ease-appear,.ease-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.ease-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.ease-appear,.ease-enter-active{-webkit-animation-name:ivuEaseIn;animation-name:ivuEaseIn;-webkit-animation-play-state:running;animation-play-state:running}.ease-leave-active{-webkit-animation-name:ivuEaseOut;animation-name:ivuEaseOut;-webkit-animation-play-state:running;animation-play-state:running}.ease-appear,.ease-enter-active{opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.2s;animation-duration:.2s}.ease-leave-active{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes ivuEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ivuEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ivuEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes ivuEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.transition-drop-appear,.transition-drop-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.transition-drop-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.transition-drop-appear,.transition-drop-enter-active{-webkit-animation-name:ivuTransitionDropIn;animation-name:ivuTransitionDropIn;-webkit-animation-play-state:running;animation-play-state:running}.transition-drop-leave-active{-webkit-animation-name:ivuTransitionDropOut;animation-name:ivuTransitionDropOut;-webkit-animation-play-state:running;animation-play-state:running}.transition-drop-appear,.transition-drop-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.transition-drop-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-up-appear,.slide-up-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-up-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-up-appear,.slide-up-enter-active{-webkit-animation-name:ivuSlideUpIn;animation-name:ivuSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-leave-active{-webkit-animation-name:ivuSlideUpOut;animation-name:ivuSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-appear,.slide-up-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-up-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-down-appear,.slide-down-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-down-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-down-appear,.slide-down-enter-active{-webkit-animation-name:ivuSlideDownIn;animation-name:ivuSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-leave-active{-webkit-animation-name:ivuSlideDownOut;animation-name:ivuSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-appear,.slide-down-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-down-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-left-appear,.slide-left-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-left-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-left-appear,.slide-left-enter-active{-webkit-animation-name:ivuSlideLeftIn;animation-name:ivuSlideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-leave-active{-webkit-animation-name:ivuSlideLeftOut;animation-name:ivuSlideLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-appear,.slide-left-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-left-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-right-appear,.slide-right-enter-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-right-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-right-appear,.slide-right-enter-active{-webkit-animation-name:ivuSlideRightIn;animation-name:ivuSlideRightIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-leave-active{-webkit-animation-name:ivuSlideRightOut;animation-name:ivuSlideRightOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-appear,.slide-right-enter-active{opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slide-right-leave-active{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes ivuTransitionDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes ivuTransitionDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes ivuTransitionDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes ivuTransitionDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes ivuSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes ivuSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes ivuSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes ivuSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes ivuSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes ivuSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes ivuSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes ivuSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes ivuSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes ivuSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes ivuSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes ivuSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@-webkit-keyframes ivuSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}100%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes ivuSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}100%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes ivuSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes ivuSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}.collapse-transition{-webkit-transition:.2s height ease-in-out,.2s padding-top ease-in-out,.2s padding-bottom ease-in-out;transition:.2s height ease-in-out,.2s padding-top ease-in-out,.2s padding-bottom ease-in-out}.ivu-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:32px;padding:0 15px;font-size:14px;border-radius:4px;-webkit-transition:color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear,-webkit-box-shadow .2s linear;color:#515a6e;background-color:#fff;border-color:#dcdee2}.ivu-btn>.ivu-icon{line-height:1.5}.ivu-btn-icon-only.ivu-btn-circle>.ivu-icon{vertical-align:baseline}.ivu-btn>i,.ivu-btn>span{display:inline-block}.ivu-btn,.ivu-btn:active,.ivu-btn:focus{outline:0}.ivu-btn:not([disabled]):hover{text-decoration:none}.ivu-btn:not([disabled]):active{outline:0}.ivu-btn.disabled,.ivu-btn[disabled]{cursor:not-allowed}.ivu-btn.disabled>*,.ivu-btn[disabled]>*{pointer-events:none}.ivu-btn-large{height:40px;padding:0 15px;font-size:16px;border-radius:4px}.ivu-btn-small{height:24px;padding:0 7px;font-size:14px;border-radius:3px}.ivu-btn-icon-only{width:32px;height:32px;padding:0;font-size:16px;border-radius:4px}.ivu-btn-icon-only.ivu-btn-large{width:40px;height:40px;padding:0;font-size:18px;border-radius:4px}.ivu-btn-icon-only.ivu-btn-small{width:24px;height:24px;padding:0;font-size:14px;border-radius:4px}.ivu-btn>a:only-child{color:currentColor}.ivu-btn>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:hover{color:#747b8b;background-color:#fff;border-color:#e3e5e8}.ivu-btn:hover>a:only-child{color:currentColor}.ivu-btn:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.active,.ivu-btn:active{color:#4d5669;background-color:#f2f2f2;border-color:#f2f2f2}.ivu-btn.active>a:only-child,.ivu-btn:active>a:only-child{color:currentColor}.ivu-btn.active>a:only-child:after,.ivu-btn:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.disabled,.ivu-btn.disabled.active,.ivu-btn.disabled:active,.ivu-btn.disabled:focus,.ivu-btn.disabled:hover,.ivu-btn[disabled],.ivu-btn[disabled].active,.ivu-btn[disabled]:active,.ivu-btn[disabled]:focus,.ivu-btn[disabled]:hover,fieldset[disabled] .ivu-btn,fieldset[disabled] .ivu-btn.active,fieldset[disabled] .ivu-btn:active,fieldset[disabled] .ivu-btn:focus,fieldset[disabled] .ivu-btn:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn.disabled.active>a:only-child,.ivu-btn.disabled:active>a:only-child,.ivu-btn.disabled:focus>a:only-child,.ivu-btn.disabled:hover>a:only-child,.ivu-btn.disabled>a:only-child,.ivu-btn[disabled].active>a:only-child,.ivu-btn[disabled]:active>a:only-child,.ivu-btn[disabled]:focus>a:only-child,.ivu-btn[disabled]:hover>a:only-child,.ivu-btn[disabled]>a:only-child,fieldset[disabled] .ivu-btn.active>a:only-child,fieldset[disabled] .ivu-btn:active>a:only-child,fieldset[disabled] .ivu-btn:focus>a:only-child,fieldset[disabled] .ivu-btn:hover>a:only-child,fieldset[disabled] .ivu-btn>a:only-child{color:currentColor}.ivu-btn.disabled.active>a:only-child:after,.ivu-btn.disabled:active>a:only-child:after,.ivu-btn.disabled:focus>a:only-child:after,.ivu-btn.disabled:hover>a:only-child:after,.ivu-btn.disabled>a:only-child:after,.ivu-btn[disabled].active>a:only-child:after,.ivu-btn[disabled]:active>a:only-child:after,.ivu-btn[disabled]:focus>a:only-child:after,.ivu-btn[disabled]:hover>a:only-child:after,.ivu-btn[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn.active>a:only-child:after,fieldset[disabled] .ivu-btn:active>a:only-child:after,fieldset[disabled] .ivu-btn:focus>a:only-child:after,fieldset[disabled] .ivu-btn:hover>a:only-child:after,fieldset[disabled] .ivu-btn>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:hover{color:#57a3f3;background-color:#fff;border-color:#57a3f3}.ivu-btn:hover>a:only-child{color:currentColor}.ivu-btn:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.active,.ivu-btn:active{color:#2b85e4;background-color:#fff;border-color:#2b85e4}.ivu-btn.active>a:only-child,.ivu-btn:active>a:only-child{color:currentColor}.ivu-btn.active>a:only-child:after,.ivu-btn:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-long{width:100%}.ivu-btn>.ivu-icon+span,.ivu-btn>span+.ivu-icon{margin-left:4px}.ivu-btn-primary{color:#fff;background-color:#2d8cf0;border-color:#2d8cf0}.ivu-btn-primary>a:only-child{color:currentColor}.ivu-btn-primary>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}.ivu-btn-primary:hover>a:only-child{color:currentColor}.ivu-btn-primary:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.active,.ivu-btn-primary:active{color:#f2f2f2;background-color:#2b85e4;border-color:#2b85e4}.ivu-btn-primary.active>a:only-child,.ivu-btn-primary:active>a:only-child{color:currentColor}.ivu-btn-primary.active>a:only-child:after,.ivu-btn-primary:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.disabled,.ivu-btn-primary.disabled.active,.ivu-btn-primary.disabled:active,.ivu-btn-primary.disabled:focus,.ivu-btn-primary.disabled:hover,.ivu-btn-primary[disabled],.ivu-btn-primary[disabled].active,.ivu-btn-primary[disabled]:active,.ivu-btn-primary[disabled]:focus,.ivu-btn-primary[disabled]:hover,fieldset[disabled] .ivu-btn-primary,fieldset[disabled] .ivu-btn-primary.active,fieldset[disabled] .ivu-btn-primary:active,fieldset[disabled] .ivu-btn-primary:focus,fieldset[disabled] .ivu-btn-primary:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-primary.disabled.active>a:only-child,.ivu-btn-primary.disabled:active>a:only-child,.ivu-btn-primary.disabled:focus>a:only-child,.ivu-btn-primary.disabled:hover>a:only-child,.ivu-btn-primary.disabled>a:only-child,.ivu-btn-primary[disabled].active>a:only-child,.ivu-btn-primary[disabled]:active>a:only-child,.ivu-btn-primary[disabled]:focus>a:only-child,.ivu-btn-primary[disabled]:hover>a:only-child,.ivu-btn-primary[disabled]>a:only-child,fieldset[disabled] .ivu-btn-primary.active>a:only-child,fieldset[disabled] .ivu-btn-primary:active>a:only-child,fieldset[disabled] .ivu-btn-primary:focus>a:only-child,fieldset[disabled] .ivu-btn-primary:hover>a:only-child,fieldset[disabled] .ivu-btn-primary>a:only-child{color:currentColor}.ivu-btn-primary.disabled.active>a:only-child:after,.ivu-btn-primary.disabled:active>a:only-child:after,.ivu-btn-primary.disabled:focus>a:only-child:after,.ivu-btn-primary.disabled:hover>a:only-child:after,.ivu-btn-primary.disabled>a:only-child:after,.ivu-btn-primary[disabled].active>a:only-child:after,.ivu-btn-primary[disabled]:active>a:only-child:after,.ivu-btn-primary[disabled]:focus>a:only-child:after,.ivu-btn-primary[disabled]:hover>a:only-child:after,.ivu-btn-primary[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-primary.active>a:only-child:after,fieldset[disabled] .ivu-btn-primary:active>a:only-child:after,fieldset[disabled] .ivu-btn-primary:focus>a:only-child:after,fieldset[disabled] .ivu-btn-primary:hover>a:only-child:after,fieldset[disabled] .ivu-btn-primary>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.active,.ivu-btn-primary:active,.ivu-btn-primary:hover{color:#fff}.ivu-btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:not(:first-child):not(:last-child){border-right-color:#2b85e4;border-left-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child){border-right-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#dcdee2}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn,.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child){border-left-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn[disabled],.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#dcdee2}.ivu-btn-group-vertical .ivu-btn-primary:not(:first-child):not(:last-child){border-top-color:#2b85e4;border-bottom-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child){border-bottom-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child)[disabled]{border-top-color:#dcdee2}.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn,.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child){border-top-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn[disabled],.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child)[disabled]{border-bottom-color:#dcdee2}.ivu-btn-dashed{color:#515a6e;background-color:#fff;border-color:#dcdee2;border-style:dashed}.ivu-btn-dashed>a:only-child{color:currentColor}.ivu-btn-dashed>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:hover{color:#747b8b;background-color:#fff;border-color:#e3e5e8}.ivu-btn-dashed:hover>a:only-child{color:currentColor}.ivu-btn-dashed:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.active,.ivu-btn-dashed:active{color:#4d5669;background-color:#f2f2f2;border-color:#f2f2f2}.ivu-btn-dashed.active>a:only-child,.ivu-btn-dashed:active>a:only-child{color:currentColor}.ivu-btn-dashed.active>a:only-child:after,.ivu-btn-dashed:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.disabled,.ivu-btn-dashed.disabled.active,.ivu-btn-dashed.disabled:active,.ivu-btn-dashed.disabled:focus,.ivu-btn-dashed.disabled:hover,.ivu-btn-dashed[disabled],.ivu-btn-dashed[disabled].active,.ivu-btn-dashed[disabled]:active,.ivu-btn-dashed[disabled]:focus,.ivu-btn-dashed[disabled]:hover,fieldset[disabled] .ivu-btn-dashed,fieldset[disabled] .ivu-btn-dashed.active,fieldset[disabled] .ivu-btn-dashed:active,fieldset[disabled] .ivu-btn-dashed:focus,fieldset[disabled] .ivu-btn-dashed:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-dashed.disabled.active>a:only-child,.ivu-btn-dashed.disabled:active>a:only-child,.ivu-btn-dashed.disabled:focus>a:only-child,.ivu-btn-dashed.disabled:hover>a:only-child,.ivu-btn-dashed.disabled>a:only-child,.ivu-btn-dashed[disabled].active>a:only-child,.ivu-btn-dashed[disabled]:active>a:only-child,.ivu-btn-dashed[disabled]:focus>a:only-child,.ivu-btn-dashed[disabled]:hover>a:only-child,.ivu-btn-dashed[disabled]>a:only-child,fieldset[disabled] .ivu-btn-dashed.active>a:only-child,fieldset[disabled] .ivu-btn-dashed:active>a:only-child,fieldset[disabled] .ivu-btn-dashed:focus>a:only-child,fieldset[disabled] .ivu-btn-dashed:hover>a:only-child,fieldset[disabled] .ivu-btn-dashed>a:only-child{color:currentColor}.ivu-btn-dashed.disabled.active>a:only-child:after,.ivu-btn-dashed.disabled:active>a:only-child:after,.ivu-btn-dashed.disabled:focus>a:only-child:after,.ivu-btn-dashed.disabled:hover>a:only-child:after,.ivu-btn-dashed.disabled>a:only-child:after,.ivu-btn-dashed[disabled].active>a:only-child:after,.ivu-btn-dashed[disabled]:active>a:only-child:after,.ivu-btn-dashed[disabled]:focus>a:only-child:after,.ivu-btn-dashed[disabled]:hover>a:only-child:after,.ivu-btn-dashed[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-dashed.active>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:active>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:focus>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:hover>a:only-child:after,fieldset[disabled] .ivu-btn-dashed>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:hover{color:#57a3f3;background-color:#fff;border-color:#57a3f3}.ivu-btn-dashed:hover>a:only-child{color:currentColor}.ivu-btn-dashed:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.active,.ivu-btn-dashed:active{color:#2b85e4;background-color:#fff;border-color:#2b85e4}.ivu-btn-dashed.active>a:only-child,.ivu-btn-dashed:active>a:only-child{color:currentColor}.ivu-btn-dashed.active>a:only-child:after,.ivu-btn-dashed:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-text{color:#515a6e;background-color:transparent;border-color:transparent}.ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:hover{color:#747b8b;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.2)}.ivu-btn-text:hover>a:only-child{color:currentColor}.ivu-btn-text:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.active,.ivu-btn-text:active{color:#4d5669;background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.05)}.ivu-btn-text.active>a:only-child,.ivu-btn-text:active>a:only-child{color:currentColor}.ivu-btn-text.active>a:only-child:after,.ivu-btn-text:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.disabled,.ivu-btn-text.disabled.active,.ivu-btn-text.disabled:active,.ivu-btn-text.disabled:focus,.ivu-btn-text.disabled:hover,.ivu-btn-text[disabled],.ivu-btn-text[disabled].active,.ivu-btn-text[disabled]:active,.ivu-btn-text[disabled]:focus,.ivu-btn-text[disabled]:hover,fieldset[disabled] .ivu-btn-text,fieldset[disabled] .ivu-btn-text.active,fieldset[disabled] .ivu-btn-text:active,fieldset[disabled] .ivu-btn-text:focus,fieldset[disabled] .ivu-btn-text:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-text.disabled.active>a:only-child,.ivu-btn-text.disabled:active>a:only-child,.ivu-btn-text.disabled:focus>a:only-child,.ivu-btn-text.disabled:hover>a:only-child,.ivu-btn-text.disabled>a:only-child,.ivu-btn-text[disabled].active>a:only-child,.ivu-btn-text[disabled]:active>a:only-child,.ivu-btn-text[disabled]:focus>a:only-child,.ivu-btn-text[disabled]:hover>a:only-child,.ivu-btn-text[disabled]>a:only-child,fieldset[disabled] .ivu-btn-text.active>a:only-child,fieldset[disabled] .ivu-btn-text:active>a:only-child,fieldset[disabled] .ivu-btn-text:focus>a:only-child,fieldset[disabled] .ivu-btn-text:hover>a:only-child,fieldset[disabled] .ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text.disabled.active>a:only-child:after,.ivu-btn-text.disabled:active>a:only-child:after,.ivu-btn-text.disabled:focus>a:only-child:after,.ivu-btn-text.disabled:hover>a:only-child:after,.ivu-btn-text.disabled>a:only-child:after,.ivu-btn-text[disabled].active>a:only-child:after,.ivu-btn-text[disabled]:active>a:only-child:after,.ivu-btn-text[disabled]:focus>a:only-child:after,.ivu-btn-text[disabled]:hover>a:only-child:after,.ivu-btn-text[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-text.active>a:only-child:after,fieldset[disabled] .ivu-btn-text:active>a:only-child:after,fieldset[disabled] .ivu-btn-text:focus>a:only-child:after,fieldset[disabled] .ivu-btn-text:hover>a:only-child:after,fieldset[disabled] .ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.disabled,.ivu-btn-text.disabled.active,.ivu-btn-text.disabled:active,.ivu-btn-text.disabled:focus,.ivu-btn-text.disabled:hover,.ivu-btn-text[disabled],.ivu-btn-text[disabled].active,.ivu-btn-text[disabled]:active,.ivu-btn-text[disabled]:focus,.ivu-btn-text[disabled]:hover,fieldset[disabled] .ivu-btn-text,fieldset[disabled] .ivu-btn-text.active,fieldset[disabled] .ivu-btn-text:active,fieldset[disabled] .ivu-btn-text:focus,fieldset[disabled] .ivu-btn-text:hover{color:#c5c8ce;background-color:#fff;border-color:transparent}.ivu-btn-text.disabled.active>a:only-child,.ivu-btn-text.disabled:active>a:only-child,.ivu-btn-text.disabled:focus>a:only-child,.ivu-btn-text.disabled:hover>a:only-child,.ivu-btn-text.disabled>a:only-child,.ivu-btn-text[disabled].active>a:only-child,.ivu-btn-text[disabled]:active>a:only-child,.ivu-btn-text[disabled]:focus>a:only-child,.ivu-btn-text[disabled]:hover>a:only-child,.ivu-btn-text[disabled]>a:only-child,fieldset[disabled] .ivu-btn-text.active>a:only-child,fieldset[disabled] .ivu-btn-text:active>a:only-child,fieldset[disabled] .ivu-btn-text:focus>a:only-child,fieldset[disabled] .ivu-btn-text:hover>a:only-child,fieldset[disabled] .ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text.disabled.active>a:only-child:after,.ivu-btn-text.disabled:active>a:only-child:after,.ivu-btn-text.disabled:focus>a:only-child:after,.ivu-btn-text.disabled:hover>a:only-child:after,.ivu-btn-text.disabled>a:only-child:after,.ivu-btn-text[disabled].active>a:only-child:after,.ivu-btn-text[disabled]:active>a:only-child:after,.ivu-btn-text[disabled]:focus>a:only-child:after,.ivu-btn-text[disabled]:hover>a:only-child:after,.ivu-btn-text[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-text.active>a:only-child:after,fieldset[disabled] .ivu-btn-text:active>a:only-child:after,fieldset[disabled] .ivu-btn-text:focus>a:only-child:after,fieldset[disabled] .ivu-btn-text:hover>a:only-child:after,fieldset[disabled] .ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:hover{color:#57a3f3;background-color:#fff;border-color:transparent}.ivu-btn-text:hover>a:only-child{color:currentColor}.ivu-btn-text:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.active,.ivu-btn-text:active{color:#2b85e4;background-color:#fff;border-color:transparent}.ivu-btn-text.active>a:only-child,.ivu-btn-text:active>a:only-child{color:currentColor}.ivu-btn-text.active>a:only-child:after,.ivu-btn-text:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-success{color:#fff;background-color:#19be6b;border-color:#19be6b}.ivu-btn-success>a:only-child{color:currentColor}.ivu-btn-success>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success:hover{color:#fff;background-color:#47cb89;border-color:#47cb89}.ivu-btn-success:hover>a:only-child{color:currentColor}.ivu-btn-success:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.active,.ivu-btn-success:active{color:#f2f2f2;background-color:#18b566;border-color:#18b566}.ivu-btn-success.active>a:only-child,.ivu-btn-success:active>a:only-child{color:currentColor}.ivu-btn-success.active>a:only-child:after,.ivu-btn-success:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.disabled,.ivu-btn-success.disabled.active,.ivu-btn-success.disabled:active,.ivu-btn-success.disabled:focus,.ivu-btn-success.disabled:hover,.ivu-btn-success[disabled],.ivu-btn-success[disabled].active,.ivu-btn-success[disabled]:active,.ivu-btn-success[disabled]:focus,.ivu-btn-success[disabled]:hover,fieldset[disabled] .ivu-btn-success,fieldset[disabled] .ivu-btn-success.active,fieldset[disabled] .ivu-btn-success:active,fieldset[disabled] .ivu-btn-success:focus,fieldset[disabled] .ivu-btn-success:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-success.disabled.active>a:only-child,.ivu-btn-success.disabled:active>a:only-child,.ivu-btn-success.disabled:focus>a:only-child,.ivu-btn-success.disabled:hover>a:only-child,.ivu-btn-success.disabled>a:only-child,.ivu-btn-success[disabled].active>a:only-child,.ivu-btn-success[disabled]:active>a:only-child,.ivu-btn-success[disabled]:focus>a:only-child,.ivu-btn-success[disabled]:hover>a:only-child,.ivu-btn-success[disabled]>a:only-child,fieldset[disabled] .ivu-btn-success.active>a:only-child,fieldset[disabled] .ivu-btn-success:active>a:only-child,fieldset[disabled] .ivu-btn-success:focus>a:only-child,fieldset[disabled] .ivu-btn-success:hover>a:only-child,fieldset[disabled] .ivu-btn-success>a:only-child{color:currentColor}.ivu-btn-success.disabled.active>a:only-child:after,.ivu-btn-success.disabled:active>a:only-child:after,.ivu-btn-success.disabled:focus>a:only-child:after,.ivu-btn-success.disabled:hover>a:only-child:after,.ivu-btn-success.disabled>a:only-child:after,.ivu-btn-success[disabled].active>a:only-child:after,.ivu-btn-success[disabled]:active>a:only-child:after,.ivu-btn-success[disabled]:focus>a:only-child:after,.ivu-btn-success[disabled]:hover>a:only-child:after,.ivu-btn-success[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-success.active>a:only-child:after,fieldset[disabled] .ivu-btn-success:active>a:only-child:after,fieldset[disabled] .ivu-btn-success:focus>a:only-child:after,fieldset[disabled] .ivu-btn-success:hover>a:only-child:after,fieldset[disabled] .ivu-btn-success>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.active,.ivu-btn-success:active,.ivu-btn-success:hover{color:#fff}.ivu-btn-success:focus{-webkit-box-shadow:0 0 0 2px rgba(25,190,107,.2);box-shadow:0 0 0 2px rgba(25,190,107,.2)}.ivu-btn-warning{color:#fff;background-color:#f90;border-color:#f90}.ivu-btn-warning>a:only-child{color:currentColor}.ivu-btn-warning>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning:hover{color:#fff;background-color:#ffad33;border-color:#ffad33}.ivu-btn-warning:hover>a:only-child{color:currentColor}.ivu-btn-warning:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.active,.ivu-btn-warning:active{color:#f2f2f2;background-color:#f29100;border-color:#f29100}.ivu-btn-warning.active>a:only-child,.ivu-btn-warning:active>a:only-child{color:currentColor}.ivu-btn-warning.active>a:only-child:after,.ivu-btn-warning:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.disabled,.ivu-btn-warning.disabled.active,.ivu-btn-warning.disabled:active,.ivu-btn-warning.disabled:focus,.ivu-btn-warning.disabled:hover,.ivu-btn-warning[disabled],.ivu-btn-warning[disabled].active,.ivu-btn-warning[disabled]:active,.ivu-btn-warning[disabled]:focus,.ivu-btn-warning[disabled]:hover,fieldset[disabled] .ivu-btn-warning,fieldset[disabled] .ivu-btn-warning.active,fieldset[disabled] .ivu-btn-warning:active,fieldset[disabled] .ivu-btn-warning:focus,fieldset[disabled] .ivu-btn-warning:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-warning.disabled.active>a:only-child,.ivu-btn-warning.disabled:active>a:only-child,.ivu-btn-warning.disabled:focus>a:only-child,.ivu-btn-warning.disabled:hover>a:only-child,.ivu-btn-warning.disabled>a:only-child,.ivu-btn-warning[disabled].active>a:only-child,.ivu-btn-warning[disabled]:active>a:only-child,.ivu-btn-warning[disabled]:focus>a:only-child,.ivu-btn-warning[disabled]:hover>a:only-child,.ivu-btn-warning[disabled]>a:only-child,fieldset[disabled] .ivu-btn-warning.active>a:only-child,fieldset[disabled] .ivu-btn-warning:active>a:only-child,fieldset[disabled] .ivu-btn-warning:focus>a:only-child,fieldset[disabled] .ivu-btn-warning:hover>a:only-child,fieldset[disabled] .ivu-btn-warning>a:only-child{color:currentColor}.ivu-btn-warning.disabled.active>a:only-child:after,.ivu-btn-warning.disabled:active>a:only-child:after,.ivu-btn-warning.disabled:focus>a:only-child:after,.ivu-btn-warning.disabled:hover>a:only-child:after,.ivu-btn-warning.disabled>a:only-child:after,.ivu-btn-warning[disabled].active>a:only-child:after,.ivu-btn-warning[disabled]:active>a:only-child:after,.ivu-btn-warning[disabled]:focus>a:only-child:after,.ivu-btn-warning[disabled]:hover>a:only-child:after,.ivu-btn-warning[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-warning.active>a:only-child:after,fieldset[disabled] .ivu-btn-warning:active>a:only-child:after,fieldset[disabled] .ivu-btn-warning:focus>a:only-child:after,fieldset[disabled] .ivu-btn-warning:hover>a:only-child:after,fieldset[disabled] .ivu-btn-warning>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.active,.ivu-btn-warning:active,.ivu-btn-warning:hover{color:#fff}.ivu-btn-warning:focus{-webkit-box-shadow:0 0 0 2px rgba(255,153,0,.2);box-shadow:0 0 0 2px rgba(255,153,0,.2)}.ivu-btn-error{color:#fff;background-color:#ed4014;border-color:#ed4014}.ivu-btn-error>a:only-child{color:currentColor}.ivu-btn-error>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error:hover{color:#fff;background-color:#f16643;border-color:#f16643}.ivu-btn-error:hover>a:only-child{color:currentColor}.ivu-btn-error:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.active,.ivu-btn-error:active{color:#f2f2f2;background-color:#e13d13;border-color:#e13d13}.ivu-btn-error.active>a:only-child,.ivu-btn-error:active>a:only-child{color:currentColor}.ivu-btn-error.active>a:only-child:after,.ivu-btn-error:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.disabled,.ivu-btn-error.disabled.active,.ivu-btn-error.disabled:active,.ivu-btn-error.disabled:focus,.ivu-btn-error.disabled:hover,.ivu-btn-error[disabled],.ivu-btn-error[disabled].active,.ivu-btn-error[disabled]:active,.ivu-btn-error[disabled]:focus,.ivu-btn-error[disabled]:hover,fieldset[disabled] .ivu-btn-error,fieldset[disabled] .ivu-btn-error.active,fieldset[disabled] .ivu-btn-error:active,fieldset[disabled] .ivu-btn-error:focus,fieldset[disabled] .ivu-btn-error:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-error.disabled.active>a:only-child,.ivu-btn-error.disabled:active>a:only-child,.ivu-btn-error.disabled:focus>a:only-child,.ivu-btn-error.disabled:hover>a:only-child,.ivu-btn-error.disabled>a:only-child,.ivu-btn-error[disabled].active>a:only-child,.ivu-btn-error[disabled]:active>a:only-child,.ivu-btn-error[disabled]:focus>a:only-child,.ivu-btn-error[disabled]:hover>a:only-child,.ivu-btn-error[disabled]>a:only-child,fieldset[disabled] .ivu-btn-error.active>a:only-child,fieldset[disabled] .ivu-btn-error:active>a:only-child,fieldset[disabled] .ivu-btn-error:focus>a:only-child,fieldset[disabled] .ivu-btn-error:hover>a:only-child,fieldset[disabled] .ivu-btn-error>a:only-child{color:currentColor}.ivu-btn-error.disabled.active>a:only-child:after,.ivu-btn-error.disabled:active>a:only-child:after,.ivu-btn-error.disabled:focus>a:only-child:after,.ivu-btn-error.disabled:hover>a:only-child:after,.ivu-btn-error.disabled>a:only-child:after,.ivu-btn-error[disabled].active>a:only-child:after,.ivu-btn-error[disabled]:active>a:only-child:after,.ivu-btn-error[disabled]:focus>a:only-child:after,.ivu-btn-error[disabled]:hover>a:only-child:after,.ivu-btn-error[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-error.active>a:only-child:after,fieldset[disabled] .ivu-btn-error:active>a:only-child:after,fieldset[disabled] .ivu-btn-error:focus>a:only-child:after,fieldset[disabled] .ivu-btn-error:hover>a:only-child:after,fieldset[disabled] .ivu-btn-error>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.active,.ivu-btn-error:active,.ivu-btn-error:hover{color:#fff}.ivu-btn-error:focus{-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.2);box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-btn-info{color:#fff;background-color:#2db7f5;border-color:#2db7f5}.ivu-btn-info>a:only-child{color:currentColor}.ivu-btn-info>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info:hover{color:#fff;background-color:#57c5f7;border-color:#57c5f7}.ivu-btn-info:hover>a:only-child{color:currentColor}.ivu-btn-info:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.active,.ivu-btn-info:active{color:#f2f2f2;background-color:#2baee9;border-color:#2baee9}.ivu-btn-info.active>a:only-child,.ivu-btn-info:active>a:only-child{color:currentColor}.ivu-btn-info.active>a:only-child:after,.ivu-btn-info:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.disabled,.ivu-btn-info.disabled.active,.ivu-btn-info.disabled:active,.ivu-btn-info.disabled:focus,.ivu-btn-info.disabled:hover,.ivu-btn-info[disabled],.ivu-btn-info[disabled].active,.ivu-btn-info[disabled]:active,.ivu-btn-info[disabled]:focus,.ivu-btn-info[disabled]:hover,fieldset[disabled] .ivu-btn-info,fieldset[disabled] .ivu-btn-info.active,fieldset[disabled] .ivu-btn-info:active,fieldset[disabled] .ivu-btn-info:focus,fieldset[disabled] .ivu-btn-info:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-info.disabled.active>a:only-child,.ivu-btn-info.disabled:active>a:only-child,.ivu-btn-info.disabled:focus>a:only-child,.ivu-btn-info.disabled:hover>a:only-child,.ivu-btn-info.disabled>a:only-child,.ivu-btn-info[disabled].active>a:only-child,.ivu-btn-info[disabled]:active>a:only-child,.ivu-btn-info[disabled]:focus>a:only-child,.ivu-btn-info[disabled]:hover>a:only-child,.ivu-btn-info[disabled]>a:only-child,fieldset[disabled] .ivu-btn-info.active>a:only-child,fieldset[disabled] .ivu-btn-info:active>a:only-child,fieldset[disabled] .ivu-btn-info:focus>a:only-child,fieldset[disabled] .ivu-btn-info:hover>a:only-child,fieldset[disabled] .ivu-btn-info>a:only-child{color:currentColor}.ivu-btn-info.disabled.active>a:only-child:after,.ivu-btn-info.disabled:active>a:only-child:after,.ivu-btn-info.disabled:focus>a:only-child:after,.ivu-btn-info.disabled:hover>a:only-child:after,.ivu-btn-info.disabled>a:only-child:after,.ivu-btn-info[disabled].active>a:only-child:after,.ivu-btn-info[disabled]:active>a:only-child:after,.ivu-btn-info[disabled]:focus>a:only-child:after,.ivu-btn-info[disabled]:hover>a:only-child:after,.ivu-btn-info[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-info.active>a:only-child:after,fieldset[disabled] .ivu-btn-info:active>a:only-child:after,fieldset[disabled] .ivu-btn-info:focus>a:only-child:after,fieldset[disabled] .ivu-btn-info:hover>a:only-child:after,fieldset[disabled] .ivu-btn-info>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.active,.ivu-btn-info:active,.ivu-btn-info:hover{color:#fff}.ivu-btn-info:focus{-webkit-box-shadow:0 0 0 2px rgba(45,183,245,.2);box-shadow:0 0 0 2px rgba(45,183,245,.2)}.ivu-btn-circle,.ivu-btn-circle-outline{border-radius:32px}.ivu-btn-circle-outline.ivu-btn-large,.ivu-btn-circle.ivu-btn-large{border-radius:40px}.ivu-btn-circle-outline.ivu-btn-size,.ivu-btn-circle.ivu-btn-size{border-radius:24px}.ivu-btn-circle-outline.ivu-btn-icon-only,.ivu-btn-circle.ivu-btn-icon-only{width:32px;height:32px;padding:0;font-size:16px;border-radius:50%}.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-large,.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-large{width:40px;height:40px;padding:0;font-size:18px;border-radius:50%}.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-small,.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-small{width:24px;height:24px;padding:0;font-size:14px;border-radius:50%}.ivu-btn:before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;background:#fff;opacity:.35;content:'';border-radius:inherit;z-index:1;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;display:none}.ivu-btn.ivu-btn-loading{pointer-events:none;position:relative}.ivu-btn.ivu-btn-loading:before{display:block}.ivu-btn-group{position:relative;display:inline-block;vertical-align:middle}.ivu-btn-group>.ivu-btn{position:relative;float:left}.ivu-btn-group>.ivu-btn.active,.ivu-btn-group>.ivu-btn:active,.ivu-btn-group>.ivu-btn:hover{z-index:2}.ivu-btn-group-circle .ivu-btn{border-radius:32px}.ivu-btn-group-large.ivu-btn-group-circle .ivu-btn{border-radius:40px}.ivu-btn-group-large>.ivu-btn{height:40px;padding:0 15px;font-size:16px;border-radius:4px}.ivu-btn-group-small.ivu-btn-group-circle .ivu-btn{border-radius:24px}.ivu-btn-group-small>.ivu-btn{height:24px;padding:0 7px;font-size:14px;border-radius:3px}.ivu-btn-group-small>.ivu-btn>.ivu-icon{font-size:14px}.ivu-btn-group-small .ivu-btn-icon-only{width:24px;height:24px;padding:0}.ivu-btn-group-large .ivu-btn-icon-only{width:40px;height:40px;padding:0}.ivu-btn+.ivu-btn-group,.ivu-btn-group .ivu-btn+.ivu-btn,.ivu-btn-group+.ivu-btn,.ivu-btn-group+.ivu-btn-group{margin-left:-1px}.ivu-btn-group .ivu-btn:not(:first-child):not(:last-child){border-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child{margin-left:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.ivu-btn-group>.ivu-btn-group{float:left}.ivu-btn-group>.ivu-btn-group:not(:first-child):not(:last-child)>.ivu-btn{border-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:first-child:not(:last-child)>.ivu-btn:last-child{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:last-child:not(:first-child)>.ivu-btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px}.ivu-btn-group-vertical{display:inline-block;vertical-align:middle}.ivu-btn-group-vertical>.ivu-btn{display:block;width:100%;max-width:100%;float:none;min-width:32px}.ivu-btn-group-vertical.ivu-btn-group-small>.ivu-btn{min-width:24px}.ivu-btn-group-vertical.ivu-btn-group-large>.ivu-btn{min-width:40px}.ivu-btn+.ivu-btn-group-vertical,.ivu-btn-group-vertical .ivu-btn+.ivu-btn,.ivu-btn-group-vertical+.ivu-btn,.ivu-btn-group-vertical+.ivu-btn-group-vertical{margin-top:-1px;margin-left:0}.ivu-btn-group-vertical>.ivu-btn:first-child{margin-top:0}.ivu-btn-group-vertical>.ivu-btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.ivu-btn-group-vertical>.ivu-btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.ivu-btn-group-vertical>.ivu-btn-group-vertical:first-child:not(:last-child)>.ivu-btn:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:8px}.ivu-btn-group-vertical>.ivu-btn-group-vertical:last-child:not(:first-child)>.ivu-btn:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0;padding-top:8px}.ivu-btn-ghost{color:#fff;background:0 0}.ivu-btn-ghost:hover{background:0 0}.ivu-btn-ghost.ivu-btn-dashed,.ivu-btn-ghost.ivu-btn-default{color:#fff;border-color:#fff}.ivu-btn-ghost.ivu-btn-dashed:hover,.ivu-btn-ghost.ivu-btn-default:hover{color:#57a3f3;border-color:#57a3f3}.ivu-btn-ghost.ivu-btn-primary{color:#2d8cf0}.ivu-btn-ghost.ivu-btn-primary:hover{color:#57a3f3;background:rgba(245,249,254,.5)}.ivu-btn-ghost.ivu-btn-info{color:#2db7f5}.ivu-btn-ghost.ivu-btn-info:hover{color:#57c5f7;background:rgba(245,251,254,.5)}.ivu-btn-ghost.ivu-btn-success{color:#19be6b}.ivu-btn-ghost.ivu-btn-success:hover{color:#47cb89;background:rgba(244,252,248,.5)}.ivu-btn-ghost.ivu-btn-warning{color:#f90}.ivu-btn-ghost.ivu-btn-warning:hover{color:#ffad33;background:rgba(255,250,242,.5)}.ivu-btn-ghost.ivu-btn-error{color:#ed4014}.ivu-btn-ghost.ivu-btn-error:hover{color:#f16643;background:rgba(254,245,243,.5)}.ivu-btn-ghost.ivu-btn-dashed[disabled],.ivu-btn-ghost.ivu-btn-default[disabled],.ivu-btn-ghost.ivu-btn-error[disabled],.ivu-btn-ghost.ivu-btn-info[disabled],.ivu-btn-ghost.ivu-btn-primary[disabled],.ivu-btn-ghost.ivu-btn-success[disabled],.ivu-btn-ghost.ivu-btn-warning[disabled]{background:0 0;color:rgba(0,0,0,.25);border-color:#dcdee2}.ivu-btn-ghost.ivu-btn-text[disabled]{background:0 0;color:rgba(0,0,0,.25)}a.ivu-btn{padding-top:.1px;line-height:30px}a.ivu-btn-large{line-height:38px}a.ivu-btn-small{line-height:22px}.ivu-affix{position:fixed;z-index:10}.ivu-back-top{z-index:10;position:fixed;cursor:pointer;display:none}.ivu-back-top.ivu-back-top-show{display:block}.ivu-back-top-inner{background-color:rgba(0,0,0,.6);border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-back-top-inner:hover{background-color:rgba(0,0,0,.7)}.ivu-back-top i{color:#fff;font-size:24px;padding:8px 12px}.ivu-badge{position:relative;display:inline-block}.ivu-badge-count{font-family:"Monospaced Number";line-height:1;vertical-align:middle;position:absolute;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);top:-10px;right:0;height:20px;border-radius:10px;min-width:20px;background:#ed4014;border:1px solid transparent;color:#fff;line-height:18px;text-align:center;padding:0 6px;font-size:12px;white-space:nowrap;-webkit-transform-origin:-10% center;-ms-transform-origin:-10% center;transform-origin:-10% center;z-index:10;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.ivu-badge-count-custom{background:0 0;color:inherit;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-badge-count a,.ivu-badge-count a:hover{color:#fff}.ivu-badge-count-alone{top:auto;display:block;position:relative;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.ivu-badge-count-primary{background:#2d8cf0}.ivu-badge-count-success{background:#19be6b}.ivu-badge-count-error{background:#ed4014}.ivu-badge-count-warning{background:#f90}.ivu-badge-count-info{background:#2db7f5}.ivu-badge-count-normal{background:#e6ebf1;color:#808695}.ivu-badge-dot{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;top:-4px;right:-8px;height:8px;width:8px;border-radius:100%;background:#ed4014;z-index:10;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.ivu-badge-status{line-height:inherit;vertical-align:baseline}.ivu-badge-status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;vertical-align:middle;position:relative;top:-1px}.ivu-badge-status-success{background-color:#19be6b}.ivu-badge-status-processing{background-color:#2d8cf0;position:relative}.ivu-badge-status-processing:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #2d8cf0;content:'';-webkit-animation:aniStatusProcessing 1.2s infinite ease-in-out;animation:aniStatusProcessing 1.2s infinite ease-in-out}.ivu-badge-status-default{background-color:#e6ebf1}.ivu-badge-status-error{background-color:#ed4014}.ivu-badge-status-warning{background-color:#f90}.ivu-badge-status-text{display:inline-block;color:#515a6e;font-size:14px;margin-left:6px}.ivu-badge-status-pink{background-color:#eb2f96}.ivu-badge-status-magenta{background-color:#eb2f96}.ivu-badge-status-red{background-color:#f5222d}.ivu-badge-status-volcano{background-color:#fa541c}.ivu-badge-status-orange{background-color:#fa8c16}.ivu-badge-status-yellow{background-color:#fadb14}.ivu-badge-status-gold{background-color:#faad14}.ivu-badge-status-cyan{background-color:#13c2c2}.ivu-badge-status-lime{background-color:#a0d911}.ivu-badge-status-green{background-color:#52c41a}.ivu-badge-status-blue{background-color:#1890ff}.ivu-badge-status-geekblue{background-color:#2f54eb}.ivu-badge-status-purple{background-color:#722ed1}@-webkit-keyframes aniStatusProcessing{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}100%{-webkit-transform:scale(2.4);transform:scale(2.4);opacity:0}}@keyframes aniStatusProcessing{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}100%{-webkit-transform:scale(2.4);transform:scale(2.4);opacity:0}}.ivu-chart-circle{display:inline-block;position:relative}.ivu-chart-circle-inner{width:100%;text-align:center;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1}.ivu-spin{color:#2d8cf0;vertical-align:middle;text-align:center}.ivu-spin-dot{position:relative;display:block;border-radius:50%;background-color:#2d8cf0;width:20px;height:20px;-webkit-animation:ani-spin-bounce 1s 0s ease-in-out infinite;animation:ani-spin-bounce 1s 0s ease-in-out infinite}.ivu-spin-large .ivu-spin-dot{width:32px;height:32px}.ivu-spin-small .ivu-spin-dot{width:12px;height:12px}.ivu-spin-fix{position:absolute;top:0;left:0;z-index:8;width:100%;height:100%;background-color:rgba(255,255,255,.9)}.ivu-spin-fullscreen{z-index:2010}.ivu-spin-fullscreen-wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.ivu-spin-fix .ivu-spin-main{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ivu-spin-fix .ivu-spin-dot{display:inline-block}.ivu-spin-show-text .ivu-spin-dot,.ivu-spin-text{display:none}.ivu-spin-show-text .ivu-spin-text{display:block}.ivu-table-wrapper>.ivu-spin-fix{border:none}.ivu-table-wrapper-with-border>.ivu-spin-fix{border:1px solid #dcdee2;border-top:0;border-left:0}@-webkit-keyframes ani-spin-bounce{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ani-spin-bounce{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ivu-alert{position:relative;padding:8px 48px 8px 16px;border-radius:4px;color:#515a6e;font-size:14px;line-height:16px;margin-bottom:10px}.ivu-alert.ivu-alert-with-icon{padding:8px 48px 8px 38px}.ivu-alert-icon{font-size:16px;top:6px;left:12px;position:absolute}.ivu-alert-desc{font-size:14px;color:#515a6e;line-height:21px;display:none;text-align:justify}.ivu-alert-success{border:1px solid #8ce6b0;background-color:#edfff3}.ivu-alert-success .ivu-alert-icon{color:#19be6b}.ivu-alert-info{border:1px solid #abdcff;background-color:#f0faff}.ivu-alert-info .ivu-alert-icon{color:#2d8cf0}.ivu-alert-warning{border:1px solid #ffd77a;background-color:#fff9e6}.ivu-alert-warning .ivu-alert-icon{color:#f90}.ivu-alert-error{border:1px solid #ffb08f;background-color:#ffefe6}.ivu-alert-error .ivu-alert-icon{color:#ed4014}.ivu-alert-close{font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-alert-close .ivu-icon-ios-close{font-size:22px;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-3px}.ivu-alert-close .ivu-icon-ios-close:hover{color:#444}.ivu-alert-with-desc{padding:16px;position:relative;border-radius:4px;margin-bottom:10px;color:#515a6e;line-height:1.5}.ivu-alert-with-desc.ivu-alert-with-icon{padding:16px 16px 16px 69px}.ivu-alert-with-desc .ivu-alert-desc{display:block}.ivu-alert-with-desc .ivu-alert-message{font-size:16px;color:#17233d;display:block;margin-bottom:4px}.ivu-alert-with-desc .ivu-alert-icon{top:50%;left:24px;margin-top:-24px;font-size:28px}.ivu-alert-with-banner{border-radius:0}.ivu-collapse{background-color:#f7f7f7;border-radius:3px;border:1px solid #dcdee2}.ivu-collapse-simple{border-left:none;border-right:none;background-color:#fff;border-radius:0}.ivu-collapse>.ivu-collapse-item{border-top:1px solid #dcdee2}.ivu-collapse>.ivu-collapse-item:first-child{border-top:0}.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{height:38px;line-height:38px;padding-left:16px;color:#666;cursor:pointer;position:relative;border-bottom:1px solid transparent;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;margin-right:14px}.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header{border-bottom:1px solid #dcdee2}.ivu-collapse-simple>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header{border-bottom:1px solid transparent}.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ivu-collapse-content{color:#515a6e;padding:0 16px;background-color:#fff}.ivu-collapse-content>.ivu-collapse-content-box{padding-top:16px;padding-bottom:16px}.ivu-collapse-simple>.ivu-collapse-item>.ivu-collapse-content>.ivu-collapse-content-box{padding-top:0}.ivu-collapse-item:last-child>.ivu-collapse-content{border-radius:0 0 3px 3px}.ivu-card{display:block;background:#fff;border-radius:4px;font-size:14px;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-card-bordered{border:1px solid #dcdee2;border-color:#e8eaec}.ivu-card-shadow{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.ivu-card:hover{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);border-color:#eee}.ivu-card.ivu-card-dis-hover:hover{-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.ivu-card.ivu-card-dis-hover.ivu-card-bordered:hover{border-color:#e8eaec}.ivu-card.ivu-card-shadow:hover{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.ivu-card-head{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-card-head p,.ivu-card-head-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-card-extra{position:absolute;right:16px;top:14px}.ivu-card-body{padding:16px}.ivu-message{font-size:14px;position:fixed;z-index:1010;width:100%;top:16px;left:0;pointer-events:none}.ivu-message-notice{padding:8px;text-align:center;-webkit-transition:height .3s ease-in-out,padding .3s ease-in-out;transition:height .3s ease-in-out,padding .3s ease-in-out}.ivu-message-notice:first-child{margin-top:-8px}.ivu-message-notice-close{position:absolute;right:4px;top:10px;color:#999;outline:0}.ivu-message-notice-close i.ivu-icon{font-size:22px;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-3px}.ivu-message-notice-close i.ivu-icon:hover{color:#444}.ivu-message-notice-content{display:inline-block;pointer-events:all;padding:8px 16px;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);background:#fff;position:relative}.ivu-message-notice-content-text{display:inline-block}.ivu-message-notice-closable .ivu-message-notice-content-text{padding-right:32px}.ivu-message-success .ivu-icon{color:#19be6b}.ivu-message-error .ivu-icon{color:#ed4014}.ivu-message-warning .ivu-icon{color:#f90}.ivu-message-info .ivu-icon,.ivu-message-loading .ivu-icon{color:#2d8cf0}.ivu-message .ivu-icon{margin-right:4px;font-size:16px;vertical-align:middle}.ivu-message-custom-content span{vertical-align:middle}.ivu-message-notice-with-background .ivu-message-notice-content-background{-webkit-box-shadow:none;box-shadow:none}.ivu-message-notice-with-background .ivu-message-notice-content-info{background:#f0faff;color:#2e8bf0;border:1px solid #d4eeff}.ivu-message-notice-with-background .ivu-message-notice-content-success{background:#edfff3;color:#19bf6c;border:1px solid #bbf2cf}.ivu-message-notice-with-background .ivu-message-notice-content-warning{background:#fff9e6;color:#f90;border:1px solid #ffe7a3}.ivu-message-notice-with-background .ivu-message-notice-content-error{background:#ffefe6;color:#ed3f13;border:1px solid #ffcfb8}.ivu-notice{width:335px;margin-right:24px;position:fixed;z-index:1010}.ivu-notice-content-with-icon{margin-left:51px}.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-title{margin-left:51px}.ivu-notice-notice{margin-bottom:10px;padding:16px;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);background:#fff;line-height:1;position:relative;overflow:hidden}.ivu-notice-notice-close{position:absolute;right:8px;top:15px;color:#999;outline:0}.ivu-notice-notice-close i{font-size:22px;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-3px}.ivu-notice-notice-close i:hover{color:#444}.ivu-notice-notice-content-with-render .ivu-notice-desc{display:none}.ivu-notice-notice-with-desc .ivu-notice-notice-close{top:11px}.ivu-notice-content-with-render-notitle{margin-left:26px}.ivu-notice-title{font-size:16px;line-height:19px;color:#17233d;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-notice-with-desc .ivu-notice-title{margin-bottom:8px}.ivu-notice-desc{font-size:14px;color:#515a6e;text-align:justify;line-height:1.5}.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-desc{margin-left:51px}.ivu-notice-with-icon .ivu-notice-title{margin-left:26px}.ivu-notice-icon{position:absolute;top:-2px;font-size:20px}.ivu-notice-icon-success{color:#19be6b}.ivu-notice-icon-info{color:#2d8cf0}.ivu-notice-icon-warning{color:#f90}.ivu-notice-icon-error{color:#ed4014}.ivu-notice-with-desc .ivu-notice-icon{font-size:36px;top:-6px}.ivu-notice-custom-content{position:relative}.ivu-radio-focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2);z-index:1}.ivu-radio-group{display:inline-block;font-size:14px;vertical-align:middle}.ivu-radio-group-vertical .ivu-radio-wrapper{display:block;height:30px;line-height:30px}.ivu-radio-wrapper{font-size:14px;vertical-align:middle;display:inline-block;position:relative;white-space:nowrap;margin-right:8px;cursor:pointer}.ivu-radio-wrapper-disabled{cursor:not-allowed}.ivu-radio{display:inline-block;margin-right:4px;white-space:nowrap;position:relative;line-height:1;vertical-align:middle;cursor:pointer}.ivu-radio:hover .ivu-radio-inner{border-color:#bcbcbc}.ivu-radio-inner{display:inline-block;width:16px;height:16px;position:relative;top:0;left:0;background-color:#fff;border:1px solid #dcdee2;border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-radio-inner:after{position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:6px;display:table;border-top:0;border-left:0;content:' ';background-color:#2d8cf0;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.ivu-radio-large{font-size:16px}.ivu-radio-large .ivu-radio-inner{width:18px;height:18px}.ivu-radio-large .ivu-radio-inner:after{width:12px;height:12px}.ivu-radio-large .ivu-radio-wrapper,.ivu-radio-large.ivu-radio-wrapper{font-size:16px}.ivu-radio-small .ivu-radio-inner{width:14px;height:14px}.ivu-radio-small .ivu-radio-inner:after{width:8px;height:8px}.ivu-radio-input{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;opacity:0;cursor:pointer}.ivu-radio-border{border:1px solid #dcdee2;border-radius:4px;height:32px;line-height:30px;padding:0 15px;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.ivu-radio-group-small .ivu-radio-border,.ivu-radio-small.ivu-radio-border{height:24px;line-height:22px;padding:0 7px}.ivu-radio-group-large .ivu-radio-border,.ivu-radio-large.ivu-radio-border{height:40px;line-height:36px;padding:0 15px}.ivu-radio-wrapper-checked.ivu-radio-border{border-color:#2d8cf0}.ivu-radio-wrapper-disabled.ivu-radio-border{border-color:#dcdee2}.ivu-radio-checked .ivu-radio-inner{border-color:#2d8cf0}.ivu-radio-checked .ivu-radio-inner:after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-radio-checked:hover .ivu-radio-inner{border-color:#2d8cf0}.ivu-radio-disabled{cursor:not-allowed}.ivu-radio-disabled .ivu-radio-input{cursor:not-allowed}.ivu-radio-disabled:hover .ivu-radio-inner{border-color:#dcdee2}.ivu-radio-disabled .ivu-radio-inner{border-color:#dcdee2;background-color:#f3f3f3}.ivu-radio-disabled .ivu-radio-inner:after{background-color:#ccc}.ivu-radio-disabled .ivu-radio-disabled+span{color:#ccc}span.ivu-radio+*{margin-left:2px;margin-right:2px}.ivu-radio-group-button{font-size:0;-webkit-text-size-adjust:none}.ivu-radio-group-button .ivu-radio{width:0;margin-right:0}.ivu-radio-group-button .ivu-radio-wrapper{display:inline-block;height:32px;line-height:30px;margin:0;padding:0 15px;font-size:14px;color:#515a6e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;border:1px solid #dcdee2;border-left:0;background:#fff;position:relative}.ivu-radio-group-button .ivu-radio-wrapper>span{margin-left:0}.ivu-radio-group-button .ivu-radio-wrapper:after,.ivu-radio-group-button .ivu-radio-wrapper:before{content:'';display:block;position:absolute;width:1px;height:100%;left:-1px;top:0;background:#dcdee2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-radio-group-button .ivu-radio-wrapper:after{height:36px;left:-1px;top:-3px;background:rgba(45,140,240,.2);opacity:0}.ivu-radio-group-button .ivu-radio-wrapper:first-child{border-radius:4px 0 0 4px;border-left:1px solid #dcdee2}.ivu-radio-group-button .ivu-radio-wrapper:first-child:after,.ivu-radio-group-button .ivu-radio-wrapper:first-child:before{display:none}.ivu-radio-group-button .ivu-radio-wrapper:last-child{border-radius:0 4px 4px 0}.ivu-radio-group-button .ivu-radio-wrapper:first-child:last-child{border-radius:4px}.ivu-radio-group-button .ivu-radio-wrapper:hover{position:relative;color:#2d8cf0}.ivu-radio-group-button .ivu-radio-wrapper:hover .ivu-radio{background-color:#000}.ivu-radio-group-button .ivu-radio-wrapper .ivu-radio-inner,.ivu-radio-group-button .ivu-radio-wrapper input{opacity:0;width:0;height:0}.ivu-radio-group-button .ivu-radio-wrapper-checked{background:#fff;border-color:#2d8cf0;color:#2d8cf0;-webkit-box-shadow:-1px 0 0 0 #2d8cf0;box-shadow:-1px 0 0 0 #2d8cf0;z-index:1}.ivu-radio-group-button .ivu-radio-wrapper-checked:before{background:#2d8cf0;opacity:.1}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus{-webkit-box-shadow:-1px 0 0 0 #2d8cf0,0 0 0 2px rgba(45,140,240,.2);box-shadow:-1px 0 0 0 #2d8cf0,0 0 0 2px rgba(45,140,240,.2);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:after{left:-3px;top:-3px;opacity:1;background:rgba(45,140,240,.2)}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:first-child{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-radio-group-button .ivu-radio-wrapper-checked:first-child{border-color:#2d8cf0;-webkit-box-shadow:none;box-shadow:none}.ivu-radio-group-button .ivu-radio-wrapper-checked:hover{border-color:#57a3f3;color:#57a3f3}.ivu-radio-group-button .ivu-radio-wrapper-checked:active{border-color:#2b85e4;color:#2b85e4}.ivu-radio-group-button .ivu-radio-wrapper-disabled{border-color:#dcdee2;background-color:#f7f7f7;cursor:not-allowed;color:#ccc}.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child,.ivu-radio-group-button .ivu-radio-wrapper-disabled:hover{border-color:#dcdee2;background-color:#f7f7f7;color:#ccc}.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child{border-left-color:#dcdee2}.ivu-radio-group-button .ivu-radio-wrapper-disabled.ivu-radio-wrapper-checked{color:#fff;background-color:#e6e6e6;border-color:#dcdee2;-webkit-box-shadow:none!important;box-shadow:none!important}.ivu-radio-group-button-solid .ivu-radio-wrapper-checked:not(.ivu-radio-wrapper-disabled){background:#2d8cf0;color:#fff}.ivu-radio-group-button-solid .ivu-radio-wrapper-checked:not(.ivu-radio-wrapper-disabled):hover{background:#57a3f3;color:#fff}.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper{height:40px;line-height:38px;font-size:16px}.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper:after{height:44px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper{height:24px;line-height:22px;padding:0 12px;font-size:14px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:after{height:28px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:first-child{border-radius:3px 0 0 3px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:last-child{border-radius:0 3px 3px 0}.ivu-checkbox-focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2);z-index:1}.ivu-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;line-height:1;position:relative}.ivu-checkbox-disabled{cursor:not-allowed}.ivu-checkbox:hover .ivu-checkbox-inner{border-color:#bcbcbc}.ivu-checkbox-inner{display:inline-block;width:16px;height:16px;position:relative;top:0;left:0;border:1px solid #dcdee2;border-radius:2px;background-color:#fff;-webkit-transition:border-color .2s ease-in-out,background-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-checkbox-inner:after{content:'';display:table;width:4px;height:8px;position:absolute;top:1px;left:4px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-checkbox-large .ivu-checkbox-inner{width:18px;height:18px}.ivu-checkbox-large .ivu-checkbox-inner:after{width:5px;height:9px}.ivu-checkbox-small{font-size:14px}.ivu-checkbox-small .ivu-checkbox-inner{width:14px;height:14px}.ivu-checkbox-small .ivu-checkbox-inner:after{top:0;left:3px}.ivu-checkbox-input{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;cursor:pointer;opacity:0}.ivu-checkbox-input[disabled]{cursor:not-allowed}.ivu-checkbox-border{border:1px solid #dcdee2;border-radius:4px;height:32px;line-height:30px;padding:0 15px;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.ivu-checkbox-group.ivu-checkbox-small .ivu-checkbox-border,.ivu-checkbox-small.ivu-checkbox-border{height:24px;line-height:22px;padding:0 7px}.ivu-checkbox-group.ivu-checkbox-large .ivu-checkbox-border,.ivu-checkbox-large.ivu-checkbox-border{height:40px;line-height:36px;padding:0 15px}.ivu-checkbox-wrapper-checked.ivu-checkbox-border{border-color:#2d8cf0}.ivu-checkbox-wrapper-disabled.ivu-checkbox-border{border-color:#dcdee2}.ivu-checkbox-checked:hover .ivu-checkbox-inner{border-color:#2d8cf0}.ivu-checkbox-checked .ivu-checkbox-inner{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-checkbox-checked .ivu-checkbox-inner:after{content:'';display:table;width:4px;height:8px;position:absolute;top:2px;left:5px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-checkbox-large .ivu-checkbox-checked .ivu-checkbox-inner:after{width:6px;height:10px}.ivu-checkbox-small .ivu-checkbox-checked .ivu-checkbox-inner:after{top:1px;left:4px}.ivu-checkbox-disabled.ivu-checkbox-checked:hover .ivu-checkbox-inner{border-color:#dcdee2}.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner{background-color:#f3f3f3;border-color:#dcdee2}.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#ccc}.ivu-checkbox-disabled:hover .ivu-checkbox-inner{border-color:#dcdee2}.ivu-checkbox-disabled .ivu-checkbox-inner{border-color:#dcdee2;background-color:#f3f3f3}.ivu-checkbox-disabled .ivu-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#f3f3f3}.ivu-checkbox-disabled .ivu-checkbox-inner-input{cursor:default}.ivu-checkbox-disabled+span{color:#ccc;cursor:not-allowed}.ivu-checkbox-indeterminate .ivu-checkbox-inner:after{content:'';width:10px;height:1px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute;left:2px;top:6px}.ivu-checkbox-indeterminate:hover .ivu-checkbox-inner{border-color:#2d8cf0}.ivu-checkbox-indeterminate .ivu-checkbox-inner{background-color:#2d8cf0;border-color:#2d8cf0}.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner{background-color:#f3f3f3;border-color:#dcdee2}.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner:after{border-color:#c5c8ce}.ivu-checkbox-large .ivu-checkbox-indeterminate .ivu-checkbox-inner:after{width:12px;top:7px}.ivu-checkbox-small .ivu-checkbox-indeterminate .ivu-checkbox-inner:after{width:8px;top:5px}.ivu-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block;margin-right:8px}.ivu-checkbox-wrapper-disabled{cursor:not-allowed}.ivu-checkbox-wrapper.ivu-checkbox-large{font-size:16px}.ivu-checkbox+span,.ivu-checkbox-wrapper+span{margin-right:4px}.ivu-checkbox-group{font-size:14px}.ivu-checkbox-group-item{display:inline-block}.ivu-switch{display:inline-block;width:44px;height:22px;line-height:20px;border-radius:22px;vertical-align:middle;border:1px solid #ccc;background-color:#ccc;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-switch-loading{opacity:.4}.ivu-switch-inner{color:#fff;font-size:12px;position:absolute;left:23px}.ivu-switch-inner i{width:12px;height:12px;text-align:center;position:relative;top:-1px}.ivu-switch:after{content:'';width:18px;height:18px;border-radius:18px;background-color:#fff;position:absolute;left:1px;top:1px;cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.ivu-switch:active:after{width:26px}.ivu-switch:before{content:'';display:none;width:14px;height:14px;border-radius:50%;background-color:transparent;position:absolute;left:3px;top:3px;z-index:1;border:1px solid #2d8cf0;border-color:transparent transparent transparent #2d8cf0;-webkit-animation:switch-loading 1s linear;animation:switch-loading 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ivu-switch-loading:before{display:block}.ivu-switch:focus{-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2);outline:0}.ivu-switch:focus:hover{-webkit-box-shadow:none;box-shadow:none}.ivu-switch-small{width:28px;height:16px;line-height:14px}.ivu-switch-small:after{width:12px;height:12px}.ivu-switch-small:active:after{width:14px}.ivu-switch-small:before{width:10px;height:10px;left:2px;top:2px}.ivu-switch-small.ivu-switch-checked:after{left:13px}.ivu-switch-small.ivu-switch-checked:before{left:14px}.ivu-switch-small:active.ivu-switch-checked:after{left:11px}.ivu-switch-large{width:56px}.ivu-switch-large:active:after{width:26px}.ivu-switch-large:active:after{width:30px}.ivu-switch-large.ivu-switch-checked:after{left:35px}.ivu-switch-large.ivu-switch-checked:before{left:37px}.ivu-switch-large:active.ivu-switch-checked:after{left:23px}.ivu-switch-checked{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-switch-checked .ivu-switch-inner{left:7px}.ivu-switch-checked:after{left:23px}.ivu-switch-checked:before{left:25px}.ivu-switch-checked:active:after{left:15px}.ivu-switch-disabled{cursor:not-allowed;opacity:.4}.ivu-switch-disabled:after{background:#fff;cursor:not-allowed}.ivu-switch-disabled .ivu-switch-inner{color:#fff}.ivu-switch-disabled.ivu-switch-checked{border-color:#2d8cf0;background-color:#2d8cf0;opacity:.4}.ivu-switch-disabled.ivu-switch-checked:after{background:#fff}.ivu-switch-disabled.ivu-switch-checked .ivu-switch-inner{color:#fff}@-webkit-keyframes switch-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes switch-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ivu-input-number{display:inline-block;width:100%;line-height:1.5;padding:4px 7px;font-size:14px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;margin:0;padding:0;width:80px;height:32px;line-height:32px;vertical-align:middle;border:1px solid #dcdee2;border-radius:4px;overflow:hidden;cursor:default}.ivu-input-number::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-input-number:-ms-input-placeholder{color:#c5c8ce}.ivu-input-number::-webkit-input-placeholder{color:#c5c8ce}.ivu-input-number:hover{border-color:#57a3f3}.ivu-input-number:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input-number[disabled],fieldset[disabled] .ivu-input-number{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number[disabled]:hover,fieldset[disabled] .ivu-input-number:hover{border-color:#e3e5e8}textarea.ivu-input-number{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-input-number-large{font-size:16px;padding:6px 7px;height:40px}.ivu-input-number-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-input-number-no-border{border-radius:0;border-color:transparent}.ivu-input-number-no-border:hover{border-color:transparent}.ivu-input-number-no-border:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-input-number-no-border[disabled]{background-color:transparent}.ivu-input-number-no-border[disabled]:hover{border-color:transparent}.ivu-input-number-handler-wrap{width:22px;height:100%;border-left:1px solid #dcdee2;border-radius:0 4px 4px 0;background:#fff;position:absolute;top:0;right:0;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.ivu-input-number:hover .ivu-input-number-handler-wrap{opacity:1}.ivu-input-number-handler-up{cursor:pointer}.ivu-input-number-handler-up-inner{top:1px}.ivu-input-number-handler-down{border-top:1px solid #dcdee2;top:-1px;cursor:pointer}.ivu-input-number-handler{display:block;width:100%;height:16px;line-height:0;text-align:center;overflow:hidden;color:#999;position:relative}.ivu-input-number-handler:hover .ivu-input-number-handler-down-inner,.ivu-input-number-handler:hover .ivu-input-number-handler-up-inner{color:#57a3f3}.ivu-input-number-handler-down-inner,.ivu-input-number-handler-up-inner{width:12px;height:12px;line-height:12px;font-size:14px;color:#999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:5px;-webkit-transition:all .2s linear;transition:all .2s linear}.ivu-input-number:hover{border-color:#57a3f3}.ivu-input-number-focused{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input-number-disabled{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number-disabled:hover{border-color:#e3e5e8}.ivu-input-number-input-wrap{overflow:hidden;height:32px}.ivu-input-number-input{width:100%;height:32px;line-height:32px;padding:0 7px;text-align:left;outline:0;-moz-appearance:textfield;color:#666;border:0;border-radius:4px;-webkit-transition:all .2s linear;transition:all .2s linear}.ivu-input-number-input[disabled]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number-input[disabled]:hover{border-color:#e3e5e8}.ivu-input-number-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-input-number-input::-moz-placeholder{color:#c5c8ce}.ivu-input-number-input::-ms-input-placeholder{color:#c5c8ce}.ivu-input-number-input::placeholder{color:#c5c8ce}.ivu-input-number-large{padding:0}.ivu-input-number-large .ivu-input-number-input-wrap{height:40px}.ivu-input-number-large .ivu-input-number-handler{height:20px}.ivu-input-number-large input{height:40px;line-height:40px}.ivu-input-number-large .ivu-input-number-handler-up-inner{top:2px}.ivu-input-number-large .ivu-input-number-handler-down-inner{bottom:2px}.ivu-input-number-small{padding:0}.ivu-input-number-small .ivu-input-number-input-wrap{height:24px}.ivu-input-number-small .ivu-input-number-handler{height:12px}.ivu-input-number-small input{height:24px;line-height:24px;margin-top:-1px;vertical-align:top}.ivu-input-number-small .ivu-input-number-handler-up-inner{top:-1px}.ivu-input-number-small .ivu-input-number-handler-down-inner{bottom:-1px}.ivu-input-number-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-disabled .ivu-input-number-handler-up-inner,.ivu-input-number-handler-down-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-handler-down-disabled .ivu-input-number-handler-up-inner,.ivu-input-number-handler-up-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-handler-up-disabled .ivu-input-number-handler-up-inner{opacity:.72;color:#ccc!important;cursor:not-allowed}.ivu-input-number-disabled .ivu-input-number-input{opacity:.72;cursor:not-allowed;background-color:#f3f3f3}.ivu-input-number-disabled .ivu-input-number-handler-wrap{display:none}.ivu-input-number-disabled .ivu-input-number-handler{opacity:.72;color:#ccc!important;cursor:not-allowed}.ivu-input-number-controls-outside{width:144px;padding:0 32px}.ivu-input-number-controls-outside .ivu-input-number-input{border-radius:0}.ivu-input-number-controls-outside-btn{display:inline-block;width:32px;height:32px;line-height:30px;position:absolute;top:0;text-align:center;background-color:#f8f8f9;color:#515a6e;cursor:pointer}.ivu-input-number-controls-outside-btn i{font-size:16px}.ivu-input-number-controls-outside-btn:hover i{color:#2d8cf0}.ivu-input-number-controls-outside-btn-disabled,.ivu-input-number-controls-outside-btn-disabled:hover{cursor:not-allowed}.ivu-input-number-controls-outside-btn-disabled i,.ivu-input-number-controls-outside-btn-disabled:hover i{color:#ccc}.ivu-input-number-controls-outside-up{right:0;border-left:1px solid #dcdee2}.ivu-input-number-controls-outside-down{left:0;border-right:1px solid #dcdee2}.ivu-input-number-disabled.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn{cursor:not-allowed}.ivu-input-number-disabled.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn i{color:#ccc}.ivu-input-number-large.ivu-input-number-controls-outside{width:160px;padding:0 40px}.ivu-input-number-large.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn{width:40px;height:40px;line-height:38px}.ivu-input-number-large.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn i{font-size:20px}.ivu-input-number-small.ivu-input-number-controls-outside{width:128px;padding:0 24px}.ivu-input-number-small.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn{width:24px;height:24px;line-height:22px}.ivu-input-number-small.ivu-input-number-controls-outside .ivu-input-number-controls-outside-btn i{font-size:14px}.ivu-form-item-error .ivu-input-number{border:1px solid #ed4014}.ivu-form-item-error .ivu-input-number:hover{border-color:#ed4014}.ivu-form-item-error .ivu-input-number:focus{border-color:#ed4014;outline:0;-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.2);box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-form-item-error .ivu-input-number-focused{border-color:#ed4014;outline:0;-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.2);box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-scroll-wrapper{width:auto;margin:0 auto;position:relative;outline:0}.ivu-scroll-container{overflow-y:scroll}@-webkit-keyframes ani-stop-slide{from{overflow-y:hidden;tansform:translateZ(0)}to{overflow-y:scroll;tansform:translateZ(0)}}@keyframes ani-stop-slide{from{overflow-y:hidden;tansform:translateZ(0)}to{overflow-y:scroll;tansform:translateZ(0)}}.ivu-scroll-container-loading{-webkit-animation:ani-stop-slide 1.5s;animation:ani-stop-slide 1.5s}.ivu-scroll-content{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.ivu-scroll-content-loading{opacity:.5}.ivu-scroll-loader{text-align:center;padding:0;-webkit-transition:padding .5s;transition:padding .5s}.ivu-scroll-loader-wrapper{padding:5px 0;height:0;background-color:inherit;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s,height .5s,-webkit-transform .5s;transition:opacity .3s,height .5s,-webkit-transform .5s;transition:opacity .3s,transform .5s,height .5s;transition:opacity .3s,transform .5s,height .5s,-webkit-transform .5s}.ivu-scroll-loader-wrapper-active{height:40px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes ani-demo-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ani-demo-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ivu-scroll-loader-wrapper .ivu-scroll-spinner{position:relative}.ivu-scroll-loader-wrapper .ivu-scroll-spinner-icon{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}.ivu-tag{display:inline-block;height:22px;line-height:22px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #e8eaec;border-radius:3px;background:#f7f7f7;font-size:12px;vertical-align:middle;opacity:1;overflow:hidden}.ivu-tag-size-large{height:32px;line-height:32px;padding:0 12px}.ivu-tag-size-medium{height:28px;line-height:28px;padding:0 10px}.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked){background:0 0;border:0;color:#515a6e}.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked) .ivu-icon-ios-close{color:#515a6e!important}.ivu-tag-color-error{color:#ed4014!important;border-color:#ed4014}.ivu-tag-color-success{color:#19be6b!important;border-color:#19be6b}.ivu-tag-color-primary{color:#2d8cf0!important;border-color:#2d8cf0}.ivu-tag-color-warning{color:#f90!important;border-color:#f90}.ivu-tag-color-white{color:#fff!important}.ivu-tag-dot{height:32px;line-height:32px;border:1px solid #e8eaec!important;color:#515a6e!important;background:#fff!important;padding:0 12px}.ivu-tag-dot-inner{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;background:#e8eaec;position:relative;top:1px}.ivu-tag-dot .ivu-icon-ios-close{color:#666!important;margin-left:12px!important}.ivu-tag-border{height:24px;line-height:24px;border:1px solid #e8eaec;color:#e8eaec;background:#fff!important;position:relative}.ivu-tag-border .ivu-icon-ios-close{color:#666;margin-left:12px!important}.ivu-tag-border:after{content:"";display:none;width:1px;background:currentColor;position:absolute;top:0;bottom:0;right:22px}.ivu-tag-border.ivu-tag-closable:after{display:block}.ivu-tag-border.ivu-tag-closable .ivu-icon-ios-close{margin-left:18px!important;left:4px;top:-1px}.ivu-tag-border.ivu-tag-primary{color:#2d8cf0!important;border:1px solid #2d8cf0!important}.ivu-tag-border.ivu-tag-primary:after{background:#2d8cf0}.ivu-tag-border.ivu-tag-primary .ivu-icon-ios-close{color:#2d8cf0!important}.ivu-tag-border.ivu-tag-success{color:#19be6b!important;border:1px solid #19be6b!important}.ivu-tag-border.ivu-tag-success:after{background:#19be6b}.ivu-tag-border.ivu-tag-success .ivu-icon-ios-close{color:#19be6b!important}.ivu-tag-border.ivu-tag-warning{color:#f90!important;border:1px solid #f90!important}.ivu-tag-border.ivu-tag-warning:after{background:#f90}.ivu-tag-border.ivu-tag-warning .ivu-icon-ios-close{color:#f90!important}.ivu-tag-border.ivu-tag-error{color:#ed4014!important;border:1px solid #ed4014!important}.ivu-tag-border.ivu-tag-error:after{background:#ed4014}.ivu-tag-border.ivu-tag-error .ivu-icon-ios-close{color:#ed4014!important}.ivu-tag:hover{opacity:.85}.ivu-tag-text{color:#515a6e}.ivu-tag-text a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ivu-tag .ivu-icon-ios-close{display:inline-block;font-size:14px;-webkit-transform:scale(1.42857143) rotate(0);-ms-transform:scale(1.42857143) rotate(0);transform:scale(1.42857143) rotate(0);cursor:pointer;margin-left:2px;color:#666;opacity:.66;position:relative;top:-1px}:root .ivu-tag .ivu-icon-ios-close{font-size:14px}.ivu-tag .ivu-icon-ios-close:hover{opacity:1}.ivu-tag-error,.ivu-tag-primary,.ivu-tag-success,.ivu-tag-warning{border:0}.ivu-tag-error,.ivu-tag-error .ivu-icon-ios-close,.ivu-tag-error .ivu-icon-ios-close:hover,.ivu-tag-error a,.ivu-tag-error a:hover,.ivu-tag-primary,.ivu-tag-primary .ivu-icon-ios-close,.ivu-tag-primary .ivu-icon-ios-close:hover,.ivu-tag-primary a,.ivu-tag-primary a:hover,.ivu-tag-success,.ivu-tag-success .ivu-icon-ios-close,.ivu-tag-success .ivu-icon-ios-close:hover,.ivu-tag-success a,.ivu-tag-success a:hover,.ivu-tag-warning,.ivu-tag-warning .ivu-icon-ios-close,.ivu-tag-warning .ivu-icon-ios-close:hover,.ivu-tag-warning a,.ivu-tag-warning a:hover{color:#fff}.ivu-tag-primary,.ivu-tag-primary.ivu-tag-dot .ivu-tag-dot-inner{background:#2d8cf0}.ivu-tag-success,.ivu-tag-success.ivu-tag-dot .ivu-tag-dot-inner{background:#19be6b}.ivu-tag-warning,.ivu-tag-warning.ivu-tag-dot .ivu-tag-dot-inner{background:#f90}.ivu-tag-error,.ivu-tag-error.ivu-tag-dot .ivu-tag-dot-inner{background:#ed4014}.ivu-tag-pink{line-height:20px;background:#fff0f6;border-color:#ffadd2}.ivu-tag-pink .ivu-tag-text{color:#eb2f96!important}.ivu-tag-pink.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-pink{line-height:30px}.ivu-tag-size-medium.ivu-tag-pink{line-height:26px}.ivu-tag-magenta{line-height:20px;background:#fff0f6;border-color:#ffadd2}.ivu-tag-magenta .ivu-tag-text{color:#eb2f96!important}.ivu-tag-magenta.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-magenta{line-height:30px}.ivu-tag-size-medium.ivu-tag-magenta{line-height:26px}.ivu-tag-red{line-height:20px;background:#fff1f0;border-color:#ffa39e}.ivu-tag-red .ivu-tag-text{color:#f5222d!important}.ivu-tag-red.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-red{line-height:30px}.ivu-tag-size-medium.ivu-tag-red{line-height:26px}.ivu-tag-volcano{line-height:20px;background:#fff2e8;border-color:#ffbb96}.ivu-tag-volcano .ivu-tag-text{color:#fa541c!important}.ivu-tag-volcano.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-volcano{line-height:30px}.ivu-tag-size-medium.ivu-tag-volcano{line-height:26px}.ivu-tag-orange{line-height:20px;background:#fff7e6;border-color:#ffd591}.ivu-tag-orange .ivu-tag-text{color:#fa8c16!important}.ivu-tag-orange.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-orange{line-height:30px}.ivu-tag-size-medium.ivu-tag-orange{line-height:26px}.ivu-tag-yellow{line-height:20px;background:#feffe6;border-color:#fffb8f}.ivu-tag-yellow .ivu-tag-text{color:#fadb14!important}.ivu-tag-yellow.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-yellow{line-height:30px}.ivu-tag-size-medium.ivu-tag-yellow{line-height:26px}.ivu-tag-gold{line-height:20px;background:#fffbe6;border-color:#ffe58f}.ivu-tag-gold .ivu-tag-text{color:#faad14!important}.ivu-tag-gold.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-gold{line-height:30px}.ivu-tag-size-medium.ivu-tag-gold{line-height:26px}.ivu-tag-cyan{line-height:20px;background:#e6fffb;border-color:#87e8de}.ivu-tag-cyan .ivu-tag-text{color:#13c2c2!important}.ivu-tag-cyan.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-cyan{line-height:30px}.ivu-tag-size-medium.ivu-tag-cyan{line-height:26px}.ivu-tag-lime{line-height:20px;background:#fcffe6;border-color:#eaff8f}.ivu-tag-lime .ivu-tag-text{color:#a0d911!important}.ivu-tag-lime.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-lime{line-height:30px}.ivu-tag-size-medium.ivu-tag-lime{line-height:26px}.ivu-tag-green{line-height:20px;background:#f6ffed;border-color:#b7eb8f}.ivu-tag-green .ivu-tag-text{color:#52c41a!important}.ivu-tag-green.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-green{line-height:30px}.ivu-tag-size-medium.ivu-tag-green{line-height:26px}.ivu-tag-blue{line-height:20px;background:#e6f7ff;border-color:#91d5ff}.ivu-tag-blue .ivu-tag-text{color:#1890ff!important}.ivu-tag-blue.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-blue{line-height:30px}.ivu-tag-size-medium.ivu-tag-blue{line-height:26px}.ivu-tag-geekblue{line-height:20px;background:#f0f5ff;border-color:#adc6ff}.ivu-tag-geekblue .ivu-tag-text{color:#2f54eb!important}.ivu-tag-geekblue.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-geekblue{line-height:30px}.ivu-tag-size-medium.ivu-tag-geekblue{line-height:26px}.ivu-tag-purple{line-height:20px;background:#f9f0ff;border-color:#d3adf7}.ivu-tag-purple .ivu-tag-text{color:#722ed1!important}.ivu-tag-purple.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-purple{line-height:30px}.ivu-tag-size-medium.ivu-tag-purple{line-height:26px}.ivu-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto;background:#f5f7f9}.ivu-layout.ivu-layout-has-sider{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ivu-layout.ivu-layout-has-sider>.ivu-layout,.ivu-layout.ivu-layout-has-sider>.ivu-layout-content{overflow-x:hidden}.ivu-layout-footer,.ivu-layout-header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ivu-layout-header{background:#515a6e;padding:0 50px;height:64px;line-height:64px}.ivu-layout-sider{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;background:#515a6e;min-width:0}.ivu-layout-sider-children{height:100%;padding-top:.1px;margin-top:-.1px}.ivu-layout-sider-has-trigger{padding-bottom:48px}.ivu-layout-sider-trigger{position:fixed;bottom:0;text-align:center;cursor:pointer;height:48px;line-height:48px;color:#fff;background:#515a6e;z-index:1000;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-layout-sider-trigger .ivu-icon{font-size:16px}.ivu-layout-sider-trigger>*{-webkit-transition:all .2s;transition:all .2s}.ivu-layout-sider-trigger-collapsed .ivu-layout-sider-trigger-icon{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.ivu-layout-sider-zero-width>*{overflow:hidden}.ivu-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;text-align:center;width:36px;height:42px;line-height:42px;background:#515a6e;color:#fff;font-size:18px;border-radius:0 6px 6px 0;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease}.ivu-layout-sider-zero-width-trigger:hover{background:#626b7d}.ivu-layout-sider-zero-width-trigger.ivu-layout-sider-zero-width-trigger-left{right:0;left:-36px;border-radius:6px 0 0 6px}.ivu-layout-footer{background:#f5f7f9;padding:24px 50px;color:#515a6e;font-size:14px}.ivu-layout-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.ivu-loading-bar{width:100%;position:fixed;top:0;left:0;right:0;z-index:2000}.ivu-loading-bar-inner{-webkit-transition:width .2s linear;transition:width .2s linear}.ivu-loading-bar-inner-color-primary{background-color:#2d8cf0}.ivu-loading-bar-inner-failed-color-error{background-color:#ed4014}.ivu-progress{display:inline-block;width:100%;font-size:12px;position:relative}.ivu-progress-vertical{height:100%;width:auto}.ivu-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ivu-progress-show-info .ivu-progress-outer{padding-right:55px;margin-right:-55px}.ivu-progress-vertical .ivu-progress-outer{height:100%;width:auto}.ivu-progress-inner{display:inline-block;width:100%;background-color:#f3f3f3;border-radius:100px;vertical-align:middle;position:relative}.ivu-progress-inner-text{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 6px}.ivu-progress-vertical .ivu-progress-inner{height:100%;width:auto}.ivu-progress-vertical .ivu-progress-inner:after,.ivu-progress-vertical .ivu-progress-inner>*{display:inline-block;vertical-align:bottom}.ivu-progress-vertical .ivu-progress-inner:after{content:'';height:100%}.ivu-progress-bg{text-align:right;border-radius:100px;background-color:#2d8cf0;-webkit-transition:all .2s linear;transition:all .2s linear;position:relative}.ivu-progress-bg:after{content:'';display:inline-block;height:100%;vertical-align:middle}.ivu-progress-success-bg{border-radius:100px;background-color:#19be6b;-webkit-transition:all .2s linear;transition:all .2s linear;position:absolute;top:0;left:0}.ivu-progress-text{display:inline-block;margin-left:5px;text-align:left;font-size:1em;vertical-align:middle;color:#808695}.ivu-progress-active .ivu-progress-bg:before{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;-webkit-animation:ivu-progress-active 2s ease-in-out infinite;animation:ivu-progress-active 2s ease-in-out infinite}.ivu-progress-vertical.ivu-progress-active .ivu-progress-bg:before{top:auto;-webkit-animation:ivu-progress-active-vertical 2s ease-in-out infinite;animation:ivu-progress-active-vertical 2s ease-in-out infinite}.ivu-progress-wrong .ivu-progress-bg{background-color:#ed4014}.ivu-progress-wrong .ivu-progress-text{color:#ed4014}.ivu-progress-success .ivu-progress-bg{background-color:#19be6b}.ivu-progress-success .ivu-progress-text{color:#19be6b}@-webkit-keyframes ivu-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes ivu-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@-webkit-keyframes ivu-progress-active-vertical{0%{opacity:.3;height:0}100%{opacity:0;height:100%}}@keyframes ivu-progress-active-vertical{0%{opacity:.3;height:0}100%{opacity:0;height:100%}}.ivu-timeline{list-style:none;margin:0;padding:0}.ivu-timeline-item{margin:0!important;padding:0 0 12px 0;list-style:none;position:relative}.ivu-timeline-item-tail{height:100%;border-left:1px solid #e8eaec;position:absolute;left:6px;top:0}.ivu-timeline-item-pending .ivu-timeline-item-tail{display:none}.ivu-timeline-item-head{width:13px;height:13px;background-color:#fff;border-radius:50%;border:1px solid transparent;position:absolute}.ivu-timeline-item-head-blue{border-color:#2d8cf0;color:#2d8cf0}.ivu-timeline-item-head-red{border-color:#ed4014;color:#ed4014}.ivu-timeline-item-head-green{border-color:#19be6b;color:#19be6b}.ivu-timeline-item-head-custom{width:40px;height:auto;margin-top:6px;padding:3px 0;text-align:center;line-height:1;border:0;border-radius:0;font-size:14px;position:absolute;left:-13px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ivu-timeline-item-content{padding:1px 1px 10px 24px;font-size:14px;position:relative;top:-3px}.ivu-timeline-item:last-child .ivu-timeline-item-tail{display:none}.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-tail{border-left:1px dotted #e8eaec}.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-content{min-height:48px}.ivu-page:after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.ivu-page-item{display:inline-block;vertical-align:middle;min-width:32px;height:32px;line-height:30px;margin-right:4px;text-align:center;list-style:none;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-family:Arial;font-weight:500;border:1px solid #dcdee2;border-radius:4px;-webkit-transition:border .2s ease-in-out,color .2s ease-in-out;transition:border .2s ease-in-out,color .2s ease-in-out}.ivu-page-item a{margin:0 6px;text-decoration:none;color:#515a6e}.ivu-page-item:hover{border-color:#2d8cf0}.ivu-page-item:hover a{color:#2d8cf0}.ivu-page-item-active{border-color:#2d8cf0}.ivu-page-item-active a,.ivu-page-item-active:hover a{color:#2d8cf0}.ivu-page-with-disabled .ivu-page-disabled,.ivu-page-with-disabled .ivu-page-item{cursor:not-allowed;background-color:#f3f3f3}.ivu-page-with-disabled .ivu-page-disabled a,.ivu-page-with-disabled .ivu-page-item a{color:#ccc}.ivu-page-with-disabled .ivu-page-disabled:hover,.ivu-page-with-disabled .ivu-page-item:hover{border-color:#dcdee2}.ivu-page-with-disabled .ivu-page-disabled:hover a,.ivu-page-with-disabled .ivu-page-item:hover a{color:#ccc;cursor:not-allowed}.ivu-page-with-disabled .ivu-page-disabled-active,.ivu-page-with-disabled .ivu-page-item-active{background-color:#dcdee2;border-color:#dcdee2}.ivu-page-with-disabled .ivu-page-disabled-active a,.ivu-page-with-disabled .ivu-page-disabled-active:hover a,.ivu-page-with-disabled .ivu-page-item-active a,.ivu-page-with-disabled .ivu-page-item-active:hover a{color:#fff}.ivu-page-item-jump-next i,.ivu-page-item-jump-prev i{color:#ccc}.ivu-page-item-jump-next i:first-child,.ivu-page-item-jump-prev i:first-child{display:none}.ivu-page-item-jump-next:hover i:first-child,.ivu-page-item-jump-prev:hover i:first-child{display:inline;color:#2d8cf0}.ivu-page-item-jump-next:hover i:last-child,.ivu-page-item-jump-prev:hover i:last-child{display:none}.ivu-page-with-disabled .ivu-page-item-jump-next,.ivu-page-with-disabled .ivu-page-item-jump-prev{cursor:not-allowed}.ivu-page-with-disabled .ivu-page-item-jump-next i,.ivu-page-with-disabled .ivu-page-item-jump-prev i{color:#ccc}.ivu-page-with-disabled .ivu-page-item-jump-next:hover i:first-child,.ivu-page-with-disabled .ivu-page-item-jump-prev:hover i:first-child{display:none}.ivu-page-with-disabled .ivu-page-item-jump-next:hover i:last-child,.ivu-page-with-disabled .ivu-page-item-jump-prev:hover i:last-child{display:inline}.ivu-page-item-jump-prev:hover i:first-child:after{content:"\F115";margin-left:-8px}.ivu-page-item-jump-next:hover i:first-child:after{content:"\F11F";margin-left:-8px}.ivu-page-prev{margin-right:4px}.ivu-page-item-jump-next,.ivu-page-item-jump-prev{margin-right:4px}.ivu-page-item-jump-next,.ivu-page-item-jump-prev,.ivu-page-next,.ivu-page-prev{display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:32px;height:32px;line-height:30px;list-style:none;text-align:center;cursor:pointer;color:#666;font-family:Arial;border:1px solid #dcdee2;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-page-item-jump-next,.ivu-page-item-jump-prev{border-color:transparent}.ivu-page-next,.ivu-page-prev{background-color:#fff}.ivu-page-next a,.ivu-page-prev a{color:#666;font-size:14px}.ivu-page-next:hover,.ivu-page-prev:hover{border-color:#2d8cf0}.ivu-page-next:hover a,.ivu-page-prev:hover a{color:#2d8cf0}.ivu-page-disabled{cursor:not-allowed}.ivu-page-disabled a{color:#ccc}.ivu-page-disabled:hover{border-color:#dcdee2}.ivu-page-disabled:hover a{color:#ccc;cursor:not-allowed}.ivu-page-options{display:inline-block;vertical-align:middle;margin-left:15px}.ivu-page-options-sizer{display:inline-block;margin-right:10px}.ivu-page-options-elevator{display:inline-block;vertical-align:middle;height:32px;line-height:32px}.ivu-page-options-elevator input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;border-radius:4px;margin:0 8px;width:50px}.ivu-page-options-elevator input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-page-options-elevator input:-ms-input-placeholder{color:#c5c8ce}.ivu-page-options-elevator input::-webkit-input-placeholder{color:#c5c8ce}.ivu-page-options-elevator input:hover{border-color:#57a3f3}.ivu-page-options-elevator input:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-page-options-elevator input[disabled],fieldset[disabled] .ivu-page-options-elevator input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-page-options-elevator input[disabled]:hover,fieldset[disabled] .ivu-page-options-elevator input:hover{border-color:#e3e5e8}textarea.ivu-page-options-elevator input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-page-options-elevator input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-page-options-elevator input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-page-options-elevator input-no-border{border-radius:0;border-color:transparent}.ivu-page-options-elevator input-no-border:hover{border-color:transparent}.ivu-page-options-elevator input-no-border:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-page-options-elevator input-no-border[disabled]{background-color:transparent}.ivu-page-options-elevator input-no-border[disabled]:hover{border-color:transparent}.ivu-page-total{display:inline-block;height:32px;line-height:32px;margin-right:10px}.ivu-page-simple .ivu-page-next,.ivu-page-simple .ivu-page-prev{margin:0;border:0;height:24px;line-height:normal;font-size:18px}.ivu-page-simple .ivu-page-simple-pager{display:inline-block;margin-right:8px;vertical-align:middle}.ivu-page-simple .ivu-page-simple-pager input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;color:#515a6e;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;width:30px;height:24px;margin:0 8px;padding:5px 8px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;outline:0;border:1px solid #dcdee2;border-radius:4px;-webkit-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out}.ivu-page-simple .ivu-page-simple-pager input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-page-simple .ivu-page-simple-pager input:-ms-input-placeholder{color:#c5c8ce}.ivu-page-simple .ivu-page-simple-pager input::-webkit-input-placeholder{color:#c5c8ce}.ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#57a3f3}.ivu-page-simple .ivu-page-simple-pager input:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-page-simple .ivu-page-simple-pager input[disabled],fieldset[disabled] .ivu-page-simple .ivu-page-simple-pager input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-page-simple .ivu-page-simple-pager input[disabled]:hover,fieldset[disabled] .ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#e3e5e8}textarea.ivu-page-simple .ivu-page-simple-pager input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-page-simple .ivu-page-simple-pager input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-page-simple .ivu-page-simple-pager input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-page-simple .ivu-page-simple-pager input-no-border{border-radius:0;border-color:transparent}.ivu-page-simple .ivu-page-simple-pager input-no-border:hover{border-color:transparent}.ivu-page-simple .ivu-page-simple-pager input-no-border:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-page-simple .ivu-page-simple-pager input-no-border[disabled]{background-color:transparent}.ivu-page-simple .ivu-page-simple-pager input-no-border[disabled]:hover{border-color:transparent}.ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#2d8cf0}.ivu-page-simple .ivu-page-simple-pager span{padding:0 8px 0 2px}.ivu-page-custom-text,.ivu-page-custom-text:hover{border-color:transparent}.ivu-page.mini .ivu-page-total{height:24px;line-height:24px}.ivu-page.mini .ivu-page-item{border:0;margin:0;min-width:24px;height:24px;line-height:24px;border-radius:3px}.ivu-page.mini .ivu-page-next,.ivu-page.mini .ivu-page-prev{margin:0;min-width:24px;height:24px;line-height:22px;border:0}.ivu-page.mini .ivu-page-next a i:after,.ivu-page.mini .ivu-page-prev a i:after{height:24px;line-height:24px}.ivu-page.mini .ivu-page-item-jump-next,.ivu-page.mini .ivu-page-item-jump-prev{height:24px;line-height:24px;border:none;margin-right:0}.ivu-page.mini .ivu-page-options{margin-left:8px}.ivu-page.mini .ivu-page-options-elevator{height:24px;line-height:24px}.ivu-page.mini .ivu-page-options-elevator input{padding:1px 7px;height:24px;border-radius:3px;width:44px}.ivu-steps{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:0;line-height:1.5}.ivu-steps-item{display:inline-block;position:relative;vertical-align:top;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.ivu-steps-item:last-child{-webkit-box-flex:0;-ms-flex:0;flex:none}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner{background-color:#fff}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner>.ivu-steps-icon{color:#ccc}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-title{color:#999}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-content{color:#999}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon{color:#fff}.ivu-steps-item.ivu-steps-status-process .ivu-steps-title{color:#666}.ivu-steps-item.ivu-steps-status-process .ivu-steps-content{color:#666}.ivu-steps-item.ivu-steps-status-process .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner{background-color:#fff;border-color:#2d8cf0}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon{color:#2d8cf0}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after{width:100%;background:#2d8cf0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-title{color:#999}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-content{color:#999}.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner{background-color:#fff;border-color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner>.ivu-steps-icon{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-title{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-content{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i,.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i:after{background-color:#ed4014}.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner{background:0 0;border:0;width:auto;height:auto}.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner>.ivu-steps-icon{font-size:20px;top:2px;width:20px;height:20px}.ivu-steps-item.ivu-steps-custom.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon{color:#2d8cf0}.ivu-steps-item:last-child .ivu-steps-tail{display:none}.ivu-steps .ivu-steps-head,.ivu-steps .ivu-steps-main{position:relative;display:inline-block;vertical-align:top}.ivu-steps .ivu-steps-head{background:#fff}.ivu-steps .ivu-steps-head-inner{display:block;width:26px;height:26px;line-height:24px;margin-right:8px;text-align:center;border:1px solid #ccc;border-radius:50%;font-size:14px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon{line-height:1;position:relative}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon{font-size:24px}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-checkmark-empty,.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-close-empty{font-weight:700}.ivu-steps .ivu-steps-main{margin-top:2.5px;display:inline}.ivu-steps .ivu-steps-custom .ivu-steps-title{margin-top:2.5px}.ivu-steps .ivu-steps-title{display:inline-block;margin-bottom:4px;padding-right:10px;font-size:14px;font-weight:700;color:#666;background:#fff}.ivu-steps .ivu-steps-title>a:first-child:last-child{color:#666}.ivu-steps .ivu-steps-item-last .ivu-steps-title{padding-right:0;width:100%}.ivu-steps .ivu-steps-content{font-size:12px;color:#999}.ivu-steps .ivu-steps-tail{width:100%;padding:0 10px;position:absolute;left:0;top:13px}.ivu-steps .ivu-steps-tail>i{display:inline-block;width:100%;height:1px;vertical-align:top;background:#e8eaec;border-radius:1px;position:relative}.ivu-steps .ivu-steps-tail>i:after{content:'';width:0;height:100%;background:#e8eaec;opacity:0;position:absolute;top:0}.ivu-steps.ivu-steps-small .ivu-steps-head-inner{width:18px;height:18px;line-height:16px;margin-right:10px;text-align:center;border-radius:50%;font-size:12px}.ivu-steps.ivu-steps-small .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon{font-size:16px;top:0}.ivu-steps.ivu-steps-small .ivu-steps-main{margin-top:0}.ivu-steps.ivu-steps-small .ivu-steps-title{margin-bottom:4px;margin-top:0;color:#666;font-size:12px;font-weight:700}.ivu-steps.ivu-steps-small .ivu-steps-content{font-size:12px;color:#999;padding-left:30px}.ivu-steps.ivu-steps-small .ivu-steps-tail{top:8px;padding:0 8px}.ivu-steps.ivu-steps-small .ivu-steps-tail>i{height:1px;width:100%;border-radius:1px}.ivu-steps .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner,.ivu-steps.ivu-steps-small .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner{width:inherit;height:inherit;line-height:inherit;border-radius:0;border:0;background:0 0}.ivu-steps-vertical{display:block}.ivu-steps-vertical .ivu-steps-item{display:block;overflow:visible}.ivu-steps-vertical .ivu-steps-tail{position:absolute;left:13px;top:0;height:100%;width:1px;padding:30px 0 4px 0}.ivu-steps-vertical .ivu-steps-tail>i{height:100%;width:1px}.ivu-steps-vertical .ivu-steps-tail>i:after{height:0;width:100%}.ivu-steps-vertical .ivu-steps-status-finish .ivu-steps-tail>i:after{height:100%}.ivu-steps-vertical .ivu-steps-head{float:left}.ivu-steps-vertical .ivu-steps-head-inner{margin-right:16px}.ivu-steps-vertical .ivu-steps-main{min-height:47px;overflow:hidden;display:block}.ivu-steps-vertical .ivu-steps-main .ivu-steps-title{line-height:26px}.ivu-steps-vertical .ivu-steps-main .ivu-steps-content{padding-bottom:12px;padding-left:0}.ivu-steps-vertical .ivu-steps-custom .ivu-steps-icon{left:4px}.ivu-steps-vertical.ivu-steps-small .ivu-steps-custom .ivu-steps-icon{left:0}.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail{position:absolute;left:9px;top:0;padding:22px 0 4px 0}.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail>i{height:100%}.ivu-steps-vertical.ivu-steps-small .ivu-steps-title{line-height:18px}.ivu-steps-horizontal.ivu-steps-hidden{visibility:hidden}.ivu-steps-horizontal .ivu-steps-content{padding-left:35px}.ivu-steps-horizontal .ivu-steps-item:not(:first-child) .ivu-steps-head{padding-left:10px;margin-left:-10px}.ivu-modal{width:auto;margin:0 auto;position:relative;outline:0;top:100px}.ivu-modal-hidden{display:none!important}.ivu-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ivu-modal-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ivu-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ivu-modal-mask-hidden{display:none}.ivu-modal-content{position:relative;background-color:#fff;border:0;border-radius:6px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.ivu-modal-content-no-mask{pointer-events:auto}.ivu-modal-content-drag{position:absolute}.ivu-modal-content-drag .ivu-modal-header{cursor:move}.ivu-modal-content-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-modal-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-modal-header p,.ivu-modal-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-modal-close{z-index:1;font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-modal-close .ivu-icon-ios-close{font-size:31px;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:1px}.ivu-modal-close .ivu-icon-ios-close:hover{color:#444}.ivu-modal-body{padding:16px;font-size:14px;line-height:1.5}.ivu-modal-footer{border-top:1px solid #e8eaec;padding:12px 18px 12px 18px;text-align:right}.ivu-modal-footer button+button{margin-left:8px;margin-bottom:0}.ivu-modal-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.ivu-modal-fullscreen .ivu-modal-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0}.ivu-modal-fullscreen .ivu-modal-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.ivu-modal-fullscreen-no-header .ivu-modal-body{top:0}.ivu-modal-fullscreen-no-footer .ivu-modal-body{bottom:0}.ivu-modal-fullscreen .ivu-modal-footer{position:absolute;width:100%;bottom:0}.ivu-modal-no-mask{pointer-events:none}@media (max-width:576px){.ivu-modal{width:auto!important;margin:10px}.ivu-modal-fullscreen{width:100%!important;margin:0}.vertical-center-modal .ivu-modal{-webkit-box-flex:1;-ms-flex:1;flex:1}}.ivu-modal-confirm{padding:6px 16px 8px}.ivu-modal-confirm-head{padding:0 12px 0 0}.ivu-modal-confirm-head-icon{display:inline-block;font-size:28px;vertical-align:middle;position:relative;top:-2px}.ivu-modal-confirm-head-icon-info{color:#2d8cf0}.ivu-modal-confirm-head-icon-success{color:#19be6b}.ivu-modal-confirm-head-icon-warning{color:#f90}.ivu-modal-confirm-head-icon-error{color:#ed4014}.ivu-modal-confirm-head-icon-confirm{color:#f90}.ivu-modal-confirm-head-title{display:inline-block;vertical-align:middle;margin-left:12px;font-size:16px;color:#17233d;font-weight:500}.ivu-modal-confirm-body{padding-left:40px;font-size:14px;color:#515a6e;position:relative}.ivu-modal-confirm-body-render{margin:0;padding:0}.ivu-modal-confirm-footer{margin-top:20px;text-align:right}.ivu-modal-confirm-footer button+button{margin-left:8px;margin-bottom:0}.ivu-select{display:inline-block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;color:#515a6e;font-size:14px;line-height:normal}.ivu-select-selection{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;background-color:#fff;border-radius:4px;border:1px solid #dcdee2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-select-selection-focused,.ivu-select-selection:hover{border-color:#57a3f3}.ivu-select-selection-focused .ivu-select-arrow,.ivu-select-selection:hover .ivu-select-arrow{display:inline-block}.ivu-select-arrow{position:absolute;top:50%;right:8px;line-height:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#808695;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-select-visible .ivu-select-selection{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-select-visible .ivu-select-arrow{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);display:inline-block}.ivu-select-disabled .ivu-select-selection{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-select-disabled .ivu-select-selection:hover{border-color:#e3e5e8}.ivu-select-disabled .ivu-select-selection .ivu-select-arrow{color:#ccc}.ivu-select-disabled .ivu-select-selection:hover{border-color:#dcdee2;-webkit-box-shadow:none;box-shadow:none}.ivu-select-disabled .ivu-select-selection:hover .ivu-select-arrow{display:inline-block}.ivu-select-single .ivu-select-selection{height:32px;position:relative}.ivu-select-single .ivu-select-selection .ivu-select-placeholder{color:#c5c8ce}.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-single .ivu-select-selection .ivu-select-selected-value{display:block;height:30px;line-height:30px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:24px}.ivu-select-multiple .ivu-select-selection{padding:0 24px 0 4px}.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder{display:block;height:30px;line-height:30px;color:#c5c8ce;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;padding-right:22px}.ivu-select-default.ivu-select-multiple .ivu-select-selection{min-height:32px}.ivu-select-large.ivu-select-single .ivu-select-selection{height:40px}.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:38px;line-height:38px;font-size:16px}.ivu-select-large.ivu-select-multiple .ivu-select-selection{min-height:40px}.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value{min-height:38px;line-height:38px;font-size:16px}.ivu-select-small.ivu-select-single .ivu-select-selection{height:24px;border-radius:3px}.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:22px;line-height:22px}.ivu-select-small.ivu-select-multiple .ivu-select-selection{min-height:24px;border-radius:3px}.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value{height:auto;min-height:22px;line-height:22px}.ivu-select-input{display:inline-block;height:32px;line-height:32px;padding:0 24px 0 8px;font-size:14px;outline:0;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#515a6e;background-color:transparent;position:relative;cursor:pointer}.ivu-select-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-select-input:-ms-input-placeholder{color:#c5c8ce}.ivu-select-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-select-input[disabled]{cursor:not-allowed;color:#ccc;-webkit-text-fill-color:#ccc}.ivu-select-single .ivu-select-input{width:100%}.ivu-select-large .ivu-select-input,.ivu-select-large.ivu-select-multiple .ivu-select-input{font-size:16px;height:32px;line-height:32px;top:3px}.ivu-select-small .ivu-select-input,.ivu-select-small.ivu-select-multiple .ivu-select-input{height:18px;line-height:18px;top:2px}.ivu-select-multiple .ivu-select-input{height:26px;line-height:26px;padding:0 0 0 4px;top:2px}.ivu-select-not-found{text-align:center;color:#c5c8ce}.ivu-select-not-found li:not([class^=ivu-]){margin-bottom:0}.ivu-select-loading{text-align:center;color:#c5c8ce}.ivu-select-multiple .ivu-tag{height:24px;line-height:22px;margin:3px 4px 3px 0;max-width:99%;position:relative}.ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag){display:block;margin-right:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-select-multiple .ivu-tag i{display:block;position:absolute;right:4px;top:4px}.ivu-select-multiple-tag-hidden{margin-right:0!important}.ivu-select-large.ivu-select-multiple .ivu-tag{height:32px;line-height:30px;font-size:16px}.ivu-select-large.ivu-select-multiple .ivu-tag i{top:9px}.ivu-select-small.ivu-select-multiple .ivu-tag{height:17px;line-height:15px;font-size:12px;padding:0 6px;margin:3px 4px 2px 0}.ivu-select-small.ivu-select-multiple .ivu-tag span{margin-right:14px}.ivu-select-small.ivu-select-multiple .ivu-tag i{top:1px;right:2px}.ivu-select-dropdown-list{min-width:100%;list-style:none}.ivu-select .ivu-select-dropdown{width:auto}.ivu-select-prefix{display:inline-block;vertical-align:middle}.ivu-select-prefix i{vertical-align:top}.ivu-select-head-with-prefix{display:inline-block!important;vertical-align:middle}.ivu-select-single .ivu-select-prefix{padding-left:4px}.ivu-select-multiple .ivu-select-head-with-prefix,.ivu-select-single .ivu-select-head-with-prefix{padding-left:0!important}.ivu-select-head-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivu-select-multiple .ivu-select-head-flex .ivu-select-prefix{margin-right:4px}.ivu-select-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-select-item:hover{background:#f3f3f3}.ivu-select-item-focus{background:#f3f3f3}.ivu-select-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-select-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-select-item-selected,.ivu-select-item-selected:hover{color:#2d8cf0}.ivu-select-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-select-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-select-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-select-large .ivu-select-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-select-item{white-space:normal}}.ivu-select-multiple .ivu-select-item{position:relative}.ivu-select-multiple .ivu-select-item-selected{color:rgba(45,140,240,.9);background:#fff}.ivu-select-multiple .ivu-select-item-focus,.ivu-select-multiple .ivu-select-item-selected:hover{background:#f3f3f3}.ivu-select-multiple .ivu-select-item-selected.ivu-select-multiple .ivu-select-item-focus{color:rgba(40,123,211,.91);background:#fff}.ivu-select-multiple .ivu-select-item-selected:after{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:optimizeLegibility;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;text-align:center;font-size:24px;content:'\F171';color:rgba(45,140,240,.9);position:absolute;top:2px;right:8px}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled{color:#c5c8ce}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled:after{color:#c5c8ce}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled:hover{background-color:#fff}.ivu-select-group{list-style:none;margin:0;padding:0}.ivu-select-group-title{padding-left:8px;font-size:14px;color:#999;height:30px;line-height:30px}.ivu-form-item-error .ivu-select-selection{border:1px solid #ed4014}.ivu-form-item-error .ivu-select-arrow{color:#ed4014}.ivu-form-item-error .ivu-select-visible .ivu-select-selection{border-color:#ed4014;outline:0;-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.2);box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-select-dropdown{width:inherit;max-height:200px;overflow:auto;margin:5px 0;padding:5px 0;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);position:absolute;z-index:900}.ivu-select-dropdown-transfer{z-index:1060;width:auto}.ivu-select-dropdown.ivu-transfer-no-max-height{max-height:none}.ivu-modal .ivu-select-dropdown{position:absolute!important}.ivu-split-wrapper{position:relative;width:100%;height:100%}.ivu-split-pane{position:absolute}.ivu-split-pane.left-pane,.ivu-split-pane.right-pane{top:0;bottom:0}.ivu-split-pane.left-pane{left:0}.ivu-split-pane.right-pane{right:0}.ivu-split-pane.bottom-pane,.ivu-split-pane.top-pane{left:0;right:0}.ivu-split-pane.top-pane{top:0}.ivu-split-pane.bottom-pane{bottom:0}.ivu-split-pane-moving{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-split-trigger{border:1px solid #dcdee2}.ivu-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.ivu-split-trigger-bar-con{position:absolute;overflow:hidden}.ivu-split-trigger-bar-con.vertical{left:1px;top:50%;height:32px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ivu-split-trigger-bar-con.horizontal{left:50%;top:1px;width:32px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.ivu-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;border-top:none;border-bottom:none;cursor:col-resize}.ivu-split-trigger-vertical .ivu-split-trigger-bar{width:4px;height:1px;background:rgba(23,35,61,.25);float:left;margin-top:3px}.ivu-split-trigger-horizontal{height:6px;width:100%;background:#f8f8f9;border-left:none;border-right:none;cursor:row-resize}.ivu-split-trigger-horizontal .ivu-split-trigger-bar{height:4px;width:1px;background:rgba(23,35,61,.25);float:left;margin-right:3px}.ivu-split-horizontal>.ivu-split-trigger-con{top:50%;height:100%;width:0}.ivu-split-vertical>.ivu-split-trigger-con{left:50%;height:0;width:100%}.ivu-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-tooltip{display:inline-block}.ivu-tooltip-rel{display:inline-block;position:relative;width:inherit}.ivu-tooltip-popper{display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-tooltip-popper[x-placement^=top]{padding:5px 0 8px 0}.ivu-tooltip-popper[x-placement^=right]{padding:0 5px 0 8px}.ivu-tooltip-popper[x-placement^=bottom]{padding:8px 0 5px 0}.ivu-tooltip-popper[x-placement^=left]{padding:0 8px 0 5px}.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=top] .ivu-tooltip-arrow{left:50%;margin-left:-5px}.ivu-tooltip-popper[x-placement=top-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-popper[x-placement=top-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=right] .ivu-tooltip-arrow{top:50%;margin-top:-5px}.ivu-tooltip-popper[x-placement=right-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-popper[x-placement=right-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=left] .ivu-tooltip-arrow{top:50%;margin-top:-5px}.ivu-tooltip-popper[x-placement=left-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-popper[x-placement=left-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow{left:50%;margin-left:-5px}.ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper{display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top]{padding:7px 0 10px 0}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right]{padding:0 7px 0 10px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom]{padding:10px 0 7px 0}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left]{padding:0 10px 0 7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow{bottom:3px;border-width:7px 7px 0;border-top-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top] .ivu-tooltip-arrow{left:50%;margin-left:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow{left:3px;border-width:7px 7px 7px 0;border-right-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right] .ivu-tooltip-arrow{top:50%;margin-top:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow{right:3px;border-width:7px 0 7px 7px;border-left-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left] .ivu-tooltip-arrow{top:50%;margin-top:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow{top:3px;border-width:0 7px 7px;border-bottom-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow{left:50%;margin-left:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow:after{content:" ";bottom:1px;margin-left:-7px;border-bottom-width:0;border-top-width:7px;border-top-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow:after{content:" ";left:1px;bottom:-7px;border-left-width:0;border-right-width:7px;border-right-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow:after{content:" ";top:1px;margin-left:-7px;border-top-width:0;border-bottom-width:7px;border-bottom-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow:after{content:" ";right:1px;border-right-width:0;border-left-width:7px;border-left-color:#fff;bottom:-7px}.ivu-tooltip-inner{max-width:250px;min-height:34px;padding:8px 12px;color:#fff;text-align:left;text-decoration:none;background-color:rgba(70,76,91,.9);border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);white-space:nowrap}.ivu-tooltip-inner-with-width{white-space:pre-wrap;text-align:justify;word-wrap:break-word;word-break:break-all}.ivu-tooltip-light .ivu-tooltip-inner{background-color:#fff;color:#515a6e}.ivu-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ivu-tooltip-light .ivu-tooltip-arrow{border-width:8px}.ivu-tooltip-light .ivu-tooltip-arrow:after{display:block;width:0;height:0;position:absolute;border-color:transparent;border-style:solid;content:"";border-width:7px}.ivu-poptip{display:inline-block}.ivu-poptip-rel{display:inline-block;position:relative}.ivu-poptip-title{margin:0;padding:8px 16px;position:relative}.ivu-poptip-title:after{content:'';display:block;height:1px;position:absolute;left:8px;right:8px;bottom:0;background-color:#e8eaec}.ivu-poptip-title-inner{color:#17233d;font-size:14px;font-weight:500}.ivu-poptip-body{padding:8px 16px}.ivu-poptip-body-content{overflow:auto}.ivu-poptip-body-content-word-wrap{white-space:pre-wrap;text-align:justify}.ivu-poptip-body-content-inner{color:#515a6e}.ivu-poptip-inner{width:100%;background-color:#fff;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);white-space:nowrap}.ivu-poptip-popper{min-width:150px;display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-poptip-popper[x-placement^=top]{padding:7px 0 10px 0}.ivu-poptip-popper[x-placement^=right]{padding:0 7px 0 10px}.ivu-poptip-popper[x-placement^=bottom]{padding:10px 0 7px 0}.ivu-poptip-popper[x-placement^=left]{padding:0 10px 0 7px}.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow{bottom:3px;border-width:7px 7px 0;border-top-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=top] .ivu-poptip-arrow{left:50%;margin-left:-7px}.ivu-poptip-popper[x-placement=top-start] .ivu-poptip-arrow{left:16px}.ivu-poptip-popper[x-placement=top-end] .ivu-poptip-arrow{right:16px}.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow{left:3px;border-width:7px 7px 7px 0;border-right-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=right] .ivu-poptip-arrow{top:50%;margin-top:-7px}.ivu-poptip-popper[x-placement=right-start] .ivu-poptip-arrow{top:8px}.ivu-poptip-popper[x-placement=right-end] .ivu-poptip-arrow{bottom:8px}.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow{right:3px;border-width:7px 0 7px 7px;border-left-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=left] .ivu-poptip-arrow{top:50%;margin-top:-7px}.ivu-poptip-popper[x-placement=left-start] .ivu-poptip-arrow{top:8px}.ivu-poptip-popper[x-placement=left-end] .ivu-poptip-arrow{bottom:8px}.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow{top:3px;border-width:0 7px 7px;border-bottom-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=bottom] .ivu-poptip-arrow{left:50%;margin-left:-7px}.ivu-poptip-popper[x-placement=bottom-start] .ivu-poptip-arrow{left:16px}.ivu-poptip-popper[x-placement=bottom-end] .ivu-poptip-arrow{right:16px}.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow:after{content:" ";bottom:1px;margin-left:-7px;border-bottom-width:0;border-top-width:7px;border-top-color:#fff}.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow:after{content:" ";left:1px;bottom:-7px;border-left-width:0;border-right-width:7px;border-right-color:#fff}.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow:after{content:" ";top:1px;margin-left:-7px;border-top-width:0;border-bottom-width:7px;border-bottom-color:#fff}.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow:after{content:" ";right:1px;border-right-width:0;border-left-width:7px;border-left-color:#fff;bottom:-7px}.ivu-poptip-arrow,.ivu-poptip-arrow:after{display:block;width:0;height:0;position:absolute;border-color:transparent;border-style:solid}.ivu-poptip-arrow{border-width:8px}.ivu-poptip-arrow:after{content:"";border-width:7px}.ivu-poptip-confirm .ivu-poptip-popper{max-width:300px}.ivu-poptip-confirm .ivu-poptip-inner{white-space:normal}.ivu-poptip-confirm .ivu-poptip-body{padding:16px 16px 8px}.ivu-poptip-confirm .ivu-poptip-body .ivu-icon{font-size:16px;color:#f90;line-height:18px;position:absolute}.ivu-poptip-confirm .ivu-poptip-body-message{padding-left:20px}.ivu-poptip-confirm .ivu-poptip-footer{text-align:right;padding:8px 16px 16px}.ivu-poptip-confirm .ivu-poptip-footer button{margin-left:4px}.ivu-input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-input:-ms-input-placeholder{color:#c5c8ce}.ivu-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-input:hover{border-color:#57a3f3}.ivu-input:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input[disabled],fieldset[disabled] .ivu-input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input[disabled]:hover,fieldset[disabled] .ivu-input:hover{border-color:#e3e5e8}textarea.ivu-input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-input-no-border{border-radius:0;border-color:transparent}.ivu-input-no-border:hover{border-color:transparent}.ivu-input-no-border:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-input-no-border[disabled]{background-color:transparent}.ivu-input-no-border[disabled]:hover{border-color:transparent}.ivu-input-wrapper{display:inline-block;width:100%;position:relative;vertical-align:middle;line-height:normal}.ivu-input-icon{width:32px;height:32px;line-height:32px;font-size:16px;text-align:center;color:#808695;position:absolute;right:0;z-index:3}.ivu-input-hide-icon .ivu-input-icon{display:none}.ivu-input-icon-validate{display:none}.ivu-input-icon-clear{display:none}.ivu-input-wrapper:hover .ivu-input-icon-clear{display:inline-block}.ivu-input-icon-normal+.ivu-input{padding-right:32px}.ivu-input-hide-icon .ivu-input-icon-normal+.ivu-input{padding-right:7px}.ivu-input-wrapper-large .ivu-input-icon{font-size:18px;height:40px;line-height:40px}.ivu-input-wrapper-small .ivu-input-icon{width:24px;font-size:14px;height:24px;line-height:24px}.ivu-input-prefix,.ivu-input-suffix{width:32px;height:100%;text-align:center;position:absolute;left:0;top:0;z-index:1}.ivu-input-prefix i,.ivu-input-suffix i{font-size:16px;line-height:32px;color:#808695}.ivu-input-suffix{left:auto;right:0}.ivu-input-wrapper-small .ivu-input-prefix i,.ivu-input-wrapper-small .ivu-input-suffix i{font-size:14px;line-height:24px}.ivu-input-wrapper-large .ivu-input-prefix i,.ivu-input-wrapper-large .ivu-input-suffix i{font-size:18px;line-height:40px}.ivu-input-with-prefix{padding-left:32px}.ivu-input-with-suffix{padding-right:32px}.ivu-input-search{cursor:pointer;padding:0 16px!important;background:#2d8cf0!important;color:#fff!important;border-color:#2d8cf0!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;z-index:2}.ivu-input-search i{font-size:16px}.ivu-input-search:hover{background:#57a3f3!important;border-color:#57a3f3!important}.ivu-input-search:active{background:#2b85e4!important;border-color:#2b85e4!important}.ivu-input-search-icon{cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-input-search-icon:hover{color:inherit}.ivu-input-search:before{content:'';display:block;width:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;background:inherit}.ivu-input-wrapper-small .ivu-input-search{padding:0 12px!important}.ivu-input-wrapper-small .ivu-input-search i{font-size:14px}.ivu-input-wrapper-large .ivu-input-search{padding:0 20px!important}.ivu-input-wrapper-large .ivu-input-search i{font-size:18px}.ivu-input-with-search:hover .ivu-input{border-color:#57a3f3}.ivu-input-word-count{text-align:center;position:absolute;right:7px;top:2px;bottom:2px;padding-left:7px;background:#fff;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#808695;font-size:12px}.ivu-input-wrapper-disabled .ivu-input-word-count{background:#f3f3f3}.ivu-input-type-textarea .ivu-input-word-count{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;top:auto}.ivu-input-group{display:table;width:100%;border-collapse:separate;position:relative;font-size:14px}.ivu-form-inline .ivu-input-group{top:1px}.ivu-input-group-large{font-size:16px}.ivu-input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.ivu-input-group>[class*=col-]{padding-right:8px}.ivu-input-group-append,.ivu-input-group-prepend,.ivu-input-group>.ivu-input{display:table-cell}.ivu-input-group-with-prepend .ivu-input,.ivu-input-group-with-prepend.ivu-input-group-small .ivu-input{border-top-left-radius:0;border-bottom-left-radius:0}.ivu-input-group-with-append .ivu-input,.ivu-input-group-with-append.ivu-input-group-small .ivu-input{border-top-right-radius:0;border-bottom-right-radius:0}.ivu-input-group-append .ivu-btn,.ivu-input-group-prepend .ivu-btn{border-color:transparent;background-color:transparent;color:inherit;margin:-6px -7px}.ivu-input-group-append,.ivu-input-group-prepend{width:1px;white-space:nowrap;vertical-align:middle}.ivu-input-group .ivu-input{width:100%;float:left;margin-bottom:0;position:relative;z-index:2}.ivu-input-group-append,.ivu-input-group-prepend{padding:4px 7px;font-size:inherit;font-weight:400;line-height:1;color:#515a6e;text-align:center;background-color:#f8f8f9;border:1px solid #dcdee2;border-radius:4px}.ivu-input-group-append .ivu-select,.ivu-input-group-prepend .ivu-select{margin:-5px -7px}.ivu-input-group-append .ivu-select-selection,.ivu-input-group-prepend .ivu-select-selection{background-color:inherit;margin:-1px;border:1px solid transparent}.ivu-input-group-append .ivu-select-visible .ivu-select-selection,.ivu-input-group-prepend .ivu-select-visible .ivu-select-selection{-webkit-box-shadow:none;box-shadow:none}.ivu-input-group-prepend,.ivu-input-group>.ivu-input:first-child,.ivu-input-group>span>.ivu-input:first-child{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.ivu-input-group-prepend .ivu--select .ivu--select-selection,.ivu-input-group>.ivu-input:first-child .ivu--select .ivu--select-selection,.ivu-input-group>span>.ivu-input:first-child .ivu--select .ivu--select-selection{border-bottom-right-radius:0;border-top-right-radius:0}.ivu-input-group-prepend{border-right:0}.ivu-input-group-append{border-left:0}.ivu-input-group-append,.ivu-input-group>.ivu-input:last-child{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.ivu-input-group-append .ivu--select .ivu--select-selection,.ivu-input-group>.ivu-input:last-child .ivu--select .ivu--select-selection{border-bottom-left-radius:0;border-top-left-radius:0}.ivu-input-group-large .ivu-input,.ivu-input-group-large>.ivu-input-group-append,.ivu-input-group-large>.ivu-input-group-prepend{font-size:16px;padding:6px 7px;height:40px}.ivu-input-group-small .ivu-input,.ivu-input-group-small>.ivu-input-group-append,.ivu-input-group-small>.ivu-input-group-prepend{padding:1px 7px;height:24px;border-radius:3px}.ivu-form-item-error .ivu-input{border:1px solid #ed4014}.ivu-form-item-error .ivu-input:hover{border-color:#ed4014}.ivu-form-item-error .ivu-input:focus{border-color:#ed4014;outline:0;-webkit-box-shadow:0 0 0 2px rgba(237,64,20,.2);box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-form-item-error .ivu-input-icon{color:#ed4014}.ivu-form-item-error .ivu-input-group-append,.ivu-form-item-error .ivu-input-group-prepend{background-color:#fff;border:1px solid #ed4014}.ivu-form-item-error .ivu-input-group-append .ivu-select-selection,.ivu-form-item-error .ivu-input-group-prepend .ivu-select-selection{background-color:inherit;border:1px solid transparent}.ivu-form-item-error .ivu-input-group-prepend{border-right:0}.ivu-form-item-error .ivu-input-group-append{border-left:0}.ivu-form-item-error .ivu-transfer .ivu-input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-form-item-error .ivu-transfer .ivu-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-form-item-error .ivu-transfer .ivu-input:-ms-input-placeholder{color:#c5c8ce}.ivu-form-item-error .ivu-transfer .ivu-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-form-item-error .ivu-transfer .ivu-input:hover{border-color:#57a3f3}.ivu-form-item-error .ivu-transfer .ivu-input:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-form-item-error .ivu-transfer .ivu-input[disabled],fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-form-item-error .ivu-transfer .ivu-input[disabled]:hover,fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input:hover{border-color:#e3e5e8}textarea.ivu-form-item-error .ivu-transfer .ivu-input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-form-item-error .ivu-transfer .ivu-input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-form-item-error .ivu-transfer .ivu-input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-form-item-error .ivu-transfer .ivu-input-no-border{border-radius:0;border-color:transparent}.ivu-form-item-error .ivu-transfer .ivu-input-no-border:hover{border-color:transparent}.ivu-form-item-error .ivu-transfer .ivu-input-no-border:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ivu-form-item-error .ivu-transfer .ivu-input-no-border[disabled]{background-color:transparent}.ivu-form-item-error .ivu-transfer .ivu-input-no-border[disabled]:hover{border-color:transparent}.ivu-form-item-error .ivu-transfer .ivu-input-icon{color:#808695}.ivu-form-item-validating .ivu-input-icon-validate{display:inline-block}.ivu-form-item-validating .ivu-input-icon+.ivu-input{padding-right:32px}.ivu-slider{line-height:normal}.ivu-slider-wrap{width:100%;height:4px;margin:16px 0;background-color:#e8eaec;border-radius:3px;vertical-align:middle;position:relative;cursor:pointer}.ivu-slider-button-wrap{width:18px;height:18px;text-align:center;background-color:transparent;position:absolute;top:-5px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ivu-slider-button-wrap .ivu-tooltip{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-slider-button{width:12px;height:12px;border:2px solid #57a3f3;border-radius:50%;background-color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear;outline:0}.ivu-slider-button-dragging,.ivu-slider-button:focus,.ivu-slider-button:hover{border-color:#2d8cf0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.ivu-slider-button:hover{cursor:-webkit-grab;cursor:grab}.ivu-slider-button-dragging,.ivu-slider-button-dragging:hover{cursor:-webkit-grabbing;cursor:grabbing}.ivu-slider-bar{height:4px;background:#57a3f3;border-radius:3px;position:absolute}.ivu-slider-stop{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ivu-slider-marks{top:0;left:12px;width:18px;height:100%}.ivu-slider-marks-item{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#808695;margin-top:15px}.ivu-slider-disabled{cursor:not-allowed}.ivu-slider-disabled .ivu-slider-wrap{background-color:#ccc;cursor:not-allowed}.ivu-slider-disabled .ivu-slider-bar{background-color:#ccc}.ivu-slider-disabled .ivu-slider-button{border-color:#ccc}.ivu-slider-disabled .ivu-slider-button-dragging,.ivu-slider-disabled .ivu-slider-button:hover{border-color:#ccc}.ivu-slider-disabled .ivu-slider-button:hover{cursor:not-allowed}.ivu-slider-disabled .ivu-slider-button-dragging,.ivu-slider-disabled .ivu-slider-button-dragging:hover{cursor:not-allowed}.ivu-slider-input .ivu-slider-wrap{width:auto;margin-right:100px}.ivu-slider-input .ivu-input-number{float:right;margin-top:-14px}.selectDropDown{width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader{line-height:normal}.ivu-cascader-rel{display:inline-block;width:100%;position:relative}.ivu-cascader .ivu-input{padding-right:24px;display:block;cursor:pointer}.ivu-cascader-disabled .ivu-input{cursor:not-allowed}.ivu-cascader-label{width:100%;height:100%;line-height:32px;padding:0 7px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;font-size:14px;position:absolute;left:0;top:0}.ivu-cascader-size-large .ivu-cascader-label{line-height:36px;font-size:14px}.ivu-cascader-size-small .ivu-cascader-label{line-height:26px}.ivu-cascader .ivu-cascader-arrow:nth-of-type(1){display:none;cursor:pointer}.ivu-cascader:hover .ivu-cascader-arrow:nth-of-type(1){display:inline-block}.ivu-cascader-show-clear:hover .ivu-cascader-arrow:nth-of-type(2){display:none}.ivu-cascader-arrow{position:absolute;top:50%;right:8px;line-height:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#808695;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-cascader-visible .ivu-cascader-arrow:nth-of-type(2){-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.ivu-cascader .ivu-select-dropdown{width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader .ivu-cascader-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-cascader .ivu-cascader-menu-item:hover{background:#f3f3f3}.ivu-cascader .ivu-cascader-menu-item-focus{background:#f3f3f3}.ivu-cascader .ivu-cascader-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cascader .ivu-cascader-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cascader .ivu-cascader-menu-item-selected,.ivu-cascader .ivu-cascader-menu-item-selected:hover{color:#2d8cf0}.ivu-cascader .ivu-cascader-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cascader .ivu-cascader-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cascader .ivu-cascader-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cascader .ivu-cascader-large .ivu-cascader-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cascader .ivu-cascader-menu-item{white-space:normal}}.ivu-cascader .ivu-select-item span{color:#ed4014}.ivu-cascader-dropdown{padding:5px 0}.ivu-cascader-dropdown .ivu-select-dropdown-list{max-height:190px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.ivu-cascader-not-found-tip{padding:5px 0;text-align:center;color:#c5c8ce}.ivu-cascader-not-found-tip li:not([class^=ivu-]){list-style:none;margin-bottom:0}.ivu-cascader-not-found .ivu-select-dropdown{width:inherit}.ivu-cascader-menu{display:inline-block;min-width:100px;height:180px;margin:0;padding:5px 0!important;vertical-align:top;list-style:none;border-right:1px solid #e8eaec;overflow:auto}.ivu-cascader-menu:last-child{border-right-color:transparent;margin-right:-1px}.ivu-cascader-menu .ivu-cascader-menu-item{position:relative;padding-right:36px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-cascader-menu .ivu-cascader-menu-item i{font-size:12px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ivu-cascader-menu .ivu-cascader-menu-item-loading{margin-top:-6px}.ivu-cascader-menu .ivu-cascader-menu-item-active{background-color:#f3f3f3;color:#2d8cf0}.ivu-cascader-transfer{z-index:1060;width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader-transfer .ivu-cascader-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-cascader-transfer .ivu-cascader-menu-item:hover{background:#f3f3f3}.ivu-cascader-transfer .ivu-cascader-menu-item-focus{background:#f3f3f3}.ivu-cascader-transfer .ivu-cascader-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cascader-transfer .ivu-cascader-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cascader-transfer .ivu-cascader-menu-item-selected,.ivu-cascader-transfer .ivu-cascader-menu-item-selected:hover{color:#2d8cf0}.ivu-cascader-transfer .ivu-cascader-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cascader-transfer .ivu-cascader-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cascader-transfer .ivu-cascader-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cascader-transfer .ivu-cascader-large .ivu-cascader-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cascader-transfer .ivu-cascader-menu-item{white-space:normal}}.ivu-cascader-transfer .ivu-select-item span{color:#ed4014}.ivu-cascader-transfer .ivu-cascader-menu-item{padding-right:24px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-cascader-transfer .ivu-cascader-menu-item-active{background-color:#f3f3f3;color:#2d8cf0}.ivu-form-item-error .ivu-cascader-arrow{color:#ed4014}.ivu-transfer{position:relative;line-height:1.5}.ivu-transfer-list{display:inline-block;width:180px;height:210px;font-size:14px;vertical-align:middle;position:relative;padding-top:35px}.ivu-transfer-list-with-footer{padding-bottom:35px}.ivu-transfer-list-header{padding:8px 16px;background:#f9fafc;color:#515a6e;border:1px solid #dcdee2;border-bottom:1px solid #e8eaec;border-radius:6px 6px 0 0;overflow:hidden;position:absolute;top:0;left:0;width:100%}.ivu-transfer-list-header-title{cursor:pointer}.ivu-transfer-list-header>span{padding-left:4px}.ivu-transfer-list-header-count{margin:0!important;float:right}.ivu-transfer-list-body{height:100%;border:1px solid #dcdee2;border-top:none;border-radius:0 0 6px 6px;position:relative;overflow:hidden}.ivu-transfer-list-body-with-search{padding-top:34px}.ivu-transfer-list-body-with-footer{border-radius:0}.ivu-transfer-list-content{height:100%;padding:4px 0;overflow:auto}.ivu-transfer-list-content-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ivu-transfer-list-content-item>span{padding-left:4px}.ivu-transfer-list-content-not-found{display:none;text-align:center;color:#c5c8ce}li.ivu-transfer-list-content-not-found:only-child{display:block}.ivu-transfer-list-body-with-search .ivu-transfer-list-content{padding:6px 0 0}.ivu-transfer-list-body-search-wrapper{padding:8px 8px 0;position:absolute;top:0;left:0;right:0}.ivu-transfer-list-search{position:relative}.ivu-transfer-list-footer{border:1px solid #dcdee2;border-top:none;border-radius:0 0 6px 6px;position:absolute;bottom:0;left:0;right:0;zoom:1}.ivu-transfer-list-footer:after,.ivu-transfer-list-footer:before{content:"";display:table}.ivu-transfer-list-footer:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-transfer-operation{display:inline-block;margin:0 16px;vertical-align:middle}.ivu-transfer-operation .ivu-btn{display:block;min-width:24px}.ivu-transfer-operation .ivu-btn:first-child{margin-bottom:12px}.ivu-transfer-operation .ivu-btn span i,.ivu-transfer-operation .ivu-btn span span{vertical-align:middle}.ivu-transfer-list-content-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-transfer-list-content-item:hover{background:#f3f3f3}.ivu-transfer-list-content-item-focus{background:#f3f3f3}.ivu-transfer-list-content-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-transfer-list-content-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-transfer-list-content-item-selected,.ivu-transfer-list-content-item-selected:hover{color:#2d8cf0}.ivu-transfer-list-content-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-transfer-list-content-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-transfer-list-content-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-transfer-large .ivu-transfer-list-content-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-transfer-list-content-item{white-space:normal}}.ivu-table{width:inherit;height:100%;max-width:100%;overflow:hidden;color:#515a6e;font-size:14px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.ivu-table-wrapper{position:relative;overflow:hidden}.ivu-table-wrapper-with-border{border:1px solid #dcdee2;border-bottom:0;border-right:0}.ivu-table-summary{border-top:1px solid #e8eaec}.ivu-table-summary tr td{background-color:#f8f8f9}.ivu-table-with-summary .ivu-table-tbody tr:last-child td{border-bottom:none}.ivu-table-resize-line{position:absolute;top:0;left:0;bottom:0;width:1px;border-right:1px dashed #e8eaec}.ivu-table-hide{opacity:0}.ivu-table:before{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#dcdee2;z-index:4}.ivu-table-border:after{content:'';width:1px;height:100%;position:absolute;top:0;right:0;background-color:#dcdee2;z-index:3}.ivu-table-footer,.ivu-table-title{height:48px;line-height:48px;border-bottom:1px solid #e8eaec}.ivu-table-footer{border-bottom:none}.ivu-table-header{overflow:hidden}.ivu-table-header thead tr th{position:relative;height:100%;padding:8px 0}.ivu-table-header-resizable{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}.ivu-table-overflowX{overflow-x:scroll}.ivu-table-overflowY{overflow-y:scroll}.ivu-table-tip{overflow-x:auto;overflow-y:hidden}.ivu-table-with-fixed-top.ivu-table-with-footer .ivu-table-footer{border-top:1px solid #dcdee2}.ivu-table-with-fixed-top.ivu-table-with-footer tbody tr:last-child td{border-bottom:none}.ivu-table td,.ivu-table th{min-width:0;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;text-overflow:ellipsis;vertical-align:middle;border-bottom:1px solid #e8eaec}.ivu-table th{height:40px;white-space:nowrap;overflow:hidden;background-color:#f8f8f9}.ivu-table td{background-color:#fff;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}td.ivu-table-column-left,th.ivu-table-column-left{text-align:left}td.ivu-table-column-center,th.ivu-table-column-center{text-align:center}td.ivu-table-column-right,th.ivu-table-column-right{text-align:right}.ivu-table table{table-layout:fixed}.ivu-table-border td,.ivu-table-border th{border-right:1px solid #e8eaec}.ivu-table-cell{padding-left:18px;padding-right:18px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box}.ivu-table-cell-ellipsis{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivu-table-cell-tooltip{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivu-table-cell-tooltip-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-table-cell-with-expand{height:47px;line-height:47px;padding:0;text-align:center}.ivu-table-cell-expand{cursor:pointer;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.ivu-table-cell-expand i{font-size:14px}.ivu-table-cell-expand-expanded{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ivu-table-cell-sort{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-table-cell-with-selection .ivu-checkbox-wrapper{margin-right:0}.ivu-table-cell-tree{display:inline-block;width:16px;height:16px;border:1px solid #dcdee2;border-radius:2px;background-color:#fff;line-height:12px;cursor:pointer;vertical-align:middle;-webkit-transition:color .2s ease-in-out,border-color .2s ease-in-out;transition:color .2s ease-in-out,border-color .2s ease-in-out}.ivu-table-cell-tree-empty{cursor:default;color:transparent;background-color:transparent;border-color:transparent}.ivu-table-cell-tree:hover{color:#2d8cf0;border-color:#2d8cf0}.ivu-table-cell-tree-empty:hover{color:transparent;border-color:transparent}.ivu-table-cell-tree-loading{cursor:default;background-color:transparent;border-color:transparent}.ivu-table-cell-tree-loading:hover{border-color:transparent}.ivu-table-cell-tree-level{display:inline-block;height:16px}.ivu-table-cell-slot-inline{display:inline}.ivu-table-cell-slot-inline-block{display:inline-block}.ivu-table-hidden{visibility:hidden}th .ivu-table-cell{display:inline-block;word-wrap:normal;vertical-align:middle}td.ivu-table-expanded-cell{padding:20px 50px;background:#f8f8f9}.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{background-color:#f8f8f9}.ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td{background-color:#ebf7ff}tr.ivu-table-row-hover td{background-color:#ebf7ff}.ivu-table-large{font-size:16px}.ivu-table-large th{height:48px}.ivu-table-large td{height:60px}.ivu-table-large-footer,.ivu-table-large-title{height:60px;line-height:60px}.ivu-table-large .ivu-table-cell-with-expand{height:59px;line-height:59px}.ivu-table-large .ivu-table-cell-with-expand i{font-size:16px}.ivu-table-small{font-size:12px}.ivu-table-small th{height:32px}.ivu-table-small td{height:40px}.ivu-table-small-footer,.ivu-table-small-title{height:40px;line-height:40px}.ivu-table-small .ivu-table-cell-with-expand{height:39px;line-height:39px}.ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td{background-color:#ebf7ff}.ivu-table-fixed,.ivu-table-fixed-right{position:absolute;top:0;left:0;-webkit-box-shadow:2px 0 6px -2px rgba(0,0,0,.2);box-shadow:2px 0 6px -2px rgba(0,0,0,.2)}.ivu-table-fixed-right::before,.ivu-table-fixed::before{content:'';width:100%;height:1px;background-color:#dcdee2;position:absolute;left:0;bottom:0;z-index:4}.ivu-table-fixed-right{top:0;left:auto;right:0;-webkit-box-shadow:-2px 0 6px -2px rgba(0,0,0,.2);box-shadow:-2px 0 6px -2px rgba(0,0,0,.2)}.ivu-table-fixed-right-header{position:absolute;top:-1px;right:0;background-color:#f8f8f9;border-top:1px solid #dcdee2;border-bottom:1px solid #e8eaec}.ivu-table-fixed-header{overflow:hidden}.ivu-table-fixed-header thead tr th{position:relative;height:100%;padding:8px 0}.ivu-table-fixed-body{overflow:hidden;position:relative;z-index:3}.ivu-table-fixed-shadow{width:1px;height:100%;position:absolute;top:0;right:0;-webkit-box-shadow:1px 0 6px rgba(0,0,0,.2);box-shadow:1px 0 6px rgba(0,0,0,.2);overflow:hidden;z-index:1}.ivu-table-sort{display:inline-block;width:14px;height:12px;margin-top:-1px;vertical-align:middle;overflow:hidden;cursor:pointer;position:relative}.ivu-table-sort i{display:block;height:6px;line-height:6px;overflow:hidden;position:absolute;color:#c5c8ce;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;font-size:16px}.ivu-table-sort i:hover{color:inherit}.ivu-table-sort i.on{color:#2d8cf0}.ivu-table-sort i:first-child{top:0}.ivu-table-sort i:last-child{bottom:0}.ivu-table-filter{display:inline-block;cursor:pointer;position:relative}.ivu-table-filter i{color:#c5c8ce;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-table-filter i:hover{color:inherit}.ivu-table-filter i.on{color:#2d8cf0}.ivu-table-filter-list{padding:8px 0 0}.ivu-table-filter-list-item{padding:0 12px 8px}.ivu-table-filter-list-item .ivu-checkbox-wrapper+.ivu-checkbox-wrapper{margin:0}.ivu-table-filter-list-item label{display:block}.ivu-table-filter-list-item label>span{margin-right:4px}.ivu-table-filter-list ul{padding-bottom:8px}.ivu-table-filter-list .ivu-table-filter-select-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-table-filter-list .ivu-table-filter-select-item:hover{background:#f3f3f3}.ivu-table-filter-list .ivu-table-filter-select-item-focus{background:#f3f3f3}.ivu-table-filter-list .ivu-table-filter-select-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-table-filter-list .ivu-table-filter-select-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-table-filter-list .ivu-table-filter-select-item-selected,.ivu-table-filter-list .ivu-table-filter-select-item-selected:hover{color:#2d8cf0}.ivu-table-filter-list .ivu-table-filter-select-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-table-filter-list .ivu-table-filter-select-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-table-filter-list .ivu-table-filter-select-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-table-filter-list .ivu-table-large .ivu-table-filter-select-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-table-filter-list .ivu-table-filter-select-item{white-space:normal}}.ivu-table-filter-footer{padding:4px;border-top:1px solid #e8eaec;overflow:hidden}.ivu-table-filter-footer button:first-child{float:left}.ivu-table-filter-footer button:last-child{float:right}.ivu-table-tip table{width:100%}.ivu-table-tip table td{text-align:center}.ivu-table-expanded-hidden{visibility:hidden}.ivu-table-context-menu{position:absolute}.ivu-table-popper{min-width:0;text-align:left}.ivu-table-popper .ivu-poptip-body{padding:0}.ivu-dropdown{display:inline-block}.ivu-dropdown .ivu-select-dropdown{overflow:visible;max-height:none}.ivu-dropdown .ivu-dropdown{width:100%}.ivu-dropdown-rel{position:relative}.ivu-dropdown-rel-user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-dropdown-menu{min-width:100px}.ivu-dropdown-transfer{width:auto}.ivu-dropdown-item-selected,.ivu-dropdown-item.ivu-dropdown-item-selected:hover{background:#f0faff}.ivu-dropdown-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-dropdown-item:hover{background:#f3f3f3}.ivu-dropdown-item-focus{background:#f3f3f3}.ivu-dropdown-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-dropdown-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-dropdown-item-selected,.ivu-dropdown-item-selected:hover{color:#2d8cf0}.ivu-dropdown-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-dropdown-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-dropdown-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-dropdown-large .ivu-dropdown-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-dropdown-item{white-space:normal}}.ivu-tabs{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;color:#515a6e;zoom:1}.ivu-tabs:after,.ivu-tabs:before{content:"";display:table}.ivu-tabs:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-tabs-bar{outline:0}.ivu-tabs-ink-bar{height:2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#2d8cf0;position:absolute;left:0;bottom:1px;z-index:1;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ivu-tabs-bar{border-bottom:1px solid #dcdee2;margin-bottom:16px}.ivu-tabs-nav-container{margin-bottom:-1px;line-height:1.5;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;position:relative;zoom:1}.ivu-tabs-nav-container:after,.ivu-tabs-nav-container:before{content:"";display:table}.ivu-tabs-nav-container:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-tabs-nav-container:focus{outline:0}.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused{border-color:#57a3f3!important}.ivu-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.ivu-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.ivu-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.ivu-tabs-nav-right{float:right;margin-left:5px}.ivu-tabs-nav-next,.ivu-tabs-nav-prev{width:32px;text-align:center;position:absolute;line-height:32px;cursor:pointer}.ivu-tabs-nav-next i,.ivu-tabs-nav-prev i{font-size:16px}.ivu-tabs-nav-prev{left:0}.ivu-tabs-nav-next{right:0}.ivu-tabs-nav-scrollable{padding:0 32px}.ivu-tabs-nav-scroll-disabled{display:none}.ivu-tabs-nav{padding-left:0;margin:0;float:left;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.ivu-tabs-nav:after,.ivu-tabs-nav:before{display:table;content:" "}.ivu-tabs-nav:after{clear:both}.ivu-tabs-nav .ivu-tabs-tab-disabled{pointer-events:none;cursor:default;color:#ccc}.ivu-tabs-nav .ivu-tabs-tab{display:inline-block;height:100%;padding:8px 16px;margin-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-decoration:none;position:relative;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.ivu-tabs-nav .ivu-tabs-tab:hover{color:#57a3f3}.ivu-tabs-nav .ivu-tabs-tab:active{color:#2b85e4}.ivu-tabs-nav .ivu-tabs-tab .ivu-icon{width:14px;height:14px;margin-right:8px}.ivu-tabs-nav .ivu-tabs-tab-active{color:#2d8cf0}.ivu-tabs-mini .ivu-tabs-nav-container{font-size:14px}.ivu-tabs-mini .ivu-tabs-tab{margin-right:0;padding:8px 16px;font-size:12px}.ivu-tabs .ivu-tabs-content-animated{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;will-change:transform;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.ivu-tabs .ivu-tabs-tabpane{-ms-flex-negative:0;flex-shrink:0;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1;outline:0}.ivu-tabs .ivu-tabs-tabpane-inactive{opacity:0;height:0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-container{height:32px}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-ink-bar{visibility:hidden}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab{margin:0;margin-right:4px;height:31px;padding:5px 16px 4px;border:1px solid #dcdee2;border-bottom:0;border-radius:4px 4px 0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#f8f8f9}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active{height:32px;padding-bottom:5px;background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);border-color:#dcdee2;color:#2d8cf0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-wrap{margin-bottom:0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-tabs-close{width:0;height:22px;font-size:22px;margin-right:0;color:#999;text-align:right;vertical-align:middle;overflow:hidden;position:relative;top:-1px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-tabs-close:hover{color:#444}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active .ivu-tabs-close,.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab:hover .ivu-tabs-close{width:22px;-webkit-transform:translateZ(0);transform:translateZ(0);margin-right:-6px}.ivu-tabs-context-menu{position:absolute}.ivu-tabs-no-animation>.ivu-tabs-content{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.ivu-tabs-no-animation>.ivu-tabs-content>.ivu-tabs-tabpane-inactive{display:none}.ivu-menu{display:block;margin:0;padding:0;outline:0;list-style:none;color:#515a6e;font-size:14px;position:relative;z-index:900}.ivu-menu-horizontal{height:60px;line-height:60px}.ivu-menu-horizontal.ivu-menu-light:after{content:'';display:block;width:100%;height:1px;background:#dcdee2;position:absolute;bottom:0;left:0}.ivu-menu-vertical.ivu-menu-light:after{content:'';display:block;width:1px;height:100%;background:#dcdee2;position:absolute;top:0;bottom:0;right:0;z-index:1}.ivu-menu-light{background:#fff}.ivu-menu-dark{background:#515a6e}.ivu-menu-primary{background:#2d8cf0}.ivu-menu-item{display:block;outline:0;list-style:none;font-size:14px;position:relative;z-index:1;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.ivu-menu-item{color:inherit}a.ivu-menu-item:active,a.ivu-menu-item:hover{color:inherit}.ivu-menu-item>i{margin-right:6px}.ivu-menu-submenu-title span>i,.ivu-menu-submenu-title>i{margin-right:8px}.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-horizontal .ivu-menu-submenu{float:left;padding:0 20px;position:relative;cursor:pointer;z-index:3;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu{height:inherit;line-height:inherit;border-bottom:2px solid transparent;color:#515a6e}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{color:#2d8cf0;border-bottom:2px solid #2d8cf0}.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu{color:rgba(255,255,255,.7)}.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item-active,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item:hover,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu-active,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu:hover{color:#fff}.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-submenu{color:#fff}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown{min-width:100%;width:auto;max-height:none}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{height:auto;line-height:normal;border-bottom:0;float:none}.ivu-menu-item-group{line-height:normal}.ivu-menu-item-group-title{height:30px;line-height:30px;padding-left:8px;font-size:12px;color:#999}.ivu-menu-item-group>ul{padding:0!important;list-style:none!important}.ivu-menu-vertical .ivu-menu-item,.ivu-menu-vertical .ivu-menu-submenu-title{padding:14px 24px;position:relative;cursor:pointer;z-index:1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-menu-vertical .ivu-menu-item:hover,.ivu-menu-vertical .ivu-menu-submenu-title:hover{color:#2d8cf0}.ivu-menu-vertical .ivu-menu-submenu-title-icon{position:absolute;top:50%;right:24px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ivu-menu-submenu-title-icon{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.ivu-menu-horizontal .ivu-menu-opened>*>.ivu-menu-submenu-title-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ivu-menu-vertical .ivu-menu-opened>*>.ivu-menu-submenu-title-icon{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.ivu-menu-vertical .ivu-menu-submenu-nested{padding-left:20px}.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item{padding-left:43px}.ivu-menu-vertical .ivu-menu-item-group-title{height:48px;line-height:48px;font-size:14px;padding-left:28px}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-group-title{color:rgba(255,255,255,.36)}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){color:#2d8cf0;background:#f0faff;z-index:2}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after{content:'';display:block;width:2px;position:absolute;top:0;bottom:0;right:0;background:#2d8cf0}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title{color:rgba(255,255,255,.7)}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover{background:#363e4f}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover{color:#fff;background:#515a6e}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu){color:#2d8cf0}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover{color:#fff;background:0 0!important}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover{border-right:none;color:#fff;background:#2d8cf0!important}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active>.ivu-menu-submenu-title{color:#fff}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened{background:#363e4f}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title{background:#515a6e}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-has-parent-submenu .ivu-menu-submenu-title{background:0 0}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover{background:#f3f3f3}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-focus{background:#f3f3f3}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected,.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover{color:#2d8cf0}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-menu-large .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{white-space:normal}}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{padding:7px 16px 8px;font-size:14px!important}.ivu-date-picker{display:inline-block;line-height:normal}.ivu-date-picker-rel{position:relative}.ivu-date-picker .ivu-select-dropdown{width:auto;padding:0;overflow:visible;max-height:none}.ivu-date-picker-cells{width:196px;margin:10px;white-space:normal}.ivu-date-picker-cells span{display:inline-block;width:24px;height:24px}.ivu-date-picker-cells span em{display:inline-block;width:24px;height:24px;line-height:24px;margin:2px;font-style:normal;border-radius:3px;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-date-picker-cells-header span{line-height:24px;text-align:center;margin:2px;color:#c5c8ce}.ivu-date-picker-cells-cell:hover em{background:#e1f0fe}.ivu-date-picker-cells-focused em{-webkit-box-shadow:0 0 0 1px #2d8cf0 inset;box-shadow:0 0 0 1px #2d8cf0 inset}span.ivu-date-picker-cells-cell{width:28px;height:28px;cursor:pointer}.ivu-date-picker-cells-cell-next-month em,.ivu-date-picker-cells-cell-prev-month em{color:#c5c8ce}.ivu-date-picker-cells-cell-next-month:hover em,.ivu-date-picker-cells-cell-prev-month:hover em{background:0 0}span.ivu-date-picker-cells-cell-disabled,span.ivu-date-picker-cells-cell-disabled:hover,span.ivu-date-picker-cells-cell-week-label,span.ivu-date-picker-cells-cell-week-label:hover{cursor:not-allowed;color:#c5c8ce}span.ivu-date-picker-cells-cell-disabled em,span.ivu-date-picker-cells-cell-disabled:hover em,span.ivu-date-picker-cells-cell-week-label em,span.ivu-date-picker-cells-cell-week-label:hover em{color:inherit;background:inherit}span.ivu-date-picker-cells-cell-disabled,span.ivu-date-picker-cells-cell-disabled:hover{background:#f7f7f7}.ivu-date-picker-cells-cell-today em{position:relative}.ivu-date-picker-cells-cell-today em:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#2d8cf0;position:absolute;top:1px;right:1px}.ivu-date-picker-cells-cell-range{position:relative}.ivu-date-picker-cells-cell-range em{position:relative;z-index:1}.ivu-date-picker-cells-cell-range:before{content:'';display:block;background:#e1f0fe;border-radius:0;border:0;position:absolute;top:2px;bottom:2px;left:0;right:0}.ivu-date-picker-cells-cell-selected em,.ivu-date-picker-cells-cell-selected:hover em{background:#2d8cf0;color:#fff}span.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-selected em{background:#c5c8ce;color:#f7f7f7}.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em:after{background:#fff}.ivu-date-picker-cells-show-week-numbers{width:226px}.ivu-date-picker-cells-month,.ivu-date-picker-cells-year{margin-top:14px}.ivu-date-picker-cells-month span,.ivu-date-picker-cells-year span{width:40px;height:28px;line-height:28px;margin:10px 12px;border-radius:3px}.ivu-date-picker-cells-month span em,.ivu-date-picker-cells-year span em{width:40px;height:28px;line-height:28px;margin:0}.ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused,.ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused{background-color:#d5e8fc}.ivu-date-picker-header{height:32px;line-height:32px;text-align:center;border-bottom:1px solid #e8eaec}.ivu-date-picker-header-label{cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-date-picker-header-label:hover{color:#2d8cf0}.ivu-date-picker-btn-pulse{background-color:#d5e8fc!important;border-radius:4px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.ivu-date-picker-prev-btn{float:left}.ivu-date-picker-prev-btn-arrow-double{margin-left:10px}.ivu-date-picker-prev-btn-arrow-double i:after{content:"\F115";margin-left:-8px}.ivu-date-picker-next-btn{float:right}.ivu-date-picker-next-btn-arrow-double{margin-right:10px}.ivu-date-picker-next-btn-arrow-double i:after{content:"\F11F";margin-left:-8px}.ivu-date-picker-with-range .ivu-picker-panel-body{min-width:432px}.ivu-date-picker-with-range .ivu-picker-panel-content{float:left}.ivu-date-picker-with-range .ivu-picker-cells-show-week-numbers{min-width:492px}.ivu-date-picker-with-week-numbers .ivu-picker-panel-body-date{min-width:492px}.ivu-date-picker-transfer{z-index:1060;max-height:none;width:auto}.ivu-date-picker-focused input{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-picker-panel-icon-btn{display:inline-block;width:20px;height:24px;line-height:26px;margin-top:2px;text-align:center;cursor:pointer;color:#c5c8ce;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-picker-panel-icon-btn:hover{color:#2d8cf0}.ivu-picker-panel-icon-btn i{font-size:14px}.ivu-picker-panel-body-wrapper.ivu-picker-panel-with-sidebar{padding-left:92px}.ivu-picker-panel-sidebar{width:92px;float:left;margin-left:-92px;position:absolute;top:0;bottom:0;background:#f8f8f9;border-right:1px solid #e8eaec;border-radius:4px 0 0 4px;overflow:auto}.ivu-picker-panel-shortcut{padding:6px 16px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-picker-panel-shortcut:hover{background:#e8eaec}.ivu-picker-panel-body{float:left}.ivu-picker-confirm{border-top:1px solid #e8eaec;text-align:right;padding:8px;clear:both}.ivu-picker-confirm>span{color:#2d8cf0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;padding:2px 0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-picker-confirm>span:hover{color:#57a3f3}.ivu-picker-confirm>span:active{color:#2b85e4}.ivu-picker-confirm-time{float:left}.ivu-time-picker-cells{min-width:112px}.ivu-time-picker-cells-with-seconds{min-width:168px}.ivu-time-picker-cells-list{width:56px;max-height:144px;float:left;overflow:hidden;border-left:1px solid #e8eaec;position:relative}.ivu-time-picker-cells-list:hover{overflow-y:auto}.ivu-time-picker-cells-list:first-child{border-left:none;border-radius:4px 0 0 4px}.ivu-time-picker-cells-list:last-child{border-radius:0 4px 4px 0}.ivu-time-picker-cells-list ul{width:100%;margin:0;padding:0 0 120px 0;list-style:none}.ivu-time-picker-cells-list ul li{width:100%;height:24px;line-height:24px;margin:0;padding:0 0 0 16px;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-time-picker-cells-cell:hover{background:#f3f3f3}.ivu-time-picker-cells-cell-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-time-picker-cells-cell-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-time-picker-cells-cell-selected,.ivu-time-picker-cells-cell-selected:hover{color:#2d8cf0;background:#f3f3f3}.ivu-time-picker-cells-cell-focused{background-color:#d5e8fc}.ivu-time-picker-header{height:32px;line-height:32px;text-align:center;border-bottom:1px solid #e8eaec}.ivu-time-picker-with-range .ivu-picker-panel-body{min-width:228px}.ivu-time-picker-with-range .ivu-picker-panel-content{float:left;position:relative}.ivu-time-picker-with-range .ivu-picker-panel-content:after{content:'';display:block;width:2px;position:absolute;top:31px;bottom:0;right:-2px;background:#e8eaec;z-index:1}.ivu-time-picker-with-range .ivu-picker-panel-content-right{float:right}.ivu-time-picker-with-range .ivu-picker-panel-content-right:after{right:auto;left:-2px}.ivu-time-picker-with-range .ivu-time-picker-cells-list:first-child{border-radius:0}.ivu-time-picker-with-range .ivu-time-picker-cells-list:last-child{border-radius:0}.ivu-time-picker-with-range.ivu-time-picker-with-seconds .ivu-picker-panel-body{min-width:340px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells{min-width:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds{min-width:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list{width:72px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list ul li{padding:0 0 0 28px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list{width:108px;max-height:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:first-child{border-radius:0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:last-child{border-radius:0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul{padding:0 0 192px 0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul li{padding:0 0 0 46px}.ivu-form .ivu-form-item-label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#515a6e;line-height:1;padding:10px 12px 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ivu-form-label-left .ivu-form-item-label{text-align:left}.ivu-form-label-top .ivu-form-item-label{float:none;display:inline-block;padding:0 0 10px 0}.ivu-form-inline .ivu-form-item{display:inline-block;margin-right:10px;vertical-align:top}.ivu-form-item{margin-bottom:24px;vertical-align:top;zoom:1}.ivu-form-item:after,.ivu-form-item:before{content:"";display:table}.ivu-form-item:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-form-item-content{position:relative;line-height:32px;font-size:14px}.ivu-form-item .ivu-form-item{margin-bottom:0}.ivu-form-item .ivu-form-item .ivu-form-item-content{margin-left:0!important}.ivu-form-item-error-tip{position:absolute;top:100%;left:0;line-height:1;padding-top:6px;color:#ed4014}.ivu-form-item-required .ivu-form-item-label:before{content:'*';display:inline-block;margin-right:4px;line-height:1;font-family:SimSun;font-size:14px;color:#ed4014}.ivu-form-hide-required-mark .ivu-form-item-required .ivu-form-item-label:before{display:none}.ivu-carousel{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ivu-carousel-list,.ivu-carousel-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ivu-carousel-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.ivu-carousel-track{position:relative;top:100%;left:0;display:block;overflow:hidden;z-index:1}.ivu-carousel-track.higher{z-index:2;top:0}.ivu-carousel-item{float:left;height:100%;min-height:1px;display:block}.ivu-carousel-arrow{border:none;outline:0;padding:0;margin:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:none;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.2s;transition:.2s;background-color:rgba(31,45,61,.11);color:#fff;text-align:center;font-size:1em;font-family:inherit;line-height:inherit}.ivu-carousel-arrow:hover{background-color:rgba(31,45,61,.5)}.ivu-carousel-arrow>*{vertical-align:baseline}.ivu-carousel-arrow.left{left:16px}.ivu-carousel-arrow.right{right:16px}.ivu-carousel-arrow-always{display:inherit}.ivu-carousel-arrow-hover{display:inherit;opacity:0}.ivu-carousel:hover .ivu-carousel-arrow-hover{opacity:1}.ivu-carousel-dots{z-index:10;display:none;position:relative;list-style:none;text-align:center;padding:0;width:100%;height:17px}.ivu-carousel-dots-inside{display:block;position:absolute;bottom:3px}.ivu-carousel-dots-outside{display:block;margin-top:3px}.ivu-carousel-dots li{position:relative;display:inline-block;vertical-align:top;text-align:center;margin:0 2px;padding:7px 0;cursor:pointer}.ivu-carousel-dots li button{border:0;cursor:pointer;background:#8391a5;opacity:.3;display:block;width:16px;height:3px;border-radius:1px;outline:0;font-size:0;color:transparent;-webkit-transition:all .5s;transition:all .5s}.ivu-carousel-dots li button.radius{width:6px;height:6px;border-radius:50%}.ivu-carousel-dots li:hover>button{opacity:.7}.ivu-carousel-dots li.ivu-carousel-active>button{opacity:1;width:24px}.ivu-carousel-dots li.ivu-carousel-active>button.radius{width:6px}.ivu-rate{display:inline-block;margin:0;padding:0;font-size:20px;vertical-align:middle;font-weight:400;font-style:normal}.ivu-rate-disabled .ivu-rate-star-content:before,.ivu-rate-disabled .ivu-rate-star:before{cursor:default}.ivu-rate-disabled .ivu-rate-star:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ivu-rate-star-full,.ivu-rate-star-zero{position:relative}.ivu-rate-star-first{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.ivu-rate-star-first,.ivu-rate-star-second{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;transition:all .3s ease;color:#e9e9e9;cursor:pointer}.ivu-rate-star-chart{display:inline-block;margin:0;padding:0;margin-right:8px;position:relative;font-family:Ionicons;-webkit-transition:all .3s ease;transition:all .3s ease}.ivu-rate-star-chart:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ivu-rate-star-chart.ivu-rate-star-full .ivu-rate-star-first,.ivu-rate-star-chart.ivu-rate-star-full .ivu-rate-star-second{color:#f5a623}.ivu-rate-star-chart.ivu-rate-star-half .ivu-rate-star-first{opacity:1;color:#f5a623}.ivu-rate-star{display:inline-block;margin:0;padding:0;margin-right:8px;position:relative;font-family:Ionicons;-webkit-transition:all .3s ease;transition:all .3s ease}.ivu-rate-star:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ivu-rate-star-content:before,.ivu-rate-star:before{color:#e9e9e9;cursor:pointer;content:"\F2BF";-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block}.ivu-rate-star-content{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden}.ivu-rate-star-content:before{color:transparent}.ivu-rate-star-full:before,.ivu-rate-star-half .ivu-rate-star-content:before{color:#f5a623}.ivu-rate-star-full:hover:before,.ivu-rate-star-half:hover .ivu-rate-star-content:before{color:#f7b84f}.ivu-rate-text{margin-left:8px;vertical-align:middle;display:inline-block;font-size:14px}.ivu-upload input[type=file]{display:none}.ivu-upload-list{margin-top:8px}.ivu-upload-list-file{padding:4px;color:#515a6e;border-radius:4px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;overflow:hidden;position:relative}.ivu-upload-list-file>span{cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-upload-list-file>span i{display:inline-block;width:12px;height:12px;color:#515a6e;text-align:center}.ivu-upload-list-file:hover{background:#f3f3f3}.ivu-upload-list-file:hover>span{color:#2d8cf0}.ivu-upload-list-file:hover>span i{color:#515a6e}.ivu-upload-list-file:hover .ivu-upload-list-remove{opacity:1}.ivu-upload-list-remove{opacity:0;font-size:18px;cursor:pointer;float:right;margin-right:4px;color:#999;-webkit-transition:all .2s ease;transition:all .2s ease}.ivu-upload-list-remove:hover{color:#444}.ivu-upload-select{display:inline-block}.ivu-upload-drag{background:#fff;border:1px dashed #dcdee2;border-radius:4px;text-align:center;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.ivu-upload-drag:hover{border:1px dashed #2d8cf0}.ivu-upload-dragOver{border:2px dashed #2d8cf0}.ivu-tree{position:relative}.ivu-tree ul{list-style:none;margin:0;padding:0;font-size:14px}.ivu-tree ul.ivu-dropdown-menu{padding:0}.ivu-tree ul li{list-style:none;margin:8px 0;padding:0;white-space:nowrap;outline:0}.ivu-tree ul li.ivu-dropdown-item{margin:0;padding:7px 16px;white-space:nowrap}.ivu-tree li ul{margin:0;padding:0 0 0 18px}.ivu-tree-title{display:inline-block;margin:0;padding:0 4px;border-radius:3px;cursor:pointer;vertical-align:top;color:#515a6e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ivu-tree-title:hover{background-color:#eaf4fe}.ivu-tree-title-selected,.ivu-tree-title-selected:hover{background-color:#d5e8fc}.ivu-tree-arrow{cursor:pointer;width:12px;text-align:center;display:inline-block}.ivu-tree-arrow i{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-size:14px;vertical-align:middle}.ivu-tree-arrow-open i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ivu-tree .ivu-checkbox-wrapper{margin-right:4px;margin-left:4px}.ivu-tree-context-menu{position:absolute}.ivu-avatar{display:inline-block;text-align:center;background:#ccc;color:#fff;white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;width:32px;height:32px;line-height:32px;border-radius:50%}.ivu-avatar-image{background:0 0}.ivu-avatar .ivu-icon{position:relative;top:-1px}.ivu-avatar.ivu-avatar-icon{font-size:18px}.ivu-avatar-large{width:40px;height:40px;line-height:40px;border-radius:50%}.ivu-avatar-large.ivu-avatar-icon{font-size:24px}.ivu-avatar-large .ivu-icon{position:relative;top:-2px}.ivu-avatar-small{width:24px;height:24px;line-height:24px;border-radius:50%}.ivu-avatar-small.ivu-avatar-icon{font-size:14px}.ivu-avatar-square{border-radius:4px}.ivu-avatar>img{width:100%;height:100%}.ivu-color-picker{display:inline-block}.ivu-color-picker-hide{display:none}.ivu-color-picker-hide-drop{visibility:hidden}.ivu-color-picker-disabled{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-color-picker-disabled:hover{border-color:#e3e5e8}.ivu-color-picker>div:first-child:hover .ivu-input{border-color:#57a3f3}.ivu-color-picker>div:first-child.ivu-color-picker-disabled:hover .ivu-input{border-color:#e3e5e8}.ivu-color-picker .ivu-select-dropdown{padding:0}.ivu-color-picker-input.ivu-input:focus{-webkit-box-shadow:none;box-shadow:none}.ivu-color-picker-focused{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-rel{line-height:0}.ivu-color-picker-color{width:18px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px;position:relative;top:2px}.ivu-color-picker-color div{width:100%;height:100%;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);border-radius:2px}.ivu-color-picker-color-empty{background:#fff;overflow:hidden;text-align:center}.ivu-color-picker-color-empty i{font-size:18px;vertical-align:baseline}.ivu-color-picker-color-focused{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-large .ivu-color-picker-color{width:20px;height:20px;top:1px}.ivu-color-picker-large .ivu-color-picker-color-empty i{font-size:20px}.ivu-color-picker-small .ivu-color-picker-color{width:14px;height:14px;top:3px}.ivu-color-picker-small .ivu-color-picker-color-empty i{font-size:14px}.ivu-color-picker-picker-wrapper{padding:8px 8px 0}.ivu-color-picker-picker-panel{width:240px;margin:0 auto;-webkit-box-sizing:initial;box-sizing:initial;position:relative}.ivu-color-picker-picker-alpha-slider,.ivu-color-picker-picker-hue-slider{height:10px;margin-top:8px;position:relative}.ivu-color-picker-picker-colors{margin-top:8px;overflow:hidden;border-radius:2px;-webkit-transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-color-picker-picker-colors:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-picker-colors-wrapper{display:inline;width:20px;height:20px;float:left;position:relative}.ivu-color-picker-picker-colors-wrapper-color{outline:0;display:block;position:absolute;width:16px;height:16px;margin:2px;cursor:pointer;border-radius:2px;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.ivu-color-picker-picker-colors-wrapper-circle{width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px);position:absolute;top:10px;left:10px;cursor:pointer}.ivu-color-picker-picker .ivu-picker-confirm{margin-top:8px}.ivu-color-picker-saturation-wrapper{width:100%;padding-bottom:75%;position:relative;-webkit-transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-color-picker-saturation-wrapper:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-saturation,.ivu-color-picker-saturation--black,.ivu-color-picker-saturation--white{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.ivu-color-picker-saturation--white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.ivu-color-picker-saturation--black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.ivu-color-picker-saturation-pointer{cursor:pointer;position:absolute}.ivu-color-picker-saturation-circle{width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.ivu-color-picker-hue{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);-webkit-transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-color-picker-hue:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-hue-container{cursor:pointer;margin:0 2px;position:relative;height:100%}.ivu-color-picker-hue-pointer{z-index:2;position:absolute}.ivu-color-picker-hue-picker{cursor:pointer;margin-top:1px;width:4px;border-radius:1px;height:8px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}.ivu-color-picker-alpha{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;-webkit-transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.ivu-color-picker-alpha:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-alpha-checkboard-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:2px}.ivu-color-picker-alpha-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.ivu-color-picker-alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px}.ivu-color-picker-alpha-container{cursor:pointer;position:relative;z-index:2;height:100%;margin:0 3px}.ivu-color-picker-alpha-pointer{z-index:2;position:absolute}.ivu-color-picker-alpha-picker{cursor:pointer;width:4px;border-radius:1px;height:8px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;margin-top:1px;-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}.ivu-color-picker-confirm{margin-top:8px;position:relative;border-top:1px solid #e8eaec;text-align:right;padding:8px;clear:both}.ivu-color-picker-confirm-color{position:absolute;top:11px;left:8px}.ivu-color-picker-confirm-color-editable{top:8px;right:110px}.ivu-auto-complete .ivu-select-not-found{display:none}.ivu-auto-complete .ivu-icon-ios-close{display:none}.ivu-auto-complete:hover .ivu-icon-ios-close{display:inline-block}.ivu-auto-complete.ivu-select-dropdown{max-height:none}.ivu-auto-complete div,.ivu-auto-complete:focus{outline:0}.ivu-divider{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;line-height:1.5;color:#515a6e;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;background:#e8eaec}.ivu-divider,.ivu-divider-vertical{margin:0 8px;display:inline-block;height:.9em;width:1px;vertical-align:middle;position:relative;top:-.06em}.ivu-divider-horizontal{display:block;height:1px;width:100%;min-width:100%;margin:24px 0;clear:both}.ivu-divider-horizontal.ivu-divider-with-text-center,.ivu-divider-horizontal.ivu-divider-with-text-left,.ivu-divider-horizontal.ivu-divider-with-text-right{display:table;white-space:nowrap;text-align:center;background:0 0;font-weight:500;color:#17233d;font-size:16px;margin:16px 0}.ivu-divider-horizontal.ivu-divider-with-text-center:after,.ivu-divider-horizontal.ivu-divider-with-text-center:before,.ivu-divider-horizontal.ivu-divider-with-text-left:after,.ivu-divider-horizontal.ivu-divider-with-text-left:before,.ivu-divider-horizontal.ivu-divider-with-text-right:after,.ivu-divider-horizontal.ivu-divider-with-text-right:before{content:'';display:table-cell;position:relative;top:50%;width:50%;border-top:1px solid #e8eaec;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-center,.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-left,.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-right{font-size:14px;margin:8px 0}.ivu-divider-horizontal.ivu-divider-with-text-left .ivu-divider-inner-text,.ivu-divider-horizontal.ivu-divider-with-text-right .ivu-divider-inner-text{display:inline-block;padding:0 10px}.ivu-divider-horizontal.ivu-divider-with-text-left:before{top:50%;width:5%}.ivu-divider-horizontal.ivu-divider-with-text-left:after{top:50%;width:95%}.ivu-divider-horizontal.ivu-divider-with-text-right:before{top:50%;width:95%}.ivu-divider-horizontal.ivu-divider-with-text-right:after{top:50%;width:5%}.ivu-divider-inner-text{display:inline-block;padding:0 24px}.ivu-divider-dashed{background:0 0;border-top:1px dashed #e8eaec}.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed{border-top:0}.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed:before,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed:before,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed:before{border-style:dashed none none}.ivu-divider-plain.ivu-divider-with-text,.ivu-divider-plain.ivu-divider-with-text-left,.ivu-divider-plain.ivu-divider-with-text-right{color:#515a6e;font-weight:400;font-size:14px}.ivu-anchor{position:relative;padding-left:2px}.ivu-anchor-wrapper{overflow:auto;padding-left:4px;margin-left:-4px}.ivu-anchor-ink{position:absolute;height:100%;left:0;top:0}.ivu-anchor-ink:before{content:' ';position:relative;width:2px;height:100%;display:block;background-color:#e8eaec;margin:0 auto}.ivu-anchor-ink-ball{display:inline-block;position:absolute;width:8px;height:8px;border-radius:50%;border:2px solid #2d8cf0;background-color:#fff;left:50%;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out;-webkit-transform:translate(-50%,2px);-ms-transform:translate(-50%,2px);transform:translate(-50%,2px)}.ivu-anchor.fixed .ivu-anchor-ink .ivu-anchor-ink-ball{display:none}.ivu-anchor-link{padding:8px 0 8px 16px;line-height:1}.ivu-anchor-link-title{display:block;position:relative;-webkit-transition:all .3s;transition:all .3s;color:#515a6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.ivu-anchor-link-title:only-child{margin-bottom:0}.ivu-anchor-link-active>.ivu-anchor-link-title{color:#2d8cf0}.ivu-anchor-link .ivu-anchor-link{padding-top:6px;padding-bottom:6px}.ivu-time-with-hash{cursor:pointer}.ivu-time-with-hash:hover{text-decoration:underline}.ivu-cell{position:relative;overflow:hidden}.ivu-cell-link,.ivu-cell-link:active,.ivu-cell-link:hover{color:inherit}.ivu-cell-icon{display:inline-block;margin-right:4px;font-size:14px;vertical-align:middle}.ivu-cell-icon:empty{display:none}.ivu-cell-main{display:inline-block;vertical-align:middle}.ivu-cell-title{line-height:24px;font-size:14px}.ivu-cell-label{line-height:1.2;font-size:12px;color:#808695}.ivu-cell-selected .ivu-cell-label{color:inherit}.ivu-cell-selected,.ivu-cell.ivu-cell-selected:hover{background:#f0faff}.ivu-cell-footer{display:inline-block;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:16px;color:#515a6e}.ivu-cell-with-link .ivu-cell-footer{right:32px}.ivu-cell-selected .ivu-cell-footer{color:inherit}.ivu-cell-arrow{display:inline-block;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:16px;font-size:14px}.ivu-cell:focus{background:#f3f3f3;outline:0}.ivu-cell-selected:focus{background:rgba(40,123,211,.91)}.ivu-cell{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.ivu-cell:hover{background:#f3f3f3}.ivu-cell-focus{background:#f3f3f3}.ivu-cell-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cell-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cell-selected,.ivu-cell-selected:hover{color:#2d8cf0}.ivu-cell-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cell-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cell-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cell-large .ivu-cell{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cell{white-space:normal}}.ivu-drawer{width:auto;height:100%;position:fixed;top:0}.ivu-drawer-inner{position:absolute}.ivu-drawer-left{left:0}.ivu-drawer-right{right:0}.ivu-drawer-hidden{display:none!important}.ivu-drawer-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ivu-drawer-wrap-inner{position:absolute;overflow:hidden}.ivu-drawer-wrap-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivu-drawer-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ivu-drawer-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ivu-drawer-mask-hidden{display:none}.ivu-drawer-mask-inner{position:absolute}.ivu-drawer-content{width:100%;height:100%;position:absolute;top:0;bottom:0;background-color:#fff;border:0;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.ivu-drawer-content-no-mask{pointer-events:auto}.ivu-drawer-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-drawer-header p,.ivu-drawer-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-drawer-close{z-index:1;font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-drawer-close .ivu-icon-ios-close{font-size:31px;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:1px}.ivu-drawer-close .ivu-icon-ios-close:hover{color:#444}.ivu-drawer-body{width:100%;height:calc(100% - 51px);padding:16px;font-size:14px;line-height:1.5;word-wrap:break-word;position:absolute;overflow:auto}.ivu-drawer-no-header .ivu-drawer-body{height:100%}.ivu-drawer-no-mask{pointer-events:none}.ivu-drawer-no-mask .ivu-drawer-drag{pointer-events:auto}.ivu-drawer-drag{top:0;height:100%;width:0;position:absolute}.ivu-drawer-drag-left{right:0}.ivu-drawer-drag-move-trigger{width:8px;height:100px;line-height:100px;position:absolute;top:50%;background:#f3f3f3;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:4px/6px;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.2);box-shadow:0 0 1px 1px rgba(0,0,0,.2);cursor:col-resize}.ivu-drawer-drag-move-trigger-point{display:inline-block;width:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.ivu-drawer-drag-move-trigger-point i{display:block;border-bottom:1px solid silver;padding-bottom:2px}.ivu-breadcrumb{color:#999;font-size:14px}.ivu-breadcrumb a{color:#515a6e;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ivu-breadcrumb a:hover{color:#57a3f3}.ivu-breadcrumb>span:last-child{font-weight:700;color:#515a6e}.ivu-breadcrumb>span:last-child .ivu-breadcrumb-item-separator{display:none}.ivu-breadcrumb-item-separator{margin:0 8px;color:#dcdee2}.ivu-breadcrumb-item-link>.ivu-icon+span{margin-left:4px}.ivu-list{position:relative}.ivu-list-items{margin:0;padding:0;list-style:none}.ivu-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0}.ivu-list-item-content{color:#515a6e}.ivu-list-item-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:0}.ivu-list-item-meta-avatar{margin-right:16px}.ivu-list-item-meta-content{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0}.ivu-list-item-meta-title{font-weight:500;margin-bottom:4px;color:#515a6e;font-size:14px;line-height:22px}.ivu-list-item-meta-title>a{color:#515a6e;-webkit-transition:all .2s;transition:all .2s}.ivu-list-item-meta-title>a:hover{color:#2d8cf0}.ivu-list-item-meta-description{color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.ivu-list-item-action{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:48px;padding:0;font-size:0;list-style:none}.ivu-list-item-action>li{position:relative;display:inline-block;padding:0 8px;color:rgba(0,0,0,.45);font-size:14px;line-height:22px;text-align:center;cursor:pointer}.ivu-list-item-action>li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#e8eaec}.ivu-list-item-action>li:first-child{padding-left:0}.ivu-list-item-action>li:last-child:after{display:none}.ivu-list-header{background:0 0}.ivu-list-footer{background:0 0}.ivu-list-footer,.ivu-list-header{padding-top:12px;padding-bottom:12px}.ivu-list-split .ivu-list-item{border-bottom:1px solid #e8eaec}.ivu-list-split .ivu-list-item:last-child{border-bottom:none}.ivu-list-split .ivu-list-header{border-bottom:1px solid #e8eaec}.ivu-list-split .ivu-list-footer{border-top:1px solid #e8eaec}.ivu-list-large .ivu-list-item{padding-top:16px;padding-bottom:16px}.ivu-list-small .ivu-list-item{padding-top:8px;padding-bottom:8px}.ivu-list-vertical .ivu-list-item{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}.ivu-list-vertical .ivu-list-item-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1}.ivu-list-vertical .ivu-list-item-extra{margin-left:40px}.ivu-list-vertical .ivu-list-item-meta{margin-bottom:16px}.ivu-list-vertical .ivu-list-item-meta-title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ivu-list-vertical .ivu-list-item-action{margin-top:16px;margin-left:auto}.ivu-list-vertical .ivu-list-item-action>li{padding:0 16px}.ivu-list-vertical .ivu-list-item-action>li:first-child{padding-left:0}.ivu-list-item-no-flex{display:block}.ivu-list:not(.ivu-list-vertical) .ivu-list-item-no-flex .ivu-list-item-action{float:right}.ivu-list-bordered{border:1px solid #dcdee2;border-radius:6px}.ivu-list-bordered .ivu-list-header{padding-right:24px;padding-left:24px}.ivu-list-bordered .ivu-list-footer{padding-right:24px;padding-left:24px}.ivu-list-bordered .ivu-list-item{padding-right:24px;padding-left:24px;border-bottom:1px solid #e8eaec}.ivu-list-bordered .ivu-list-pagination{margin:16px 24px}.ivu-list-bordered.ivu-list-small .ivu-list-item{padding-right:16px;padding-left:16px}.ivu-list-bordered.ivu-list-small .ivu-list-footer,.ivu-list-bordered.ivu-list-small .ivu-list-header{padding:8px 16px}.ivu-list-bordered.ivu-list-large .ivu-list-footer,.ivu-list-bordered.ivu-list-large .ivu-list-header{padding:16px 24px}@media screen and (max-width:768px){.ivu-list-item-action{margin-left:24px}.ivu-list-vertical .ivu-list-item-extra{margin-left:24px}}@media screen and (max-width:576px){.ivu-list-item{-ms-flex-wrap:wrap;flex-wrap:wrap}.ivu-list-item-action{margin-left:12px}.ivu-list-vertical .ivu-list-item{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.ivu-list-vertical .ivu-list-item-main{min-width:220px}.ivu-list-vertical .ivu-list-item-extra{margin:auto auto 16px}}@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
/**
 * All variables & mixins which will not generate CSS code will be listed in here
 */
/**
 * Site global variables
 */
/**
 * Overriding Bootstrap variables
 */
/**
 * Colored text utilities
 */
.text-block {
  color: #161616; }

.text-white {
  color: #ffffff; }

.text-alpha-blue-8 {
  color: rgba(76, 97, 137, 0.83); }

.text-danger-color {
  color: #AD5151; }

.text-danger-main-color {
  color: #c74250; }

.text-brand-color {
  color: #2f6279; }

.text-default-blue {
  color: #006297; }

.text-default-blue-2 {
  color: #0068aa; }

.text-dark-blue {
  color: #4c6189; }

.text-dark-blue-2 {
  color: #203252; }

.text-dark-blue-3 {
  color: #001937; }

.text-light-blue-grey {
  color: #d3dee7; }

.text-light-blue-grey-2 {
  color: #ccd8e4; }

.text-light-blue-grey-3 {
  color: #b4c0cd; }

.text-light-blue-grey-4 {
  color: #b0c5d9; }

.text-light-blue-grey-5 {
  color: #90aabd; }

.text-default-green {
  color: #04908c; }

.text-default-green-2 {
  color: #009793; }

.text-default-orange {
  color: #f65323; }

.text-light-orange {
  color: #ff5b4c; }

.text-light-orange-2 {
  color: #ec6f60; }

.text-default-yellow {
  color: #eba12a; }

.text-pink-grey {
  color: #b8a3a2; }

.text-white-grey {
  color: #fefefe; }

.text-light-gray {
  color: #e3e3e3; }

.text-light-gray2 {
  color: #666666; }

.text-sub-gray {
  color: #bdb8ba; }

.text-default-grey {
  color: #999999; }

.text-medium-gray {
  color: #595757; }

.text-dark-grey {
  color: #4a4a4a; }

.text-dark-grey2 {
  color: #404040; }

.text-main-color-white {
  color: #fafafa; }

.text-main-color-white-gray {
  color: #EFEEEE; }

.text-main-color-white-gray-2 {
  color: #eeedec; }

.text-main-color-light-gray {
  color: #91979D; }

.text-main-color-dark-gray {
  color: #797979; }

.text-main-color-gray {
  color: #747A81; }

.text-main-color-nomal-gray {
  color: #c9c9c9; }

.text-main-color-light-navy {
  color: #45566E; }

.text-main-color-navy {
  color: #333F50; }

.text-main-color-navy3 {
  color: #2F6279; }

.text-main-color-pink {
  color: #E47187; }

.text-main-color-red {
  color: #C7405B; }

.text-main-color-red-2 {
  color: #c74250; }

.text-main-color-light-green {
  color: #6BACAB; }

.text-main-color-green {
  color: #45706F; }

.text-main-color-light-brown {
  color: #C69850; }

.text-main-color-brown {
  color: #A88142 !important; }

.text-main-color-default-font {
  color: #333333; }

.f-neutual_primary {
  color: #404040; }

.f-neutual_secondary {
  color: #666666; }

.f-basic-third {
  color: #8C8C8C; }

.f-disabled_text_placeholder {
  color: #868686; }

.f-dark-6 {
  color: #000; }

.h1_medium {
  font-size: 38px;
  font-weight: 500;
  line-height: 46px; }

.h2_medium {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px; }

.h2_regular {
  font-size: 28px;
  font-weight: 500;
  line-height: 40px; }

.h3_medium {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px; }

.h3_regular {
  font-size: 24px;
  font-weight: 400;
  line-height: 34px; }

.h4_bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px; }

.h4_medium {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px; }

.h4_regular {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px; }

.h5_bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px; }

.h5_medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px; }

.h5_regular {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px; }

.h6_bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px; }

.h6_large {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; }

.h6_medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; }

.h6_regular {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.h6_small {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px; }

.h7_regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px; }

.h7_small {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px; }

.h9_regular {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px; }

/**
 * Color background utilities
 */
.bg-black {
  background-color: #161616; }

.bg-white {
  background-color: #ffffff; }

.bg-alpha-blue-8 {
  background-color: rgba(76, 97, 137, 0.83); }

.bg-brand-color {
  background-color: #2f6279; }

.bg-default-blue {
  background-color: #006297; }

.bg-default-blue-2 {
  background-color: #0068aa; }

.bg-dark-blue {
  background-color: #4c6189; }

.bg-dark-blue-2 {
  background-color: #203252; }

.bg-dark-blue-3 {
  background-color: #001937; }

.bg-light-blue-grey {
  background-color: #d3dee7; }

.bg-light-blue-grey-2 {
  background-color: #ccd8e4; }

.bg-light-blue-grey-3 {
  background-color: #b4c0cd; }

.bg-light-blue-grey-4 {
  background-color: #b0c5d9; }

.bg-light-blue-grey-5 {
  background-color: #90aabd; }

.bg-default-green {
  background-color: #04908c; }

.bg-default-green-2 {
  background-color: #009793; }

.bg-default-orange {
  background-color: #f65323; }

.bg-light-orange {
  background-color: #ff5b4c; }

.bg-light-orange-2 {
  background-color: #ec6f60; }

.bg-default-yellow {
  background-color: #eba12a; }

.bg-pink-grey {
  background-color: #b8a3a2; }

.bg-white-grey {
  background-color: #fefefe; }

.bg-light-gray {
  background-color: #e3e3e3; }

.bg-sub-gray {
  background-color: #bdb8ba; }

.bg-default-grey {
  background-color: #818181; }

.bg-medium-gray {
  background-color: #595757; }

.bg-dark-grey {
  background-color: #4a4a4a; }

.bg-main-color-pure-white {
  background-color: #ffffff; }

.bg-main-color-white {
  background-color: #fafafa; }

.bg-main-color-white-gray {
  background-color: #EFEEEE; }

.bg-main-color-white-gray-2 {
  background-color: #eeedec; }

.bg-main-color-light-gray {
  background-color: #91979D; }

.bg-main-color-gray {
  background-color: #747A81; }

.bg-main-color-nomal-gray {
  background-color: #c9c9c9; }

.bg-main-color-light-navy {
  background-color: #45566E; }

.bg-main-color-navy {
  background-color: #333F50; }

.bg-main-color-pink {
  background-color: #E47187; }

.bg-main-color-red {
  background-color: #C7405B; }

.bg-main-color-light-green {
  background-color: #6BACAB; }

.bg-main-color-green {
  background-color: #45706F; }

.bg-main-color-light-brown {
  background-color: #C69850; }

.bg-main-color-brown {
  background-color: #A88142 !important; }

.bg-main-color-default-font {
  background-color: #333333; }

/**
 * Give block a fixed width-height ratio
 */
.background-image {
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.background-repeat-y,
.background-image.background-repeat-y {
  background-repeat: repeat-y !important; }

.background-image {
  overflow: hidden;
  position: relative; }

.background-image:before {
  content: ' ';
  display: block;
  width: 100%;
  position: relative;
  padding-top: 56.25%; }

.background-image-full-size {
  position: relative; }
  .background-image-full-size .img-fixed {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1; }

.background-image .background-image-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.background-image-content {
  position: relative;
  z-index: 100; }

.background-image.stacked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.img-16-by-9:before {
  content: ' ';
  display: block;
  padding-top: 56.25%; }

.img-16-by-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-11-by-5:before {
  content: ' ';
  display: block;
  padding-top: 45.45455%; }

.img-11-by-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-51-by-75:before {
  content: ' ';
  display: block;
  padding-top: 147.05882%; }

.img-51-by-75 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-108-by-75:before {
  content: ' ';
  display: block;
  padding-top: 69.44444%; }

.img-108-by-75 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-57-by-54:before {
  content: ' ';
  display: block;
  padding-top: 94.73684%; }

.img-57-by-54 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-70-by-79:before {
  content: ' ';
  display: block;
  padding-top: 112.85714%; }

.img-70-by-79 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-407-by-239:before {
  content: ' ';
  display: block;
  padding-top: 58.72236%; }

.img-407-by-239 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-19-by-1:before {
  content: ' ';
  display: block;
  padding-top: 5.26316%; }

.img-19-by-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-20-by-7:before {
  content: ' ';
  display: block;
  padding-top: 35%; }

.img-20-by-7 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-20-by-11:before {
  content: ' ';
  display: block;
  padding-top: 55%; }

.img-20-by-11 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-1-by-1:before {
  content: ' ';
  display: block;
  padding-top: 100%; }

.img-1-by-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-20-by-7:before {
  content: ' ';
  display: block;
  padding-top: 35%; }

.img-20-by-7 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.img-20-by-11:before {
  content: ' ';
  display: block;
  padding-top: 55%; }

.img-20-by-11 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

@media (min-width: 576px) {
  .img-sm-20-by-7:before {
    content: ' ';
    display: block;
    padding-top: 35%; }
  .img-sm-20-by-7 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .img-sm-20-by-11:before {
    content: ' ';
    display: block;
    padding-top: 55%; }
  .img-sm-20-by-11 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }

@media (min-width: 768px) {
  .img-md-20-by-7:before {
    content: ' ';
    display: block;
    padding-top: 35%; }
  .img-md-20-by-7 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .img-md-20-by-11:before {
    content: ' ';
    display: block;
    padding-top: 55%; }
  .img-md-20-by-11 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }

@media (min-width: 992px) {
  .img-lg-20-by-7:before {
    content: ' ';
    display: block;
    padding-top: 35%; }
  .img-lg-20-by-7 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .img-lg-20-by-11:before {
    content: ' ';
    display: block;
    padding-top: 55%; }
  .img-lg-20-by-11 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }

@media (min-width: 1200px) {
  .img-xl-20-by-7:before {
    content: ' ';
    display: block;
    padding-top: 35%; }
  .img-xl-20-by-7 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .img-xl-20-by-11:before {
    content: ' ';
    display: block;
    padding-top: 55%; }
  .img-xl-20-by-11 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }

.row-l [class*="index-bg-"]:before,
.row-l [class*="index-bg-sm-"]:before {
  content: ' ';
  display: block;
  padding-top: 100%; }

.row-l [class*="index-bg-"] > .content,
.row-l [class*="index-bg-sm-"] > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-1:before {
  content: ' ';
  display: block;
  padding-top: 576.92308%; }

.row-m .index-bg-sm-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-2:before {
  content: ' ';
  display: block;
  padding-top: 234.375%; }

.row-m .index-bg-sm-2 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-3:before {
  content: ' ';
  display: block;
  padding-top: 147.05882%; }

.row-m .index-bg-sm-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-4:before {
  content: ' ';
  display: block;
  padding-top: 107.14286%; }

.row-m .index-bg-sm-4 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-5:before {
  content: ' ';
  display: block;
  padding-top: 84.26966%; }

.row-m .index-bg-sm-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-6:before {
  content: ' ';
  display: block;
  padding-top: 69.44444%; }

.row-m .index-bg-sm-6 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-7:before {
  content: ' ';
  display: block;
  padding-top: 59.05512%; }

.row-m .index-bg-sm-7 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-8:before {
  content: ' ';
  display: block;
  padding-top: 51.36986%; }

.row-m .index-bg-sm-8 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-9:before {
  content: ' ';
  display: block;
  padding-top: 45.45455%; }

.row-m .index-bg-sm-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-10:before {
  content: ' ';
  display: block;
  padding-top: 40.76087%; }

.row-m .index-bg-sm-10 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-11:before {
  content: ' ';
  display: block;
  padding-top: 36.94581%; }

.row-m .index-bg-sm-11 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-m .index-bg-sm-12:before {
  content: ' ';
  display: block;
  padding-top: 33.78378%; }

.row-m .index-bg-sm-12 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-1:before {
  content: ' ';
  display: block;
  padding-top: 430.76923%; }

.row-s .index-bg-sm-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-2:before {
  content: ' ';
  display: block;
  padding-top: 175%; }

.row-s .index-bg-sm-2 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-3:before {
  content: ' ';
  display: block;
  padding-top: 109.80392%; }

.row-s .index-bg-sm-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-4:before {
  content: ' ';
  display: block;
  padding-top: 80%; }

.row-s .index-bg-sm-4 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-5:before {
  content: ' ';
  display: block;
  padding-top: 62.92135%; }

.row-s .index-bg-sm-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-6:before {
  content: ' ';
  display: block;
  padding-top: 51.85185%; }

.row-s .index-bg-sm-6 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-7:before {
  content: ' ';
  display: block;
  padding-top: 44.09449%; }

.row-s .index-bg-sm-7 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-8:before {
  content: ' ';
  display: block;
  padding-top: 38.35616%; }

.row-s .index-bg-sm-8 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-9:before {
  content: ' ';
  display: block;
  padding-top: 33.93939%; }

.row-s .index-bg-sm-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-10:before {
  content: ' ';
  display: block;
  padding-top: 30.43478%; }

.row-s .index-bg-sm-10 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-11:before {
  content: ' ';
  display: block;
  padding-top: 27.58621%; }

.row-s .index-bg-sm-11 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.row-s .index-bg-sm-12:before {
  content: ' ';
  display: block;
  padding-top: 25.22523%; }

.row-s .index-bg-sm-12 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.icon-10-by-10 {
  width: 10px !important;
  height: 10px !important; }

.icon-12-by-12 {
  width: 12px !important;
  height: 12px !important; }

.icon-16-by-16 {
  width: 16px !important;
  height: 16px !important; }

.icon-20-by-20 {
  width: 20px !important;
  height: 20px !important; }

.icon-24-by-24 {
  width: 24px !important;
  height: 24px !important; }

.icon-30-by-30 {
  width: 30px !important;
  height: 30px !important; }

.icon-36-by-36 {
  width: 36px !important;
  height: 36px !important; }

.icon-40-by-40 {
  width: 40px !important;
  height: 40px !important; }

.icon-50-by-50 {
  width: 50px !important;
  height: 50px !important; }

.icon-60-by-60 {
  width: 70px !important;
  height: 70px !important; }

.icon-70-by-70 {
  width: 70px !important;
  height: 70px !important; }

.icon-80-by-80 {
  width: 80px !important;
  height: 80px !important; }

.line-clamp-1 {
  line-height: 1.5rem;
  max-height: 1.5rem;
  min-height: 1.5rem;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis; }

.line-clamp-2 {
  line-height: 1.5rem;
  max-height: 3rem;
  min-height: 3rem;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis; }

.flex-1 {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

/**
0 - for classes that eliminate the margin or padding by setting it to 0
1 - (by default) for classes that set the margin or padding to $spacer * .25
2 - (by default) for classes that set the margin or padding to $spacer * .5
3 - (by default) for classes that set the margin or padding to $spacer
4 - (by default) for classes that set the margin or padding to $spacer * 1.5
5 - (by default) for classes that set the margin or padding to $spacer * 3
**/
.row-x-0 {
  margin-left: 0rem;
  margin-right: 0rem; }

.row-y-0 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.row-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  margin-right: 0rem; }

.row-x-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem; }

.row-y-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem; }

.row-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem; }

.row-x-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.row-y-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem; }

.row-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.row-x-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.row-y-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem; }

.row-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.row-x-4 {
  margin-left: -1rem;
  margin-right: -1rem; }

.row-y-4 {
  margin-top: -1rem;
  margin-bottom: -1rem; }

.row-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem; }

.row-x-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem; }

.row-y-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }

.row-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem; }

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #45566E;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ffffff; }
  .c100 *, .c100 *:before, .c100 *:after {
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 80px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    font-size: 0.2em;
    color: #45566E;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out; }
  .c100:after {
    position: absolute;
    top: 0.048em;
    left: 0.048em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.896em;
    height: 0.896em;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100.p1 .bar {
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    transform: rotate(18deg); }
  .c100.p6 .bar {
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    transform: rotate(36deg); }
  .c100.p11 .bar {
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    transform: rotate(54deg); }
  .c100.p16 .bar {
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    transform: rotate(72deg); }
  .c100.p21 .bar {
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    transform: rotate(90deg); }
  .c100.p26 .bar {
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    transform: rotate(108deg); }
  .c100.p31 .bar {
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    transform: rotate(126deg); }
  .c100.p36 .bar {
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    transform: rotate(144deg); }
  .c100.p41 .bar {
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    transform: rotate(162deg); }
  .c100.p46 .bar {
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    transform: rotate(180deg); }
  .c100.p51 .bar {
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    transform: rotate(198deg); }
  .c100.p56 .bar {
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    transform: rotate(216deg); }
  .c100.p61 .bar {
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    transform: rotate(234deg); }
  .c100.p66 .bar {
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    transform: rotate(252deg); }
  .c100.p71 .bar {
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    transform: rotate(270deg); }
  .c100.p76 .bar {
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    transform: rotate(288deg); }
  .c100.p81 .bar {
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    transform: rotate(306deg); }
  .c100.p86 .bar {
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    transform: rotate(324deg); }
  .c100.p91 .bar {
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    transform: rotate(342deg); }
  .c100.p96 .bar {
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default; }
    .c100:hover > span {
      width: 4em;
      font-size: 0.25em;
      color: #45566E; }
  .c100.dark {
    background-color: #777; }
    .c100.dark .bar,
    .c100.dark .fill {
      border-color: #c6ff00 !important; }
    .c100.dark > span {
      color: #777; }
    .c100.dark:after {
      background-color: #666; }
    .c100.dark:hover > span {
      color: #c6ff00; }
  .c100.green .bar, .c100.green .fill {
    border-color: #4db53c !important; }
  .c100.green:hover > span {
    color: #4db53c; }
  .c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important; }
  .c100.green.dark:hover > span {
    color: #5fd400; }
  .c100.orange .bar, .c100.orange .fill {
    border-color: #dd9d22 !important; }
  .c100.orange:hover > span {
    color: #dd9d22; }
  .c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #e08833 !important; }
  .c100.orange.dark:hover > span {
    color: #e08833; }

#wish-list-modal {
  background-color: rgba(242, 242, 242, 0.9); }

#wish-list-modal .modal-dialog {
  pointer-events: none;
  max-width: 100%; }

#wish-list-modal .modal-content-item {
  max-width: 580px;
  margin: 0 auto;
  pointer-events: initial; }

#wish-list-modal .modal-content-related-item {
  background: transparent; }

#wish-list-modal .modal-content {
  border: 0; }

#wish-list-modal .item {
  pointer-events: initial; }

.shuffle-list .sizer {
  pointer-events: none;
  z-index: -1; }

.card-info {
  position: relative; }
  .card-info .collapse, .card-info .collapsing {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-size: 0.875rem; }
    .card-info .collapse .card, .card-info .collapsing .card {
      height: 100%;
      width: 100%; }
    .card-info .collapse h5, .card-info .collapsing h5 {
      font-size: 0.9625rem; }
    .card-info .collapse .form-control, .card-info .collapsing .form-control {
      font-size: 0.875rem; }

/**
 * Extending Bootstrap's button style
 */
button:disabled {
  cursor: unset !important; }

.ma-btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  white-space: nowrap;
  font-weight: 400;
  border-radius: 4px;
  cursor: pointer; }

.ma-btn-rounded {
  border-radius: 8px; }

.ma-btn-lg {
  padding: 14px 24px;
  font-size: 16px;
  line-height: 22px; }

.ma-btn-md {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 22px; }

.ma-btn-ls {
  padding: 8px 12px;
  font-size: 16px;
  line-height: 20px; }

.ma-btn-sm {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px; }

.ma-btn-solid-grey {
  border: 1px solid #bfbfbf;
  background: #bfbfbf;
  color: #ffffff; }
  .ma-btn-solid-grey:hover {
    background: #bfbfbf;
    border-color: #bfbfbf; }
  .ma-btn-solid-grey:disabled {
    background: #bfbfbf;
    border-color: #bfbfbf; }
  .ma-btn-solid-grey:focus {
    outline: none; }

.ma-btn-solid-primary {
  border: 1px solid #2f6279;
  background: #2f6279;
  color: #ffffff; }
  .ma-btn-solid-primary:hover {
    background: #598194;
    border-color: #598194; }
  .ma-btn-solid-primary:disabled {
    background: #bfbfbf;
    border-color: #bfbfbf; }
  .ma-btn-solid-primary:focus {
    outline: none; }

.ma-btn-solid-primary-dark {
  border: 1px solid #224D68;
  background: #224D68;
  color: #ffffff; }
  .ma-btn-solid-primary-dark:hover {
    background: #2f6279;
    border-color: #2f6279; }
  .ma-btn-solid-primary-dark:disabled {
    background: #bfbfbf;
    border-color: #bfbfbf; }
  .ma-btn-solid-primary-dark:focus {
    outline: none; }

.ma-btn-solid-green {
  border: 1px solid #06C755;
  background: #06C755;
  color: #ffffff; }
  .ma-btn-solid-green:focus {
    outline: none; }

.ma-btn-outline-primary {
  border: 1px solid #2f6279;
  background: #ffffff;
  color: #2f6279; }
  .ma-btn-outline-primary:hover {
    background: #eaeff2;
    border-color: #598194; }
  .ma-btn-outline-primary:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: #bfbfbf; }
  .ma-btn-outline-primary:focus {
    outline: none; }

.ma-btn-outline-primary-dark {
  border: 1px solid #224D68;
  background: #ffffff;
  color: #224D68; }
  .ma-btn-outline-primary-dark:hover {
    border-color: #2f6279;
    color: #2f6279; }
  .ma-btn-outline-primary-dark:disabled {
    border-color: #bfbfbf;
    color: #bfbfbf; }
  .ma-btn-outline-primary-dark:focus {
    outline: none; }

.ma-btn-outline-danger {
  border: 1px solid #c74250;
  background: #ffffff;
  color: #c74250; }
  .ma-btn-outline-danger:hover {
    background: #fdf3f3;
    border-color: #598194; }
  .ma-btn-outline-danger:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: #bfbfbf; }
  .ma-btn-outline-danger:focus {
    outline: none; }

.ma-btn-outline-basic {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  color: #404040; }
  .ma-btn-outline-basic:hover {
    background: #fafafa; }
  .ma-btn-outline-basic:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: #bfbfbf; }
  .ma-btn-outline-basic:focus {
    outline: none; }

.ma-text-btn {
  color: #2f6279 !important; }
  .ma-text-btn:hover {
    text-decoration: underline !important; }
  .ma-text-btn:disabled {
    color: #bfbfbf; }

.ma-text-btn-underline {
  color: #2f6279 !important;
  text-decoration: underline !important; }
  .ma-text-btn-underline:disabled {
    color: #bfbfbf; }

.btn-wide {
  padding-left: 3rem;
  padding-right: 3rem; }

.btn-rounded {
  border-radius: 1.125rem; }

.btn-lg.btn-rounded {
  border-radius: 1.4375rem; }

.btn-sm.btn-rounded {
  border-radius: 0.90625rem; }

.btn-orange-gradient {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #ff5b4c, #f65323); }
  .btn-orange-gradient:hover, .btn-orange-gradient:focus {
    color: #ffffff; }

.btn {
  cursor: pointer; }
  .btn-sm {
    padding: 5px 12px;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 400; }
  .btn-m {
    padding: 8px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400; }
  .btn-primary {
    border-radius: 4px;
    border: 1px solid #2f6279;
    color: #fafafa;
    background-color: #2f6279;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 1rem 8px;
    font-size: 0.875rem;
    line-height: 1.25rem; }
    .btn-primary:hover {
      background-color: #598194;
      border-color: #598194; }
    .btn-primary:disabled {
      cursor: not-allowed !important; }
    @media screen and (max-width: 500px) {
      .btn-primary {
        padding: 5px 12px 5px; } }
  .btn-primary-danger {
    border-radius: 4px;
    border: 1px solid #ad5151;
    color: #fafafa;
    background-color: #ad5151;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 1rem 8px;
    font-size: 0.875rem;
    line-height: 1.25rem; }
    @media screen and (max-width: 500px) {
      .btn-primary-danger {
        padding: 5px 12px 5px; } }
  .btn-outline {
    border-radius: 4px;
    border: 1px solid #2f6279;
    color: #2f6279;
    background-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 1rem 8px;
    font-size: 0.875rem;
    line-height: 1.25rem; }
    .btn-outline:hover {
      color: #2f6279;
      background-color: #eaeff2; }
    @media screen and (max-width: 500px) {
      .btn-outline {
        padding: 5px 12px 5px; } }
  .btn-outline-default {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    color: #404040;
    background-color: #fafafa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .btn-outline-default:hover {
      border-color: #999999; }
  .btn-outline-disabled {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    color: #bfbfbf;
    background-color: #f5f5f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .btn-outline-black {
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    color: #404040;
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .btn-outline-black:hover {
      border-color: #999999; }
  .btn-outline-danger-default {
    border-radius: 4px;
    border: 1px solid #ad5151;
    background-color: #fafafa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .btn-outline-danger-default:hover {
      background-color: #f7eeee; }
  .btn-text {
    background-color: inherit;
    color: #2f6279; }
    .btn-text:focus {
      box-shadow: none;
      border: 0; }
  .btn-light-text {
    background-color: inherit;
    color: #97b1bc; }
    .btn-light-text:focus {
      box-shadow: none;
      border: 0; }

.btn-prime {
  font-size: 0.875rem; }
  .btn-prime.no-bg-text-green {
    background: transparent;
    color: #45706F !important;
    text-decoration: underline; }
    .btn-prime.no-bg-text-green:hover, .btn-prime.no-bg-text-green:focus {
      color: #6BACAB !important; }
  .btn-prime.navy {
    background: #2f6279;
    color: #fafafa; }
    .btn-prime.navy:hover, .btn-prime.navy:focus {
      background: rgba(47, 98, 121, 0.8);
      box-shadow: 0 0 0 3px rgba(47, 98, 121, 0.25); }
  .btn-prime.light-navy {
    background: #45566E;
    color: #fafafa !important; }
    .btn-prime.light-navy:hover, .btn-prime.light-navy:focus {
      background: #333F50; }
  .btn-prime.default {
    background: #c9c9c9;
    color: #91979D; }
    .btn-prime.default:hover, .btn-prime.default:focus {
      background: #797979;
      color: #fafafa; }
  .btn-prime.disabled {
    background: #bfbfbf;
    color: #f5f5f5; }
  .btn-prime.light-brown {
    background: #C69850;
    color: #fafafa !important; }
    .btn-prime.light-brown:hover, .btn-prime.light-brown:focus {
      background: #A88142 !important; }
  .btn-prime.red {
    background: #C7405B;
    color: #fafafa !important; }
    .btn-prime.red:hover, .btn-prime.red:focus {
      background: #E47187; }
  .btn-prime.pink {
    background: #E47187;
    color: #fafafa !important; }
    .btn-prime.pink:hover, .btn-prime.pink:focus {
      background: #C7405B; }
  .btn-prime.green {
    background: #45706F;
    color: #fafafa !important; }
    .btn-prime.green:hover, .btn-prime.green:focus {
      background: #6BACAB; }
  .btn-prime.light-green {
    background: #6BACAB;
    color: #fafafa !important; }
    .btn-prime.light-green:hover, .btn-prime.light-green:focus {
      background: #45706F; }
  .btn-prime.alpha-green {
    background: rgba(47, 79, 79, 0.6);
    color: #fafafa !important; }
    .btn-prime.alpha-green:hover, .btn-prime.alpha-green:focus {
      background: #45566E; }
  .btn-prime.navy-line {
    background: #fafafa;
    border: 2px solid #333F50;
    color: #333F50 !important; }
    .btn-prime.navy-line:hover, .btn-prime.navy-line:focus {
      background: #EFEEEE; }
  .btn-prime.light-navy-line {
    background: #fafafa;
    border: 2px solid #45566E;
    color: #333F50 !important; }
    .btn-prime.light-navy-line:hover, .btn-prime.light-navy-line:focus {
      background: #45566E;
      color: #fafafa !important; }

/**
 * min-max-slider style
 */
.ma-min-max-slider {
  /* style the input element with type "range" */
  /* ::before element to replace the slider track */
  /* `::-webkit-slider-runnable-track` targets the track (background) of a range slider in chrome and safari browsers. */
  /* `::-moz-range-track` targets the track (background) of a range slider in Mozilla Firefox. */ }
  .ma-min-max-slider .slider-cont {
    width: 300px; }
  .ma-min-max-slider .custom-slider {
    --trackHeight: 0.35rem;
    --thumbRadius: 1rem; }
  .ma-min-max-slider .custom-slider input[type="range"] {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border-radius: 999px;
    z-index: 0;
    height: 100%;
    pointer-events: none; }
  .ma-min-max-slider .custom-slider input[type="range"]::before {
    content: "";
    display: block;
    position: absolute;
    width: var(--ProgressPercent, 100%);
    height: 100%;
    background: #2f6279;
    border-radius: 999px; }
  .ma-min-max-slider .custom-slider input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
            appearance: none;
    background: #f0f0f0;
    height: var(--trackHeight);
    border-radius: 999px; }
  .ma-min-max-slider .custom-slider input[type="range"]::-webkit-slider-thumb {
    position: relative;
    width: var(--thumbRadius);
    height: var(--thumbRadius);
    margin-top: calc((var(--trackHeight) - var(--thumbRadius)) / 2);
    background: #ffffff;
    border: 2px solid #2f6279;
    border-radius: 999px;
    pointer-events: all;
    -webkit-appearance: none;
            appearance: none;
    z-index: 1; }
  .ma-min-max-slider .custom-slider.default input[type="range"]::-moz-range-track {
    -moz-appearance: none;
         appearance: none;
    background: #f0f0f0;
    height: var(--trackHeight);
    border-radius: 999px; }
  .ma-min-max-slider .custom-slider input[type="range"]::-moz-range-thumb {
    position: relative;
    box-sizing: border-box;
    width: var(--thumbRadius);
    height: var(--thumbRadius);
    margin-top: calc((var(--trackHeight) - var(--thumbRadius)) / 2);
    background: #ffffff;
    border: 2px solid #2f6279;
    border-radius: 999px;
    pointer-events: all;
    -moz-appearance: none;
         appearance: none;
    z-index: 1; }
  .ma-min-max-slider .custom-slider.minmax {
    position: relative;
    height: var(--trackHeight);
    background: #f0f0f0;
    border-radius: 999px;
    margin: 0.5rem 0;
    --progressLeft: 0%;
    --progressRight: 0%; }
  .ma-min-max-slider .custom-slider .minmax-indicator {
    position: absolute;
    height: 100%;
    pointer-events: none;
    left: var(--thumbRadius);
    right: var(--thumbRadius); }
  .ma-min-max-slider .custom-slider .minmax-indicator::before {
    content: "";
    position: absolute;
    background: #2f6279;
    height: 100%;
    left: var(--progressLeft);
    right: var(--progressRight); }
  .ma-min-max-slider .custom-slider.minmax input[type="range"] {
    position: absolute;
    width: calc(100% - var(--thumbRadius)); }
  .ma-min-max-slider .custom-slider.minmax input[type="range"][name="max"] {
    left: var(--thumbRadius); }
  .ma-min-max-slider .custom-slider.minmax input[type="range"]::-webkit-slider-runnable-track {
    background: none; }
  .ma-min-max-slider .custom-slider.minmax input[type="range"]::before {
    display: none; }
  .ma-min-max-slider .minmax-inputs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
  .ma-min-max-slider .minmax-inputs input::-webkit-inner-spin-button,
  .ma-min-max-slider .minmax-inputs input::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  .ma-min-max-slider .minmax-inputs svg {
    min-width: 16px;
    margin: 0 4px; }
  .ma-min-max-slider .minmax-inputs svg path {
    fill: #404040; }

/**
 * General section with responsive padding & height
 */
.panel {
  padding-top: 3rem;
  padding-bottom: 3rem;
  min-height: calc(100vh - calc( var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height))250px); }
  .panel:has(.signedup-page) {
    background-color: white; }
  .panel.panel-hero {
    min-height: 60vh; }
  .panel.panel-full {
    min-height: 100vmin; }
  .panel.panel-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .panel.panel-xl {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .panel .panel-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.25rem; }

p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0; }

.fill {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fill.fill-overlay {
  background: rgba(255, 255, 255, 0.7);
  z-index: 2; }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.15em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: .75s linear infinite spinner-border; }
  .spinner-border.spinner-border-xs {
    font-size: 12px;
    width: 12px;
    height: 12px; }

@keyframes spinner-border {
  100% {
    transform: rotate(360deg); } }

.custom-message-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 40px;
  max-width: 80vw;
  padding: 6px 20px 6px 20px;
  border-radius: 8px;
  background: #FFF;
  color: #404040;
  font-weight: 400;
  font-size: .875rem;
  text-align: left;
  position: fixed;
  z-index: 1051;
  top: 1.6rem;
  left: 50%;
  transform: translate(-50%, -10px);
  transition: .3s;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0; }
  .custom-message-box a {
    margin: 0 0.2rem; }
  .custom-message-box.show {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0px); }

#common-confirm-modal .modal-dialog {
  width: 376px; }

#common-confirm-modal .modal-header {
  padding: 0 16px;
  border-bottom: none; }

#common-confirm-modal .modal-title {
  border-bottom: 1px solid #e9ecef;
  padding: 12px 0;
  font-size: 16px;
  line-height: 22px; }

#common-confirm-modal .modal-body {
  padding: 24px; }

#common-confirm-modal .modal-footer {
  padding: 12px; }
  #common-confirm-modal .modal-footer .btn {
    width: unset;
    height: unset; }
  #common-confirm-modal .modal-footer .danger {
    border: 1px solid #c74250;
    color: #c74250; }

@media screen and (max-width: 575px) {
  #common-confirm-modal .modal-dialog {
    width: unset;
    margin: 0 16px; } }

.navbar.navbar-secondary {
  max-height: 42px;
  background: #2f6279;
  padding: 4px 0;
  font-size: 0.875rem; }
  .navbar.navbar-secondary .navbar-nav {
    -ms-flex-align: center;
        align-items: center;
    color: #ffffff;
    font-size: 0.9em; }
    .navbar.navbar-secondary .navbar-nav span {
      font-weight: bold; }
    .navbar.navbar-secondary .navbar-nav a {
      color: #ffffff; }
    .navbar.navbar-secondary .navbar-nav .nav-link {
      padding: .25rem 1rem;
      color: #b4c0cd;
      font-size: 0.875rem; }
      .navbar.navbar-secondary .navbar-nav .nav-link:hover, .navbar.navbar-secondary .navbar-nav .nav-link:focus {
        color: #d3dee7; }
    .navbar.navbar-secondary .navbar-nav .nav-divider {
      height: 1rem;
      width: 1px;
      margin-left: 1rem;
      margin-right: 1rem;
      background-color: #b4c0cd; }
    .navbar.navbar-secondary .navbar-nav .nav-item {
      margin: 5px; }

.custom-navbar {
  width: 100%;
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 56px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  display: flex; }
  .custom-navbar-container {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    max-width: 1440px;
    padding: 0 30px;
    margin: 0;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .custom-navbar-container {
        padding: 0 1rem; } }
    .custom-navbar-container-logo {
      display: -ms-flexbox;
      display: flex;
      width: 165px; }
      @media screen and (max-width: 1280px) {
        .custom-navbar-container-logo {
          width: 128px; } }
      @media screen and (max-width: 768px) {
        .custom-navbar-container-logo {
          left: 0;
          right: 0;
          margin: auto;
          position: absolute; } }
      .custom-navbar-container-logo img {
        width: 100%; }
    .custom-navbar-container-category {
      -ms-flex-positive: 1;
          flex-grow: 1;
      margin-left: 24px; }
      @media screen and (max-width: 1280px) {
        .custom-navbar-container-category {
          margin-left: 12px; } }
      .custom-navbar-container-category .nav-list {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        list-style: none; }
        .custom-navbar-container-category .nav-list-item {
          font-size: 14px;
          position: relative;
          padding: 8px 0;
          min-width: -moz-fit-content;
          min-width: fit-content; }
          .custom-navbar-container-category .nav-list-item.more {
            display: none; }
          @media screen and (min-width: 768px) and (max-width: 1280px) {
            .custom-navbar-container-category .nav-list-item.DISCOUNT, .custom-navbar-container-category .nav-list-item.THEME {
              display: none; }
            .custom-navbar-container-category .nav-list-item.more {
              display: -ms-flexbox;
              display: flex; } }
          .custom-navbar-container-category .nav-list-item-link {
            font-weight: 700;
            padding: 0 12px; }
          .custom-navbar-container-category .nav-list-item.all > a, .custom-navbar-container-category .nav-list-item.more > a {
            color: #525252;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .custom-navbar-container-category .nav-list-item.all > a svg, .custom-navbar-container-category .nav-list-item.more > a svg {
              margin-left: 4px; }
          .custom-navbar-container-category .nav-list-item.all {
            position: unset; }
          .custom-navbar-container-category .nav-list-item.THEME > a {
            color: #2F6279; }
          .custom-navbar-container-category .nav-list-item.DISCOUNT > a {
            color: #AD5151; }
        .custom-navbar-container-category .nav-list .all-category-dropdown {
          position: absolute;
          padding: 0;
          margin: 0;
          top: 97px;
          left: 0;
          right: 0;
          width: 100vw;
          background: #eaeff2;
          border: 1px solid #e0e7eb; }
          .custom-navbar-container-category .nav-list .all-category-dropdown-list {
            display: -ms-flexbox;
            display: flex;
            max-width: 1440px;
            padding: 24px 30px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            width: -moz-fit-content;
            width: fit-content;
            gap: 32px 0;
            list-style: none;
            margin: 0 auto; }
            .custom-navbar-container-category .nav-list .all-category-dropdown-list li {
              margin: 0 4px;
              min-width: 99.5px;
              position: relative; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li:first-child {
                margin: 0 4px 0 0; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li:last-child {
                margin: 0 0 0 4px; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li:nth-child(5) {
                margin: 0 24px 0 4px;
                padding-right: 24px; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li:nth-child(5)::after {
                border-right: 1px solid #D5DFE4;
                content: "";
                position: absolute;
                display: block;
                top: 0;
                right: 0;
                height: 98%; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li > a {
                color: #447286;
                font-weight: 700;
                font-size: 16px;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 8px; }
              .custom-navbar-container-category .nav-list .all-category-dropdown-list li div {
                color: #868686;
                font-weight: 400; }
                .custom-navbar-container-category .nav-list .all-category-dropdown-list li div .menu-title a {
                  font-weight: 400;
                  font-size: 14px;
                  color: #868686;
                  display: -ms-flexbox;
                  display: flex;
                  margin-bottom: 8px;
                  max-width: 99.5px; }
        .custom-navbar-container-category .nav-list .dropdown-menu {
          padding: 0; }
          .custom-navbar-container-category .nav-list .dropdown-menu-auto {
            white-space: nowrap;
            cursor: pointer;
            padding: 0 15px; }
            .custom-navbar-container-category .nav-list .dropdown-menu-auto ul {
              list-style: none;
              line-height: 1.8em; }
              .custom-navbar-container-category .nav-list .dropdown-menu-auto ul .menu-title {
                padding: 8px 0; }
                .custom-navbar-container-category .nav-list .dropdown-menu-auto ul .menu-title a {
                  display: block;
                  color: #333F50;
                  font-size: 14px; }
                  .custom-navbar-container-category .nav-list .dropdown-menu-auto ul .menu-title a:hover {
                    color: #2F6279; }
            .custom-navbar-container-category .nav-list .dropdown-menu-auto:hover {
              width: 100%;
              background: rgba(47, 98, 121, 0.1);
              color: #2f6279;
              font-weight: 600; }
        .custom-navbar-container-category .nav-list .more-event-dropdown {
          display: none;
          opacity: 1;
          position: absolute;
          right: -188px;
          top: 46px;
          left: unset;
          min-width: 17rem;
          width: 287px;
          border: 0;
          margin: 0; }
          .custom-navbar-container-category .nav-list .more-event-dropdown-container {
            background: #ffffff;
            border-radius: 2px;
            border: 0.5px solid #f0f0f0; }
            .custom-navbar-container-category .nav-list .more-event-dropdown-container-list {
              width: 100%;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              padding-left: 0;
              margin-bottom: 0;
              list-style: none;
              position: relative;
              line-height: 1.8em;
              color: #333F50;
              font-size: 0.875rem; }
              .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item {
                width: 136px;
                background: #fafafa;
                position: unset;
                padding: 0; }
                .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .nav-link {
                  color: #525252;
                  font-size: 0.9rem;
                  position: relative;
                  padding: 0.5rem 0.8rem;
                  transition: all 0.4s;
                  white-space: nowrap;
                  font-weight: 700;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                      align-items: center; }
                  .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .nav-link:hover {
                    background: rgba(47, 98, 121, 0.1);
                    font-weight: 500; }
                  .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .nav-link div {
                    width: calc(100% - 16px);
                    white-space: pre-wrap; }
                  .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .nav-link svg {
                    width: 14px;
                    height: 14px; }
                    .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .nav-link svg path {
                      fill: #525252; }
                .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu {
                  top: 0;
                  right: 0;
                  left: unset;
                  width: 151px;
                  min-width: unset;
                  height: 100%;
                  max-height: 100%;
                  overflow-y: auto;
                  border: 0;
                  margin: 0; }
                  .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu > div {
                    background: #ffffff;
                    border-radius: 2px;
                    border: 0.5px solid #f0f0f0; }
                  .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu ul {
                    list-style-type: none;
                    padding-left: 0;
                    line-height: 1.8em;
                    color: #333F50;
                    font-size: 0.875rem; }
                    .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu ul .menu-title {
                      text-decoration: none;
                      padding: 0; }
                      .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu ul .menu-title:hover {
                        background: rgba(47, 98, 121, 0.1); }
                        .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu ul .menu-title:hover a {
                          color: #2F6279; }
                      .custom-navbar-container-category .nav-list .more-event-dropdown-container-list .nav-list-item .dropdown-menu ul .menu-title a {
                        display: -ms-flexbox;
                        display: flex;
                        color: #666666;
                        transition: all 0.4s;
                        padding: 8px 24px; }
    .custom-navbar-container .cart-icon {
      position: relative;
      padding: 0; }
      .custom-navbar-container .cart-icon .cart-dot {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #2f6279;
        color: #ffffff;
        position: absolute;
        font-size: 8.75px;
        text-align: center;
        left: 11px;
        top: -8px;
        line-height: 20px; }
    .custom-navbar-container-login li:nth-child(1) {
      margin-right: 20px; }
    .custom-navbar-container-login li .cart-icon {
      display: -ms-flexbox;
      display: flex; }
    .custom-navbar-container-mobile {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; }
      .custom-navbar-container-mobile-search {
        display: -ms-flexbox;
        display: flex;
        padding: 0.5rem 0.6rem; }
      .custom-navbar-container-mobile-cart {
        display: -ms-flexbox;
        display: flex;
        padding: 0.5rem 0 0.5rem 0.6rem; }
      .custom-navbar-container-mobile-toggler {
        padding: 0.5rem 0;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.25rem;
        line-height: 1;
        background: 0 0;
        border: 1px solid transparent;
        border-radius: 0.25rem; }
        .custom-navbar-container-mobile-toggler span {
          background-image: url(https://www.storemarais-image.com/media/3497cb3b-bef8-4ffa-b209-49d421f09d40.svg); }
      .custom-navbar-container-mobile .favorites-mobile {
        margin-left: 10px;
        margin-right: 10px; }
  .custom-navbar .navbar-menu-mobile {
    width: 100vw;
    height: 100%;
    overflow: scroll;
    transition: box-shadow .3s;
    background: #ffffff; }
    .custom-navbar .navbar-menu-mobile-main {
      width: 100%;
      height: 100%;
      background: #fafafa; }
      .custom-navbar .navbar-menu-mobile-main .close-icon {
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid #F5F7F8;
        height: 52px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .custom-navbar .navbar-menu-mobile-main .close-icon a#closeLeft {
          padding: 0 16px; }
          .custom-navbar .navbar-menu-mobile-main .close-icon a#closeLeft svg {
            stroke: #2F6279; }
      .custom-navbar .navbar-menu-mobile-main .container {
        padding: 0;
        max-width: 100vw;
        height: calc(100% - 172px);
        overflow-y: scroll; }
        .custom-navbar .navbar-menu-mobile-main .container .menu-list {
          overflow-y: scroll; }
          .custom-navbar .navbar-menu-mobile-main .container .menu-list-item {
            width: 100%;
            display: -ms-flexbox;
            display: flex; }
            .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-category {
              width: 120px;
              height: 40px;
              background: #fafafa;
              font-weight: 400;
              font-size: 14px;
              color: #666666;
              border-right: 1px solid #f0f0f0;
              border-bottom: 1px solid #f0f0f0;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: justify;
                  justify-content: space-between;
              padding: 0 4px 0 12px; }
              .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-category.active {
                background: #eaeff2;
                border-left: 2px solid #6D91A1;
                font-weight: 500;
                color: #404040; }
                .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-category.active svg path {
                  fill: #598194; }
            .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-box {
              display: none;
              position: absolute;
              padding: 6px;
              width: calc(100% - 120px);
              right: 0;
              top: 52px;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              list-style-type: none;
              overflow-y: scroll;
              max-height: calc(100% - 172px); }
              .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-box .menu-title {
                width: 48%;
                padding: 4px;
                aspect-ratio: 1.2;
                margin: 2px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                    flex-direction: column;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                border: 1px solid #F5F7F8;
                background: #ffffff;
                border-radius: 4px; }
                .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-box .menu-title img {
                  width: 50%;
                  aspect-ratio: 1;
                  object-fit: cover;
                  margin-bottom: 6px; }
                .custom-navbar .navbar-menu-mobile-main .container .menu-list-item-box .menu-title p {
                  font-weight: 400;
                  font-size: 12px;
                  line-height: 14px;
                  color: #868686;
                  text-align: center; }
      .custom-navbar .navbar-menu-mobile-main .bottom {
        height: 120px;
        position: relative;
        padding: 12px;
        border-top: 1px solid #f0f0f0; }
        .custom-navbar .navbar-menu-mobile-main .bottom-item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          margin-bottom: 12px; }
          .custom-navbar .navbar-menu-mobile-main .bottom-item small {
            font-weight: 400;
            color: #868686;
            margin-bottom: 4px; }
          .custom-navbar .navbar-menu-mobile-main .bottom-item a {
            font-weight: 400;
            font-size: 14px;
            color: #2f6279;
            margin-right: 4px; }
        .custom-navbar .navbar-menu-mobile-main .bottom-icon {
          position: absolute;
          bottom: 0;
          right: 0;
          display: -ms-flexbox;
          display: flex; }
          .custom-navbar .navbar-menu-mobile-main .bottom-icon a {
            margin: 12px;
            display: -ms-flexbox;
            display: flex; }
  .custom-navbar .nav-item.favorites > a {
    display: block;
    width: 20px;
    height: 20px; }

#mobile-search-page {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 56px);
  background: #fafafa;
  z-index: 20;
  top: 56px;
  left: 0;
  display: none;
  transition: all 0.5s;
  overflow: hidden; }
  #mobile-search-page > .navbar-form {
    padding: 0.5rem; }
  #mobile-search-page .js-search-form {
    width: 100%;
    height: 52px; }
    #mobile-search-page .js-search-form > input {
      width: 100%;
      height: 100%;
      padding: 0.3rem 0.6rem;
      text-indent: 0;
      border-right: 0; }
      #mobile-search-page .js-search-form > input:focus {
        border-color: none; }

.tag {
  display: inline-block;
  border: 1px solid;
  padding: 2px 4px;
  border-radius: 4px;
  margin: 8px 2px 0px 0px;
  white-space: nowrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; }
  .tag.brand-secondary-tag {
    color: #fafafa;
    background: #b68e55;
    border: 0;
    font-size: 11.12px;
    line-height: 17px; }
  .tag.secondary-border-tag {
    color: #b81a35;
    background: #f7eeee; }
  .tag.red-tag {
    color: #ad5151;
    background: #f7eeee;
    border: 0; }
  .tag.primary-light-bg-tag {
    color: #2f6279;
    background: #eaeff2;
    border: 0; }
  .tag.secondary-dark-border-tag {
    color: #9B7344;
    background: #f5efdf;
    border: 0; }

.loading-btn .loading-spinner {
  display: none; }

.loading-btn.loading .loading-spinner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 17.5px;
  margin: 4.5px 0; }

.loading-btn.loading .button-text {
  display: none; }

.back-to-top {
  background: rgba(0, 0, 0, 0.4);
  color: #fafafa;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  border-radius: 50rem;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 2;
  cursor: pointer;
  transition: background .3s ease; }
  .back-to-top.itemList {
    display: none;
    position: fixed;
    right: 20px;
    z-index: 10;
    cursor: pointer; }
  .back-to-top:hover {
    background: rgba(0, 0, 0, 0.3); }
  .back-to-top.show {
    display: -ms-flexbox;
    display: flex; }
  .back-to-top.hasFixedBtn {
    bottom: 150px; }
  @media screen and (max-width: 768px) {
    .back-to-top {
      bottom: 150px; } }

.rwdImg {
  display: block;
  position: relative;
  background: #FFF;
  border-radius: 4px;
  width: 100%;
  padding: 50%; }
  .rwdImg img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center; }

.default-gift-image, .default-image-bg {
  position: relative;
  background: rgba(47, 98, 121, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  width: 100%;
  padding: 50%; }
  .default-gift-image img, .default-gift-image svg, .default-image-bg img, .default-image-bg svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38% !important;
    height: auto !important; }

button.see-more-btn {
  display: none;
  border: none;
  border-top: 0.5px solid #dbdbdb;
  -ms-flex-align: center;
      align-items: center;
  padding: .5rem 1rem;
  width: 100%;
  background: transparent;
  cursor: pointer;
  outline: none; }
  button.see-more-btn span {
    position: relative;
    padding-right: 1rem;
    color: #2f6279;
    font-weight: 400;
    font-size: 1rem; }
    button.see-more-btn span::after, button.see-more-btn span::before {
      content: "";
      position: absolute;
      display: block;
      height: 1px;
      width: 8px;
      top: 50%;
      right: 0;
      background: #2f6279;
      transform-origin: center; }
    button.see-more-btn span::after {
      transform: translateY(-50%) rotate(45deg); }
    button.see-more-btn span::before {
      right: -5px;
      transform: translateY(-50%) rotate(-45deg); }
  button.see-more-btn.rotate span::after {
    transform: translateY(-50%) rotate(-45deg); }
  button.see-more-btn.rotate span::before {
    transform: translateY(-50%) rotate(45deg); }
  @media (max-width: 767.98px) {
    button.see-more-btn span {
      font-size: .875rem; } }

.confirm-btn-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .confirm-btn-group button {
    padding: 7px 30px;
    width: auto !important;
    height: auto !important;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer; }
    .confirm-btn-group button + button {
      margin-left: 6px;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .confirm-btn-group button.cancel {
      border: 1px solid #dbdbdb;
      background: #fafafa;
      color: #404040; }
      .confirm-btn-group button.cancel:hover {
        background: #f0f0f0; }
    .confirm-btn-group button.confirm {
      border: 1px solid #2f6279; }

@media screen and (max-width: 501px) {
  .upload-image-wrapper {
    -ms-flex-direction: column;
        flex-direction: column; }
    .upload-image-wrapper .img-text-box {
      text-align: center; } }

.upload-image-wrapper {
  position: relative; }
  .upload-image-wrapper > img {
    border: 0.5px solid #E9E9E9; }
  .upload-image-wrapper .edit-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    left: 52px;
    bottom: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #2f6279;
    z-index: 1; }

.word-limit-wrapper {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all; }

.word-wrap {
  word-wrap: break-word; }

.default-info__container {
  background-color: rgba(47, 98, 121, 0.1);
  color: #2f6279;
  padding: 4px 8px;
  border-radius: 4px; }
  .default-info__container .info-area-item {
    padding: 4px 0; }
    .default-info__container .info-area-item:nth-of-type(2) {
      border-top: 0.5px solid #C484844D; }
    .default-info__container .info-area-item svg {
      width: 14px;
      height: 14px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      fill: #2f6279; }
    .default-info__container .info-area-item span {
      margin-left: 8px; }
  .default-info__container .info-area-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px; }
  .default-info__container .info-area-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }

.system-info__container {
  background-color: #f0f0f0;
  color: #404040;
  padding: 4px 8px;
  border-radius: 4px; }
  .system-info__container .info-area-item {
    padding: 4px 0; }
    .system-info__container .info-area-item:nth-of-type(2) {
      border-top: 0.5px solid #C484844D; }
    .system-info__container .info-area-item svg {
      width: 14px;
      height: 14px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      fill: #404040; }
      .system-info__container .info-area-item svg path {
        fill: #404040; }
    .system-info__container .info-area-item span {
      margin-left: 8px; }
  .system-info__container .info-area-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px; }
  .system-info__container .info-area-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
    .system-info__container .info-area-content.align-top {
      -ms-flex-align: start;
          align-items: flex-start; }
      .system-info__container .info-area-content.align-top svg {
        margin-top: 2px; }

.preorder-info__container {
  background-color: #f7eeee;
  color: #ad5151;
  padding: 4px 8px;
  border-radius: 4px; }
  .preorder-info__container .info-area-item {
    padding: 4px 0; }
    .preorder-info__container .info-area-item svg {
      width: 14px;
      height: 14px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      fill: #ad5151; }
      .preorder-info__container .info-area-item svg path {
        fill: #ad5151; }
    .preorder-info__container .info-area-item span {
      margin-left: 4px; }
  .preorder-info__container .info-area-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; }
  .preorder-info__container .info-area-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 18px;
    padding-top: 4px; }

.coupon-item {
  position: relative;
  margin-bottom: 4px; }
  .coupon-item:last-of-type {
    margin-bottom: 0; }
  .coupon-item p {
    margin-bottom: 0; }
  .coupon-item input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0; }
  .coupon-item label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative; }
  .coupon-item.no-use .coupon-item__value {
    display: none; }
  .coupon-item.no-use .coupon-item__content {
    width: 100%; }
    .coupon-item.no-use .coupon-item__content .date {
      display: none; }
  @media (max-width: 500px) {
    .coupon-item.no-use .coupon-item__container {
      min-height: 60px; } }
  .coupon-item.active .coupon-item__container .coupon-item__radio::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #2f6279;
    border-radius: 50rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.coupon-item__container {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  overflow: hidden;
  min-height: 60px; }
  @media (max-width: 500px) {
    .coupon-item__container {
      min-height: 88px; } }

.coupon-item__content {
  width: calc(100% - 80px);
  padding: 0 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  text-align: left; }
  .coupon-item__content .title {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.125rem;
    margin-bottom: 4px; }
  .coupon-item__content .date {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.875rem; }

.coupon-item__value {
  background-color: #eaeff2;
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #d9d9d9;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #2f6279; }

.coupon-item__radio {
  width: 16px;
  height: 16px;
  border-radius: 50rem;
  border: 1px solid #d9d9d9;
  position: relative;
  margin-left: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.index-custom-brand-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .index-custom-brand-header .header-item {
    width: 600px;
    max-width: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 1.5rem; }
    .index-custom-brand-header .header-item .index-custom-brand-line {
      height: 1px;
      width: calc((100% - 164px) / 2);
      background-color: #eaeff2; }
    .index-custom-brand-header .header-item .index-custom-brand-text {
      font-size: 1.25rem;
      color: #404040;
      line-height: 1.75rem;
      font-weight: 500;
      margin: 0 2rem; }
    @media (max-width: 768px) {
      .index-custom-brand-header .header-item {
        width: 400px;
        max-width: 400px;
        margin-bottom: 1.25rem; }
        .index-custom-brand-header .header-item .index-custom-brand-line {
          height: 1px;
          width: calc((100% - 144px) / 2);
          background-color: #eaeff2; }
        .index-custom-brand-header .header-item .index-custom-brand-text {
          font-size: 1rem;
          color: #404040;
          line-height: 1.375rem; } }
    @media (max-width: 580px) {
      .index-custom-brand-header .header-item {
        width: 350px;
        max-width: 350px;
        margin-bottom: 0.75rem; }
        .index-custom-brand-header .header-item .index-custom-brand-line {
          height: 1px;
          width: calc((100% - 134px) / 2); }
        .index-custom-brand-header .header-item .index-custom-brand-text {
          font-size: 1rem;
          color: #404040;
          line-height: 1.25rem; } }
    @media (max-width: 575px) {
      .index-custom-brand-header .header-item {
        width: 250px;
        max-width: 250px; }
        .index-custom-brand-header .header-item .index-custom-brand-line {
          height: 1px;
          width: calc((100% - 102px) / 2); }
        .index-custom-brand-header .header-item .index-custom-brand-text {
          margin: 0 1rem; } }

.index-custom-brand-container {
  border: 1px solid #dbdbdb;
  border-radius: 36px;
  transition: all 0.5s; }
  @media (max-width: 1000px) {
    .index-custom-brand-container {
      border-radius: 24px; } }
  @media (max-width: 580px) {
    .index-custom-brand-container {
      margin-left: 0;
      margin-right: 0; } }
  .index-custom-brand-container:hover {
    transition: all 0.5s;
    box-shadow: 2px 2px 16px 0px rgba(47, 98, 121, 0.1); }
  .index-custom-brand-container.NEW .index-custom-default-item {
    width: 100%;
    display: block; }
  .index-custom-brand-container.NEW .index-custom-other-item {
    width: 100%;
    display: none; }
  .index-custom-brand-container.NEW .index-custom-brand-items {
    background: #f5f7f8; }
  @media (max-width: 575px) {
    .index-custom-brand-container.NEW .index-custom-brand-title {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  .index-custom-brand-container.HOT .index-custom-default-item {
    width: 100%;
    display: block; }
  .index-custom-brand-container.HOT .index-custom-other-item {
    width: 100%;
    display: none; }
  .index-custom-brand-container.HOT .index-custom-brand-items {
    background: rgba(247, 238, 238, 0.3); }
  @media (max-width: 575px) {
    .index-custom-brand-container.HOT .index-custom-brand-title {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  .index-custom-brand-container.GIFT .index-custom-default-item {
    width: 100%;
    display: block; }
  .index-custom-brand-container.GIFT .index-custom-other-item {
    width: 100%;
    display: none; }
  .index-custom-brand-container.GIFT .index-custom-brand-items {
    background: rgba(238, 235, 229, 0.3); }
  @media (max-width: 575px) {
    .index-custom-brand-container.GIFT .index-custom-brand-title {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  .index-custom-brand-container.BRAND .index-custom-default-item {
    width: 100%;
    display: none; }
  .index-custom-brand-container.BRAND .index-custom-other-item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 575px) {
      .index-custom-brand-container.BRAND .index-custom-other-item {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    .index-custom-brand-container.BRAND .index-custom-other-item .logo-container {
      width: 245px;
      height: 100px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media (max-width: 768px) {
        .index-custom-brand-container.BRAND .index-custom-other-item .logo-container {
          width: 185px;
          height: 75.51px; } }
      @media (max-width: 580px) {
        .index-custom-brand-container.BRAND .index-custom-other-item .logo-container {
          width: 120px;
          height: 48.98px; } }
      @media (max-width: 500px) {
        .index-custom-brand-container.BRAND .index-custom-other-item .logo-container {
          width: 120px;
          height: 48.98px; } }
      .index-custom-brand-container.BRAND .index-custom-other-item .logo-container img {
        max-width: 100%;
        height: auto; }
  .index-custom-brand-container.BRAND .index-custom-brand-items {
    background: #f5f7f8; }

.index-custom-brand-title {
  color: #404040;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 991px) {
    .index-custom-brand-title {
      font-size: 1.25rem;
      line-height: 1.75rem; } }
  @media (max-width: 575px) {
    .index-custom-brand-title {
      font-size: 1rem;
      line-height: 1.375rem; } }
  .index-custom-brand-title .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 6px; }
    .index-custom-brand-title .icon svg {
      width: 28px;
      height: 28px; }
    @media (max-width: 991px) {
      .index-custom-brand-title .icon svg {
        width: 24px;
        height: 24px; } }
    @media (max-width: 575px) {
      .index-custom-brand-title .icon {
        margin-right: 4px; }
        .index-custom-brand-title .icon svg {
          width: 20px;
          height: 20px; } }

.index-custom-brand-tag {
  width: 115px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 36px 0 0; }
  @media (max-width: 1000px) {
    .index-custom-brand-tag {
      border-radius: 24px 0 0;
      width: 90px; } }
  @media (max-width: 991px) {
    .index-custom-brand-tag {
      width: 85px;
      height: 55px; } }
  @media (max-width: 575px) {
    .index-custom-brand-tag {
      display: none; } }
  .index-custom-brand-tag.badge-tag {
    display: none;
    width: 66px;
    height: 32px; }
    @media (max-width: 575px) {
      .index-custom-brand-tag.badge-tag {
        display: block;
        right: 0;
        top: 0;
        left: unset;
        border-radius: 0 24px 0 0; } }

.index-custom-brand-items {
  border-radius: 0 36px 36px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 60px;
  position: relative;
  width: calc(100% - 362px); }
  @media (max-width: 1000px) {
    .index-custom-brand-items {
      border-radius: 0 24px 24px 0;
      padding: 1rem 2rem; } }
  @media (max-width: 991px) {
    .index-custom-brand-items {
      width: calc(100% - 233px); } }
  @media (max-width: 768px) {
    .index-custom-brand-items {
      width: calc(100% - 200px);
      padding: 1rem 1rem; } }
  @media (max-width: 575px) {
    .index-custom-brand-items {
      border-radius: 0 0 24px 24px;
      width: 100%; } }
  @media (max-width: 375px) {
    .index-custom-brand-items {
      padding: 0.8rem 1.2rem; } }
  .index-custom-brand-items .brand-item-arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50rem;
    -webkit-appearance: none;
    background: linear-gradient(131.17deg, #000000 14.59%, #070F12 31.73%, #1A3642 66.32%, #2F6279 101.39%);
    top: 50%;
    transform: translateY(-50%);
    right: -16px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 580px) {
      .index-custom-brand-items .brand-item-arrow {
        width: 24px;
        height: 24px;
        right: -12px;
        border: 1px solid #dbdbdb; } }

.index-custom-brand-logo {
  border-right: 1px solid #dbdbdb;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 14px 24px;
  width: 362px; }
  @media (max-width: 991px) {
    .index-custom-brand-logo {
      width: 233px; } }
  @media (max-width: 768px) {
    .index-custom-brand-logo {
      width: 200px;
      border-bottom: 0;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      padding: 14px 24px;
      overflow: hidden; } }
  @media (max-width: 575px) {
    .index-custom-brand-logo {
      width: 100%;
      border-right: 0;
      padding: 12px 24px 10px;
      border-bottom: 1px solid #dbdbdb; } }
  @media (max-width: 375px) {
    .index-custom-brand-logo {
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center; } }

.index-custom-brand-item {
  width: 100px;
  height: 100px;
  border-radius: 24px;
  transition: all 0.5s; }
  .index-custom-brand-item > img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 24px; }
    @media (max-width: 1000px) {
      .index-custom-brand-item > img {
        border-radius: 1.2rem; } }
    @media (max-width: 580px) {
      .index-custom-brand-item > img {
        border-radius: 0.9rem; } }
  @media (max-width: 1000px) {
    .index-custom-brand-item {
      width: 80px;
      height: 80px;
      border-radius: 1.2rem; } }
  @media (max-width: 768px) {
    .index-custom-brand-item {
      width: 64px;
      height: 64px; } }
  @media (max-width: 580px) {
    .index-custom-brand-item {
      width: 64px;
      height: 64px;
      border-radius: 0.9rem; } }

@media (max-width: 575.98px) {
  #item-list-content > .row {
    margin-left: -24px;
    margin-right: -24px; } }

.sale-item-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -ms-grid-columns: (minmax(0, 1fr))[4];
      grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 16px; }
  @media (max-width: 1200px) {
    .sale-item-list {
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: (minmax(0, 1fr))[3];
          grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px 8px; } }
  @media (max-width: 768px) {
    .sale-item-list {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: (minmax(0, 1fr))[2];
          grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 8px; } }
  .sale-item-list > * {
    min-width: 0; }

.no-sale-item-list {
  -ms-grid-column: span 4;
      grid-column: span 4; }
  @media (max-width: 1200px) {
    .no-sale-item-list {
      -ms-grid-column: span 3;
          grid-column: span 3; } }
  @media (max-width: 768px) {
    .no-sale-item-list {
      -ms-grid-column: span 2;
          grid-column: span 2; } }

#item-list-content .flash-sale-preview-price-block {
  display: none; }

#item-list-content .flash-sale-normal-price-block {
  display: inline; }

#item-list-content.is-flash-sale-price-masked .flash-sale-preview-price-block {
  display: inline; }

#item-list-content.is-flash-sale-price-masked .flash-sale-normal-price-block {
  display: none; }

#item-list-content .item > a,
.product-card > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: inherit;
  overflow: hidden; }

#item-list-content .item .flash-sale-preview-price,
.product-card .flash-sale-preview-price {
  color: #c74250;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; }

#item-list-content .item .items-panel-price > span:first-child,
.product-card .items-panel-price > span:first-child {
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  min-width: 0;
  overflow: hidden; }

#item-list-content .item .items-panel-price .items-favorite,
.product-card .items-panel-price .items-favorite {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 4px; }

#item-list-content .item .items-panel-price .original-price,
.product-card .items-panel-price .original-price {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle; }

#item-list-content .item .tag.secondary-border-tag,
.product-card .tag.secondary-border-tag {
  margin: 0;
  padding: 2px 8px;
  line-height: 1.125rem;
  font-weight: 400;
  border-width: 0.5px;
  color: #ad5151;
  background-color: #f7eeee; }

#item-list-content .item .pic,
.product-card .pic {
  position: relative;
  overflow: hidden; }
  #item-list-content .item .pic img:first-child,
  .product-card .pic img:first-child {
    transition: opacity 0.3s ease; }
  #item-list-content .item .pic .pic-hover,
  .product-card .pic .pic-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0;
    transition: opacity 0.3s ease; }

@media (min-width: 1280px) {
  #item-list-content .item .pic:hover:has(.pic-hover) img:first-child,
  .product-card .pic:hover:has(.pic-hover) img:first-child {
    opacity: 0; }
  #item-list-content .item .pic:hover .pic-hover,
  .product-card .pic:hover .pic-hover {
    opacity: 1; } }

#item-list-content .item .txt,
.product-card .txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 8px;
  padding-bottom: 8px; }

#item-list-content .item .sold-out,
.product-card .sold-out {
  padding: .16rem .75rem;
  background: rgba(219, 219, 219, 0.3);
  font-weight: 500;
  font-size: .75rem; }
  #item-list-content .item .sold-out span,
  .product-card .sold-out span {
    padding: 0; }

#item-list-content .item .item-brand-link,
.product-card .item-brand-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 4px;
  line-height: 1.2rem; }
  #item-list-content .item .item-brand-link .brand-a-link,
  .product-card .item-brand-link .brand-a-link {
    position: relative;
    color: #8C8C8C;
    text-decoration: underline;
    font-weight: 600;
    text-decoration: none;
    font-weight: 400;
    font-size: .75rem;
    letter-spacing: .03rem; }

#item-list-content .item .items-panel,
.product-card .items-panel {
  color: #404040; }
  #item-list-content .item .items-panel-price,
  .product-card .items-panel-price {
    position: relative;
    overflow: hidden; }
    #item-list-content .item .items-panel-price .price,
    .product-card .items-panel-price .price {
      color: #2f6279;
      font-weight: 600;
      font-size: 1rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: 1.5em; }
    #item-list-content .item .items-panel-price small,
    .product-card .items-panel-price small {
      font-size: 12px; }
      @media (max-width: 991.98px) {
        #item-list-content .item .items-panel-price small,
        .product-card .items-panel-price small {
          display: block; } }

#item-list-content .item .items-title,
.product-card .items-title {
  position: relative;
  margin-bottom: 8px;
  color: #404040;
  font-weight: 500;
  font-size: 14px;
  min-height: calc(1.25rem * 2); }
  #item-list-content .item .items-title span,
  .product-card .items-title span {
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.25rem;
    max-height: calc(1.25rem * 2);
    word-break: break-all; }

#item-list-content .item .items-favorite,
.product-card .items-favorite {
  display: -ms-flexbox;
  display: flex;
  z-index: 10; }
  #item-list-content .item .items-favorite .default-favorite,
  .product-card .items-favorite .default-favorite {
    display: -ms-flexbox;
    display: flex; }
  #item-list-content .item .items-favorite .is-favorite,
  .product-card .items-favorite .is-favorite {
    display: none; }
  #item-list-content .item .items-favorite.is-favorite .default-favorite,
  .product-card .items-favorite.is-favorite .default-favorite {
    display: none; }
  #item-list-content .item .items-favorite.is-favorite .is-favorite,
  .product-card .items-favorite.is-favorite .is-favorite {
    display: -ms-flexbox;
    display: flex; }

#item-list-content .item .background-image:hover,
.product-card .background-image:hover {
  opacity: 0.8; }

#item-list-content .item .promo-tag,
.product-card .promo-tag {
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute; }
  #item-list-content .item .promo-tag span,
  .product-card .promo-tag span {
    display: block;
    padding: 0;
    color: #fafafa;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .02rem;
    line-height: 1rem; }
    @media (max-width: 767.98px) {
      #item-list-content .item .promo-tag span,
      .product-card .promo-tag span {
        padding: .125rem .25rem;
        font-weight: 400; } }
  #item-list-content .item .promo-tag.right, #item-list-content .item .promo-tag.left,
  .product-card .promo-tag.right,
  .product-card .promo-tag.left {
    top: 7px;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(35.1026px);
            backdrop-filter: blur(35.1026px); }
  #item-list-content .item .promo-tag.left,
  .product-card .promo-tag.left {
    left: 7px;
    padding: 1px 5px;
    background: linear-gradient(0deg, rgba(173, 81, 81, 0.7), rgba(173, 81, 81, 0.7)), rgba(250, 250, 250, 0.1); }
  #item-list-content .item .promo-tag.right,
  .product-card .promo-tag.right {
    right: 7px;
    background: rgba(47, 98, 121, 0.8);
    padding: 1px 5px; }
    #item-list-content .item .promo-tag.right span,
    .product-card .promo-tag.right span {
      padding: 0; }
  #item-list-content .item .promo-tag.bottom,
  .product-card .promo-tag.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(134, 134, 134, 0.6);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px); }
    #item-list-content .item .promo-tag.bottom span,
    .product-card .promo-tag.bottom span {
      letter-spacing: .06rem; }
    @media (max-width: 767.98px) {
      #item-list-content .item .promo-tag.bottom span,
      .product-card .promo-tag.bottom span {
        padding: 0; } }
  #item-list-content .item .promo-tag.promo-text,
  .product-card .promo-tag.promo-text {
    padding: 2px 0.5rem; }
    #item-list-content .item .promo-tag.promo-text img,
    .product-card .promo-tag.promo-text img {
      width: 16px;
      height: 16px;
      margin-right: 4px; }
    #item-list-content .item .promo-tag.promo-text span,
    .product-card .promo-tag.promo-text span {
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 15.8px;
      /* 131.667% */
      letter-spacing: 0.72px; }

#item-list-content .item .flash-sale-preview-time-bar,
.product-card .flash-sale-preview-time-bar {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #000;
  color: #ffffff;
  padding: 8px 0 16px 0;
  width: 100%;
  height: 32px;
  overflow: hidden;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 100% 70%, 50% 100%, 0% 70%, 0% 70%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 100% 70%, 50% 100%, 0% 70%, 0% 70%);
  z-index: 10; }

#item-list-content .item .flash-sale-promo-bar,
.product-card .flash-sale-promo-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #000;
  color: #ffffff;
  width: 100%;
  height: 26px;
  overflow: hidden;
  z-index: 10; }
  #item-list-content .item .flash-sale-promo-bar .flash-sale-badge,
  .product-card .flash-sale-promo-bar .flash-sale-badge {
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background-color: #c74250;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    padding: 6px 24px 6px 8px;
    -webkit-clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 88% 50%, calc(100% - 20px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 88% 50%, calc(100% - 20px) 100%, 0% 100%); }
    #item-list-content .item .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-mob,
    .product-card .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-mob {
      display: none; }
    #item-list-content .item .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-pc,
    .product-card .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-pc {
      display: inline; }
    @media screen and (max-width: 768px) {
      #item-list-content .item .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-mob,
      .product-card .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-mob {
        display: inline; }
      #item-list-content .item .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-pc,
      .product-card .flash-sale-promo-bar .flash-sale-badge .flash-sale-badge-pc {
        display: none; } }
  #item-list-content .item .flash-sale-promo-bar .flash-sale-content,
  .product-card .flash-sale-promo-bar .flash-sale-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-size: 12px;
    font-weight: 400; }

#item-list-content .item .pre-order-tag,
.product-card .pre-order-tag {
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 6px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  background: #D77A48;
  color: #ffffff; }

#item-list-content .item .discount-tag,
.product-card .discount-tag {
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  padding: 2px 4px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #c74250;
  background: #c74250;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap; }

#item-list-content .item .price,
.product-card .price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  #item-list-content .item .price .original-price,
  .product-card .price .original-price {
    margin-left: 4px;
    margin-top: 2px; }

.KOL-event #item-list-content .item .items-favorite {
  display: none; }

.toast-container {
  position: fixed;
  border-radius: 4px;
  background-color: #eaeff2;
  box-shadow: 6px 6px 5px 0px rgba(86, 145, 171, 0.04);
  z-index: 2147483601;
  right: 16px;
  top: 157px;
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 280px; }
  .toast-container.slide-up {
    animation: slide-up 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
  .toast-container.slide-down {
    animation: slide-down 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
  @media (max-width: 768px) {
    .toast-container {
      left: 50%;
      right: 50%;
      transform: translate(-50%, -50%);
      top: 107px;
      z-index: 1050; }
      .toast-container.slide-up {
        animation: slide-up-mob 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
      .toast-container.slide-down {
        animation: slide-down-mob 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } }
  .toast-container button {
    border: 0;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    .toast-container button svg {
      width: 16px;
      height: 16px; }

.toast-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  line-height: 1; }

.toast-icon {
  margin-right: 4px; }
  .toast-icon .icon-wrapper {
    display: none; }
    .toast-icon .icon-wrapper.active {
      display: inline-block; }
  .toast-icon svg {
    vertical-align: middle; }
  .toast-icon .icon-favorite svg path {
    stroke: #2f6279; }
  .toast-icon .icon-check svg {
    width: 20px;
    height: 20px; }
    .toast-icon .icon-check svg path {
      fill: #2f6279; }

.toast-content {
  color: #2f6279;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  margin-right: 4px; }

@keyframes slide-up {
  0% {
    transform: translateY(30px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-down {
  0% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(30px);
    opacity: 0;
    display: none; } }

@keyframes slide-up-mob {
  0% {
    transform: translate(-50%, 20px);
    opacity: 0; }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1; } }

@keyframes slide-down-mob {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1; }
  100% {
    transform: translate(-50%, 20px);
    opacity: 0;
    display: none; } }

.js-nav-search .js-search-form {
  height: 36px; }
  .js-nav-search .js-search-form .nav-search-input {
    transform-origin: 100%;
    transform: scaleX(0);
    transition: all 0.5s; }
  .js-nav-search .js-search-form .input-group {
    width: 100%;
    border: 1.5px solid #f0f0f0;
    border-right: none;
    border-radius: 4px 0px 0px 4px; }
    .js-nav-search .js-search-form .input-group .form-control:focus, .js-nav-search .js-search-form .input-group .btn:focus {
      box-shadow: none; }
    .js-nav-search .js-search-form .input-group .form-control-sm {
      padding: .25rem 0 .25rem .5rem; }
  .js-nav-search .js-search-form .input-group-append {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
  .js-nav-search .js-search-form .btn {
    cursor: pointer; }
    .js-nav-search .js-search-form .btn.btn-clear {
      display: -ms-flexbox;
      display: flex;
      width: 32px;
      line-height: 38px;
      height: 100%;
      border: 0;
      padding: 0;
      display: none;
      background-color: #ffffff;
      border-radius: 0; }
      .js-nav-search .js-search-form .btn.btn-clear svg {
        width: 16px;
        height: 16px; }
        .js-nav-search .js-search-form .btn.btn-clear svg path {
          fill: #868686; }
    .js-nav-search .js-search-form .btn.btn-search {
      width: 40px;
      height: 100%;
      border: 1.5px solid #f0f0f0;
      border-radius: 0px 4px 4px 0px;
      background: #ffffff; }
      .js-nav-search .js-search-form .btn.btn-search:hover {
        color: #868e96; }
      .js-nav-search .js-search-form .btn.btn-search svg {
        width: 16px;
        height: 16px; }
        .js-nav-search .js-search-form .btn.btn-search svg path {
          fill: #525252; }
  .js-nav-search .js-search-form .dropdown-menu {
    width: calc(100% + 64px);
    background: #fff;
    margin-top: 0.4rem;
    padding: 0.8rem;
    z-index: 1010; }
    .js-nav-search .js-search-form .dropdown-menu .dropdown-item-header {
      color: #2f6279;
      font-weight: 500;
      font-size: 1rem;
      margin-bottom: 0.4rem; }
    .js-nav-search .js-search-form .dropdown-menu .dropdown-item-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .js-nav-search .js-search-form .dropdown-menu .dropdown-item-btn {
      cursor: pointer;
      background: #fafafa;
      border-radius: 2px;
      color: #404040;
      padding: 0.7rem 0.5rem;
      margin: 0 0.5rem 0.5rem 0; }
      .js-nav-search .js-search-form .dropdown-menu .dropdown-item-btn:hover {
        background: #dbdbdb; }

.js-nav-search.open .nav-search-input {
  transform: scaleX(1);
  transition: all 0.5s; }

.js-nav-search.js-nav-search-xs .nav-search-input {
  transform: scaleX(1);
  transition: all 0.5s; }

.js-nav-search #navsearch img {
  cursor: pointer; }

.open-chat {
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 10001;
  padding: 10px 16px;
  background: #ffffff;
  border-radius: 27px;
  box-shadow: 0px 2px 8px 0px rgba(47, 98, 121, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: background 0.5s ease, color 0.5s ease; }
  :has(.cart-layout) .open-chat {
    display: none; }
  .open-chat.show {
    display: -ms-flexbox;
    display: flex; }
  .open-chat.hide {
    display: none; }
  .open-chat:hover {
    background: #eaeff2; }
  @media screen and (max-width: 768px) {
    .open-chat {
      bottom: 85px;
      border-radius: 50rem;
      padding: 13px; }
      .open-chat.in-item-page {
        bottom: 82px; }
      .open-chat .icon-chat {
        width: 24px;
        height: 24px; }
      .open-chat span {
        display: none; } }

.close-chat-web {
  width: 44px;
  height: 44px;
  border-radius: 50rem;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  bottom: 16px;
  right: 20px;
  z-index: 10000;
  box-shadow: 0px 2px 8px 0px rgba(47, 98, 121, 0.15); }
  @media screen and (max-width: 768px) {
    .close-chat-web {
      display: none; } }

@keyframes slide-show {
  0% {
    transform: translateY(300px);
    opacity: 0; }
  50% {
    transform: translateY(150px);
    opacity: .5; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes slide-hide {
  0% {
    transform: translateY(0px);
    opacity: 1; }
  50% {
    transform: translateY(150px);
    opacity: .5; }
  100% {
    transform: translateY(600px);
    opacity: 0; } }

.customer-chat {
  position: fixed;
  bottom: 72px;
  right: 20px;
  opacity: 0;
  z-index: -1; }
  .customer-chat.show {
    animation: slide-show 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    z-index: 10000; }
  .customer-chat.hide {
    animation: slide-hide 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    z-index: 1; }
  .customer-chat-container {
    background-color: #F5F7F8;
    border-radius: 22px;
    max-width: 340px;
    box-shadow: 0px 2px 8px 0px rgba(47, 98, 121, 0.15); }
  .customer-chat .top-container {
    background-color: #2f6279;
    border-radius: 16px 16px 0 0;
    padding: 50px 24px; }
    .customer-chat .top-container .title {
      margin-bottom: 1rem; }
      .customer-chat .top-container .title img {
        width: 30.5px;
        height: 30.5px;
        vertical-align: bottom;
        margin-right: 0.25rem; }
    .customer-chat .top-container .close-chat-mob {
      position: absolute;
      top: 16px;
      right: 16px;
      display: none; }
      .customer-chat .top-container .close-chat-mob svg {
        width: 12px;
        height: 12px; }
        .customer-chat .top-container .close-chat-mob svg path {
          fill: #fff; }
  .customer-chat .middle-container {
    padding: 0 24px;
    position: relative;
    bottom: 27px; }
    .customer-chat .middle-container .contact-btn {
      padding: 12px 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 16px;
      border-radius: 16px;
      background: #ffffff;
      box-shadow: 0px 2px 8px 0px rgba(47, 98, 121, 0.15);
      transition: background .3s ease; }
      .customer-chat .middle-container .contact-btn img {
        width: 30px;
        height: 30px; }
      .customer-chat .middle-container .contact-btn:hover {
        background: #f5f7f8; }
  .customer-chat .bottom-container {
    padding: 0 24px 30px; }
  @media screen and (max-width: 768px) {
    .customer-chat {
      width: 100%;
      height: 100dvh;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end; }
      .customer-chat.show {
        bottom: 0; }
      .customer-chat.hide {
        bottom: -500px; }
      .customer-chat-container {
        width: 100%;
        max-width: 100%;
        height: 100%;
        border-radius: 0;
        display: -ms-grid;
        display: grid; }
      .customer-chat .top-container {
        padding: 90px 24px 50px;
        position: relative;
        border-radius: 0;
        max-height: 225px; }
        .customer-chat .top-container .title img {
          width: 30.5px;
          height: 30.5px; }
        .customer-chat .top-container .close-chat-mob {
          display: block; }
      .customer-chat .middle-container {
        position: absolute;
        width: 100%;
        top: 200px; }
      .customer-chat .bottom-container {
        -ms-flex-item-align: end;
            align-self: flex-end; } }

.footer {
  background-color: #2f6279;
  position: relative; }
  .footer .footer-title {
    color: #fafafa;
    font-size: 0.875rem;
    font-weight: 700; }
  .footer-ul li {
    line-height: 18px;
    margin: 2px 0; }
  .footer .footer-link {
    color: #dbdbdb;
    font-size: 0.85rem;
    font-weight: 500; }
    .footer .footer-link:hover, .footer .footer-link:focus {
      color: #ffffff;
      text-decoration: none; }
  .footer .footer-copyright {
    text-align: center;
    color: #fafafa;
    font-size: 0.875rem; }
    .footer .footer-copyright img {
      width: 186px; }
  .footer-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    gap: 16px;
    margin-right: 45px; }
  .footer-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer; }
    .footer-icon img {
      width: 24px;
      height: 24px; }
  @media (max-width: 768px) {
    .footer-icons {
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-right: 0; } }

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2)); }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

.is-app .disable-app {
  display: none; }

.is-app .visible-app {
  display: block; }

.is-app .footer.panel {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.is-app .footer .footer-copyright {
  margin: 0.5em; }
  .is-app .footer .footer-copyright span.mr-5 {
    margin-right: 0 !important;
    display: block; }

.disable-app {
  display: block; }

.visible-app {
  display: none; }

.member-main-title {
  border-bottom: 0.5px solid #bfbfbf;
  margin-bottom: 16px;
  padding: 8px 16px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #404040;
  text-align: left; }
  .member-main-title * {
    font-size: 1rem;
    font-weight: 500; }
  @media screen and (max-width: 768px) {
    .member-main-title {
      font-size: 1.25rem; } }

.index-layout-panel.index-layout-h1 {
  max-height: 375px;
  overflow: hidden; }
  .index-layout-panel.index-layout-h1 .background-image {
    background-size: 100%; }

.index-items-list {
  position: relative; }
  .index-items-list .items-list-title {
    font-size: 1.375rem;
    color: #333F50; }
  .index-items-list .index-items .new-in-img {
    aspect-ratio: 1;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important; }
  .index-items-list .index-items .new-in h5 {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    height: 40px;
    color: #1f1f1f;
    padding: 5px 6px 0;
    margin-bottom: 8px; }
  .index-items-list .index-items .new-in-bottom {
    padding: 0 6px;
    margin-bottom: 10px;
    position: relative; }
    .index-items-list .index-items .new-in-bottom .items-favorite-default {
      position: absolute;
      line-height: 1;
      padding: 10px;
      right: 6px;
      bottom: -10px;
      z-index: 100; }
      @media screen and (max-width: 500px) {
        .index-items-list .index-items .new-in-bottom .items-favorite-default {
          right: 0; } }
    .index-items-list .index-items .new-in-bottom .price {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end; }
      .index-items-list .index-items .new-in-bottom .price-promo {
        font-weight: 500;
        font-size: 16px;
        color: #404040;
        margin-right: 4px;
        line-height: 22px; }
      .index-items-list .index-items .new-in-bottom .price-original {
        font-weight: 400;
        font-size: 12px;
        color: #999999;
        line-height: 18px;
        -webkit-text-decoration-line: line-through;
                text-decoration-line: line-through; }
    .index-items-list .index-items .new-in-bottom .sold-out {
      font-weight: 700;
      font-size: 14px;
      color: #666666; }
  .index-items-list .index-items p {
    color: #333F50;
    text-decoration: none;
    font-size: 0.7875rem; }
  .index-items-list .index-items:hover, .index-items-list .index-items:focus {
    text-decoration: none; }
  .index-items-list .index-items-slider .swiper-button-prev, .index-items-list .index-items-slider .swiper-button-next {
    width: 13px;
    height: 18px;
    background-size: 13px 18px;
    top: 33px; }
  .index-items-list .index-items-slider .swiper-button-prev {
    background-image: url(https://www.storemarais-image.com/public/assets/images/items-slider-prev.png);
    left: auto;
    right: 50px; }
  .index-items-list .index-items-slider .swiper-button-next {
    background-image: url(https://www.storemarais-image.com/public/assets/images/items-slider-next.png);
    right: 20px; }

.account-leftnav {
  margin-top: 70px; }

.left-nav {
  padding-left: 0; }
  .left-nav h6 {
    font-size: 14px;
    font-weight: 700;
    word-break: break-word; }
  .left-nav li {
    list-style: none;
    background: #fff; }
    .left-nav li a {
      display: block;
      padding: 8px 0 8px 16px;
      font-size: 14px;
      color: #525252;
      background: #fff;
      transition: all .3s; }
      .left-nav li a:hover {
        background: #f5f7f8;
        color: #2f6279; }
    .left-nav li + li {
      margin-top: 24px; }
    .left-nav li.user-info {
      padding: 8px 16px 8px 16px; }

.panel {
  padding-bottom: 2rem; }

.common-modal-style button {
  cursor: pointer; }

.common-modal-style h5.modal-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #404040; }

.common-modal-style h6.subtitle {
  margin-bottom: 0;
  padding: 8px 0;
  width: 100%; }

.common-modal-style h6.small-title {
  margin-bottom: .5rem;
  font-size: .75rem;
  color: #666666; }

.common-modal-style .btn:focus {
  box-shadow: none; }

.common-modal-style .modal-content {
  border: 0; }

.common-modal-style .modal-header {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0 1rem; }
  .common-modal-style .modal-header .modal-title {
    padding: .75rem 1rem;
    width: 100%; }

.common-modal-style .modal-body {
  padding: 1.5rem; }

.common-modal-style .modal-footer {
  padding: 1rem; }
  .common-modal-style .modal-footer .btn {
    padding: 8px 36px;
    cursor: pointer; }
  .common-modal-style .modal-footer .btn-secondary {
    border: 0.5px solid #dbdbdb;
    background: #FFF;
    color: #404040; }
  .common-modal-style .modal-footer .btn-primary {
    border: 0.5px solid #2f6279;
    margin-left: 6px;
    background: #2f6279;
    color: #FFF; }

#image-selector-modal .btn-primary {
  background-color: #2f6279;
  border: 1px solid #2f6279; }

#barcode-modal .modal-dialog {
  width: 376px; }
  @media screen and (max-width: 500px) {
    #barcode-modal .modal-dialog {
      width: 345px;
      margin: 10px auto; } }
  #barcode-modal .modal-dialog .barcode-title {
    color: #666666;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.75rem; }
  #barcode-modal .modal-dialog .barcode-image {
    border: 1px solid #c1d0d7;
    text-align: center;
    border-radius: 4px;
    padding: 20px 0; }
  #barcode-modal .modal-dialog .barcode-text {
    color: #404040;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600; }
  #barcode-modal .modal-dialog .barcode-item {
    margin-bottom: 2rem; }
    #barcode-modal .modal-dialog .barcode-item:last-child {
      margin-bottom: 0; }
  #barcode-modal .modal-dialog #barcode-carrier,
  #barcode-modal .modal-dialog #barcode-customer {
    width: 280px;
    height: 48px; }
    @media screen and (max-width: 500px) {
      #barcode-modal .modal-dialog #barcode-carrier,
      #barcode-modal .modal-dialog #barcode-customer {
        width: 254px; } }

#profile-modal .modal-dialog {
  width: 528px; }
  @media screen and (max-width: 500px) {
    #profile-modal .modal-dialog {
      width: 345px;
      margin: 10px auto; } }

#profile-modal .modal-body {
  padding: 6px 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #profile-modal .modal-body .profile-item {
    width: 80px;
    height: 80px;
    margin: 10px 0.575rem;
    border-radius: 50rem;
    border: 0.5px solid #c1d0d7;
    cursor: pointer;
    background-color: #d5dfe4;
    position: relative; }
    #profile-modal .modal-body .profile-item img {
      max-width: 100%;
      border-radius: 50rem; }
    #profile-modal .modal-body .profile-item.add {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      #profile-modal .modal-body .profile-item.add svg {
        width: 20px;
        height: 20px; }
    #profile-modal .modal-body .profile-item .picked-text {
      display: none; }
    #profile-modal .modal-body .profile-item.active {
      border: 2px solid #598194;
      position: relative; }
      #profile-modal .modal-body .profile-item.active .picked-text {
        display: block;
        background-color: #598194;
        color: #ffffff;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.5;
        border: 0.5px solid #2f6279;
        padding: 2px 0.5rem;
        border-radius: 4px;
        white-space: nowrap;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%); }
    #profile-modal .modal-body .profile-item.custom {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      #profile-modal .modal-body .profile-item.custom img {
        height: 100%;
        width: auto;
        object-fit: cover; }
  @media screen and (max-width: 500px) {
    #profile-modal .modal-body {
      padding: 6px 16px;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      #profile-modal .modal-body .profile-item {
        margin: 10px 12px; } }
  #profile-modal .modal-body .btn-close {
    width: 24px;
    height: 24px;
    background: #2f6279;
    border-color: #2f6279;
    padding: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    top: -4px;
    right: -6px; }
    #profile-modal .modal-body .btn-close svg {
      width: 14px;
      height: 14px; }
      #profile-modal .modal-body .btn-close svg path {
        fill: #ffffff; }

#profile-modal .modal-backdrop.fade.show {
  opacity: 0; }

.panel .customer-account {
  background-color: rgba(47, 98, 121, 0.05);
  width: 100%;
  min-height: calc(100vh - 350px);
  color: #525252; }
  .panel .customer-account.help-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .panel .customer-account .main-header {
    font-size: 1.3125rem;
    color: #404040;
    font-weight: 700; }
  .panel .customer-account .btn-contact {
    position: absolute;
    right: 1rem;
    width: 108px;
    top: 50%;
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    padding: 10px 12px;
    width: -moz-fit-content;
    width: fit-content;
    background: #ffffff;
    border-radius: 27px;
    box-shadow: 0px 4px 12px 0px rgba(34, 77, 104, 0.15);
    transition: background .3s ease; }
    .panel .customer-account .btn-contact .icon {
      width: 30px;
      height: 30px; }
    .panel .customer-account .btn-contact:hover {
      background: #f5f7f8; }
    @media screen and (max-width: 575px) {
      .panel .customer-account .btn-contact {
        position: relative;
        right: 0;
        width: 100%;
        top: 0;
        margin-top: 0.5rem;
        transform: none;
        -ms-flex-pack: center;
            justify-content: center; } }
  .panel .customer-account .sub-header {
    font-size: 16px;
    color: #404040;
    font-weight: 500; }
  .panel .customer-account .sub-content {
    font-size: 14.4px;
    font-weight: 500;
    margin-bottom: 0.5rem; }
  .panel .customer-account .sub-text {
    font-size: 14.4px;
    color: #868686;
    font-weight: 400; }
  .panel .customer-account .card-item {
    padding: 1rem;
    border-radius: 1rem;
    color: #525252;
    transition: all 0.5s;
    position: relative; }
    .panel .customer-account .card-item__icon {
      width: 24px;
      height: 24px;
      background-color: #f0f0f0;
      border-radius: 50rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin: 0.5rem 0;
      transition: all 0.5s; }
      .panel .customer-account .card-item__icon > svg {
        fill: #525252; }
    .panel .customer-account .card-item__name {
      font-size: 1rem; }
    .panel .customer-account .card-item-container .col-sm-4:nth-child(1), .panel .customer-account .card-item-container .col-sm-4:nth-child(2), .panel .customer-account .card-item-container .col-sm-4:nth-child(4), .panel .customer-account .card-item-container .col-sm-4:nth-child(5), .panel .customer-account .card-item-container .col-sm-4:nth-child(7), .panel .customer-account .card-item-container .col-sm-4:nth-child(8) {
      padding-right: 0; }
    @media screen and (max-width: 575px) {
      .panel .customer-account .card-item-container .col-sm-4 {
        padding: 0; }
        .panel .customer-account .card-item-container .col-sm-4:nth-child(2n+1) {
          padding-left: 15px;
          padding-right: 15px; }
        .panel .customer-account .card-item-container .col-sm-4:nth-child(2n) {
          padding-right: 15px; } }
    .panel .customer-account .card-item.bg-grey11 {
      background-color: #ffffff; }
    .panel .customer-account .card-item.bg-white {
      cursor: pointer;
      border: 0.5px solid #dbdbdb; }
      .panel .customer-account .card-item.bg-white:hover, .panel .customer-account .card-item.bg-white:active, .panel .customer-account .card-item.bg-white:target {
        border: 0.5px solid rgba(47, 98, 121, 0.6);
        color: #2f6279;
        box-shadow: 4px 12px 24px rgba(75, 146, 177, 0.08), 6px 6px 5px rgba(86, 145, 171, 0.04); }
        .panel .customer-account .card-item.bg-white:hover .card-item__icon, .panel .customer-account .card-item.bg-white:active .card-item__icon, .panel .customer-account .card-item.bg-white:target .card-item__icon {
          transition: all 0.5s;
          background-color: rgba(47, 98, 121, 0.2); }
          .panel .customer-account .card-item.bg-white:hover .card-item__icon > svg, .panel .customer-account .card-item.bg-white:active .card-item__icon > svg, .panel .customer-account .card-item.bg-white:target .card-item__icon > svg {
            fill: #2f6279; }
        .panel .customer-account .card-item.bg-white:hover .card-item__name, .panel .customer-account .card-item.bg-white:active .card-item__name, .panel .customer-account .card-item.bg-white:target .card-item__name {
          color: #2f6279; }

.panel .customer-account.customer-service {
  background-color: #ffffff;
  padding-bottom: 52px;
  overflow-x: hidden; }
  .panel .customer-account.customer-service .top-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 768px) {
      .panel .customer-account.customer-service .top-container {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .panel .customer-account.customer-service .top-container .top-item {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
      height: 419px; }
      .panel .customer-account.customer-service .top-container .top-item.illustration {
        text-align: end; }
        .panel .customer-account.customer-service .top-container .top-item.illustration img {
          width: 436px;
          height: 419px;
          margin-right: -20px;
          position: relative;
          z-index: 5; }
      .panel .customer-account.customer-service .top-container .top-item.text {
        background-image: url("https://www.storemarais-image.com/public/marais-customer-service/bg.png");
        background-size: 495px 323px;
        background-position: -30px top;
        background-repeat: no-repeat;
        position: relative; }
        .panel .customer-account.customer-service .top-container .top-item.text .mobile-bg {
          display: none; }
        .panel .customer-account.customer-service .top-container .top-item.text .btn-primary {
          color: #ffffff;
          margin-top: 1rem; }
          .panel .customer-account.customer-service .top-container .top-item.text .btn-primary svg {
            padding: 2px;
            margin-left: 0.5rem; }
          .panel .customer-account.customer-service .top-container .top-item.text .btn-primary svg, .panel .customer-account.customer-service .top-container .top-item.text .btn-primary path {
            color: #ffffff;
            fill: #ffffff; }
        .panel .customer-account.customer-service .top-container .top-item.text .text-container {
          width: 360px;
          margin-left: 43px;
          margin-top: 80px; }
      .panel .customer-account.customer-service .top-container .top-item-content {
        margin: 1rem 0; }
        .panel .customer-account.customer-service .top-container .top-item-content a {
          color: #2f6279;
          text-decoration: underline; }
      .panel .customer-account.customer-service .top-container .top-item-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 8px;
        padding: 10px 12px;
        width: -moz-fit-content;
        width: fit-content;
        background: #ffffff;
        border-radius: 27px;
        box-shadow: 0px 4px 12px 0px rgba(34, 77, 104, 0.15);
        margin-bottom: 16px;
        transition: background .3s ease; }
        .panel .customer-account.customer-service .top-container .top-item-btn .icon {
          width: 30px;
          height: 30px; }
        .panel .customer-account.customer-service .top-container .top-item-btn:hover {
          background: #f5f7f8; }
    @media screen and (max-width: 768px) {
      .panel .customer-account.customer-service .top-container .top-item {
        -ms-flex: 1;
            flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
        height: unset; }
        .panel .customer-account.customer-service .top-container .top-item.illustration {
          text-align: end; }
          .panel .customer-account.customer-service .top-container .top-item.illustration img {
            width: 100%;
            height: auto;
            margin-right: 0;
            position: relative;
            z-index: 5; }
        .panel .customer-account.customer-service .top-container .top-item.text {
          background: none; }
          .panel .customer-account.customer-service .top-container .top-item.text .mobile-bg {
            display: block;
            width: 569px;
            position: absolute;
            top: -65px;
            left: 50%;
            transform: translateX(-50%) rotate(180deg); }
          .panel .customer-account.customer-service .top-container .top-item.text .btn-primary {
            padding: 9px 24px; }
          .panel .customer-account.customer-service .top-container .top-item.text .text-container {
            width: 100%;
            padding-top: 1rem;
            margin: unset;
            position: relative;
            z-index: 5;
            text-align: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-align: center;
                align-items: center; }
            .panel .customer-account.customer-service .top-container .top-item.text .text-container .p-text-title {
              font-size: 20px;
              font-weight: 500;
              line-height: 28px; }
        .panel .customer-account.customer-service .top-container .top-item-content p {
          line-height: 24px; }
        .panel .customer-account.customer-service .top-container .top-item-box {
          text-align: center; }
          .panel .customer-account.customer-service .top-container .top-item-box .text-brand-color {
            font-weight: 500; } }
  .panel .customer-account.customer-service .middle-container {
    margin-top: 1.5rem; }
    @media screen and (max-width: 768px) {
      .panel .customer-account.customer-service .middle-container {
        margin-top: 3.25rem; } }
  .panel .customer-account.customer-service .down-arrow {
    margin: 0.5rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 575px) {
      .panel .customer-account.customer-service .down-arrow svg {
        width: 1rem;
        height: 1rem; } }
  .panel .customer-account.customer-service .bottom-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 16px; }
    @media screen and (max-width: 768px) {
      .panel .customer-account.customer-service .bottom-container {
        -ms-flex-direction: column;
            flex-direction: column; } }
  .panel .customer-account.customer-service .cs-item {
    -ms-flex: 1;
        flex: 1;
    width: 100%;
    height: 230px;
    border-radius: 8px;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-account.customer-service .cs-item-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative;
      z-index: 5; }
      .panel .customer-account.customer-service .cs-item-box h5 {
        margin: 0.75rem; }
      .panel .customer-account.customer-service .cs-item-box a {
        margin-top: 0.75rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .panel .customer-account.customer-service .cs-item-box a svg {
          padding: 1px;
          margin-left: 2px; }
        .panel .customer-account.customer-service .cs-item-box a.btn {
          padding: 10px 16px;
          border-radius: 4px;
          border: 1px solid #D9D9D9;
          background: #ffffff; }
          .panel .customer-account.customer-service .cs-item-box a.btn:hover {
            background: #fafafa;
            color: #404040; }
      .panel .customer-account.customer-service .cs-item-box .custom-fb-icon {
        width: 48px;
        height: 48px;
        background-color: #ffffff;
        border-radius: 50rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .panel .customer-account.customer-service .cs-item-box .custom-fb-icon > img {
          width: 32px;
          height: 32px; }
      .panel .customer-account.customer-service .cs-item-box .icon {
        background: #ffffff;
        width: 48px;
        height: 48px;
        border-radius: 50rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
    .panel .customer-account.customer-service .cs-item-textbox {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 0.75rem; }
      .panel .customer-account.customer-service .cs-item-textbox a {
        margin: 0;
        color: #2f6279;
        text-decoration: underline; }
    .panel .customer-account.customer-service .cs-item.order {
      background-color: #FAF9F6; }
      .panel .customer-account.customer-service .cs-item.order .top {
        position: absolute;
        width: 103px;
        height: 108px;
        top: -20px;
        left: 85px; }
      .panel .customer-account.customer-service .cs-item.order .bottom {
        position: absolute;
        width: 103px;
        height: 108px;
        position: absolute;
        right: -24px;
        bottom: -30px; }
    .panel .customer-account.customer-service .cs-item.fb {
      background: #F4F8FC; }
      .panel .customer-account.customer-service .cs-item.fb .left {
        position: absolute;
        width: 103px;
        height: 108px;
        left: -16px;
        bottom: -36px; }
      .panel .customer-account.customer-service .cs-item.fb .right {
        position: absolute;
        width: 103px;
        height: 108px;
        right: -32px;
        bottom: -35px; }
    .panel .customer-account.customer-service .cs-item.other {
      background-color: #fafafa; }
      .panel .customer-account.customer-service .cs-item.other .top {
        width: 114.282px;
        height: 81.535px;
        position: absolute;
        right: 183.86px;
        top: -20px; }
        @media screen and (max-width: 565px) {
          .panel .customer-account.customer-service .cs-item.other .top {
            right: 80px; } }
      .panel .customer-account.customer-service .cs-item.other .bottom {
        width: 81.535px;
        height: 114.282px;
        left: 0;
        bottom: -34px;
        position: absolute; }

.panel .order-tag {
  padding: 0 4px;
  border-radius: 4px;
  font-size: 12px; }
  .panel .order-tag.default {
    background-color: #f0f0f0;
    color: #666666; }
  .panel .order-tag.primary {
    background-color: #eaeff2;
    color: #2f6279; }
  .panel .order-tag.warning {
    background-color: #f5efdf;
    color: #b68e55; }
  .panel .order-tag.error {
    background-color: #f7eeee;
    color: #ad5151; }

.panel.customer-page {
  background-color: rgba(240, 240, 240, 0.8); }
  @media screen and (max-width: 768px) {
    .panel.customer-page .container {
      max-width: calc(100% - 32px);
      width: calc(100% - 32px); } }
  @media screen and (max-width: 500px) {
    .panel.customer-page .container {
      max-width: calc(100% - 30px);
      width: calc(100% - 30px);
      overflow: hidden; } }
  .panel.customer-page .empty-state {
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.43;
    padding: 0.5rem 2px; }
    @media screen and (max-width: 500px) {
      .panel.customer-page .empty-state {
        font-size: 0.75rem; } }
  .panel.customer-page .add-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
  .panel.customer-page .back-to-list {
    color: #525252;
    margin-top: 0.75rem; }
    @media screen and (max-width: 575px) {
      .panel.customer-page .back-to-list {
        margin-top: 0.75rem; } }
  .panel.customer-page .tabs-group {
    border-bottom: 1px solid #f0f0f0; }
    .panel.customer-page .tabs-group .tab {
      min-width: 92px; }
      .panel.customer-page .tabs-group .tab .nav-link {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #868686;
        text-align: center;
        font-weight: 400;
        cursor: pointer; }
        .panel.customer-page .tabs-group .tab .nav-link.active {
          font-weight: 500;
          color: #2f6279;
          border-bottom: 3px solid #2f6279; }
  .panel.customer-page .status-tab {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .panel.customer-page .status-tab::-webkit-scrollbar {
      display: none; }
    .panel.customer-page .status-tab .nav-item {
      color: #666666;
      cursor: pointer; }
      .panel.customer-page .status-tab .nav-item .nav-link {
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #2f6279;
        background-color: #ffffff;
        white-space: nowrap;
        border-top: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc;
        border-left: 0.5px solid #97b1bc;
        text-align: center; }
        .panel.customer-page .status-tab .nav-item .nav-link.active {
          color: #fafafa;
          background-color: #2f6279; }
      .panel.customer-page .status-tab .nav-item:first-of-type .nav-link {
        border-radius: 4px 0px 0px 4px;
        border-left: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc; }
      .panel.customer-page .status-tab .nav-item:last-of-type .nav-link {
        border-radius: 0 4px 4px 0;
        border-right: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc; }
  .panel.customer-page .sub-title-text {
    color: #666666;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem; }
  .panel.customer-page .order-item {
    padding: 1rem;
    background: #ffffff;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 0.8rem;
    color: #666666; }
    .panel.customer-page .order-item__header {
      margin-bottom: 1rem; }
    .panel.customer-page .order-item__name {
      font-weight: 400;
      font-size: 0.8rem;
      color: #666666; }
    .panel.customer-page .order-item__num {
      color: #404040;
      font-weight: 700;
      font-size: 0.88rem; }
    .panel.customer-page .order-item.loading {
      background-color: #f0f0f0; }
      .panel.customer-page .order-item.loading::before {
        width: 100%;
        position: absolute;
        content: '';
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
        background-position: -400px 0;
        background-repeat: no-repeat;
        animation: m 1.5s infinite;
        top: 0;
        left: 0; }
      .panel.customer-page .order-item.loading .img {
        width: 64px;
        height: 64px;
        border-radius: 4px;
        background-color: #d9d9d9;
        margin-right: 0.5rem; }
      .panel.customer-page .order-item.loading .order-subitem__box {
        width: 100%; }
      .panel.customer-page .order-item.loading .order-subitem__date {
        padding: 0.4rem 4rem;
        border-radius: 4px;
        background-color: #d9d9d9;
        margin-bottom: 0.2rem;
        width: 50%; }
        .panel.customer-page .order-item.loading .order-subitem__date.content {
          width: 80%; }
      .panel.customer-page .order-item.loading .order-subitem__btns {
        border-radius: 4px;
        background-color: #d9d9d9;
        padding: 0.8rem 0.5rem; }

@media screen and (max-width: 500px) {
  .panel.customer-page-menulayout {
    background-color: #f5f7f8; } }

.panel .bg-brand-05 {
  background-color: #f5f7f8; }

.panel .bg-shadow {
  box-shadow: 1px 1px 4px rgba(47, 98, 121, 0.02), 1px 1px 8px rgba(47, 98, 121, 0.04); }

.panel .customer-page-common-bg {
  border-radius: 12px;
  padding: 20px 10px;
  min-height: 516px; }
  @media screen and (max-width: 500px) {
    .panel .customer-page-common-bg {
      padding: 28px 3px 0;
      min-height: unset; }
      .panel .customer-page-common-bg.home {
        padding: 28px 12px 0; } }

.panel .customer-page-common-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  min-height: 615px; }
  @media screen and (max-width: 500px) {
    .panel .customer-page-common-container {
      margin-top: 16px; } }
  .panel .customer-page-common-container .breadcrumb-header {
    margin-bottom: 0.75rem; }
  .panel .customer-page-common-container .breadcrumb-item a {
    color: #999999; }
  .panel .customer-page-common-container .breadcrumb-item.active a {
    color: #5e5e5e; }
  @media screen and (max-width: 500px) {
    .panel .customer-page-common-container {
      box-shadow: none;
      background-color: unset; } }
  .panel .customer-page-common-container .empty-state {
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.43;
    padding: 0.5rem 2px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page-common-container .empty-state {
        font-size: 0.75rem; } }

.panel .customer-page-nav {
  -ms-flex: 1;
      flex: 1;
  margin-right: 30px; }
  .panel .customer-page-nav a {
    display: block;
    width: 100%;
    color: #525252;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 5px 1rem;
    margin-bottom: 0.5rem;
    border-radius: 34px; }
    .panel .customer-page-nav a:hover, .panel .customer-page-nav a.active {
      border-radius: 34px;
      color: #000;
      background-color: #f0f0f0;
      font-weight: 500; }
  @media screen and (max-width: 500px) {
    .panel .customer-page-nav {
      position: fixed;
      width: 100%;
      top: calc( var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height) + 10px);
      padding: 12px 15px;
      margin: 0;
      z-index: 20;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      white-space: nowrap;
      background-color: #ffffff;
      border-bottom: 0.5px solid #dbdbdb;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .panel .customer-page-nav::-webkit-scrollbar {
        display: none; }
      .panel .customer-page-nav a {
        margin-right: 5px;
        margin-bottom: 0; } }

.panel .customer-page-body {
  overflow: hidden;
  -ms-flex: 7;
      flex: 7; }
  .panel .customer-page-body .dashboard-main-header {
    color: #404040;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2.125rem;
    margin-bottom: 1rem;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 500px) {
      .panel .customer-page-body .dashboard-main-header {
        padding: 0;
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0.75rem; } }
  .panel .customer-page-body .dashboard-list-box {
    background-color: #fafafa;
    border: 0.5px solid #dbdbdb;
    border-radius: 8px;
    padding: 1rem 1.125rem; }
    @media screen and (max-width: 1000px) {
      .panel .customer-page-body .dashboard-list-box {
        padding: 0.5rem 0.75rem; } }
    .panel .customer-page-body .dashboard-list-box-header {
      color: #404040;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.375rem;
      padding: 0.5rem 0;
      border-bottom: 0.5px solid #bfbfbf;
      margin-bottom: 0.5rem; }
  .panel .customer-page-body .dashboard-list-item {
    display: block;
    padding: 0.5rem 2px;
    border-radius: 4px;
    margin-bottom: 0.5rem; }
    .panel .customer-page-body .dashboard-list-item:hover {
      background-color: #eaeff2; }
    .panel .customer-page-body .dashboard-list-item .amount {
      color: #2f6279;
      font-size: 0.875rem;
      font-weight: 700;
      padding-left: 44px; }
      .panel .customer-page-body .dashboard-list-item .amount.minus {
        color: #ad5151; }
    .panel .customer-page-body .dashboard-list-item.order .content {
      color: #2f6279;
      text-decoration: underline; }
  .panel .customer-page-body .dashboard-list-content {
    font-size: 0.875rem;
    color: #404040;
    line-height: 1.25rem;
    display: -ms-flexbox;
    display: flex; }
    .panel .customer-page-body .dashboard-list-content > span {
      display: block;
      font-size: 0.875rem; }
    .panel .customer-page-body .dashboard-list-content .title {
      font-weight: 700;
      width: 44px; }
    .panel .customer-page-body .dashboard-list-content .content {
      width: calc(100% - 44px - 120px);
      padding-right: 0.5rem; }
    .panel .customer-page-body .dashboard-list-content .date {
      font-size: 0.75rem;
      line-height: 1.125rem;
      width: 120px;
      color: #999999; }
    @media screen and (max-width: 600px) {
      .panel .customer-page-body .dashboard-list-content .content {
        width: calc(100% - 44px - 65px); }
      .panel .customer-page-body .dashboard-list-content .date {
        width: 65px;
        word-break: break-all;
        text-align: right; } }
  .panel .customer-page-body .filter-dropdown {
    position: relative; }
    .panel .customer-page-body .filter-dropdown .btn-default {
      padding: 8px;
      font-size: 14px;
      border-radius: 4px;
      border: 1px solid #d9d9d9;
      background: #ffffff; }
    .panel .customer-page-body .filter-dropdown .btn-filter {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 8px;
      min-width: 98px; }
    .panel .customer-page-body .filter-dropdown .dropdown-menu {
      min-width: unset;
      width: 100%;
      padding: 0;
      border: 0.5px solid #dbdbdb;
      box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
      z-index: 20;
      cursor: pointer;
      text-align: center;
      font-size: 14px;
      line-height: 18px; }
      .panel .customer-page-body .filter-dropdown .dropdown-menu .dropdown-item {
        padding: 8px; }
  @media screen and (max-width: 1000px) {
    .panel .customer-page-body {
      -ms-flex: 6;
          flex: 6; } }
  @media screen and (max-width: 500px) {
    .panel .customer-page-body {
      -ms-flex: unset;
          flex: unset;
      width: 100%; } }

.panel .customer-page__title {
  font-size: 24px;
  font-weight: 500;
  color: #404040;
  line-height: 34px;
  margin-bottom: 20px;
  margin-left: -15px;
  padding: 0; }

.panel .customer-page__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  margin-bottom: 40px; }
  @media (max-width: 991.98px) {
    .panel .customer-page__top {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .panel .customer-page__top .line-entrance-mobile-div {
    cursor: pointer; }
    @media screen and (min-width: 501px) {
      .panel .customer-page__top .line-entrance-mobile-div {
        display: none; } }

.panel .customer-page__card {
  width: 59%;
  margin-bottom: 0;
  padding: 20px;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative; }
  @media (max-width: 991.98px) {
    .panel .customer-page__card {
      width: 100%; } }
  @media screen and (max-width: 500px) {
    .panel .customer-page__card {
      padding: 1.125rem 1.125rem 1rem;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; } }
  .panel .customer-page__card .card-member-info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    gap: 16px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__card .card-member-info-container {
        width: 100%;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start; } }
  .panel .customer-page__card .card-image-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__card .card-image-info {
        margin-bottom: 1rem; } }
  .panel .customer-page__card .card-image {
    width: 80px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
    .panel .customer-page__card .card-image img {
      min-width: 80px;
      min-height: 80px;
      max-width: 80px;
      max-height: 80px;
      border-radius: 50rem;
      border: 0.5px solid rgba(47, 98, 121, 0.3); }
  .panel .customer-page__card .card-info {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    color: #ffffff; }
    .panel .customer-page__card .card-info-name {
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      color: #ffffff;
      max-width: 145px;
      overflow-x: hidden;
      margin-bottom: 12px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media screen and (max-width: 500px) {
        .panel .customer-page__card .card-info-name {
          max-width: 185px; } }
    .panel .customer-page__card .card-info-tag {
      padding: 2px 8px;
      font-size: 0.75rem;
      line-height: 1.125rem;
      color: #ffffff;
      border-radius: 4px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .panel .customer-page__card .card-info-tag svg {
        width: 12px;
        height: 12px;
        margin-right: 2px; }
    .panel .customer-page__card .card-info-vip-date {
      white-space: nowrap;
      margin-left: 8px;
      font-size: 12px;
      line-height: 20px;
      color: #97b1bc; }
  .panel .customer-page__card .card-content-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1;
    gap: 12px; }
    .panel .customer-page__card .card-content-container .card-content-level-count {
      line-height: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      color: #ffffff; }
    .panel .customer-page__card .card-content-container .progress-container {
      width: 100%;
      background: #598194;
      border-radius: 4px;
      overflow: hidden;
      position: relative; }
      .panel .customer-page__card .card-content-container .progress-container .progress-bar {
        height: 6px;
        background: #ffffff;
        border-radius: 4px; }
    .panel .customer-page__card .card-content-container .card-content {
      font-size: 0.875rem;
      line-height: 20px;
      font-weight: 400;
      color: #C1D0D7; }
      .panel .customer-page__card .card-content-container .card-content .level-time {
        font-size: 0.75rem;
        margin-top: 1.25rem; }
      .panel .customer-page__card .card-content-container .card-content .know-more {
        color: #C1D0D7;
        text-decoration: underline; }
        .panel .customer-page__card .card-content-container .card-content .know-more:hover {
          color: #ffffff; }
      @media screen and (max-width: 450px) {
        .panel .customer-page__card .card-content-container .card-content.vip {
          width: unset; }
        .panel .customer-page__card .card-content-container .card-content .level-time {
          margin-top: 0.5rem; } }
  .panel .customer-page__card .divider {
    width: 1px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    background-color: #598194; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__card .divider {
        width: 100%;
        height: 1px; } }
  .panel .customer-page__card .barcode-btn {
    margin-top: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-page__card .barcode-btn svg {
      fill: #ffffff;
      width: 20px;
      height: 20px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__card .barcode-btn {
        position: absolute;
        top: -24px;
        right: 0; } }
  .panel .customer-page__card.default {
    background: linear-gradient(131.17deg, #00567D 14.78%, #08587C 23.8%, #1E5E7A 52.93%, #2B6179 81.21%, #2F6279 107.43%); }
    .panel .customer-page__card.default .card-info-tag {
      white-space: nowrap;
      background: linear-gradient(100.73deg, #CBDBE2 -154.66%, rgba(172, 197, 216, 0) 234.2%);
      border: 0.5px solid rgba(47, 98, 121, 0.6); }
  .panel .customer-page__card.vip {
    background: linear-gradient(131.17deg, #000000 14.59%, #070F12 31.73%, #1A3642 66.32%, #2F6279 101.39%); }
    .panel .customer-page__card.vip .card-info-tag {
      white-space: nowrap;
      background: linear-gradient(100.91deg, #F9F4E8 -134.92%, rgba(249, 244, 232, 0) 188.87%);
      border: 0.5px solid #ab9873; }
  @media (max-width: 767.98px) {
    .panel .customer-page__card {
      width: 100%; } }
  @media screen and (max-width: 500px) {
    .panel .customer-page__card {
      margin-bottom: 0.75rem;
      height: 100%; } }

.panel .customer-page__updates {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 0;
  border-radius: 12px;
  padding: 20px 16px;
  background-color: #ffffff; }
  .panel .customer-page__updates.empty {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  @media (max-width: 991.98px) {
    .panel .customer-page__updates {
      width: 100%; } }
  @media screen and (max-width: 500px) {
    .panel .customer-page__updates {
      margin-bottom: 0.75rem;
      padding: 0.75rem; }
      .panel .customer-page__updates.empty {
        height: 120px; } }
  .panel .customer-page__updates .updates__header {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #404040;
    margin-bottom: 12px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__updates .updates__header {
        margin-bottom: 0.75rem; } }
  .panel .customer-page__updates .updates__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-page__updates .updates__content .btn-outline {
      padding: 6px 12px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__updates .updates__content {
        -ms-flex-align: start;
            align-items: flex-start; } }
  .panel .customer-page__updates .updates__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .panel .customer-page__updates .updates__image {
    width: 64px;
    height: 64px;
    margin-right: 0.5rem; }
    .panel .customer-page__updates .updates__image img {
      border-radius: 4px; }
  .panel .customer-page__updates .updates__info .order-date {
    color: #8c8c8c;
    font-size: 11px;
    line-height: 1.125rem;
    font-weight: 400; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__updates .updates__info .order-date {
        font-size: 0.75rem;
        line-height: 1.125rem; } }
  .panel .customer-page__updates .updates__info .order-amount {
    color: #404040;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 4px; }

.panel .customer-page__bottom {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }
  .panel .customer-page__bottom .dashboard-main-header {
    color: #404040;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2.125rem;
    margin-bottom: 1rem;
    padding: 0 10px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__bottom .dashboard-main-header {
        padding: 0;
        font-size: 1.1rem;
        list-style: 1.75rem; } }
  .panel .customer-page__bottom .dashboard-main-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 20px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__bottom .dashboard-main-content {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; } }
  .panel .customer-page__bottom .dashboard-column {
    -ms-flex: 1;
        flex: 1;
    margin: 0; }
    .panel .customer-page__bottom .dashboard-column:nth-of-type(1) {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
      gap: 20px; }
    @media screen and (max-width: 768px) {
      .panel .customer-page__bottom .dashboard-column:nth-of-type(1) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
      .panel .customer-page__bottom .dashboard-column.notification {
        -ms-flex: 2;
            flex: 2; } }
    @media screen and (max-width: 500px) {
      .panel .customer-page__bottom .dashboard-column {
        width: 100%;
        margin: 0; } }
  .panel .customer-page__bottom .dashboard-column-item {
    -ms-flex: 1;
        flex: 1; }
    .panel .customer-page__bottom .dashboard-column-item:first-child .dashboard-page-item {
      margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .panel .customer-page__bottom .dashboard-column-item {
        width: 100%; } }
  .panel .customer-page__bottom .dashboard-item {
    margin-bottom: 20px; }
  .panel .customer-page__bottom .dashboard-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .panel .customer-page__bottom .dashboard-header {
    color: #666666;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-page__bottom .dashboard-header svg {
      width: 16px;
      height: 16px;
      fill: #666666;
      margin-right: 2px; }
      .panel .customer-page__bottom .dashboard-header svg path {
        fill: #666666; }
  .panel .customer-page__bottom .dashboard-header-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
  .panel .customer-page__bottom .dashboard-header-btn {
    color: #2f6279;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400; }
  .panel .customer-page__bottom .dashboard-page-item {
    padding: 16px 18px;
    margin-top: 0.5rem;
    background-color: #ffffff;
    border-radius: 8px;
    color: #404040;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-page__bottom .dashboard-page-item svg {
      width: 14px;
      height: 14px; }
    .panel .customer-page__bottom .dashboard-page-item svg, .panel .customer-page__bottom .dashboard-page-item path {
      fill: #404040; }
  .panel .customer-page__bottom .dashboard-box {
    background: #ffffff;
    padding: 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #404040;
    line-height: 1.25rem;
    display: block;
    width: 100%;
    margin-top: 8px; }
  .panel .customer-page__bottom .dashboard-info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .panel .customer-page__bottom .dashboard-info__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .panel .customer-page__bottom .dashboard-info__dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #c74250;
      margin-right: 8px; }
    .panel .customer-page__bottom .dashboard-info__title {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
    .panel .customer-page__bottom .dashboard-info__content {
      color: #666666;
      font-size: 12px;
      line-height: 18px;
      margin-top: 8px; }
    .panel .customer-page__bottom .dashboard-info__date {
      font-size: 12px;
      max-width: 100px;
      color: #999999;
      line-height: 18px; }
  .panel .customer-page__bottom .dashboard__empty {
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.43;
    padding: 24px 12px;
    background-color: #fafafa;
    border: 0.5px solid #dbdbdb;
    border-radius: 8px;
    margin-top: 8px; }
  .panel .customer-page__bottom .dashboard-list-item-bottom {
    text-align: center; }
  .panel .customer-page__bottom .line-entrance-web-div {
    cursor: pointer;
    min-width: 240px; }
    @media screen and (max-width: 500px) {
      .panel .customer-page__bottom .line-entrance-web-div {
        display: none; } }

.panel .storeconsumption-page .pos-order-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  width: 100%; }
  .panel .storeconsumption-page .pos-order-list [v-cloak] {
    display: none; }

.panel .storeconsumption-page .pos-order-card {
  margin-bottom: 16px;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden; }
  .panel .storeconsumption-page .pos-order-card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0; }
  .panel .storeconsumption-page .pos-order-card__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 4px; }
  .panel .storeconsumption-page .pos-order-card__number {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #404040;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
  .panel .storeconsumption-page .pos-order-card__label {
    font-weight: 500; }
  .panel .storeconsumption-page .pos-order-card__value {
    font-weight: 500; }
  .panel .storeconsumption-page .pos-order-card__date {
    font-size: 11px;
    line-height: 16px;
    color: #404040; }
  .panel .storeconsumption-page .pos-order-card__amount {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #2f6279;
    white-space: nowrap; }
  .panel .storeconsumption-page .pos-order-card__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 12px;
    gap: 8px; }
  .panel .storeconsumption-page .pos-order-card__product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 8px;
    -ms-flex: 1;
        flex: 1;
    min-width: 0; }
  .panel .storeconsumption-page .pos-order-card__product-img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .panel .storeconsumption-page .pos-order-card__product-img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .panel .storeconsumption-page .pos-order-card__product-info {
    -ms-flex: 1;
        flex: 1;
    min-width: 0; }
  .panel .storeconsumption-page .pos-order-card__product-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px; }
  .panel .storeconsumption-page .pos-order-card__product-qty {
    font-size: 11px;
    line-height: 16px;
    color: #8c8c8c;
    margin-bottom: 0; }
  .panel .storeconsumption-page .pos-order-card__actions {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .panel .storeconsumption-page .pos-order-card__actions .btn-outline {
      border: 1px solid #d9d9d9;
      background: #ffffff;
      color: #404040;
      font-size: 14px;
      line-height: 20px;
      padding: 6px 12px;
      border-radius: 4px; }
      .panel .storeconsumption-page .pos-order-card__actions .btn-outline:hover {
        border-color: #2f6279;
        color: #2f6279; }
  .panel .storeconsumption-page .pos-order-card--loading, .panel .storeconsumption-page .pos-order-card.loading {
    background: #f5f5f5; }
    .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-line, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-line {
      height: 14px;
      background: #e8e8e8;
      border-radius: 4px;
      margin-bottom: 8px; }
      .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-line.w-25, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-line.w-25 {
        width: 25%; }
      .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-line.w-50, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-line.w-50 {
        width: 50%; }
      .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-line.w-75, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-line.w-75 {
        width: 75%; }
    .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-img, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-img {
      width: 40px;
      height: 40px;
      background: #e8e8e8;
      border-radius: 4px;
      margin-right: 8px; }
    .panel .storeconsumption-page .pos-order-card--loading .pos-order-card__skeleton-btn, .panel .storeconsumption-page .pos-order-card.loading .pos-order-card__skeleton-btn {
      width: 80px;
      height: 40px;
      background: #e8e8e8;
      border-radius: 4px; }

.panel .storeconsumption-page .pos-order-item__empty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  margin-top: 24px; }
  .panel .storeconsumption-page .pos-order-item__empty .img-empty {
    width: 120px;
    height: auto;
    mix-blend-mode: luminosity; }
  .panel .storeconsumption-page .pos-order-item__empty-title {
    font-family: "PingFang TC";
    font-size: 15px;
    line-height: 20px; }
  .panel .storeconsumption-page .pos-order-item__empty-btn {
    width: 250px;
    height: 44px;
    padding: 14px 24px; }
    @media screen and (max-width: 500px) {
      .panel .storeconsumption-page .pos-order-item__empty-btn {
        width: 200px; } }

.panel .storeconsumption-page .pos-detail-modal .modal-content {
  border-radius: 8px;
  border: none;
  overflow: hidden; }

.panel .storeconsumption-page .pos-detail-modal__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0; }

.panel .storeconsumption-page .pos-detail-modal__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #404040; }

.panel .storeconsumption-page .pos-detail-modal__close {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .panel .storeconsumption-page .pos-detail-modal__close svg {
    width: 16px;
    height: 16px; }

.panel .storeconsumption-page .pos-detail-modal__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  padding: 16px; }

.panel .storeconsumption-page .pos-detail-modal__store {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #404040; }
  .panel .storeconsumption-page .pos-detail-modal__store svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px; }

.panel .storeconsumption-page .pos-detail-modal__product-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 16px; }

.panel .storeconsumption-page .pos-detail-modal__product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px; }

.panel .storeconsumption-page .pos-detail-modal__product-img {
  width: 66px;
  height: 66px;
  border-radius: 4px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #e8e8e8; }
  .panel .storeconsumption-page .pos-detail-modal__product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.panel .storeconsumption-page .pos-detail-modal__product-info {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px; }

.panel .storeconsumption-page .pos-detail-modal__product-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #404040;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; }

.panel .storeconsumption-page .pos-detail-modal__product-qty {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #8c8c8c;
  margin-bottom: 0; }

.panel .dp-page .record-container {
  margin: 1rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.panel .dp-page .record-item-current {
  width: 70%;
  padding: 1.5rem 1.125rem;
  border-radius: 16px;
  box-shadow: 6px 6px 5px 0px rgba(86, 145, 171, 0.04), 4px 12px 24px 0px rgba(75, 146, 177, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .panel .dp-page .record-item-current .current-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #666666; }
  .panel .dp-page .record-item-current .current-value {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #2f6279;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .panel .dp-page .record-item-current .current-value .icon {
      width: 1rem;
      height: 1rem;
      margin-right: 0.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 50rem;
      background-color: #eaeff2; }
      .panel .dp-page .record-item-current .current-value .icon svg {
        width: 12px;
        height: 12px;
        fill: #2f6279; }
        .panel .dp-page .record-item-current .current-value .icon svg path {
          fill: #2f6279; }

.panel .dp-page .record-item-used {
  width: 28%;
  padding: 1.5rem 1.125rem;
  background-color: #fafafa;
  border-radius: 16px;
  border: 0.5px solid #82a1af;
  box-shadow: 1px 1px 8px 0px rgba(47, 98, 121, 0.04), 1px 1px 4px 0px rgba(47, 98, 121, 0.02);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .panel .dp-page .record-item-used .used-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #666666; }
  .panel .dp-page .record-item-used .used-value {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #ad5151; }

@media screen and (max-width: 768px) {
  .panel .dp-page .record-container {
    -ms-flex-direction: column;
        flex-direction: column; }
  .panel .dp-page .record-item-current {
    width: 100%;
    margin-bottom: 0.75rem; }
  .panel .dp-page .record-item-used {
    width: 100%; } }

.panel .dp-page .dashboard-list-item .amount {
  padding: 0; }

.panel .gc-page .dashboard-list-item.custom-content:hover {
  background: none; }

.panel .gc-page .dashboard-list-item.custom-content label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #666666; }

.panel .gc-page .dashboard-list-item.custom-content .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 450px; }
  @media screen and (max-width: 580px) {
    .panel .gc-page .dashboard-list-item.custom-content .form-group {
      width: 100%; } }
  .panel .gc-page .dashboard-list-item.custom-content .form-group .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 1px 0 0 0.5rem;
    min-width: 84px; }
  .panel .gc-page .dashboard-list-item.custom-content .form-group .invalid-feedback {
    color: #ad5151; }

.panel .gc-page .dashboard-list-item.custom-content input[type="text"] {
  min-width: 358px;
  padding: 10px 1rem;
  max-width: 100%; }
  @media screen and (max-width: 500px) {
    .panel .gc-page .dashboard-list-item.custom-content input[type="text"] {
      min-width: 229px;
      max-width: calc(100% - 84px);
      width: 100%; } }

.panel .gc-page .dashboard-list-item .amount {
  padding: 0; }

.panel .gc-page .gift-card-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1rem; }

.panel .gc-page .gift-card-item {
  width: calc(359px + 20px); }
  .panel .gc-page .gift-card-item .gift-card {
    padding: 1.125rem 1.375rem;
    width: 359px;
    height: 186px;
    position: relative;
    margin-right: 20px;
    border-radius: 16px;
    background: linear-gradient(157deg, #1D7299 0%, #13729D 9.74%, #367C9B 41.18%, #46819B 71.7%, #477C95 100%);
    overflow: hidden; }
    .panel .gc-page .gift-card-item .gift-card .image {
      width: 167px;
      height: 167px;
      position: absolute;
      bottom: -77px;
      transform: rotate(-7deg); }
    .panel .gc-page .gift-card-item .gift-card .amount {
      color: #ffffff;
      font-size: 1.75rem;
      font-weight: 500;
      line-height: 2.5rem; }
    .panel .gc-page .gift-card-item .gift-card .title {
      color: #c1d0d7;
      font-size: 0.75rem;
      line-height: 1.125rem; }
    .panel .gc-page .gift-card-item .gift-card .icon {
      position: absolute;
      top: 22px;
      right: 22px; }
    .panel .gc-page .gift-card-item .gift-card .note {
      position: absolute;
      bottom: 18px;
      right: 22px;
      color: #c1d0d7;
      font-size: 0.75rem;
      line-height: 1.125rem; }

.panel .gc-page .gift-card-content {
  width: calc(100% - 359px - 20px);
  height: 186px;
  overflow-y: scroll;
  background-color: #fafafa;
  border: 0.5px solid #82a1af;
  box-shadow: 1px 1px 8px 0px rgba(47, 98, 121, 0.04), 1px 1px 4px 0px rgba(47, 98, 121, 0.02);
  padding: 1rem;
  border-radius: 16px;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .panel .gc-page .gift-card-content::-webkit-scrollbar {
    display: none; }
  .panel .gc-page .gift-card-content .header {
    font-size: 1rem;
    color: #404040;
    line-height: 1.375rem;
    font-weight: 700;
    margin-bottom: 0.75rem; }
  .panel .gc-page .gift-card-content .body {
    font-size: 0.875rem;
    color: #868686;
    line-height: 1.25rem;
    margin-bottom: 1.25rem; }
    .panel .gc-page .gift-card-content .body .bold {
      font-weight: 700;
      color: #5e5e5e; }
  .panel .gc-page .gift-card-content .content-footer {
    font-size: 0.875rem;
    color: #868686;
    line-height: 1.25rem; }
    .panel .gc-page .gift-card-content .content-footer a {
      color: #2f6279;
      text-decoration: underline; }

@media screen and (max-width: 768px) {
  .panel .gc-page .gift-card-container {
    -ms-flex-direction: column;
        flex-direction: column; }
  .panel .gc-page .gift-card-item {
    width: 100%;
    margin-bottom: 1rem; }
    .panel .gc-page .gift-card-item .gift-card {
      width: 345px;
      margin-right: 0px; }
      .panel .gc-page .gift-card-item .gift-card .amount {
        font-size: 1.5rem;
        line-height: 2.125rem; }
  .panel .gc-page .gift-card-content {
    width: 100%; } }

@media screen and (max-width: 580px) {
  .panel .gc-page .gift-card-item {
    width: 100%;
    margin-bottom: 1rem; }
    .panel .gc-page .gift-card-item .gift-card {
      width: 100%;
      margin-right: 0px; }
  .panel .gc-page .gift-card-content {
    height: 100%; } }

@media screen and (max-width: 500px) {
  .panel .voucher-page #type-tab .nav-item {
    width: 50%; } }

.panel .voucher-page #voucher-status-tab {
  margin-top: 1rem; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page #voucher-status-tab .nav-item.IN_STORE {
      width: 33%; }
    .panel .voucher-page #voucher-status-tab .nav-item.ONLINE {
      width: 50%; } }

.panel .voucher-page .dashboard-list-box {
  padding: 1.5rem 1.125rem; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .dashboard-list-box {
      padding: 1rem 0.75rem; } }

.panel .voucher-page .voucher-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  margin-bottom: 1.5rem;
  position: relative; }
  .panel .voucher-page .voucher-item.USED .voucher-image::before, .panel .voucher-page .voucher-item.EXPIRED .voucher-image::before {
    content: '\5DF2\4F7F\7528';
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    width: 102px;
    height: 102px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #f0f0f0;
    font-size: 1rem;
    font-weight: 700; }
  .panel .voucher-page .voucher-item.EXPIRED .voucher-image::before {
    content: '\5DF2\904E\671F'; }
  .panel .voucher-page .voucher-item .vip-tag {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #b68e55;
    padding: 2px 0.5rem;
    border-radius: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-item {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: end;
          align-items: flex-end;
      margin-bottom: 1.75rem; }
      .panel .voucher-page .voucher-item.USED .voucher-image::before, .panel .voucher-page .voucher-item.EXPIRED .voucher-image::before {
        width: 80px;
        height: 80px;
        font-size: 0.875rem; } }

.panel .voucher-page .voucher-content__container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative; }

.panel .voucher-page .voucher-image {
  margin-right: 1.25rem;
  width: 102px;
  height: 102px;
  border-radius: 12px;
  background-color: #f0f0f0; }
  .panel .voucher-page .voucher-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-image {
      margin-right: 0.75rem;
      width: 80px;
      height: 80px; } }
  .panel .voucher-page .voucher-image.no-image {
    background-color: #2f6279;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .panel .voucher-page .voucher-image.no-image.vip {
      background: linear-gradient(157deg, #000 0%, #070F12 19.75%, #1A3642 59.6%, #2F6279 100%); }
    .panel .voucher-page .voucher-image.no-image img {
      width: 56px;
      height: auto;
      border-radius: 0; }
    @media screen and (max-width: 500px) {
      .panel .voucher-page .voucher-image.no-image img {
        width: 42px; } }
  .panel .voucher-page .voucher-image.coupon {
    overflow: hidden;
    position: relative; }
    .panel .voucher-page .voucher-image.coupon .coupon-text {
      color: #ffffff;
      position: absolute;
      z-index: 5;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 2.125rem; }
    .panel .voucher-page .voucher-image.coupon .coupon-subtext {
      font-size: 0.875rem;
      line-height: 1.25rem; }

.panel .voucher-page .voucher-content {
  width: calc(100% - 102px - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-content {
      width: calc(100% - 80px - 12px);
      -ms-flex-direction: column;
          flex-direction: column; } }

.panel .voucher-page .voucher-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #404040; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-title {
      font-size: 0.875rem;
      line-height: 1.25rem; } }

.panel .voucher-page .voucher-date {
  color: #999999;
  font-size: 0.875rem; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-date {
      font-size: 0.75rem;
      line-height: 1.125rem; } }

.panel .voucher-page .voucher-btns {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page .voucher-btns {
      margin-top: 0.5rem;
      position: relative;
      top: unset;
      transform: unset; } }

@media screen and (max-width: 500px) {
  .panel .voucher-page.detail .breadcrumb-header {
    margin-bottom: 0; } }

.panel .voucher-page.detail .content-item__header {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: 0.5rem; }

.panel .voucher-page.detail .content-item__content {
  color: #404040;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; }

.panel .voucher-page.detail .content-item.loading {
  border-radius: 4px;
  background-color: #f0f0f0;
  padding: 0.25rem;
  margin: 1rem 0 0.5rem; }
  .panel .voucher-page.detail .content-item.loading::before {
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    background-position: -400px 0;
    background-repeat: no-repeat;
    animation: m 1.5s infinite;
    top: 0;
    left: 0; }

.panel .voucher-page.detail .voucher-item.loading::before {
  width: 100%;
  position: absolute;
  content: '';
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
  background-position: -400px 0;
  background-repeat: no-repeat;
  animation: m 1.5s infinite;
  top: 0;
  left: 0; }

.panel .voucher-page.detail .voucher-item.loading .voucher-item::before {
  width: 100%;
  position: absolute;
  content: '';
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
  background-position: -400px 0;
  background-repeat: no-repeat;
  animation: m 1.5s infinite;
  top: 0;
  left: 0; }

.panel .voucher-page.detail .voucher-item.loading .voucher-content {
  border-radius: 4px;
  background-color: #d9d9d9;
  margin-bottom: 0.5rem;
  padding: 0.5rem; }

.panel .voucher-page #voucher-modal .modal-content {
  max-width: 376px; }
  @media screen and (max-width: 500px) {
    .panel .voucher-page #voucher-modal .modal-content {
      max-width: 343px; } }

.panel .voucher-page #voucher-modal .modal-body p {
  word-wrap: break-word; }

.panel-account {
  color: #45566E; }
  .panel-account label {
    color: #999999;
    font-size: .75rem; }
  .panel-account p {
    color: #404040;
    font-size: 0.875rem; }
  .panel-account h5 {
    font-size: 1.1375rem; }
  .panel-account .breadcrumb-item.active {
    font-size: inherit; }
  .panel-account .account-index-news-list {
    list-style: none; }
    .panel-account .account-index-news-list li {
      list-style: none;
      display: inline-block; }
      .panel-account .account-index-news-list li a {
        color: #45566E;
        font-size: 0.875rem;
        border-bottom: 2px solid #dee4e6;
        display: block; }
        .panel-account .account-index-news-list li a:hover, .panel-account .account-index-news-list li a:focus {
          text-decoration: none; }
        .panel-account .account-index-news-list li a .news-date {
          font-size: 0.7875rem; }
  .panel-account .account-info .card-title {
    font-size: 0.875rem; }
  .panel-account .account-info .account-info-body .card-title {
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis; }
  .panel-account .account-info .card-text {
    color: #45566E;
    font-weight: normal; }
    .panel-account .account-info .card-text a {
      color: #45566E; }
      .panel-account .account-info .card-text a:hover, .panel-account .account-info .card-text a:focus {
        text-decoration: none; }
  .panel-account .account-notification .accordion .card {
    letter-spacing: 1px;
    border: none; }
    .panel-account .account-notification .accordion .card .card-header {
      color: #45566E;
      border: none;
      background: #ffffff; }
      .panel-account .account-notification .accordion .card .card-header h5 {
        font-size: 0.875rem; }
      .panel-account .account-notification .accordion .card .card-header a {
        color: #45566E; }
        .panel-account .account-notification .accordion .card .card-header a:hover, .panel-account .account-notification .accordion .card .card-header a:focus {
          text-decoration: none; }
    .panel-account .account-notification .accordion .card .card-body {
      background: #fafafa; }
      .panel-account .account-notification .accordion .card .card-body .event-link {
        color: #6BACAB;
        text-decoration: underline; }
    .panel-account .account-notification .accordion .card .title-category {
      font-weight: bold; }
  .panel-account .account-notification .accordion.visited .card .card-header {
    background: #f2f3f4; }
  .panel-account #refund-record-modal .modal-content {
    min-height: 240px;
    max-height: 80vh; }
  .panel-account #refund-record-modal .modal-header {
    border: none;
    padding: 0; }
  .panel-account #refund-record-modal .modal-title {
    border-bottom: 1px solid #F0F0F0;
    margin: 0 16px;
    padding: 12px 0;
    width: 100%;
    font-size: 1.25rem;
    font-weight: bold;
    color: #404040; }
  .panel-account #refund-record-modal .modal-body {
    padding: 16px;
    overflow-y: scroll; }
  .panel-account #refund-record-modal .modal-footer {
    padding: 12px 16px; }
    .panel-account #refund-record-modal .modal-footer .btn {
      width: 120px;
      height: 32px;
      border: 0.5px solid #dbdbdb;
      background: #FFF;
      color: #404040;
      font-size: 14px;
      line-height: 20px;
      padding: 6px 12px; }
  .panel-account #refund-record-modal .order-item {
    padding: 10px 0;
    margin-bottom: 0; }
    .panel-account #refund-record-modal .order-item .order-subitem img {
      width: 64px; }
    .panel-account #refund-record-modal .order-item .order-subitem__date {
      font-size: 12px;
      font-weight: 400;
      line-height: 18px; }
    .panel-account #refund-record-modal .order-item .order-subitem__amount {
      color: #404040;
      font-weight: 500;
      line-height: 20px; }
    .panel-account #refund-record-modal .order-item .order-subitem .order-qty {
      color: #8C8C8C;
      font-size: 12px;
      line-height: 18px; }
  @media screen and (max-width: 575px) {
    .panel-account #refund-record-modal .order-subitem {
      -ms-flex-direction: row;
          flex-direction: row; }
      .panel-account #refund-record-modal .order-subitem__btns {
        width: unset; } }
  @media (min-width: 0) and (max-width: 576px) {
    .panel-account .account-order #collapse-product .row {
      margin-left: -7px;
      margin-right: -7px; }
    .panel-account .account-order #collapse-product .row > .col,
    .panel-account .account-order #collapse-product .row > [class*="col-"] {
      padding-right: 7px;
      padding-left: 7px; } }
  .panel-account .account-order .text-danger-color {
    color: #ad5151 !important; }
  .panel-account .account-order .back-to-list {
    color: #525252;
    margin-top: 0.75rem; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order .back-to-list {
        margin-top: 0.75rem; } }
  .panel-account .account-order .contact-btn {
    padding: 15px 16px;
    width: 148px;
    background: #2f6279;
    color: #fff;
    cursor: pointer; }
  .panel-account .account-order .header {
    position: relative; }
    .panel-account .account-order .header h2 {
      font-size: 24px;
      color: #666666; }
    .panel-account .account-order .header button {
      border: 1px solid #dbdbdb;
      background: #fff;
      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
      border-radius: 4px;
      cursor: pointer; }
    .panel-account .account-order .header .breadcrumb-item a {
      color: #666666; }
  .panel-account .account-order .order-note p {
    color: #666666;
    font-size: 14px;
    font-weight: 500; }
  .panel-account .account-order .title {
    font-size: 20px;
    font-weight: 700;
    color: #404040; }
  .panel-account .account-order .product-title {
    font-size: 16px;
    font-weight: 500;
    color: #404040; }
  .panel-account .account-order .fa-angle-up {
    font-size: 24px;
    color: #404040; }
  .panel-account .account-order .cancel-btn-groups button {
    background: #fff;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    color: #404040;
    padding: 10px 16px;
    min-width: 98px; }
    .panel-account .account-order .cancel-btn-groups button.primary {
      background: #2f6279;
      color: #ffffff; }
  @media screen and (max-width: 575px) {
    .panel-account .account-order .cancel-btn-groups button {
      font-size: 14px;
      font-weight: 400;
      min-width: 88px; } }
  .panel-account .account-order .collapse-trigger .collapse-arrow {
    transform: rotate(180deg); }
  .panel-account .account-order .collapse-trigger.collapsed .fa-angle-up {
    transform: rotate(180deg); }
  .panel-account .account-order .collapse-trigger.collapsed .collapse-arrow {
    transform: rotate(0deg); }
  .panel-account .account-order .copy-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer; }
    .panel-account .account-order .copy-button > svg {
      margin-left: .25rem; }
    .panel-account .account-order .copy-button > span {
      text-decoration: underline; }
    .panel-account .account-order .copy-button > i {
      display: inline-block;
      padding-left: 6px;
      color: #999999;
      font-size: 12px; }
    .panel-account .account-order .copy-button .copied-tooltip {
      display: none;
      position: absolute;
      top: -30px;
      left: 0px;
      padding: 8px;
      width: 128px;
      z-index: 10;
      background: #F5F7F8;
      color: #2f6279;
      font-size: 12px;
      font-weight: 500;
      border-radius: 4px;
      text-align: center; }
      .panel-account .account-order .copy-button .copied-tooltip i {
        margin-right: 3px;
        color: #2f6279;
        font-size: 16px; }
  .panel-account .account-order_info {
    color: #666666; }
    .panel-account .account-order_info h6 {
      font-size: 14px;
      font-weight: 500; }
    .panel-account .account-order_info .title {
      font-weight: 700;
      font-size: 20px;
      color: #404040; }
    .panel-account .account-order_info .status .note {
      font-weight: 500;
      font-size: 14px; }
    .panel-account .account-order_info .account {
      color: #404040;
      font-size: 14px;
      font-weight: 700; }
      .panel-account .account-order_info .account span {
        text-decoration: underline; }
  .panel-account .account-order_order-products {
    color: #404040;
    background: #FFF; }
    .panel-account .account-order_order-products ul {
      list-style-type: none; }
    .panel-account .account-order_order-products h6.subtitle {
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 16px;
      padding: 8px 16px;
      font-size: 14px;
      font-weight: 500; }
    .panel-account .account-order_order-products .order-isMultiPackageShipment {
      display: -ms-flexbox;
      display: flex;
      padding: 10px 16px;
      -ms-flex-align: center;
          align-items: center;
      gap: 8px;
      background: #F0F0F0; }
      .panel-account .account-order_order-products .order-isMultiPackageShipment svg {
        width: 18px; }
    .panel-account .account-order_order-products .order-product {
      padding-top: 16px;
      padding-bottom: 20px; }
      .panel-account .account-order_order-products .order-product + .order-product {
        border-top: 1px solid #f0f0f0; }
    .panel-account .account-order_order-products .product-row {
      display: -ms-flexbox;
      display: flex;
      margin-left: -15px; }
      .panel-account .account-order_order-products .product-row .pic {
        margin-left: 16px;
        width: 62px; }
        .panel-account .account-order_order-products .product-row .pic.main {
          margin-left: 0;
          width: 78px; }
      .panel-account .account-order_order-products .product-row .txt {
        margin-left: 8px;
        width: calc(100% - 86px); }
        .panel-account .account-order_order-products .product-row .txt.main {
          margin-left: 16px;
          width: calc(100% - 94px); }
      .panel-account .account-order_order-products .product-row .cant-return-product {
        padding: .25rem;
        background: rgba(47, 98, 121, 0.1);
        color: #2f6279;
        font-size: .75rem;
        font-weight: 500;
        border-radius: .25rem; }
      .panel-account .account-order_order-products .product-row .estimated-ship-date-info {
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: justify;
        margin-top: 8px; }
        .panel-account .account-order_order-products .product-row .estimated-ship-date-info.red {
          color: #ad5151;
          background: rgba(173, 81, 81, 0.1); }
        .panel-account .account-order_order-products .product-row .estimated-ship-date-info.default {
          color: #2f6279;
          background: rgba(47, 98, 121, 0.1); }
    .panel-account .account-order_order-products .spec {
      font-size: 12px;
      color: #8C8C8C; }
    .panel-account .account-order_order-products .qty {
      font-size: 12px;
      color: #8C8C8C; }
    .panel-account .account-order_order-products .total {
      font-size: 14px;
      font-weight: 700;
      color: #404040; }
    .panel-account .account-order_order-products .gift-title {
      font-size: 14px;
      color: #404040;
      line-height: 1; }
      .panel-account .account-order_order-products .gift-title + span {
        line-height: 1;
        color: #ad5151;
        font-weight: 500; }
    .panel-account .account-order_order-products .gift-name {
      font-size: 14px;
      color: #666666;
      line-height: 1; }
      .panel-account .account-order_order-products .gift-name + p {
        font-size: 14px;
        font-weight: 700;
        color: #404040;
        line-height: 1; }
    .panel-account .account-order_order-products .return-btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-size: 0; }
      .panel-account .account-order_order-products .return-btn > a {
        display: inline-block;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        color: #404040; }
    .panel-account .account-order_order-products .pre-order span + span {
      font-weight: 500; }
    .panel-account .account-order_order-products .promo-list {
      margin-top: 1rem;
      border-radius: 4px;
      overflow: hidden; }
      .panel-account .account-order_order-products .promo-list * {
        color: #2f6279;
        font-weight: 500; }
      .panel-account .account-order_order-products .promo-list button.see-more-btn {
        border-top: 1px solid #D5DFE4;
        margin-top: 2px;
        padding: 4px 0px 2px 0px; }
        .panel-account .account-order_order-products .promo-list button.see-more-btn span {
          font-size: .6rem;
          padding-right: .8rem;
          display: inline-block; }
          .panel-account .account-order_order-products .promo-list button.see-more-btn span::after, .panel-account .account-order_order-products .promo-list button.see-more-btn span::before {
            width: 6px; }
          .panel-account .account-order_order-products .promo-list button.see-more-btn span::before {
            right: -4px; }
      .panel-account .account-order_order-products .promo-list .promo-list-header {
        background: linear-gradient(0deg, rgba(47, 98, 121, 0.1), rgba(47, 98, 121, 0.1)), #FFFFFF; }
        .panel-account .account-order_order-products .promo-list .promo-list-header h6 {
          font-size: 14px;
          font-weight: 500; }
        .panel-account .account-order_order-products .promo-list .promo-list-header span {
          color: #AD5151; }
      .panel-account .account-order_order-products .promo-list .promo-list-content {
        background: linear-gradient(0deg, rgba(47, 98, 121, 0.05), rgba(47, 98, 121, 0.05)), #FFFFFF;
        font-size: 12px;
        letter-spacing: 1px; }
        .panel-account .account-order_order-products .promo-list .promo-list-content ul {
          min-height: 20px;
          max-height: 40px;
          overflow: hidden; }
          .panel-account .account-order_order-products .promo-list .promo-list-content ul.open {
            height: 100%;
            max-height: 100%; }
        .panel-account .account-order_order-products .promo-list .promo-list-content li {
          padding: 1px 0; }
      @media screen and (max-width: 575px) {
        .panel-account .account-order_order-products .promo-list {
          margin-top: .5rem; } }
    .panel-account .account-order_order-products .product-status-steps {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: 16px; }
      .panel-account .account-order_order-products .product-status-steps .shipment-list {
        padding-right: 1.5rem; }
        .panel-account .account-order_order-products .product-status-steps .shipment-list ol {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: start;
              align-items: flex-start;
          margin-left: 16px;
          gap: 24px; }
          .panel-account .account-order_order-products .product-status-steps .shipment-list ol li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            color: #bfbfbf; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li .step-info {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li .line {
              background: #dbdbdb;
              border: 2px solid #dbdbdb;
              width: 72px;
              margin-bottom: 4px; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li i {
              font-size: 18px; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li span.status {
              font-weight: 500; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li span.time {
              font-size: 12px;
              margin-top: 2px;
              color: #666; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li.step-line {
              margin: 0 5px;
              width: 6%;
              height: 1px;
              background: #dbdbdb; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol li.active {
              color: #2f6279; }
              .panel-account .account-order_order-products .product-status-steps .shipment-list ol li.active .line {
                background: #2f6279;
                border: 2px solid #2f6279; }
      .panel-account .account-order_order-products .product-status-steps .ship-status {
        background: none;
        border: none;
        text-decoration: underline;
        color: #404040;
        cursor: pointer; }
      @media screen and (max-width: 575px) {
        .panel-account .account-order_order-products .product-status-steps {
          border-radius: 4px 4px 0 0;
          margin-left: 0;
          gap: 7px;
          padding: 0 5px; }
          .panel-account .account-order_order-products .product-status-steps .shipment-list {
            padding-right: 0; }
            .panel-account .account-order_order-products .product-status-steps .shipment-list ol {
              padding: 0.5rem 0;
              margin: 0 10px;
              gap: 12px; }
              .panel-account .account-order_order-products .product-status-steps .shipment-list ol li .line {
                width: 68px; } }
    .panel-account .account-order_order-products .logistics {
      margin-left: .5rem; }
      .panel-account .account-order_order-products .logistics img {
        display: block;
        width: 100%; }
      .panel-account .account-order_order-products .logistics .logistics-box {
        border-radius: 4px; }
        .panel-account .account-order_order-products .logistics .logistics-box .copy-button > i {
          transform: rotate(90deg);
          position: relative;
          bottom: 6px;
          padding-left: 15px; }
      .panel-account .account-order_order-products .logistics .info .image {
        width: 48px;
        height: 48px; }
      .panel-account .account-order_order-products .logistics .info span.name, .panel-account .account-order_order-products .logistics .info a {
        font-size: 12px;
        color: #666666; }
      .panel-account .account-order_order-products .logistics .logistics-progress a {
        background: #2f6279;
        color: #fff;
        font-size: 12px;
        padding: 2px 0;
        border-radius: 0 0 4px 4px; }
      .panel-account .account-order_order-products .logistics .logistics-progress i {
        display: inline-block;
        padding-left: 4px; }
      .panel-account .account-order_order-products .logistics .logistics-progress svg {
        margin-left: 4px;
        width: 8px; }
        .panel-account .account-order_order-products .logistics .logistics-progress svg path {
          fill: #FFF; }
      @media screen and (max-width: 575px) {
        .panel-account .account-order_order-products .logistics {
          margin-left: 1.25rem; }
          .panel-account .account-order_order-products .logistics .logistics-box {
            border: none; }
          .panel-account .account-order_order-products .logistics .info .image {
            width: 36px;
            height: 36px; } }
    .panel-account .account-order_order-products .sub-item .product-title {
      font-size: 14px; }
  .panel-account .account-order .collapse-price {
    color: #404040; }
    .panel-account .account-order .collapse-price li {
      border-color: #f0f0f0; }
      .panel-account .account-order .collapse-price li > div {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center; }
        .panel-account .account-order .collapse-price li > div + div {
          margin-top: 8px; }
      .panel-account .account-order .collapse-price li.big-space > div + div {
        margin-top: 32px; }
      .panel-account .account-order .collapse-price li.with-line div:not(.line) {
        z-index: 10;
        background: #fff; }
      .panel-account .account-order .collapse-price li.discount-total {
        border-top: none;
        padding-left: 0;
        padding-right: 0; }
        .panel-account .account-order .collapse-price li.discount-total > div {
          padding: 0 1.25rem; }
          .panel-account .account-order .collapse-price li.discount-total > div.discount-total-item {
            padding-top: 2px;
            padding-bottom: 2px;
            background: rgba(47, 98, 121, 0.05); }
    .panel-account .account-order .collapse-price .price {
      font-size: 14px;
      font-weight: 500; }
      .panel-account .account-order .collapse-price .price.red {
        color: #ad5151; }
    .panel-account .account-order .collapse-price .line {
      position: absolute;
      display: block;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 100%;
      height: 0.5px;
      background: #f0f0f0;
      z-index: 1; }
    .panel-account .account-order .collapse-price .note {
      padding: 12px;
      color: #2f6279;
      font-weight: 500;
      font-size: 16px;
      background: rgba(47, 98, 121, 0.05); }
    .panel-account .account-order .collapse-price .discount-total {
      color: #ad5151; }
    .panel-account .account-order .collapse-price .order-sub-total {
      color: #404040;
      font-size: 15px;
      font-weight: 500; }
      .panel-account .account-order .collapse-price .order-sub-total span {
        font-size: 14px; }
  .panel-account .account-order .total-order {
    color: #404040;
    background: rgba(47, 98, 121, 0.1);
    font-size: 15px;
    font-weight: 600;
    border-radius: 0 0 4px 4px; }
    .panel-account .account-order .total-order .price {
      font-size: 20px;
      font-weight: 700; }
  .panel-account .account-order #independent-order-total {
    display: none; }
    .panel-account .account-order #independent-order-total .total-order {
      border: none; }
  .panel-account .account-order .collapse-receiver p.title, .panel-account .account-order .collapse-payment p.title {
    color: #666666;
    font-size: 14px;
    font-weight: 500; }
  .panel-account .account-order .collapse-receiver p.content, .panel-account .account-order .collapse-payment p.content {
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    word-break: break-all; }
  .panel-account .account-order .customer-service-chat {
    padding: 24px 16px;
    border-radius: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 3fr;
        grid-template-columns: 4fr 3fr;
    -ms-grid-rows: 3fr 2fr;
        grid-template-rows: 3fr 2fr;
    gap: 0 16px; }
    .panel-account .account-order .customer-service-chat.mob {
      display: none; }
    .panel-account .account-order .customer-service-chat .contact-title img {
      margin-bottom: 8px; }
    .panel-account .account-order .customer-service-chat .contact-title__text {
      display: inline-block;
      margin-bottom: 8px; }
    .panel-account .account-order .customer-service-chat .contact-title__description {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
    .panel-account .account-order .customer-service-chat .contact-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-grid-row-span: 2;
      -ms-grid-row: 1;
          grid-row: 1 / span 2;
      -ms-grid-column-span: 2;
      -ms-grid-column: 2;
          grid-column: 2 / span 2; }
      .panel-account .account-order .customer-service-chat .contact-btns__item {
        padding: 8px 12px 8px 8px;
        background: #ffffff;
        border-radius: 27px;
        border: 1px solid #f0f0f0;
        margin-bottom: 16px;
        transition: background .3s ease; }
        .panel-account .account-order .customer-service-chat .contact-btns__item:last-child {
          margin-bottom: 0; }
        .panel-account .account-order .customer-service-chat .contact-btns__item img {
          width: 30px;
          height: 30px;
          vertical-align: middle;
          margin-right: 8px; }
        .panel-account .account-order .customer-service-chat .contact-btns__item:hover {
          background: #f5f7f8; }
    .panel-account .account-order .customer-service-chat .contact-time {
      -ms-flex-item-align: end;
          align-self: flex-end; }
      .panel-account .account-order .customer-service-chat .contact-time__title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #666666; }
      .panel-account .account-order .customer-service-chat .contact-time__description {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #2f6279; }
    @media screen and (max-width: 768px) {
      .panel-account .account-order .customer-service-chat {
        padding: 16px;
        -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        -ms-grid-rows: 1fr;
            grid-template-rows: 1fr;
        -ms-grid-column-align: center;
            justify-items: center; }
        .panel-account .account-order .customer-service-chat.web {
          display: none; }
        .panel-account .account-order .customer-service-chat.mob {
          display: -ms-grid;
          display: grid; }
        .panel-account .account-order .customer-service-chat .contact-title {
          text-align: center; }
          .panel-account .account-order .customer-service-chat .contact-title__text {
            margin-bottom: 16px; }
          .panel-account .account-order .customer-service-chat .contact-title__description {
            margin-bottom: 24px; }
        .panel-account .account-order .customer-service-chat .contact-btns {
          -ms-grid-row-span: 2;
          -ms-grid-row: 2;
              grid-row: 2 / span 2;
          -ms-grid-column-span: 1;
          -ms-grid-column: 1;
              grid-column: 1 / span 1;
          -ms-flex-direction: row;
              flex-direction: row;
          gap: 16px; }
          .panel-account .account-order .customer-service-chat .contact-btns__item {
            padding: 12px;
            border-radius: 50rem;
            margin-bottom: 24px; }
            .panel-account .account-order .customer-service-chat .contact-btns__item:last-child {
              margin-bottom: 24px; }
            .panel-account .account-order .customer-service-chat .contact-btns__item img {
              width: 24px;
              height: 24px;
              margin-right: 0; }
            .panel-account .account-order .customer-service-chat .contact-btns__item span {
              display: none; }
        .panel-account .account-order .customer-service-chat .contact-time {
          text-align: center; } }
  .panel-account .account-order__return-btns-row {
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 16px; }
    .panel-account .account-order__return-btns-row .col-9 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .panel-account .account-order__return-btns-row .return-status-text {
      border-radius: 4px;
      background: #f0f0f0;
      color: #666;
      font-size: 12px;
      line-height: 18px;
      padding: 2px 8px;
      width: -moz-max-content;
      width: max-content; }
    .panel-account .account-order__return-btns-row .btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .panel-account .account-order__return-btns-row .btn span {
        font-size: .875rem; }
      .panel-account .account-order__return-btns-row .btn.btn-returned {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        padding: 4px 8px;
        min-width: 70px;
        height: 27px;
        background: #525252;
        color: #FFF; }
        .panel-account .account-order__return-btns-row .btn.btn-returned.top-btn {
          min-width: 114px; }
        .panel-account .account-order__return-btns-row .btn.btn-returned i {
          margin-left: 8px; }
        .panel-account .account-order__return-btns-row .btn.btn-returned .spinner-border {
          border-color: #FFF;
          border-right-color: transparent; }
      .panel-account .account-order__return-btns-row .btn.return {
        border: 1px solid #d9d9d9;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        color: #404040;
        background: #ffffff;
        box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
        padding: 6px 12px; }
        .panel-account .account-order__return-btns-row .btn.return.black {
          background: #999;
          color: #fff; }
      .panel-account .account-order__return-btns-row .btn:disabled {
        opacity: 1;
        color: #bfbfbf;
        background: #f5f5f5;
        cursor: not-allowed !important; }
    .panel-account .account-order__return-btns-row .spinner-border {
      border-color: #404040;
      border-right-color: transparent; }
  .panel-account .account-order .common-return-modal-style button {
    cursor: pointer; }
  .panel-account .account-order .common-return-modal-style h5.modal-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #404040; }
  .panel-account .account-order .common-return-modal-style h6.subtitle {
    margin-bottom: 0;
    padding: 8px 0;
    width: 100%; }
  .panel-account .account-order .common-return-modal-style h6.small-title {
    margin-bottom: .5rem;
    font-size: .75rem;
    color: #666666; }
  .panel-account .account-order .common-return-modal-style .btn:focus {
    box-shadow: none; }
  .panel-account .account-order .common-return-modal-style .modal-content {
    border: 1px solid #dbdbdb; }
  .panel-account .account-order .common-return-modal-style .modal-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; }
    .panel-account .account-order .common-return-modal-style .modal-header .return-modal__sign {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: .25rem 1rem;
      width: 100%;
      background: #eaeff2;
      color: #2f6279;
      font-size: .875rem; }
      .panel-account .account-order .common-return-modal-style .modal-header .return-modal__sign.error {
        color: #ad5151;
        background-color: rgba(173, 81, 81, 0.1); }
    .panel-account .account-order .common-return-modal-style .modal-header .modal-title {
      padding: .75rem 1rem;
      width: 100%; }
  .panel-account .account-order .common-return-modal-style .modal-body {
    padding: 1rem; }
  .panel-account .account-order .common-return-modal-style .modal-footer {
    padding: 1rem; }
    .panel-account .account-order .common-return-modal-style .modal-footer .btn {
      padding: 6px 12px;
      cursor: pointer;
      width: 148px;
      height: 52px; }
    .panel-account .account-order .common-return-modal-style .modal-footer .btn-secondary {
      border: 0.5px solid #dbdbdb;
      background: #FFF;
      color: #404040;
      font-size: 14px;
      line-height: 20px; }
    .panel-account .account-order .common-return-modal-style .modal-footer .btn-primary {
      border: 0.5px solid #2f6279;
      margin-left: 6px;
      background: #2f6279;
      color: #FFF; }
      .panel-account .account-order .common-return-modal-style .modal-footer .btn-primary:disabled {
        opacity: 1;
        color: #f0f0f0;
        background: rgba(47, 98, 121, 0.8);
        box-shadow: 0 0 0 3px rgba(47, 98, 121, 0.25);
        cursor: not-allowed !important; }
    .panel-account .account-order .common-return-modal-style .modal-footer .btn-primary-disabled {
      border: 0.5px solid #dbdbdb;
      background: #bfbfbf;
      color: #f0f0f0;
      cursor: not-allowed; }
  .panel-account .account-order #ship-modal .modal-dialog {
    width: 378px; }
  .panel-account .account-order #ship-modal .modal-body {
    padding: 0; }
    .panel-account .account-order #ship-modal .modal-body .ship-status-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      list-style: none;
      padding: 16px 0;
      margin-top: 8px; }
      .panel-account .account-order #ship-modal .modal-body .ship-status-list .sub-info-item-box {
        width: 90%; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list .sub-info-item-box .sub-info-item:nth-child(2), .panel-account .account-order #ship-modal .modal-body .ship-status-list .sub-info-item-box .sub-info-item:nth-child(3) {
          display: none; }
      .panel-account .account-order #ship-modal .modal-body .ship-status-list li .step-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        gap: 6px;
        color: #bfbfbf; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list li .step-info i::before {
          font-size: 16px;
          color: #dbdbdb; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list li .step-info .status {
          font-size: 14px;
          font-weight: 500;
          line-height: 20px; }
      .panel-account .account-order #ship-modal .modal-body .ship-status-list li.active .step-info {
        color: #2f6279; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list li.active .step-info .status {
          color: #2f6279; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list li.active .step-info i::before {
          color: #2f6279; }
        .panel-account .account-order #ship-modal .modal-body .ship-status-list li.active .step-info circle {
          fill: #2f6279; }
      .panel-account .account-order #ship-modal .modal-body .ship-status-list .step-line {
        width: 80px;
        border: 1px solid #97b1bc;
        position: relative;
        bottom: 12px; }
    .panel-account .account-order #ship-modal .modal-body .ship-detail-list {
      margin: 8px 16px;
      border-radius: 4px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 12px;
      min-height: 76px; }
      .panel-account .account-order #ship-modal .modal-body .ship-detail-list .product-info {
        padding: 12px;
        background: #f5f7f8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 12px;
        border-radius: 4px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .product-info-img {
          width: 36px;
          height: 36px;
          object-fit: cover;
          border-radius: 4px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .product-info-title {
          /* autoprefixer: off */
          -webkit-box-orient: vertical;
          /* autoprefixer: on */
          display: block;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #404040; }
          .panel-account .account-order #ship-modal .modal-body .ship-detail-list .product-info-title p:first-child {
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            margin-bottom: 2px; }
          .panel-account .account-order #ship-modal .modal-body .ship-detail-list .product-info-title p:last-child {
            font-family: "PingFang TC";
            font-size: 12px;
            font-weight: 500;
            line-height: 16px; }
      .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-details {
        padding: 12px;
        background: #f5f7f8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 12px;
        border-radius: 4px; }
      .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail {
        padding-bottom: 12px;
        border-bottom: 1px solid #f0f0f0; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail:last-child {
          padding-bottom: 0;
          border-bottom: none; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .description {
          color: #404040;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
          margin-bottom: 4px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .ship-img {
          width: 20px;
          margin-right: 8px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .ship-name {
          color: #2f6279;
          font-size: 12px;
          font-weight: 400; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .copy-button {
          margin-left: 8px;
          gap: 4px; }
          .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .copy-button .logisticsRef {
            color: #2f6279;
            font-size: 12px;
            font-weight: 400; }
          .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .copy-button .fa-clone {
            transform: rotate(90deg);
            position: relative;
            top: -3px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .trackingUrl-button {
          margin-left: auto;
          border-radius: 4px;
          border: 1px solid #dbdbdb;
          background: #fafafa;
          padding: 6px 12px;
          color: #404040;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px; }
        .panel-account .account-order #ship-modal .modal-body .ship-detail-list .ship-detail .time {
          color: #868686;
          font-size: 12px;
          font-weight: 400;
          line-height: 18px; }
  .panel-account .account-order #ship-modal .modal-footer {
    padding: 12px 16px; }
    .panel-account .account-order #ship-modal .modal-footer button {
      padding: 10px 36px; }
  @media screen and (max-width: 575px) {
    .panel-account .account-order #ship-modal .modal-dialog {
      width: unset; }
    .panel-account .account-order #ship-modal .modal-header .modal-title {
      font-size: 1rem; }
    .panel-account .account-order #ship-modal .modal-footer {
      padding: 12px 16px; }
      .panel-account .account-order #ship-modal .modal-footer button {
        padding: 6px 19px; } }
  .panel-account .account-order #check-return-modal .modal-dialog {
    width: 376px; }
  .panel-account .account-order #check-return-modal .modal-header {
    margin: 12px 16px 0 16px; }
    .panel-account .account-order #check-return-modal .modal-header h5 {
      font-size: 1.25rem;
      font-weight: 700;
      color: #404040;
      padding-bottom: 12px;
      line-height: initial; }
  .panel-account .account-order #check-return-modal .modal-body {
    padding: 1.5rem; }
    .panel-account .account-order #check-return-modal .modal-body .content {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .panel-account .account-order #check-return-modal .modal-footer .btn {
    padding: 10px 16px;
    font-size: 16px;
    min-width: 104px;
    line-height: 22px; }
  @media screen and (max-width: 575px) {
    .panel-account .account-order #check-return-modal .modal-dialog {
      margin: 16px;
      width: unset; }
    .panel-account .account-order #check-return-modal .modal-header h5 {
      font-size: 1rem; }
    .panel-account .account-order #check-return-modal .modal-footer .btn {
      padding: 6px 12px;
      font-size: 14px;
      min-width: 66px;
      line-height: 20px; } }
  .panel-account .account-order #new-return-modal input::-webkit-outer-spin-button,
  .panel-account .account-order #new-return-modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .panel-account .account-order #new-return-modal input[type=number] {
    -moz-appearance: textfield; }
  .panel-account .account-order #new-return-modal label.label-wrapper {
    width: 100%; }
  .panel-account .account-order #new-return-modal .form-control {
    padding: 4px 8px;
    font-size: 14px; }
  .panel-account .account-order #new-return-modal .loading-skeleton {
    position: relative;
    display: none; }
    .panel-account .account-order #new-return-modal .loading-skeleton::before {
      width: 100%;
      position: absolute;
      content: '';
      height: 100%;
      z-index: 1;
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
      background-repeat: no-repeat;
      animation: m 1.5s infinite;
      top: 0;
      left: 0; }
    .panel-account .account-order #new-return-modal .loading-skeleton.show {
      display: block; }
    .panel-account .account-order #new-return-modal .loading-skeleton.gray {
      background: #fafafa; }
      .panel-account .account-order #new-return-modal .loading-skeleton.gray.price-item {
        width: 93px;
        height: 20px;
        background-color: #f0f0f0; }
      .panel-account .account-order #new-return-modal .loading-skeleton.gray .sub-info-item {
        height: 20px;
        background-color: #f0f0f0; }
    .panel-account .account-order #new-return-modal .loading-skeleton.blue {
      background: #E0E7EB; }
    .panel-account .account-order #new-return-modal .loading-skeleton.refund-total-price {
      width: 93px;
      height: 28px;
      background-color: #C1D0D7; }
  .panel-account .account-order #new-return-modal .modal-dialog {
    height: auto;
    max-height: 90vh;
    overflow: hidden; }
  .panel-account .account-order #new-return-modal .modal-content {
    border: 0;
    height: 100%;
    max-height: 80vh;
    border-radius: 4px;
    overflow: hidden; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #new-return-modal .modal-content {
        max-height: 90vh; } }
  .panel-account .account-order #new-return-modal .modal-content-before::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 12; }
  .panel-account .account-order #new-return-modal .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    background: #fff;
    z-index: 10;
    border-radius: 4px 4px 0 0;
    position: relative; }
    .panel-account .account-order #new-return-modal .modal-header .modal-title {
      border-bottom: 1px solid #f0f0f0; }
    .panel-account .account-order #new-return-modal .modal-header .close-return-modal-icon {
      position: absolute;
      right: 16px;
      top: 16px;
      padding: 4px;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex; }
    .panel-account .account-order #new-return-modal .modal-header .return-process-steps {
      padding: 12px 0;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step__num {
          color: #ffffff;
          font-size: 10px;
          font-weight: 500;
          background: #bfbfbf;
          width: 18px;
          height: 18px;
          border-radius: 15px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
        .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step__text {
          font-family: Roboto;
          font-weight: 500;
          line-height: 20px;
          color: #8C8C8C; }
        .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step.active .return-process-step__num {
          background: #2f6279; }
        .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step.active .return-process-step__text {
          color: #2f6279; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #new-return-modal .modal-header .return-process-steps .return-process-step {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
  .panel-account .account-order #new-return-modal .modal-body-wrap {
    padding: 0;
    height: calc(100% - 84px - 85px);
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .panel-account .account-order #new-return-modal .modal-body-wrap::-webkit-scrollbar {
      display: none; }
  .panel-account .account-order #new-return-modal .modal-body {
    padding: 0rem; }
  .panel-account .account-order #new-return-modal .input-group {
    width: 10rem;
    border: 1px solid #f0f0f0;
    border-radius: 6px; }
    .panel-account .account-order #new-return-modal .input-group input[type="number"] {
      border: 0;
      text-align: center; }
      .panel-account .account-order #new-return-modal .input-group input[type="number"]:disabled {
        background-color: #fff; }
    .panel-account .account-order #new-return-modal .input-group-append .btn, .panel-account .account-order #new-return-modal .input-group-prepend .btn {
      height: 100%;
      line-height: 1;
      color: #404040;
      background: #fff;
      font-size: 1rem;
      outline: none; }
      .panel-account .account-order #new-return-modal .input-group-append .btn:focus, .panel-account .account-order #new-return-modal .input-group-prepend .btn:focus {
        border-color: #f0f0f0; }
      .panel-account .account-order #new-return-modal .input-group-append .btn:disabled, .panel-account .account-order #new-return-modal .input-group-prepend .btn:disabled {
        background: #f0f0f0;
        color: #bfbfbf;
        cursor: not-allowed; }
    .panel-account .account-order #new-return-modal .input-group-append .btn {
      border-left: 1px solid #f0f0f0; }
    .panel-account .account-order #new-return-modal .input-group-prepend .btn {
      border-right: 1px solid #f0f0f0; }
  .panel-account .account-order #new-return-modal .modal-footer {
    width: 100%;
    background: #fff;
    z-index: 10;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0 0 4px 4px; }
    .panel-account .account-order #new-return-modal .modal-footer button {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 148px;
      height: 52px; }
  .panel-account .account-order #new-return-modal .return-modal-step-2, .panel-account .account-order #new-return-modal .return-modal-step-3 {
    display: none; }
  .panel-account .account-order #new-return-modal .refund-item-total {
    padding: 0 16px;
    margin-bottom: 8px; }
    .panel-account .account-order #new-return-modal .refund-item-total .title {
      color: #404040;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      cursor: unset; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #new-return-modal .refund-item-total {
        padding: 0 8px; }
        .panel-account .account-order #new-return-modal .refund-item-total h5.title {
          font-size: 14px; } }
  .panel-account .account-order #new-return-modal .info-box {
    padding: 8px 0;
    width: 100%; }
  .panel-account .account-order #new-return-modal .custom-select {
    height: 40px; }
  .panel-account .account-order #new-return-modal .return-modal__date {
    margin-top: 1rem;
    margin-bottom: .25rem;
    padding: 0 1.5rem; }
  .panel-account .account-order #new-return-modal .return-modal__main-item, .panel-account .account-order #new-return-modal .return-modal__other-item {
    padding: 16px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .custom-checkbox-wrapper, .panel-account .account-order #new-return-modal .return-modal__other-item .custom-checkbox-wrapper {
      position: relative;
      margin-right: 10px;
      width: 20px;
      height: 20px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper {
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper h5, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper h5 {
        margin-bottom: .25rem; }
      .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-image, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-image {
        margin-right: 16px; }
        .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-image img, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-image img {
          width: 88px;
          height: auto; }
      .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-info, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-info {
        width: 100%; }
        .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-info .product-title, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-info .product-title {
          margin-bottom: 8px; }
        .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-info .spec, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-info .spec {
          color: #8C8C8C;
          font-size: 12px;
          line-height: 18px; }
        .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-info .status, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-info .status {
          padding: 2px 8px;
          border-radius: 4px;
          border: 0.5px solid #5e5e5e;
          background: #868686;
          color: #fafafa;
          font-size: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
        .panel-account .account-order #new-return-modal .return-modal__main-item .product-info-wrapper .product-info .total, .panel-account .account-order #new-return-modal .return-modal__other-item .product-info-wrapper .product-info .total {
          font-size: 16px;
          font-weight: 500; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .item-row, .panel-account .account-order #new-return-modal .return-modal__other-item .item-row {
      display: -ms-flexbox;
      display: flex; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box.buy-one-get-one, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box.buy-one-get-one {
      display: none; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .item-row, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .item-row {
      padding: 0 0.5rem;
      margin-left: 22px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .subtitle, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .subtitle {
      padding: 8px 0 0;
      line-height: 20px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .product-image, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .product-image {
      padding: 8px 0; }
      .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .product-image img, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .product-image img {
        width: 88px;
        margin-right: 16px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .info-box, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .info-box {
      padding: 8px 0 0; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .attached-product-box .total, .panel-account .account-order #new-return-modal .return-modal__other-item .attached-product-box .total {
      font-size: 16px;
      font-weight: 500; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .return-tag, .panel-account .account-order #new-return-modal .return-modal__other-item .return-tag {
      background: #2f6279;
      color: #ffffff;
      border-radius: 4px;
      padding: 2px 4px;
      font-size: 12px; }
    .panel-account .account-order #new-return-modal .return-modal__main-item .return-info-box, .panel-account .account-order #new-return-modal .return-modal__other-item .return-info-box {
      margin-left: 28px;
      margin-top: 12px; }
      .panel-account .account-order #new-return-modal .return-modal__main-item .return-info-box + .return-info-box, .panel-account .account-order #new-return-modal .return-modal__other-item .return-info-box + .return-info-box {
        margin-top: 1.25rem; }
      @media screen and (max-width: 500px) {
        .panel-account .account-order #new-return-modal .return-modal__main-item .return-info-box .sale-item-item__container .input-group.qty, .panel-account .account-order #new-return-modal .return-modal__other-item .return-info-box .sale-item-item__container .input-group.qty {
          -ms-flex-positive: 0;
              flex-grow: 0; } }
      .panel-account .account-order #new-return-modal .return-modal__main-item .return-info-box textarea, .panel-account .account-order #new-return-modal .return-modal__other-item .return-info-box textarea {
        display: none; }
  .panel-account .account-order #new-return-modal .return-modal__other-items .return-modal__other-item {
    padding: 16px;
    margin: 0; }
  .panel-account .account-order #new-return-modal .return-modal__return-gift .line {
    height: 16px;
    background: #f5f7f8; }
  .panel-account .account-order #new-return-modal .return-modal__return-gift .modal-title {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0; }
  .panel-account .account-order #new-return-modal .return-modal__return-gift .retuen-gift-promo {
    padding: 4px 8px;
    background: #FDF3F3;
    color: #c74250;
    margin: 0 16px;
    border-radius: 4px;
    margin-bottom: 8px; }
    .panel-account .account-order #new-return-modal .return-modal__return-gift .retuen-gift-promo__container {
      margin-top: 12px; }
    .panel-account .account-order #new-return-modal .return-modal__return-gift .retuen-gift-promo:last-child {
      margin-bottom: 0; }
    .panel-account .account-order #new-return-modal .return-modal__return-gift .retuen-gift-promo span {
      font-size: 12px; }
  .panel-account .account-order #new-return-modal .return-modal__gift-item-wrapper .attached-product-box-wrapper, .panel-account .account-order #new-return-modal .return-modal__gift-item-wrapper .return-info-box {
    display: none; }
  .panel-account .account-order #new-return-modal .cancel-sign-text {
    padding: 6px 16px;
    background: rgba(64, 64, 64, 0.5);
    color: #fafafa;
    text-align: center;
    position: sticky;
    bottom: -1px;
    z-index: 1; }
  .panel-account .account-order #new-return-modal .return-modal__return-detail {
    background: #f0f0f0; }
    .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper {
      background: #FFF; }
      .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .gray {
        color: #404040; }
      .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .red {
        color: #c74250; }
      .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .price-item {
        font-size: .875rem;
        font-weight: 500; }
      .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box {
        padding: 16px; }
        .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item {
          gap: 12px; }
          .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item .name {
            margin-left: 16px;
            font-size: 14px; }
          .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item .value {
            font-size: 14px; }
        @media screen and (max-width: 575px) {
          .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box {
            padding: 16px 12px; }
            .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item {
              gap: 8px;
              padding: 8px 0px; }
              .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item .name {
                margin-left: 8px;
                font-size: 12px; }
              .panel-account .account-order #new-return-modal .return-modal__return-detail .return-detail-wrapper .returnamount-box .sub-info-item .value {
                font-size: 12px; } }
  .panel-account .account-order #new-return-modal .line {
    height: 16px;
    background: #f5f7f8; }
  .panel-account .account-order #new-return-modal .return-modal__total-return-area {
    margin: 12px 16px; }
    .panel-account .account-order #new-return-modal .return-modal__total-return-area svg {
      margin-right: 6px; }
    .panel-account .account-order #new-return-modal .return-modal__total-return-area h5.title {
      font-weight: 500;
      font-size: 1rem;
      color: #404040; }
    .panel-account .account-order #new-return-modal .return-modal__total-return-area .renovate-price {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-size: .75rem;
      background: #FDF3F3;
      color: #c74250;
      padding: 8px;
      border-radius: 4px;
      margin-bottom: 12px; }
    .panel-account .account-order #new-return-modal .return-modal__total-return-area .refund-total-price {
      color: #2f6279 !important; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #new-return-modal .return-modal__total-return-area {
        margin: 12px; }
        .panel-account .account-order #new-return-modal .return-modal__total-return-area h5.title {
          font-size: 14px; } }
  .panel-account .account-order #new-return-modal .return-modal__customer-return-gift {
    padding: 6px 1rem;
    background: #404040; }
    .panel-account .account-order #new-return-modal .return-modal__customer-return-gift p {
      color: #bfbfbf;
      font-size: .875rem; }
      .panel-account .account-order #new-return-modal .return-modal__customer-return-gift p span {
        color: #fafafa;
        font-weight: 500; }
      .panel-account .account-order #new-return-modal .return-modal__customer-return-gift p + p {
        margin-top: .5rem; }
  .panel-account .account-order #new-return-modal .return-modal__contact-item {
    padding: 16px; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item input {
      height: 40px; }
      .panel-account .account-order #new-return-modal .return-modal__contact-item input:disabled {
        background: #f0f0f0;
        color: #8C8C8C; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .input-group {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .small-title {
      font-weight: 400;
      padding: 0.8rem 1rem; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #new-return-modal .return-modal__contact-item .small-title {
        padding: 0.5rem 1rem 0; } }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .tw-location {
      display: -ms-flexbox;
      display: flex; }
      .panel-account .account-order #new-return-modal .return-modal__contact-item .tw-location .form-group {
        margin-bottom: 0.25rem; }
        .panel-account .account-order #new-return-modal .return-modal__contact-item .tw-location .form-group:nth-child(1), .panel-account .account-order #new-return-modal .return-modal__contact-item .tw-location .form-group:nth-child(2) {
          padding-right: 4px;
          width: calc((100% - 70px) / 2); }
        .panel-account .account-order #new-return-modal .return-modal__contact-item .tw-location .form-group:nth-child(3) {
          width: 70px; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .error-box {
      display: none;
      width: 100%; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .error-msg {
      color: #DC3545; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .auto-return-payment {
      font-size: 1.2rem;
      font-weight: 700;
      padding-top: 0.3rem; }
    .panel-account .account-order #new-return-modal .return-modal__contact-item .return-payment {
      display: -ms-flexbox;
      display: flex; }
      .panel-account .account-order #new-return-modal .return-modal__contact-item .return-payment .form-group {
        -ms-flex: 1;
            flex: 1; }
        .panel-account .account-order #new-return-modal .return-modal__contact-item .return-payment .form-group:nth-child(1) {
          padding-right: 4px; }
  .panel-account .account-order #return-apply-error-modal .modal-content {
    margin-left: auto;
    margin-right: auto;
    width: 97%; }
  .panel-account .account-order #return-apply-error-modal .result-message-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .panel-account .account-order #return-apply-error-modal #return-apply-error-message {
    margin-left: .25rem;
    color: #404040;
    font-size: 1rem;
    font-weight: 500; }
  .panel-account .account-order #return-apply-error-modal .btn-secondary {
    border: 1px solid #2f6279;
    padding: 0;
    width: 66px;
    height: 32px;
    border-radius: 4px;
    background: #fafafa;
    color: #2f6279;
    font-size: .875rem; }
  .panel-account .account-order #bank-account-modal .previous-bank-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #E9E9E9; }
    .panel-account .account-order #bank-account-modal .previous-bank-info h6.small-title {
      margin-bottom: 0; }
  .panel-account .account-order #bank-account-modal .return-modal__contact-item {
    padding: 0 1rem; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item input {
      height: 40px; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .input-group {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .small-title {
      font-weight: 400;
      padding: 0.8rem 1rem; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order #bank-account-modal .return-modal__contact-item .small-title {
        padding: 0.5rem 1rem 0; } }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .error-box {
      display: none;
      width: 100%; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .error-msg {
      color: #DC3545; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .auto-return-payment {
      font-size: 1.2rem;
      font-weight: 700;
      padding-top: 0.3rem; }
    .panel-account .account-order #bank-account-modal .return-modal__contact-item .return-payment {
      display: -ms-flexbox;
      display: flex; }
      .panel-account .account-order #bank-account-modal .return-modal__contact-item .return-payment .form-group {
        -ms-flex: 1;
            flex: 1; }
        .panel-account .account-order #bank-account-modal .return-modal__contact-item .return-payment .form-group:nth-child(1) {
          padding-right: 4px; }
  .panel-account .account-order #bank-account-modal .return-payment {
    display: -ms-flexbox;
    display: flex; }
    .panel-account .account-order #bank-account-modal .return-payment .form-group {
      -ms-flex: 1;
          flex: 1; }
      .panel-account .account-order #bank-account-modal .return-payment .form-group:nth-child(1) {
        padding-right: 4px; }
  .panel-account .account-order #cancel-modal .form-control {
    padding: 4px 8px;
    font-size: 14px; }
  .panel-account .bg-brand {
    background-color: rgba(47, 98, 121, 0.1); }
  .panel-account .account-order {
    color: #666666; }
    .panel-account .account-order.order-return .title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: start;
          align-items: flex-start;
      cursor: pointer;
      padding: 12px 0; }
      .panel-account .account-order.order-return .title.return-modal {
        padding: 0; }
    .panel-account .account-order.order-return .qty-text {
      color: #666666;
      font-size: 0.86rem; }
    .panel-account .account-order.order-return .return-totalamount {
      font-weight: 700;
      font-size: 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      color: #404040; }
    .panel-account .account-order.order-return .line {
      width: 100%;
      height: 1px;
      background-color: #f0f0f0; }
    .panel-account .account-order.order-return .collapse-trigger .round-checkicon {
      transform: rotate(180deg); }
    .panel-account .account-order.order-return .collapse-trigger .fa-angle-up {
      transform: rotate(0deg); }
    .panel-account .account-order.order-return .collapse-trigger.collapsed .fa-angle-up, .panel-account .account-order.order-return .collapse-trigger .collapsed .fa-angle-up {
      transform: rotate(180deg); }
    .panel-account .account-order.order-return .collapse-trigger.collapsed .round-checkicon, .panel-account .account-order.order-return .collapse-trigger .collapsed .round-checkicon {
      transform: rotate(180deg); }
    .panel-account .account-order.order-return .collapse-trigger:last-of-type .line {
      height: 0; }
    .panel-account .account-order.order-return .fa-angle-up {
      font-size: 16px;
      color: #525252; }
    .panel-account .account-order.order-return .returnproducts {
      font-size: 0.86rem; }
      .panel-account .account-order.order-return .returnproducts .return-sub {
        font-size: 0.8rem;
        font-weight: 400;
        color: #666666;
        margin-top: 0.2rem; }
        .panel-account .account-order.order-return .returnproducts .return-sub span + span::before {
          content: '\3001'; }
      .panel-account .account-order.order-return .returnproducts .return-tag {
        padding: 2px 0.5rem;
        border-radius: 4px;
        font-weight: 400;
        font-size: 0.8rem;
        border: 1px solid;
        margin-right: 0.5rem; }
        .panel-account .account-order.order-return .returnproducts .return-tag.fill {
          background-color: rgba(47, 98, 121, 0.8);
          border-color: rgba(47, 98, 121, 0.5);
          color: #fafafa; }
        .panel-account .account-order.order-return .returnproducts .return-tag.bordered {
          background-color: rgba(47, 98, 121, 0.05);
          border-color: rgba(47, 98, 121, 0.5);
          color: #2f6279; }
        .panel-account .account-order.order-return .returnproducts .return-tag.exception {
          background: #F7EEEE;
          border: 0.5px solid #C48484;
          color: #ad5151; }
    .panel-account .account-order.order-return .order-item__title {
      font-size: 0.88rem;
      color: #666666;
      font-weight: 500; }
    .panel-account .account-order.order-return .order-item__content {
      font-size: 1rem;
      color: #404040;
      font-weight: 700; }
    .panel-account .account-order.order-return .order-item__history {
      background-color: rgba(47, 98, 121, 0.05);
      border-radius: 4px; }
    .panel-account .account-order.order-return .return-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
      .panel-account .account-order.order-return .return-item .rwdImg-wrap {
        width: 78px;
        height: 78px;
        border-radius: 4px; }
      .panel-account .account-order.order-return .return-item img {
        width: 78px;
        height: 78px;
        border-radius: 4px; }
      .panel-account .account-order.order-return .return-item-info {
        font-size: 0.8rem; }
        .panel-account .account-order.order-return .return-item-info .name {
          color: #404040;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 0.25rem; }
        .panel-account .account-order.order-return .return-item-info .spec-qty {
          font-size: 12px;
          margin-bottom: 0.25rem; }
        .panel-account .account-order.order-return .return-item-info .price {
          color: #404040;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px; }
      .panel-account .account-order.order-return .return-item.is-cancel .rwdImg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5); }
      .panel-account .account-order.order-return .return-item.is-cancel .retrun-cancel-tag {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        position: absolute;
        top: 50%;
        left: 1px;
        transform: translateY(-50%);
        border: 0.5px solid #5E5E5E;
        border-radius: 4px;
        width: calc(100% - 2px);
        height: 22px;
        background: #868686;
        color: #fafafa;
        font-size: .75rem;
        z-index: 1; }
    @media screen and (max-width: 768px) {
      .panel-account .account-order.order-return .return-status + .return-status {
        margin-top: 1rem; } }
    .panel-account .account-order.order-return .order-return-banner {
      width: 100%;
      padding: 0.25rem 1rem;
      font-size: 0.88rem;
      font-weight: 400; }
      .panel-account .account-order.order-return .order-return-banner.primary {
        color: #2f6279;
        background-color: rgba(47, 98, 121, 0.1); }
      .panel-account .account-order.order-return .order-return-banner.error {
        color: #ad5151;
        background-color: rgba(173, 81, 81, 0.1); }
    .panel-account .account-order.order-return .product-status-steps ol {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: flex-start;
      -ms-flex-pack: center;
          justify-content: center; }
    .panel-account .account-order.order-return .product-status-steps li {
      -ms-flex: 1;
          flex: 1; }
      .panel-account .account-order.order-return .product-status-steps li circle {
        fill: #bfbfbf; }
      .panel-account .account-order.order-return .product-status-steps li .step-info {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .panel-account .account-order.order-return .product-status-steps li .step-info::before {
          content: '';
          position: absolute;
          left: calc(50% + 12px);
          top: 7px;
          display: block;
          width: calc(100% - 16px - 8px);
          height: 2px;
          background: #dbdbdb;
          border-radius: 4px;
          -ms-flex-item-align: center;
              -ms-grid-row-align: center;
              align-self: center; }
      .panel-account .account-order.order-return .product-status-steps li .status {
        font-size: 0.86rem;
        font-weight: 500;
        color: #868686; }
      .panel-account .account-order.order-return .product-status-steps li .date {
        font-size: 0.86rem;
        color: #666666; }
      .panel-account .account-order.order-return .product-status-steps li.active {
        color: #2f6279; }
        .panel-account .account-order.order-return .product-status-steps li.active .status {
          color: #2f6279; }
        .panel-account .account-order.order-return .product-status-steps li.active .step-info::before {
          background: #2f6279; }
        .panel-account .account-order.order-return .product-status-steps li.active circle {
          fill: #2f6279; }
      .panel-account .account-order.order-return .product-status-steps li:last-child .step-info::before {
        display: none; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order.order-return .product-status-steps li.step-line {
        margin: 0 4px;
        width: 10%;
        height: 2px;
        background: #dbdbdb; } }
    .panel-account .account-order.order-return .return-status-steps svg {
      margin-right: 0.375rem;
      width: 12px;
      height: 12px; }
    .panel-account .account-order.order-return .return-status-steps circle {
      fill: #bfbfbf; }
    .panel-account .account-order.order-return .return-status-steps .step-info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: baseline;
          align-items: baseline;
      position: relative; }
      .panel-account .account-order.order-return .return-status-steps .step-info::before {
        content: '';
        position: absolute;
        width: 2px;
        height: 50%;
        background-color: #bfbfbf;
        border-radius: 4px;
        top: 20px;
        left: 5px; }
    .panel-account .account-order.order-return .return-status-steps li {
      padding: 0.25rem 0.25rem 0.2rem; }
      .panel-account .account-order.order-return .return-status-steps li .status {
        font-size: 0.88rem; }
      .panel-account .account-order.order-return .return-status-steps li .date {
        font-size: 0.8rem; }
      .panel-account .account-order.order-return .return-status-steps li:last-of-type .step-info::before {
        display: none; }
      .panel-account .account-order.order-return .return-status-steps li.active circle {
        fill: #2f6279; }
      .panel-account .account-order.order-return .return-status-steps li.active .status {
        color: #2f6279; }
      .panel-account .account-order.order-return .return-status-steps li.active .step-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: baseline;
            align-items: baseline;
        position: relative; }
        .panel-account .account-order.order-return .return-status-steps li.active .step-info::before {
          content: '';
          position: absolute;
          width: 2px;
          height: 70%;
          border-radius: 4px;
          top: 20px;
          left: 5px;
          background-color: #2f6279; }
    .panel-account .account-order.order-return .customer-item .name {
      font-size: 0.8rem;
      color: #666666; }
    .panel-account .account-order.order-return .customer-item .value {
      font-size: 0.88rem;
      color: #404040;
      font-weight: 700; }
    .panel-account .account-order.order-return .customer-item:first-of-type {
      border-top: 1px solid #f0f0f0; }
    .panel-account .account-order.order-return .returnamount-box .minus {
      color: #c74250; }
    .panel-account .account-order.order-return .returnamount-box .sub-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      font-size: 0.88rem; }
    .panel-account .account-order.order-return .returnamount-box .sub-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      color: #404040;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px; }
    .panel-account .account-order.order-return .returnamount-box .sub-amount {
      font-weight: 500;
      color: #404040; }
      .panel-account .account-order.order-return .returnamount-box .sub-amount.minus {
        color: #c74250; }
    .panel-account .account-order.order-return .returnamount-box .sub-info {
      border-radius: 4px;
      color: #404040; }
    .panel-account .account-order.order-return .returnamount-box .sub-info-item-box {
      background-color: #fafafa;
      border-radius: 4px; }
    .panel-account .account-order.order-return .returnamount-box .sub-info-item {
      padding: 8px 0px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 8px;
      border-bottom: 1px solid #f0f0f0; }
      .panel-account .account-order.order-return .returnamount-box .sub-info-item:last-child {
        border-bottom: none; }
      .panel-account .account-order.order-return .returnamount-box .sub-info-item .name {
        margin-left: 8px;
        font-size: 12px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 12px; }
      .panel-account .account-order.order-return .returnamount-box .sub-info-item .value {
        margin-right: 16px;
        font-size: 12px;
        width: 90px;
        text-align: end; }
      .panel-account .account-order.order-return .returnamount-box .sub-info-item .discount-tag {
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap; }
        .panel-account .account-order.order-return .returnamount-box .sub-info-item .discount-tag.red {
          padding: 2px 8px;
          border-radius: 4px;
          color: #c74250;
          background: #FDF3F3; }
        .panel-account .account-order.order-return .returnamount-box .sub-info-item .discount-tag.brand {
          background: #eaeff2;
          color: #2f6279; }
    @media screen and (max-width: 575px) {
      .panel-account .account-order.order-return .returnamount-box .sub-info-item {
        padding: 8px; }
        .panel-account .account-order.order-return .returnamount-box .sub-info-item .name, .panel-account .account-order.order-return .returnamount-box .sub-info-item .value {
          font-size: 12px; } }
    .panel-account .account-order.order-return .gift-point-discount-wrapper {
      color: #404040;
      border-radius: 0 0 4px 4px;
      border-top: 1px solid #f0f0f0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 16px;
      padding: 12px 16px; }
      .panel-account .account-order.order-return .gift-point-discount-wrapper .sub-info-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 0;
        border-bottom: none; }
        .panel-account .account-order.order-return .gift-point-discount-wrapper .sub-info-item .name, .panel-account .account-order.order-return .gift-point-discount-wrapper .sub-info-item .value {
          font-size: 14px;
          margin: 0; }
      @media screen and (max-width: 575px) {
        .panel-account .account-order.order-return .gift-point-discount-wrapper .sub-info-item .name, .panel-account .account-order.order-return .gift-point-discount-wrapper .sub-info-item .value {
          font-size: 12px; } }
  .panel-account .account-orderlist {
    color: #666666; }
    .panel-account .account-orderlist .rounded {
      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
    .panel-account .account-orderlist h6 {
      margin-bottom: 0;
      font-size: 0.875rem;
      line-height: 2em; }
    .panel-account .account-orderlist .header {
      position: relative; }
    .panel-account .account-orderlist .back-to-list {
      color: #525252;
      margin-top: 0.75rem; }
      @media screen and (max-width: 575px) {
        .panel-account .account-orderlist .back-to-list {
          margin-top: 0.75rem; } }
    .panel-account .account-orderlist .status-tab {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .panel-account .account-orderlist .status-tab::-webkit-scrollbar {
        display: none; }
    .panel-account .account-orderlist .nav-item {
      color: #666666;
      cursor: pointer; }
      .panel-account .account-orderlist .nav-item .nav-link {
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #2f6279;
        background-color: #ffffff;
        white-space: nowrap;
        border-top: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc;
        border-left: 0.5px solid #97b1bc; }
        .panel-account .account-orderlist .nav-item .nav-link.active {
          color: #fafafa;
          background-color: #2f6279; }
      .panel-account .account-orderlist .nav-item:first-of-type .nav-link {
        border-radius: 4px 0px 0px 4px;
        border-left: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc; }
      .panel-account .account-orderlist .nav-item:last-of-type .nav-link {
        border-radius: 0 4px 4px 0;
        border-right: 0.5px solid #97b1bc;
        border-bottom: 0.5px solid #97b1bc; }
    .panel-account .account-orderlist .btn-default {
      border: 1px solid #d9d9d9;
      padding: 4px 12px;
      color: #404040;
      font-size: 0.88rem;
      background: #FFF;
      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02); }
    .panel-account .account-orderlist .search-order__container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 1fr auto;
          grid-template-columns: auto 1fr auto;
      -ms-flex-align: center;
          align-items: center;
      gap: 16px;
      margin-bottom: 16px; }
    .panel-account .account-orderlist .search-order__input {
      width: 300px;
      border: 1px solid #f0f0f0;
      border-radius: 18px;
      position: relative; }
      .panel-account .account-orderlist .search-order__input input {
        width: 100%;
        padding: 8px 8px 8px 12px;
        border-radius: 18px;
        background: #ffffff;
        text-indent: 24px;
        line-height: 20px;
        color: #495057; }
      .panel-account .account-orderlist .search-order__input :focus {
        outline: none; }
      .panel-account .account-orderlist .search-order__input ::-ms-input-placeholder {
        /* Edge 12-18 */
        color: #bfbfbf; }
      .panel-account .account-orderlist .search-order__input :-ms-input-placeholder {
        color: #bfbfbf; }
      .panel-account .account-orderlist .search-order__input ::placeholder {
        color: #bfbfbf; }
      .panel-account .account-orderlist .search-order__input .btn-search {
        border: none;
        background: #ffffff;
        position: absolute;
        left: 12px;
        top: 8px;
        cursor: pointer; }
        .panel-account .account-orderlist .search-order__input .btn-search svg {
          width: 20px;
          height: 20px;
          color: #404040; }
    .panel-account .account-orderlist .search-order__time {
      color: #666666;
      line-height: 20px; }
    @media screen and (max-width: 575px) {
      .panel-account .account-orderlist .search-order__container {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
            grid-template-rows: 1fr 1fr; }
        .panel-account .account-orderlist .search-order__container .filter-dropdown {
          justify-self: end; }
      .panel-account .account-orderlist .search-order__input {
        width: 100%;
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
            grid-column: 1 / span 2; }
      .panel-account .account-orderlist .search-order__time {
        font-size: 12px; } }
    .panel-account .account-orderlist .order-item {
      padding: 12px;
      background: #fff;
      width: 100%;
      border-radius: 4px;
      margin-bottom: 0.8rem;
      color: #666666; }
      .panel-account .account-orderlist .order-item__empty {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        gap: 16px;
        margin-top: 24px; }
        .panel-account .account-orderlist .order-item__empty .img-empty {
          width: 120px;
          height: auto;
          mix-blend-mode: luminosity; }
        .panel-account .account-orderlist .order-item__empty-title {
          font-family: "PingFang TC";
          font-size: 15px;
          line-height: 20px; }
        .panel-account .account-orderlist .order-item__empty-btn {
          width: 250px;
          height: 44px;
          padding: 14px 24px; }
      .panel-account .account-orderlist .order-item__header {
        margin-bottom: 1rem;
        border-bottom: 1px solid #F0F0F0;
        padding-bottom: 12px; }
        .panel-account .account-orderlist .order-item__header-top {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          margin-bottom: 4px; }
      .panel-account .account-orderlist .order-item__num {
        font-weight: 500;
        color: #404040;
        line-height: 20px; }
      .panel-account .account-orderlist .order-item__amount {
        color: #2f6279;
        font-weight: 600;
        line-height: 20px; }
      .panel-account .account-orderlist .order-item__date {
        color: #404040;
        font-size: 11px;
        line-height: 16px; }
      .panel-account .account-orderlist .order-item.loading {
        background-color: #f0f0f0; }
        .panel-account .account-orderlist .order-item.loading::before {
          width: 100%;
          position: absolute;
          content: '';
          height: 100%;
          z-index: 1;
          background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
          background-position: -400px 0;
          background-repeat: no-repeat;
          animation: m 1.5s infinite;
          top: 0;
          left: 0; }
        .panel-account .account-orderlist .order-item.loading .img {
          width: 64px;
          height: 64px;
          border-radius: 4px;
          background-color: #d9d9d9;
          margin-right: 0.5rem; }
        .panel-account .account-orderlist .order-item.loading .order-subitem__box {
          width: 100%; }
        .panel-account .account-orderlist .order-item.loading .order-subitem__date {
          padding: 0.4rem 4rem;
          border-radius: 4px;
          background-color: #d9d9d9;
          margin-bottom: 0.2rem;
          width: 50%; }
          .panel-account .account-orderlist .order-item.loading .order-subitem__date.content {
            width: 80%; }
        .panel-account .account-orderlist .order-item.loading .order-subitem__btns {
          border-radius: 4px;
          background-color: #d9d9d9;
          padding: 1rem 2.5rem; }
      @media screen and (max-width: 575px) {
        .panel-account .account-orderlist .order-item {
          margin-bottom: 16px; }
          .panel-account .account-orderlist .order-item__empty {
            margin-top: 60px; }
            .panel-account .account-orderlist .order-item__empty-btn {
              width: 200px; } }
    .panel-account .account-orderlist .order-subitem {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #f0f0f0; }
      .panel-account .account-orderlist .order-subitem:first-of-type {
        padding-top: 0; }
      .panel-account .account-orderlist .order-subitem:last-of-type {
        padding-bottom: 0;
        border-bottom: 0; }
      .panel-account .account-orderlist .order-subitem img {
        max-width: 100%;
        border-radius: 4px;
        width: 40px;
        height: auto;
        margin-right: 0.5rem; }
      .panel-account .account-orderlist .order-subitem__info {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
      .panel-account .account-orderlist .order-subitem__name {
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 4px; }
      .panel-account .account-orderlist .order-subitem__totalQty {
        color: #8C8C8C;
        font-size: 11px;
        line-height: 16px; }
      .panel-account .account-orderlist .order-subitem__box {
        width: calc(100% - 60px); }
      .panel-account .account-orderlist .order-subitem__btns {
        display: -ms-flexbox;
        display: flex;
        gap: 12px; }
        .panel-account .account-orderlist .order-subitem__btns .btn {
          padding: 6px 12px;
          width: 80px;
          height: 32px; }
          .panel-account .account-orderlist .order-subitem__btns .btn-primary {
            color: #ffffff; }
      @media screen and (max-width: 575px) {
        .panel-account .account-orderlist .order-subitem {
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 12px; }
          .panel-account .account-orderlist .order-subitem__name {
            /* autoprefixer: off */
            -webkit-box-orient: vertical;
            /* autoprefixer: on */
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis; }
          .panel-account .account-orderlist .order-subitem__btns {
            width: 100%;
            -ms-flex-pack: end;
                justify-content: flex-end; }
            .panel-account .account-orderlist .order-subitem__btns .btn {
              width: 100%; }
              .panel-account .account-orderlist .order-subitem__btns .btn.list {
                max-width: 31%; } }
    .panel-account .account-orderlist .order-ditail-link {
      color: #45566E;
      transition: 0.5s; }
      .panel-account .account-orderlist .order-ditail-link h6 {
        color: #45566E; }
      .panel-account .account-orderlist .order-ditail-link:hover, .panel-account .account-orderlist .order-ditail-link:focus {
        background: #c9c9c9;
        color: #45566E;
        text-decoration: none;
        opacity: 0.5;
        transition: 0.5s; }
    .panel-account .account-orderlist .order-detail p {
      margin-bottom: 0;
      font-size: 0.7875rem; }
    .panel-account .account-orderlist .order-detail .returns-link {
      color: #91979D; }
    .panel-account .account-orderlist .order-detail .order-status {
      background: #45566E; }
  .panel-account .account-paymoney .paymoney-info {
    color: #333; }
    .panel-account .account-paymoney .paymoney-info h5 {
      font-size: 1.05rem; }
    .panel-account .account-paymoney .paymoney-info h6 {
      margin-bottom: 0; }
  .panel-account .account-paymoney .paymoney-list.paymoney-title h6 {
    font-size: 0.875rem;
    color: #333; }
  .panel-account .account-paymoney .paymoney-list.paymoney-details p {
    font-size: 0.7875rem;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #161616; }
    .panel-account .account-paymoney .paymoney-list.paymoney-details p.plus {
      color: #E47187; }
    .panel-account .account-paymoney .paymoney-list.paymoney-details p.minus {
      color: #161616; }
    .panel-account .account-paymoney .paymoney-list.paymoney-details p a {
      color: #6BACAB;
      text-decoration: none; }
  .panel-account .account-coupon .coupon-ticket .ticket-sale {
    color: #E47187;
    font-size: 1.3125rem; }
  .panel-account .account-coupon .coupon-ticket p {
    font-size: 0.875rem; }
    .panel-account .account-coupon .coupon-ticket p .coupon-stopdate {
      color: #E47187; }
    .panel-account .account-coupon .coupon-ticket p .coupon-note {
      color: #91979D; }
  .panel-account .account-coupon .coupon-ticket a {
    font-size: 0.875rem;
    color: #6BACAB;
    text-decoration: underline; }
  .panel-account .account-coupon .coupon-ticket h5 {
    font-size: 1.05rem;
    color: #4a4a4a; }
  .panel-account .account-coupon .coupon-style {
    position: relative; }
  .panel-account .account-coupon .coupon-style-left, .panel-account .account-coupon .coupon-style-right {
    min-height: 60px;
    min-width: 30px;
    border-radius: 100%;
    background: #dfe4e6;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  .panel-account .account-coupon .coupon-style-left {
    left: 50%; }
  .panel-account .account-coupon .coupon-style-right {
    right: -50%; }
  .panel-account .account-address-card {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: 0.5px solid #dbdbdb;
    margin-bottom: 0.75rem; }
    .panel-account .account-address-card.editing {
      border: 0;
      background-color: #F0F2F5;
      display: none; }
      .panel-account .account-address-card.editing .form-group label {
        color: #666666; }
      .panel-account .account-address-card.editing.create-form {
        display: none; }
  .panel-account .account-address .form-title {
    color: #404040;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    border-bottom: 0.5px solid #bfbfbf;
    max-width: calc(100% - 30px);
    margin: 0 15px 0.75rem;
    padding: 0.5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
  .panel-account .add-address {
    color: #45566E; }
  .panel-account .account-infochange .input-wrapper {
    margin-bottom: 16px; }
    .panel-account .account-infochange .input-wrapper .inputs-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .panel-account .account-infochange .input-wrapper .input-container {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .panel-account .account-infochange .input-wrapper .input-container input {
        height: 40px;
        width: 100%; }
      .panel-account .account-infochange .input-wrapper .input-container select {
        height: 40px;
        width: 100%; }
  .panel-account .account-infochange .add-otp-link {
    font-size: 12px;
    text-decoration: underline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    color: #2f6279;
    cursor: pointer; }
  .panel-account .account-infochange .add-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    font-size: 12px;
    text-decoration: underline;
    color: #bfbfbf; }
  .panel-account .account-infochange .add-email {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    font-size: 12px;
    text-decoration: underline;
    color: #bfbfbf; }
  .panel-account .account-infochange .radio-wrapper {
    height: 40px; }
    .panel-account .account-infochange .radio-wrapper .radio-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-right: 24px; }
      .panel-account .account-infochange .radio-wrapper .radio-box input[type='radio'] {
        position: relative;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        margin: 0;
        width: 16px;
        height: 16px;
        border: 1px solid #d9d9d9;
        border-radius: 50%;
        background-color: #ffffff;
        cursor: pointer; }
        .panel-account .account-infochange .radio-wrapper .radio-box input[type='radio']:checked {
          background-color: #ffffff; }
          .panel-account .account-infochange .radio-wrapper .radio-box input[type='radio']:checked:after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #2f6279; }
      .panel-account .account-infochange .radio-wrapper .radio-box label {
        margin-left: 6px;
        font-size: 14px;
        color: #404040; }
  .panel-account .account-infochange input.form-control-sm, .panel-account .account-infochange select.custom-select {
    padding: 10px 16px; }
  .panel-account .account-infochange select.form-control {
    height: 100%; }
  .panel-account .account-infochange p.form-control-sm {
    padding-left: 0; }
  .panel-account .account-infochange .form-control {
    border: 0.5px solid #dbdbdb;
    background: #FFF; }
  .panel-account .account-infochange .information-title {
    border-bottom: 0.5px solid #bfbfbf;
    margin-bottom: 16px;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 1rem;
    color: #404040; }
    .panel-account .account-infochange .information-title .editer-icon {
      font-size: .875rem;
      font-weight: 500;
      color: #2f6279; }
  .panel-account .account-infochange .account-information-wrapper {
    padding: 24px; }
  .panel-account .account-infochange .account-information .information-detail {
    font-size: 0.7875rem; }
    @media screen and (min-width: 500px) {
      .panel-account .account-infochange .account-information .information-detail .information-detail-left {
        padding-left: 0px;
        padding-right: 12px; }
      .panel-account .account-infochange .account-information .information-detail .information-detail-right {
        padding-left: 12px;
        padding-right: 0px; } }
    @media screen and (max-width: 501px) {
      .panel-account .account-infochange .account-information .information-detail .information-detail-left {
        padding: 0px; }
      .panel-account .account-infochange .account-information .information-detail .information-detail-right {
        padding: 0px; } }
  .panel-account .account-infochange .infomation-btn {
    width: 100px; }
  @media screen and (max-width: 501px) {
    .panel-account .account-infochange .infomation-btn {
      width: 100%; } }
  .panel-account .account-infochange .birth-tag {
    margin-bottom: 2px;
    padding: 1px 8px;
    border-radius: 4px;
    background: rgba(233, 189, 167, 0.3); }
  .panel-account .account-infochange .account-information.editing {
    background: #F0F2F5; }
    .panel-account .account-infochange .account-information.editing .form-group {
      border-bottom: none; }
    .panel-account .account-infochange .account-information.editing .col-form-label {
      -ms-flex-item-align: start;
          align-self: flex-start;
      padding-top: 12px;
      padding-bottom: 12px; }
  .panel-account .account-infochange .tw-location {
    display: -ms-flexbox;
    display: flex; }
  .panel-account .account-infochange .select-country {
    width: 40%; }
  .panel-account .account-infochange .select-district {
    width: 40%; }
  .panel-account .account-infochange .select-zip {
    width: 20%; }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .panel-account .account-infochange select.custom-select {
      background-position: right 9px center !important; } }
  @media screen and (max-width: 768px) {
    .panel-account .account-infochange input.form-control-sm, .panel-account .account-infochange select.custom-select {
      padding: 10px 12px; } }
  @media screen and (max-width: 575px) {
    .panel-account .account-infochange .account-information .col-form-label {
      margin-bottom: 4px; }
    .panel-account .account-infochange .account-information.editing .col-form-label {
      padding-top: 0;
      padding-bottom: 0; } }
  .panel-account .set-carrier .carrier-wrapper {
    padding: 16px 16px 0px 16px;
    border-bottom: 1px solid #f5f5f5; }
    .panel-account .set-carrier .carrier-wrapper .carrier-container {
      max-width: 550px;
      width: 100%; }
  .panel-account .set-carrier .radio-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px; }
    .panel-account .set-carrier .radio-box input[type='radio'] {
      position: relative;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      margin: 0;
      width: 16px;
      height: 16px;
      border: 1px solid #d9d9d9;
      border-radius: 50%;
      background-color: #ffffff;
      cursor: pointer; }
      .panel-account .set-carrier .radio-box input[type='radio']:checked {
        background-color: #ffffff; }
        .panel-account .set-carrier .radio-box input[type='radio']:checked:after {
          content: '';
          position: absolute;
          top: 3px;
          left: 3px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #2f6279; }
  .panel-account .set-carrier .carrier-btn {
    width: 100px; }
  @media screen and (max-width: 501px) {
    .panel-account .set-carrier .carrier-btn {
      width: 100%; } }
  .panel-account .reset-password {
    padding: 24px; }
    .panel-account .reset-password .reset-password-container {
      max-width: 550px;
      width: 100%; }
      .panel-account .reset-password .reset-password-container .icon-info-tag svg {
        width: 14px;
        height: 14px; }
      .panel-account .reset-password .reset-password-container .reset-password-form .reset-password-btn {
        margin-top: 20px;
        width: 100px; }
      .panel-account .reset-password .reset-password-container .reset-password-form .forget-password-link {
        font-size: 12px;
        text-decoration: underline;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: end;
        color: #2f6279; }
      @media screen and (max-width: 501px) {
        .panel-account .reset-password .reset-password-container .reset-password-form .reset-password-btn {
          width: 100%; } }
    .panel-account .reset-password .check_fill-icon svg {
      width: 16px;
      height: 16px; }
    .panel-account .reset-password .match {
      color: #74ab7a; }
      .panel-account .reset-password .match path {
        fill: #74ab7a; }
    .panel-account .reset-password .differ {
      color: #d9d9d9; }
      .panel-account .reset-password .differ path {
        fill: #d9d9d9; }
  .panel-account .social-list .social-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #f5f5f5; }
    .panel-account .social-list .social-list-item .social-icon-box {
      width: 56px;
      height: 56px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .panel-account .social-list .social-list-item .social-icon-box .social-icon {
        width: 32px;
        height: 32px; }
    .panel-account .social-list .social-list-item .type-box {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      .panel-account .social-list .social-list-item .type-box .text-box {
        -ms-flex: 1;
            flex: 1;
        overflow: hidden; }
        .panel-account .social-list .social-list-item .type-box .text-box .type-text {
          margin-right: 8px; }
        .panel-account .social-list .social-list-item .type-box .text-box .email-text-box {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          pointer-events: none;
          text-decoration: none; }
      @media screen and (min-width: 500px) {
        .panel-account .social-list .social-list-item .type-box .social-binding-btn {
          width: 72px;
          height: 40px; } }
      @media screen and (max-width: 501px) {
        .panel-account .social-list .social-list-item .type-box .social-binding-btn {
          width: 52px;
          height: 32px; } }
  .panel-account .social-list .has-binded {
    cursor: pointer;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center; }
  @media screen and (min-width: 500px) {
    .panel-account .social-list .has-binded {
      width: 72px; } }
  @media screen and (max-width: 501px) {
    .panel-account .social-list .has-binded {
      width: 52px; } }

.default-form .form-control {
  background: #efeeee;
  border: none; }
  .default-form .form-control::-webkit-input-placeholder {
    color: #999999; }
  .default-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #999999; }
  .default-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999; }
  .default-form .form-control:-ms-input-placeholder {
    color: #999999; }

.default-form .input-group-addon {
  border: none;
  background: transparent; }

.default-form.white-bg .input-group-addon, .default-form.white-bg .form-control {
  background: #ffffff;
  border: none; }
  .default-form.white-bg .input-group-addon::-webkit-input-placeholder, .default-form.white-bg .form-control::-webkit-input-placeholder {
    color: #999999; }
  .default-form.white-bg .input-group-addon:-moz-placeholder, .default-form.white-bg .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #999999; }
  .default-form.white-bg .input-group-addon::-moz-placeholder, .default-form.white-bg .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999; }
  .default-form.white-bg .input-group-addon:-ms-input-placeholder, .default-form.white-bg .form-control:-ms-input-placeholder {
    color: #999999; }

.panel-login .login-title, .panel-sighup .login-title, .panel-login-sighup .login-title {
  color: #404040;
  font-size: 1.3125rem;
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.6em; }

.panel-login .sighup-title, .panel-sighup .sighup-title, .panel-login-sighup .sighup-title {
  color: #666666; }

.panel-login h5, .panel-sighup h5, .panel-login-sighup h5 {
  font-size: 1.05rem; }

.panel-login p, .panel-sighup p, .panel-login-sighup p {
  font-size: 0.9625rem; }

.panel-login a, .panel-sighup a, .panel-login-sighup a {
  color: #333F50; }

.panel-login .form-control, .panel-login .input-group-addon, .panel-sighup .form-control, .panel-sighup .input-group-addon, .panel-login-sighup .form-control, .panel-login-sighup .input-group-addon {
  background: #EFEEEE;
  border: none;
  font-size: 0.7875rem; }
  .panel-login .form-control img, .panel-login .input-group-addon img, .panel-sighup .form-control img, .panel-sighup .input-group-addon img, .panel-login-sighup .form-control img, .panel-login-sighup .input-group-addon img {
    width: 16px; }

.panel-login .line-entrance-web-div, .panel-sighup .line-entrance-web-div, .panel-login-sighup .line-entrance-web-div {
  cursor: pointer; }
  @media screen and (max-width: 500px) {
    .panel-login .line-entrance-web-div, .panel-sighup .line-entrance-web-div, .panel-login-sighup .line-entrance-web-div {
      display: none; } }

.panel-login .line-entrance-mobile-div, .panel-sighup .line-entrance-mobile-div, .panel-login-sighup .line-entrance-mobile-div {
  cursor: pointer; }
  @media screen and (min-width: 501px) {
    .panel-login .line-entrance-mobile-div, .panel-sighup .line-entrance-mobile-div, .panel-login-sighup .line-entrance-mobile-div {
      display: none; } }

.login-plugin {
  border-bottom: 1px solid #333333; }

.panel-giftlist-signup {
  color: #45566E; }
  .panel-giftlist-signup label {
    font-size: 0.9625rem; }

.prime-list.prime-title h6 {
  font-size: 0.875rem;
  color: #333; }

.prime-list.prime-details p {
  font-size: 0.7875rem;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #161616; }
  .prime-list.prime-details p.plus {
    color: #E47187; }
  .prime-list.prime-details p.minus {
    color: #161616; }
  .prime-list.prime-details p a {
    color: #6BACAB;
    text-decoration: none; }

.gift-list a {
  color: #45566E; }
  .gift-list a:hover, .gift-list a:focus {
    text-decoration: none;
    color: #45566E; }

.gift-list .items-title {
  font-size: 0.875rem; }

.gift-list .giftlist-date {
  color: #C69850; }

.gift-list-link {
  color: #45566E;
  transition: 0.5s;
  opacity: 1;
  display: block; }
  .gift-list-link h6, .gift-list-link p {
    color: #45566E; }
  .gift-list-link h6 {
    font-size: 1.05rem; }
  .gift-list-link p {
    font-size: 0.7rem; }
  .gift-list-link:hover, .gift-list-link:focus {
    text-decoration: none;
    opacity: 0.7; }

.buygift .btn-sm {
  font-size: 0.7rem; }

.user-buygift {
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0; }
  .user-buygift p {
    font-size: 0.7875rem; }

.tags {
  padding-left: 0; }
  .tags li {
    display: inline-block;
    list-style-type: none;
    font-size: 0.7rem; }
    .tags li a {
      border-radius: 15px;
      padding: 3px 10px;
      display: block;
      color: #fafafa; }

.wishlist-modal .modal-content {
  background-color: transparent; }
  .wishlist-modal .modal-content .modal-header {
    border: none; }

.info-cards {
  color: #45566E; }
  .info-cards p {
    font-size: 0.875rem; }
  .info-cards a {
    color: #45566E;
    text-decoration: underline; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.bottom-0 {
  bottom: 0; }

.top-0 {
  top: 0; }

.left-0 {
  left: 0; }

.right-0 {
  right: 0; }

.btn-icon {
  max-height: 20px;
  max-width: 20px;
  vertical-align: text-bottom; }

.editor-icon {
  max-height: 24px;
  max-width: 24px;
  vertical-align: text-bottom; }

.pointer {
  cursor: pointer; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px; }
  .switch input {
    display: none; }
    .switch input:checked + .slider {
      background-color: #45706F; }
      .switch input:checked + .slider .on {
        color: white;
        display: inline; }
      .switch input:checked + .slider .off {
        display: none; }
    .switch input:checked + .slider:before {
      transform: translateX(33px); }
    .switch input:focus + .slider {
      box-shadow: 0 0 1px #45706F; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  padding-top: 4px;
  font-size: 0.7875rem; }
  .slider .on {
    padding-left: 8px;
    color: #ccc;
    display: none; }
  .slider .off {
    display: inline;
    padding-left: 30px; }
  .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: .4s; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.order-status {
  border-radius: 50%;
  background: #e4e4e4;
  display: inline-block; }
  .order-status.light-navy {
    background: #45566E; }
  .order-status.brown {
    background: #A88142 !important; }
  .order-status.light-green {
    background: #6BACAB; }
  .order-status.dark-gray {
    background: #797979; }

.border-b-navy {
  border-bottom: 2px solid #333F50; }

.border-b-lightgray {
  border-bottom: 2px solid #dee4e6; }

.border-b-dark-gray {
  border-bottom: 2px solid #797979; }

.border-b-gray {
  border-bottom: 1px solid #797979; }

.border-b-nomal-gray-1 {
  border-bottom: 1px solid #c9c9c9; }

.border-t-nomal-gray-1 {
  border-top: 1px solid #c9c9c9; }

.border-b-light-navy-1 {
  border-bottom: 1px solid #45566E; }

.border-b-light-gray {
  border-bottom: 1px solid #f0f0f0; }

.border-t-light-gray {
  border-top: 1px solid #f0f0f0; }

.border-b-light-gray-2 {
  border-bottom: 0.5px solid #E9E9E9; }

.border-r-bg {
  border-right: 2px dashed #dfe4e6; }

.border-light-navy-1 {
  border: 1px solid #c9c9c9 !important; }

.border-b-1 {
  border-bottom-width: 1px; }
  .border-b-1.solid {
    border-bottom-style: solid; }
  .border-b-1.nomal-gray {
    border-bottom-color: #c9c9c9; }

.border.round-100 {
  border-radius: 100%; }

.rounded-100 {
  border-radius: 100%; }

.item-skeleton {
  min-height: 300px;
  position: relative; }
  .item-skeleton::before {
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    background-position: -400px 0;
    background-repeat: no-repeat;
    animation: m 1.5s infinite;
    top: 0;
    left: 0; }
  .item-skeleton-image {
    width: 100%;
    height: 12rem;
    background: #f0f0f0;
    margin-bottom: 0.5rem; }
  .item-skeleton-text {
    width: 80%;
    height: 1.5rem;
    background: #f0f0f0;
    margin-bottom: 0.5rem; }
  .item-skeleton-subtext {
    width: 100%;
    height: 1rem;
    background: #f0f0f0; }

@keyframes m {
  to {
    background-position: 400px 0; } }

.swiper-button-next::after, .swiper-button-prev::after {
  display: none; }

.item-slider .swiper-button-prev, .item-slider .swiper-button-next {
  top: inherit;
  left: 35%;
  transform: rotate(90deg); }

.item-slider .swiper-button-next {
  bottom: 0; }

.item-slider .swiper-button-prev {
  top: 30px; }

.item-slider.gallery-thumbs {
  max-height: 524px; }
  .item-slider.gallery-thumbs .swiper-slide {
    width: 100%;
    height: 20%; }
  @media (max-width: 767.98px) {
    .item-slider.gallery-thumbs {
      max-height: 420px; } }
  @media (max-width: 575.98px) {
    .item-slider.gallery-thumbs {
      max-height: 300px; }
      .item-slider.gallery-thumbs .swiper-button-prev, .item-slider.gallery-thumbs .swiper-button-next {
        width: 17px;
        height: 20px;
        background-size: 17px 20px;
        left: 25%; } }

.item-summary a:hover, .item-summary a:focus {
  text-decoration: none; }

.item-summary h5 {
  color: #333F50;
  word-break: break-all; }

.item-summary p {
  color: #333F50;
  font-size: 0.875rem;
  line-height: 2em;
  letter-spacing: 1px; }
  .item-summary p a {
    color: #333F50;
    text-decoration: underline; }

.item-summary .item-note {
  padding: 0;
  list-style-type: none;
  letter-spacing: 1px; }
  .item-summary .item-note li {
    font-size: 0.7875rem;
    list-style-type: none;
    color: #A88142 !important; }

.item-price .origin-price {
  font-size: 0.7875rem; }

.item-price .now-price {
  font-size: 1.1375rem;
  color: #C7405B; }

.item-form .item-color-title {
  font-size: 0.875rem; }

.item-form .item-color {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background: #fff;
  display: block;
  opacity: 0.8; }
  .item-form .item-color:hover, .item-form .item-color:focus {
    opacity: 1; }

.item-form .form-control {
  font-size: 0.875rem; }

.item-purchase-through {
  color: #999999;
  text-decoration: line-through; }

.item-purchase-price {
  color: #2f6279;
  font-weight: 600; }

#item-popper .item-summary p.mx-h-200 {
  max-height: 200px;
  overflow: hidden; }

#wrap.fix-totals {
  position: fixed;
  min-width: 255px; }
  @media (max-width: 991.98px) {
    #wrap.fix-totals {
      position: relative;
      min-width: auto; } }

.breadcrumb {
  background: transparent; }
  .breadcrumb-item + .breadcrumb-item:before {
    color: #404040;
    padding: 0 0.3rem; }
  .breadcrumb-item a {
    font-size: 0.9rem;
    color: #404040; }
  .breadcrumb-item:last-child a {
    font-weight: 700; }
  .breadcrumb-item.active {
    color: #404040;
    font-weight: 700;
    font-size: 1.2rem; }

.category-cover {
  border-bottom: 1px solid #f0f0f0;
  padding: 0 8px; }
  .category-cover:has(.coupon-page-title) {
    border-bottom: none; }
  @media (max-width: 767.98px) {
    .category-cover {
      margin-top: 16px; } }
  .category-cover .category-info {
    padding: 24px 0px; }
    .category-cover .category-info h3 {
      color: #404040;
      font-size: 0.9625rem;
      line-height: 1.5em;
      letter-spacing: 1px; }
    .category-cover .category-info p.brand-content {
      color: #404040;
      font-size: 0.9625rem;
      line-height: 1.5em;
      letter-spacing: 1px; }
  .category-cover .category-title {
    color: #404040;
    font-size: 1.625rem;
    line-height: 1.8em; }
  .category-cover .height-only-42 {
    max-height: 42px;
    overflow: hidden; }
  .category-cover .expand-btn {
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    text-decoration: underline; }
  .category-cover .close-btn {
    display: none;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    text-decoration: underline; }

.store-cover {
  background-size: 100% !important;
  background-repeat: no-repeat !important; }
  .store-cover .breadcrumb {
    background: transparent; }
    .store-cover .breadcrumb .breadcrumb-item {
      font-size: 0.7875rem;
      color: #fafafa; }
      .store-cover .breadcrumb .breadcrumb-item a {
        color: #fafafa; }
    .store-cover .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
      color: #fafafa; }
  .store-cover .store-logo {
    border: 1px solid #fafafa; }
  .store-cover .store-info {
    background: rgba(255, 255, 255, 0.5); }
    .store-cover .store-info h3 {
      color: #91979D;
      font-size: 1.25rem;
      line-height: 1.5em;
      letter-spacing: 1px; }

.brand-items a {
  opacity: 1;
  transition: all 0.5s; }
  .brand-items a h5 {
    color: #45566E;
    font-size: 1.05rem;
    line-height: 1.5em; }
  .brand-items a:hover, .brand-items a:focus {
    opacity: 0.7;
    transition: all 0.5s;
    text-decoration: none; }

.items-panel-title {
  color: #333F50;
  font-size: 0.9625rem;
  border-bottom: 2px solid #dee4e6; }
  .items-panel-title a {
    color: #333F50;
    text-decoration: underline; }

.items-panel-footer {
  border-top: 2px solid #dee4e6; }

.items-panel-title-2 {
  color: #333F50;
  font-size: 0.9625rem;
  border-bottom: 2px solid #333F50; }
  .items-panel-title-2 a {
    color: #333F50;
    text-decoration: underline; }

@media (max-width: 767.98px) {
  .item-list-filter {
    z-index: 20; } }

@media (max-width: 575.98px) {
  .item-list-filter {
    width: 100%;
    max-width: 100%; } }

#item-list {
  background: #ffffff; }
  #item-list .filter-items-box {
    background: rgba(47, 98, 121, 0.1);
    border-radius: 4px;
    margin-top: 12px;
    padding: 0 0.6rem 0.6rem;
    display: none; }
    #item-list .filter-items-box .btn {
      cursor: pointer; }
      #item-list .filter-items-box .btn-link {
        cursor: pointer;
        color: #404040;
        font-size: 0.9rem;
        margin-top: 0.6rem;
        font-weight: 500;
        text-decoration: underline; }
  #item-list .filter-items-tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  #item-list .filter-items-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  #item-list .btn {
    cursor: pointer; }
    #item-list .btn-unfilter-tag {
      background: #fafafa;
      color: #404040;
      font-size: 1rem;
      border-radius: 28px;
      padding: 0.5rem 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      margin: 0.6rem 0.5rem 0 0rem;
      height: 44px; }
      #item-list .btn-unfilter-tag:hover {
        border-color: #2f6279;
        color: #2f6279; }
    #item-list .btn-filter-tag {
      background: #2f6279;
      color: #fafafa;
      font-size: 1rem;
      border-radius: 28px;
      padding: 0.5rem 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      margin: 0.6rem 0.5rem 0 0rem;
      height: 44px; }
      #item-list .btn-filter-tag:hover {
        border-color: #2f6279;
        color: #fafafa; }
  #item-list .price-slider-box {
    width: 100%;
    position: relative;
    color: #2f6279;
    font-size: 1rem;
    font-weight: 700; }
    #item-list .price-slider-box #price-slider-min, #item-list .price-slider-box #price-slider-min-phone {
      position: absolute;
      left: 0;
      bottom: -10px; }
    #item-list .price-slider-box #price-slider-max, #item-list .price-slider-box #price-slider-max-phone {
      position: absolute;
      right: 0;
      bottom: -10px; }
    #item-list .price-slider-box #price-slider-value, #item-list .price-slider-box #price-slider-value-phone {
      display: none;
      position: absolute;
      bottom: -10px; }

.items-select-panel {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  padding: 24px 18px; }
  .items-select-panel.coupon-page-sale-item-main-panel {
    padding: 0 18px 24px; }
  @media (max-width: 767.98px) {
    .items-select-panel {
      padding: 8px 0px; } }
  @media screen and (max-width: 768px) {
    .items-select-panel {
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .items-select-panel select, .items-select-panel .btn {
    font-size: 0.7875rem; }
  .items-select-panel .brand {
    width: 343px; }
    .items-select-panel .brand.input-group {
      width: 100%;
      border: 1px solid #d9d9d9;
      border-radius: 2px; }
    .items-select-panel .brand .input-group-append {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      background: rgba(47, 98, 121, 0.05); }
    .items-select-panel .brand .btn {
      cursor: pointer; }
      .items-select-panel .brand .btn.btn-clear {
        width: 44px;
        height: 100%;
        border: 0;
        border-radius: 2px;
        color: #2f6279;
        background: rgba(47, 98, 121, 0.05);
        display: none; }
        .items-select-panel .brand .btn.btn-clear:focus {
          border-color: rgba(0, 0, 0, 0.15); }
        .items-select-panel .brand .btn.btn-clear:hover {
          background-color: #dbdbdb; }
      .items-select-panel .brand .btn.btn-search {
        width: 64px;
        height: 100%;
        background: #2f6279;
        border-color: #2f6279;
        color: #fafafa; }
  .items-select-panel .btn {
    height: 52px; }
    .items-select-panel .btn-filter {
      width: -moz-fit-content;
      width: fit-content;
      background: #ffffff;
      height: 32px;
      color: #404040;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      @media screen and (max-width: 430px) {
        .items-select-panel .btn-filter {
          margin-bottom: 0; } }
      .items-select-panel .btn-filter.active {
        background: rgba(47, 98, 121, 0.1); }
      .items-select-panel .btn-filter-text {
        margin-right: 0.5rem; }
      .items-select-panel .btn-filter-icon {
        display: -ms-flexbox;
        display: flex;
        margin-right: 0.5rem; }
        .items-select-panel .btn-filter-icon svg {
          width: 16px;
          height: 16px; }
  .items-select-panel .item-count {
    grid-column: 1 / 2; }
  .items-select-panel .category-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 767.98px) {
      .items-select-panel .category-box {
        border-right: 1px solid #f0f0f0; } }
  .items-select-panel .dropdown-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    grid-column: 2 / 2; }
    @media (max-width: 767.98px) {
      .items-select-panel .dropdown-box {
        -ms-flex-pack: center;
            justify-content: center; } }
    .items-select-panel .dropdown-box .dropdown {
      margin-right: -1rem; }
    .items-select-panel .dropdown-box .btn-filter {
      padding: 0.5rem 1rem; }
    @media (max-width: 767.98px) {
      .items-select-panel .dropdown-box .dropdown {
        margin-right: 0rem; }
      .items-select-panel .dropdown-box .btn-filter {
        padding: 0.5rem 1rem; } }
  .items-select-panel .dropdown-menu {
    min-width: unset;
    width: 100%;
    padding: 0;
    border: 0.5px solid #dbdbdb;
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    z-index: 20; }
  .items-select-panel .dropdown-item {
    line-height: inherit;
    height: 44px;
    text-align: start;
    font-size: 0.9rem;
    color: #404040;
    padding: 12px;
    border-bottom: 0.5px solid #dbdbdb;
    cursor: pointer; }
    .items-select-panel .dropdown-item:hover {
      background: rgba(47, 98, 121, 0.1);
      font-weight: 500; }
    .items-select-panel .dropdown-item:last-of-type {
      border-radius: 0 0 0.25rem 0.25rem;
      border-bottom: 0; }
  .items-select-panel .filter-items-selector .dropdown-menu {
    width: 600px;
    max-height: 600px;
    overflow-y: auto;
    padding: 1rem;
    border: 0.5px solid #f0f0f0;
    z-index: 1040;
    box-shadow: 0px 8px 28px -6px rgba(24, 39, 75, 0.12), 0px 18px 88px -4px rgba(24, 39, 75, 0.14); }
    .items-select-panel .filter-items-selector .dropdown-menu-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      color: #525252;
      margin-bottom: 1rem; }
      .items-select-panel .filter-items-selector .dropdown-menu-header .btn {
        cursor: pointer; }
        .items-select-panel .filter-items-selector .dropdown-menu-header .btn-link {
          cursor: pointer;
          color: #525252; }
    .items-select-panel .filter-items-selector .dropdown-menu-item {
      border: 0.5px solid #f0f0f0;
      border-radius: 4px;
      padding: 1rem;
      margin-bottom: 1rem; }
      .items-select-panel .filter-items-selector .dropdown-menu-item .item-name {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding: 0.5rem 0;
        border-bottom: 0.5px solid #f0f0f0; }
        .items-select-panel .filter-items-selector .dropdown-menu-item .item-name-text {
          color: #525252; }
        .items-select-panel .filter-items-selector .dropdown-menu-item .item-name-toggle {
          color: #2f6279;
          font-size: 0.8rem;
          cursor: pointer; }
          .items-select-panel .filter-items-selector .dropdown-menu-item .item-name-toggle:hover {
            text-decoration: underline; }
      .items-select-panel .filter-items-selector .dropdown-menu-item .item-content {
        padding: 0.5rem 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .items-select-panel .filter-items-selector .dropdown-menu-item .show-more {
        cursor: pointer;
        text-decoration: underline;
        text-align: center; }
      .items-select-panel .filter-items-selector .dropdown-menu-item.brand-box .item-content, .items-select-panel .filter-items-selector .dropdown-menu-item.category-box .item-content {
        height: 100px;
        overflow-y: hidden; }
    .items-select-panel .filter-items-selector .dropdown-menu-footer {
      border-top: 1px solid #f0f0f0;
      padding-top: 1rem;
      text-align: end; }
      .items-select-panel .filter-items-selector .dropdown-menu-footer .btn {
        width: 8rem;
        height: 52px;
        font-size: 16px; }
        .items-select-panel .filter-items-selector .dropdown-menu-footer .btn-cancel {
          width: 8rem;
          background: #fff;
          border: 1px solid #f0f0f0;
          margin-right: 0.8rem; }
          .items-select-panel .filter-items-selector .dropdown-menu-footer .btn-cancel:hover {
            background: #fafafa;
            border-color: #2f6279;
            color: #2f6279; }
  .items-select-panel .filter-items-selector .dropdown-content-item {
    max-height: 400px;
    overflow-y: auto; }
  .items-select-panel .single-item-selector .dropdown-menu {
    width: 55%; }
    .items-select-panel .single-item-selector .dropdown-menu-item {
      border-bottom: 0; }

.items-panel {
  color: #404040; }
  .items-panel .items-title {
    color: #404040;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5rem;
    max-height: 3rem;
    min-height: 3rem;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis; }
    @media (max-width: 767.98px) {
      .items-panel .items-title {
        line-height: 1.25rem;
        max-height: 3.75rem;
        min-height: 3.75rem;
        overflow: hidden;
        display: block;
        display: -webkit-box;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis; } }
  .items-panel .items-panel-price {
    font-size: 0.875rem; }
    .items-panel .items-panel-price .price {
      color: #2f6279;
      font-weight: 600; }

.item-color {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 1px solid transparent;
  background: #fff;
  display: inline-block;
  opacity: 0.8; }
  .item-color:hover, .item-color:focus {
    opacity: 1; }
  .item-color.selected-color {
    position: relative;
    opacity: 1; }
    .item-color.selected-color:after {
      content: "";
      height: 20px;
      width: 20px;
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 100%;
      background: transparent;
      border: 3px solid #45566E;
      transform-origin: center;
      transform: translate(-50%, -50%); }

.items-placeholder {
  background: #c9c9c9;
  width: 100%;
  height: 100%;
  display: block; }
  .items-placeholder::before {
    content: '\5C1A\672A\6709\5716\7247';
    font-size: 2em;
    transform: translate(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    color: #818181; }
  .items-placeholder img {
    position: relative; }

.pagination .page-item {
  color: #2f6279; }
  .pagination .page-item .page-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px;
    width: 30px;
    height: 32px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    font-size: .875rem;
    color: #2f6279; }
  .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
    background: #e0e7eb;
    font-weight: 700;
    border-radius: 4px; }
  .pagination .page-item .page-prev-prev svg {
    transform: rotate(-180deg); }
  .pagination .page-item .page-prev-next, .pagination .page-item .page-prev-prev {
    background: transparent;
    color: #2f6279; }

.pagination .page-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0.2rem; }
  .pagination .page-number .page-item {
    margin: 0 4px;
    color: #2f6279; }
    .pagination .page-number .page-item .page-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 30px;
      height: 32px;
      background: transparent;
      transition: none;
      text-align: center;
      border-radius: 4px;
      color: #2f6279; }
    .pagination .page-number .page-item.active .page-link, .pagination .page-number .page-item:hover .page-link {
      background: #e0e7eb;
      font-weight: 700; }

.panel-cart {
  color: #45566E; }
  .panel-cart .cart-collapse {
    background: transparent;
    border: none; }
  .panel-cart .card-header a {
    color: #45566E;
    font-size: 0.875rem; }
    .panel-cart .card-header a:hover, .panel-cart .card-header a:focus {
      text-decoration: none; }
  .panel-cart p, .panel-cart label {
    font-size: 0.875rem; }
  .panel-cart .item-form .item-color-title, .panel-cart .item-form label {
    font-size: 0.7875rem; }
  .panel-cart .item-package h6, .panel-cart .item-package label, .panel-cart .item-package textarea {
    font-size: 0.7875rem; }
  .panel-cart .item-package .package-title {
    font-size: 0.9625rem;
    border-bottom: 1px solid #c9c9c9; }
  .panel-cart .item-package .package-img {
    margin-left: -1.5em; }
  .panel-cart .item-package textarea.form-control {
    border-color: transparent; }
  .panel-cart .item-package::-webkit-input-placeholder {
    color: #999999;
    font-size: 0.7875rem; }
  .panel-cart .item-package:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
    font-size: 0.7875rem; }
  .panel-cart .item-package::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
    font-size: 0.7875rem; }
  .panel-cart .item-package:-ms-input-placeholder {
    color: #999999;
    font-size: 0.7875rem; }
  .panel-cart .gifts-title-icon {
    padding: 0.8rem 0.5rem;
    background: #C7405B;
    color: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center; }
  .panel-cart a.text-main-color-light-navy {
    text-decoration: underline; }
    .panel-cart a.text-main-color-light-navy:hover, .panel-cart a.text-main-color-light-navy:focus {
      color: #45566E; }
  .panel-cart .order-amount {
    font-size: 0.875rem; }
    .panel-cart .order-amount.list-group-flush .list-group-item {
      padding: 0.25rem;
      border: none; }
    .panel-cart .order-amount.list-group-flush .total-order {
      border-top: 1px solid #45566E;
      font-size: 1.05rem; }

.split-section {
  color: #45566E; }
  .split-section .split-placeholder, .split-section .split-step {
    font-family: "Rasa", "Noto Serif", serif; }
    .split-section .split-placeholder .step, .split-section .split-step .step {
      background: #eeedec; }
      .split-section .split-placeholder .step.active, .split-section .split-step .step.active {
        background: #45566E;
        color: #eeedec; }
    .split-section .split-placeholder h4, .split-section .split-step h4 {
      line-height: 1.5em; }
  .split-section .split-list p {
    margin-bottom: 0;
    font-size: 0.875rem; }
  .split-section .split-list a p {
    color: #45566E; }
  .split-section .split-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.5em; }
  .split-section .split-content .card-content p {
    color: #91979D; }
  .split-section .split-content .split-user {
    position: relative; }
    .split-section .split-content .split-user .close {
      position: absolute;
      bottom: 0;
      right: 0; }
    .split-section .split-content .split-user.none-user {
      opacity: 0.5; }

.tooltip.bs-tooltip-top .arrow {
  border-top-color: #45566E;
  color: #45566E; }
  .tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #45566E; }

.tooltip.bs-tooltip-top .tooltip-inner {
  background-color: #45566E;
  color: #FFFFFF; }
  .tooltip.bs-tooltip-top .tooltip-inner p {
    margin-bottom: 0; }

.ivu-poptip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }

.custom-tooltip-container .ivu-tooltip-inner, .custom-tooltip-container .ivu-poptip-body {
  padding: .5rem 0; }

.custom-tooltip-container .tooltip-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .custom-tooltip-container .tooltip-content header {
    border-bottom: 0.5px solid #f0f0f0;
    padding: 0 1rem .5rem 1rem;
    padding-bottom: 0.5rem;
    color: #2f6279;
    font-size: .75rem;
    font-weight: 500; }
    .custom-tooltip-container .tooltip-content header.price-header {
      color: #82A1AF; }
      .custom-tooltip-container .tooltip-content header.price-header b {
        margin-right: 2px;
        color: #2f6279; }
  .custom-tooltip-container .tooltip-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .custom-tooltip-container .tooltip-content li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 200px; }
    .custom-tooltip-container .tooltip-content li + li {
      margin-top: 1rem; }
  .custom-tooltip-container .tooltip-content .content {
    padding: .5rem 1rem 0 1rem; }
    .custom-tooltip-container .tooltip-content .content li, .custom-tooltip-container .tooltip-content .content p, .custom-tooltip-container .tooltip-content .content a {
      font-size: .75rem;
      font-weight: 400; }
    .custom-tooltip-container .tooltip-content .content + header {
      margin-top: 1rem; }
  .custom-tooltip-container .tooltip-content .pic {
    display: block;
    width: 40px; }
  .custom-tooltip-container .tooltip-content .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: 8px;
    width: calc(100% - 48px); }
    .custom-tooltip-container .tooltip-content .info span, .custom-tooltip-container .tooltip-content .info p {
      font-size: .75rem;
      font-weight: 500;
      color: #2f6279;
      white-space: normal; }
  .custom-tooltip-container .tooltip-content .ivu-progress-inner {
    background: rgba(47, 98, 121, 0.2); }

.noUi-handle {
  background: #c7cfd2;
  box-shadow: none;
  color: #ffffff;
  border: none;
  width: 20px !important; }
  .noUi-handle::before, .noUi-handle::after {
    background: #dfe4e6;
    width: 2px;
    border-radius: 2px; }
  .noUi-handle::before {
    left: 6px;
    height: 8px; }
  .noUi-handle::after {
    height: 8px;
    left: 12px; }

.noUi-horizontal {
  height: 3px !important;
  outline-color: transparent; }
  .noUi-horizontal:focus {
    outline: rgba(0, 0, 0, 0) auto 0px; }
  .noUi-horizontal .noUi-handle {
    height: 20px;
    top: -9px;
    left: -9px; }

.noUi-connect {
  background: #e3e3e3;
  box-shadow: none;
  /*&::before,&::after{
        background: $sub-gray;
        width: 2px;
        border-radius: 2px;
        content: "";
        display: block;
        position: absolute;
        height: 9px;
        top: 4px;
    }
    &::before{
        left: 48%;
    }
    &::after{
        right: 48%;
    }*/ }
  .noUi-connect:before, .noUi-connect:after {
    display: none !important; }

.noUi-target {
  border: none;
  background: #333F50;
  box-shadow: none; }

.noUi-base:focus, .noUi-horizontal:focus, .noUi-handle:focus {
  outline: rgba(0, 0, 0, 0) auto 0px; }

.load-box {
  position: absolute;
  background: #e3e3e3;
  top: 0;
  left: 0;
  z-index: 9999; }
  .load-box .loading-bro {
    margin: 50px auto;
    width: 150px; }
    .load-box .loading-bro > h1 {
      text-align: center;
      font-size: 2.5em;
      margin-bottom: 1em;
      font-weight: 300;
      color: #8E8E8E; }
    .load-box .loading-bro #load {
      width: 150px;
      animation: loading 3s linear infinite; }
      .load-box .loading-bro #load #loading-inner {
        stroke-dashoffset: 0;
        stroke-dasharray: 300;
        stroke-width: 10;
        stroke-miterlimit: 10;
        stroke-linecap: round;
        animation: loading-circle 2s linear infinite;
        stroke: #45566E;
        fill: transparent; }

.sub-info-item-box.loading-skeleton.gray {
  position: relative;
  padding: 0.5rem 0;
  background: #fafafa; }
  .sub-info-item-box.loading-skeleton.gray::before {
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-position: -400px 0;
    background-repeat: no-repeat;
    animation: m 1.5s infinite;
    top: 0;
    left: 0; }
  .sub-info-item-box.loading-skeleton.gray .sub-info-item {
    margin-left: .5rem;
    width: calc(100% - 1rem);
    height: 20px;
    background-color: #f0f0f0; }
    .sub-info-item-box.loading-skeleton.gray .sub-info-item + .sub-info-item {
      margin-top: 0.5rem; }

.break {
  word-break: break-all; }

.fee-modal .modal-header {
  border-bottom: 1px solid #d6dce2; }

.fee-modal .modal-footer {
  border-top: 1px solid #d6dce2; }

.blur-img .blur {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  filter: blur(50px); }

.blur-img img {
  z-index: 2;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

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

@keyframes loading {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes loading-circle {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -600; } }

@media (max-width: 767.98px) {
  .navbar {
    padding: 0 .5rem; }
  .navbar-2 {
    position: relative; }
    .navbar-2 .dropdown {
      position: inherit; }
      .navbar-2 .dropdown .dropdown-menu {
        width: 100vw;
        position: absolute;
        border: none;
        border-radius: 0;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); }
  #item-list-content {
    padding-left: 0;
    padding-right: 0; }
  .cbp-spmenu-left {
    position: fixed;
    left: -1000px;
    top: 0;
    z-index: 100001;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%; }
    .cbp-spmenu-left.open {
      left: 0;
      transition: all 0.3s ease; }
    .cbp-spmenu-left #closeLeft,
    .cbp-spmenu-left #closeFilterLeft {
      color: #2f6279;
      font-size: 1.575rem;
      padding: 0.5rem 0; }
    .cbp-spmenu-left #navbar-left,
    .cbp-spmenu-left #filter-menu-left {
      display: block;
      left: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
      box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 0px;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      width: 100vw;
      height: 100%;
      max-height: 100%;
      padding: 0px 0px;
      overflow: scroll;
      transition: box-shadow .3s; }
    .cbp-spmenu-left.open #navbar-left,
    .cbp-spmenu-left.open #filter-menu-left {
      box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 0px; }
    .cbp-spmenu-left .navbar-left-main {
      width: calc(100vw - 6rem);
      height: 100%;
      max-height: 100vh;
      overflow-y: scroll;
      background: #fafafa; }
    .cbp-spmenu-left .navbar-left .nav-item {
      line-height: 1.5em;
      border-top: 1px solid #dbdbdb; }
      .cbp-spmenu-left .navbar-left .nav-item .nav-link {
        font-size: 0.9rem;
        letter-spacing: 1px;
        color: #404040;
        padding: 10px;
        font-weight: 500;
        margin: 0;
        padding: 10px 1.65rem; }
    .cbp-spmenu-left .navbar-left .navbar-nav {
      width: 100%; }
      .cbp-spmenu-left .navbar-left .navbar-nav .dropdown {
        width: 100%; }
        .cbp-spmenu-left .navbar-left .navbar-nav .dropdown > .nav-link {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-align: center;
              align-items: center; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown > .nav-link:hover {
            background: rgba(47, 98, 121, 0.2); }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown > .nav-link .up-icon {
            display: none; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown > .nav-link.nav-title {
            color: #868686; }
            .cbp-spmenu-left .navbar-left .navbar-nav .dropdown > .nav-link.nav-title:hover {
              background: unset; }
        .cbp-spmenu-left .navbar-left .navbar-nav .dropdown.show {
          transition: all 0.3s ease; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown.show > .nav-link {
            background: rgba(47, 98, 121, 0.2); }
            .cbp-spmenu-left .navbar-left .navbar-nav .dropdown.show > .nav-link .up-icon {
              display: block; }
            .cbp-spmenu-left .navbar-left .navbar-nav .dropdown.show > .nav-link .down-icon {
              display: none; }
        .cbp-spmenu-left .navbar-left .navbar-nav .dropdown .dropdown-menu, .cbp-spmenu-left .navbar-left .navbar-nav .dropdown .dropdown-menu.show {
          border: none;
          border-radius: 0;
          background: transparent; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown .dropdown-menu .mega-navbar-menu-container, .cbp-spmenu-left .navbar-left .navbar-nav .dropdown .dropdown-menu.show .mega-navbar-menu-container {
            width: 100%;
            max-width: 100%; }
        .cbp-spmenu-left .navbar-left .navbar-nav .dropdown ul {
          list-style-type: none;
          padding-left: 0;
          line-height: 1.8em;
          color: #333F50;
          font-size: 0.7875rem; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown ul .menu-title {
            text-decoration: none;
            color: #666;
            font-size: 0.8rem;
            padding: 10px 24px 10px 30px;
            border-top: 1px solid #dbdbdb; }
          .cbp-spmenu-left .navbar-left .navbar-nav .dropdown ul a {
            color: #666; }
            .cbp-spmenu-left .navbar-left .navbar-nav .dropdown ul a:hover, .cbp-spmenu-left .navbar-left .navbar-nav .dropdown ul a:focus {
              text-decoration: none;
              color: #45566E; }
    .cbp-spmenu-left #filter-menu-left .navbar-left-main {
      background: #fff;
      width: calc(100vw - 3rem); }
    .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container {
      max-width: calc(100vw - 3rem); }
      .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .show-more {
        text-decoration: underline;
        font-weight: 500;
        text-align: center;
        padding: 0.6rem; }
      .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .navbar-nav {
        padding: 0 0.6rem; }
        .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .navbar-nav .nav-item {
          margin-bottom: 1.2rem; }
          .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .navbar-nav .nav-item section {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-pack: start;
                justify-content: flex-start;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
          .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .navbar-nav .nav-item.category section, .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .navbar-nav .nav-item.brand section {
            height: 100px;
            overflow: hidden; }
      .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .btn-unfilter-tag {
        border: 1px solid #f0f0f0;
        box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043); }
      .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container .content-container {
        height: calc(100% - 140px);
        overflow-y: auto; }
      .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container.phone-filter-container {
        height: 100%; }
        .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container.phone-filter-container .dropdown-menu-footer {
          width: 100%;
          text-align: center;
          padding: 1rem 0; }
          .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container.phone-filter-container .dropdown-menu-footer .btn {
            width: 8rem;
            height: 52px;
            font-size: 16px; }
            .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container.phone-filter-container .dropdown-menu-footer .btn-cancel {
              width: 8rem;
              background: #fff;
              color: #404040;
              border: 1px solid #f0f0f0;
              margin-right: 0.8rem; }
              .cbp-spmenu-left #filter-menu-left .cbp-spmenu-s2-container.phone-filter-container .dropdown-menu-footer .btn-cancel:hover {
                background: #fafafa;
                border-color: #2f6279;
                color: #2f6279; } }

/**
 * 共用組件 共用樣式
 */
select:required:invalid {
  color: #999999; }

option[value=""][disabled] {
  display: none; }

.notify-modal {
  margin-top: unset;
  margin: auto;
  height: 100vh;
  width: 343px;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #404040; }
  .notify-modal .notify-modal-body {
    border-radius: 8px;
    border: none; }
  .notify-modal .info-icon {
    margin-right: 12px; }
    .notify-modal .info-icon svg {
      width: 24px;
      height: 24px;
      fill: #2f6279; }
  .notify-modal .inform-icon {
    display: none;
    margin-right: 12px; }
    .notify-modal .inform-icon svg {
      width: 24px;
      height: 24px;
      fill: #404040; }
  .notify-modal .notify-body {
    padding: 24px 16px; }
  .notify-modal .notify-modal-footer {
    padding: 12px 16px;
    border-top: 1px solid #e9ecef; }

.bootstrap-slide-modal {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  height: 100dvh;
  width: 48%;
  max-width: 468px;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
  z-index: 1080;
  pointer-events: none;
  -ms-flex-align: stretch;
      align-items: stretch; }
  @media screen and (max-width: 767px) {
    .bootstrap-slide-modal {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      max-height: 565px;
      height: unset;
      max-height: 80dvh;
      bottom: 0;
      top: unset;
      transform: translateY(100%) !important; } }
  .bootstrap-slide-modal .bootstrap-slide-modal-body {
    height: 100dvh;
    border-radius: 0;
    box-shadow: -2px 0 16px rgba(0, 0, 0, 0.08);
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media screen and (max-width: 767px) {
      .bootstrap-slide-modal .bootstrap-slide-modal-body {
        height: unset;
        max-height: 80dvh; } }
    .bootstrap-slide-modal .bootstrap-slide-modal-body .bootstrap-slide-modal-title {
      display: -ms-flexbox;
      display: flex;
      padding: 24px 16px 20px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch; }
      .bootstrap-slide-modal .bootstrap-slide-modal-body .bootstrap-slide-modal-title svg path {
        fill: black; }
    .bootstrap-slide-modal .bootstrap-slide-modal-body .bootstrap-slide-modal-content {
      -ms-flex-positive: 1;
          flex-grow: 1;
      overflow: auto;
      padding: 0px 16px; }

.modal.show .bootstrap-slide-modal {
  transform: translateX(0) !important;
  pointer-events: auto; }
  @media screen and (max-width: 767px) {
    .modal.show .bootstrap-slide-modal {
      transform: translateY(0%) !important; } }

.input-wrapper {
  margin-bottom: 16px; }
  .input-wrapper .input-container {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .input-wrapper .input-container input {
      height: 40px;
      width: 100%; }
    .input-wrapper .input-container .input-after-icon {
      position: absolute;
      right: 12px;
      top: 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .input-wrapper .input-container .input-after-icon svg {
        width: 16px;
        height: 16px; }
      .input-wrapper .input-container .input-after-icon.grey svg path {
        fill: #8c8c8c; }
  .input-wrapper .hint-text {
    margin-top: 0.25rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #8c8c8c; }

.marais-datepicker {
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  border: 0.5px solid #dbdbdb;
  border-radius: 0.2rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.marais-datepicker:focus {
  outline: none;
  box-shadow: rgba(47, 98, 121, 0.15) 0px 0px 0px 2px; }

.air-datepicker-global-container .air-datepicker {
  font-family: 'Noto Sans', 'Noto Sans TC', source-han-sans-traditional, "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4", STHeiti, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.air-datepicker-global-container .air-datepicker-body--day-name {
  color: #2f6279; }

.air-datepicker-global-container .air-datepicker-cell.-current- {
  color: #B68E55; }

.air-datepicker-global-container .air-datepicker-cell.-selected- {
  background: #2f6279;
  color: #ffffff; }
  .air-datepicker-global-container .air-datepicker-cell.-selected-.-current- {
    background: #2f6279;
    color: #ffffff; }
  .air-datepicker-global-container .air-datepicker-cell.-selected-.-month- {
    background: #2f6279;
    color: #ffffff; }
  .air-datepicker-global-container .air-datepicker-cell.-selected-.-year- {
    background: #2f6279;
    color: #ffffff; }
  .air-datepicker-global-container .air-datepicker-cell.-selected-:hover {
    background: #598194; }
  .air-datepicker-global-container .air-datepicker-cell.-selected-.-focus- {
    background: #2f6279; }

.my-swal2-popup {
  border-radius: 24px !important;
  padding: 40px !important; }
  .my-swal2-popup .my-swal2-image {
    margin: 0px 0px 10px 0px !important; }
  .my-swal2-popup .my-swal2-title {
    display: block !important;
    margin-bottom: 0px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #666666 !important; }
  @media screen and (max-width: 575px) {
    .my-swal2-popup {
      padding: 28px !important; }
      .my-swal2-popup .my-swal2-title {
        font-size: 14px !important;
        line-height: 20px !important; }
      .my-swal2-popup .my-swal2-image {
        width: 40px !important;
        height: auto !important;
        margin: 0px 0px 12px 0px !important; } }

.normal-tab {
  display: -ms-flexbox;
  display: flex;
  list-style-type: none; }
  .normal-tab .tab-item {
    color: #868686;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 1;
        flex: 1;
    padding: 0.5rem 0;
    margin-top: 15px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff; }
    .normal-tab .tab-item.active {
      color: #2f6279;
      border-color: #2f6279; }

.normal-description ul {
  list-style-type: none; }
  .normal-description ul li {
    display: -ms-flexbox;
    display: flex; }
    .normal-description ul li::before {
      content: "\25CF";
      font-size: 4px;
      margin: auto 8px; }

.swal-modal {
  width: auto;
  padding: 4px 100px;
  border-radius: 24px; }

.swal-content {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: #666666; }
  .swal-content img {
    width: 60px;
    height: 60px; }

.swal-content:last-child {
  margin-bottom: 0px; }

.view-design-slide-modal.ivu-modal-wrap {
  /* 彈窗主體進場動畫 */ }
  .view-design-slide-modal.ivu-modal-wrap .slide-animation-enter-active {
    animation: slideInRight 0.3s ease forwards; }
  .view-design-slide-modal.ivu-modal-wrap .slide-animation-leave-active {
    animation: slideOutRight 0.3s ease forwards; }

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideOutRight {
  from {
    transform: translateX(0);
    opacity: 1; }
  to {
    transform: translateX(100%);
    opacity: 0; } }
  @media screen and (max-width: 767px) {
    .view-design-slide-modal.ivu-modal-wrap {
      top: unset;
      /* 彈窗主體進場動畫 */ }
      .view-design-slide-modal.ivu-modal-wrap .slide-animation-enter-active {
        animation: slideInBottom 0.3s ease forwards; }
      .view-design-slide-modal.ivu-modal-wrap .slide-animation-leave-active {
        animation: slideOutBottom 0.3s ease forwards; }
    @keyframes slideInBottom {
      from {
        transform: translateY(100%);
        opacity: 0; }
      to {
        transform: translateY(0);
        opacity: 1; } }
    @keyframes slideOutBottom {
      from {
        transform: translateY(0);
        opacity: 1; }
      to {
        transform: translateY(100%);
        opacity: 0; } } }
  .view-design-slide-modal.ivu-modal-wrap .ivu-modal {
    width: 100%;
    margin: 0px;
    top: unset;
    bottom: 0px; }
    @media screen and (min-width: 768px) {
      .view-design-slide-modal.ivu-modal-wrap .ivu-modal {
        width: 40% !important;
        max-width: 468px !important;
        height: 100dvh;
        margin-left: auto; } }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .ivu-modal-body {
      -ms-flex-positive: 1;
          flex-grow: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      overflow: auto; }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .ivu-modal-content {
      border-radius: 0px; }
      @media screen and (min-width: 768px) {
        .view-design-slide-modal.ivu-modal-wrap .ivu-modal .ivu-modal-content {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: justify;
              justify-content: space-between;
          height: 100%;
          border-radius: 0px; } }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .slide-modal-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 24px 16px;
      color: #000;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px; }
      @media screen and (max-width: 767px) {
        .view-design-slide-modal.ivu-modal-wrap .ivu-modal .slide-modal-title {
          padding: 24px 16px 12px; } }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .slide-modal-body {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 0px 16px;
      gap: 16px;
      overflow: auto; }
      @media screen and (max-width: 767px) {
        .view-design-slide-modal.ivu-modal-wrap .ivu-modal .slide-modal-body {
          height: unset;
          max-height: 54dvh; } }
      .view-design-slide-modal.ivu-modal-wrap .ivu-modal .slide-modal-body .slide-modal__item {
        width: 100%;
        padding: 16px;
        border-radius: 8px; }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .ivu-modal-body {
      padding: 0px; }
    .view-design-slide-modal.ivu-modal-wrap .ivu-modal .ivu-modal-footer {
      border-top: none; }

.custom-radio {
  display: -ms-flexbox;
  display: flex; }
  .custom-radio label {
    margin-bottom: 0; }
  .custom-radio input[type="radio"] {
    z-index: -1;
    opacity: 0; }
  .custom-radio input[type="radio"] + label {
    position: relative;
    border: 2px solid #dbdbdb;
    margin: 0 6px 0 0;
    width: 20px;
    height: 20px;
    background: #fafafa;
    border-radius: 2px;
    box-shadow: none;
    display: inline-block;
    z-index: 1;
    border-radius: 0 !important; }
  .custom-radio input[type="radio"]:checked + label {
    background: #fafafa; }
    .custom-radio input[type="radio"]:checked + label::after {
      display: block;
      background: #2F6279;
      width: 10px;
      height: 10px;
      content: "";
      border-radius: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0; }
  .custom-radio .form-check-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0; }
    .custom-radio .form-check-label + .form-check-label {
      margin-left: 16px; }

.ma-radio-wrapper {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  cursor: pointer; }
  .ma-radio-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .ma-radio-wrapper .ma-radio {
    min-width: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    display: inline-block;
    position: relative;
    box-sizing: border-box; }
    .ma-radio-wrapper .ma-radio::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) scale(0);
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #2f6279;
      transition: transform 0.12s ease; }
  .ma-radio-wrapper input[type="radio"]:checked + .ma-radio::after {
    transform: translate(-50%, -50%) scale(1); }

.custom-checkbox-wrapper {
  position: relative; }
  .custom-checkbox-wrapper label > * {
    pointer-events: none; }
  .custom-checkbox-wrapper input[type="checkbox"] {
    visibility: hidden; }
    .custom-checkbox-wrapper input[type="checkbox"]:disabled ~ .label-content * {
      text-decoration: line-through; }
    .custom-checkbox-wrapper input[type="checkbox"]:disabled ~ .checkmark {
      border-color: #d9d9d9;
      background: #d9d9d9; }
      .custom-checkbox-wrapper input[type="checkbox"]:disabled ~ .checkmark svg {
        display: block; }
        .custom-checkbox-wrapper input[type="checkbox"]:disabled ~ .checkmark svg path {
          stroke: #ffffff; }
    .custom-checkbox-wrapper input[type="checkbox"]:checked:not(:disabled) ~ .label-content {
      color: #2f6279; }
    .custom-checkbox-wrapper input[type="checkbox"]:checked:not(:disabled) ~ .label-content * {
      color: #2f6279; }
    .custom-checkbox-wrapper input[type="checkbox"]:checked:not(:disabled) ~ .checkmark {
      background: #2f6279;
      border-color: #2f6279; }
      .custom-checkbox-wrapper input[type="checkbox"]:checked:not(:disabled) ~ .checkmark svg {
        display: block; }
        .custom-checkbox-wrapper input[type="checkbox"]:checked:not(:disabled) ~ .checkmark svg path {
          stroke: #FFF; }
    .custom-checkbox-wrapper input[type="checkbox"].check-all:checked ~ .checkmark {
      border-color: blue; }
      .custom-checkbox-wrapper input[type="checkbox"].check-all:checked ~ .checkmark::after {
        display: block;
        background: blue; }
  .custom-checkbox-wrapper .checkmark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #d9d9d9;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: #FFF;
    z-index: 1;
    cursor: pointer; }
    .custom-checkbox-wrapper .checkmark svg {
      display: none; }
    .custom-checkbox-wrapper .checkmark.check-all-mark::after {
      content: '';
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 8px;
      height: 2px;
      background: #000; }

select.custom-select {
  display: block;
  padding: 0.25rem 0.5rem;
  background: #fff url(https://www.storemarais-image.com/public/assets/images/custom_select_arrow.svg) no-repeat right 18px center !important;
  background-size: 14px 14px !important; }

.jstree-default {
  font-size: 0.875rem; }

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl,
.jstree-icon.jstree-themeicon,
.jstree-icon.jstree-ocl {
  display: none; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background: #fff;
  padding: 3px; }

.jstree-default .jstree-icon:empty {
  height: 18px;
  width: 18px;
  margin: 2px 5px 2px 0; }

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
  border: 1px solid #dee4e6; }

.jstree-default .jstree-wholerow-clicked {
  background: transparent; }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background: #5f6977;
  border: 1px solid #dee4e6; }
  .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before,
  .jstree-default .jstree-checked > .jstree-checkbox:before {
    border: 3px solid #fff;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

.color-checkbox {
  width: 100%;
  font-size: 0.875rem;
  padding-left: 1.4rem; }
  .color-checkbox label.box {
    height: 18px;
    width: 18px;
    background: #ffffff;
    box-shadow: none;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 4px;
    z-index: 1;
    border: 1px solid #dee4e6; }
    .color-checkbox label.box:after {
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      top: 0px;
      left: 0px;
      border: 3px solid #fff;
      background: #5f6977;
      opacity: 0;
      /*transform: rotate(-45deg);*/ }
    .color-checkbox label.box.item-color {
      border-radius: 100%; }
      .color-checkbox label.box.item-color:after {
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0px;
        left: 0px;
        border: 3px solid rgba(255, 255, 255, 0.8);
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0; }
  .color-checkbox input[type="checkbox"] {
    opacity: 0;
    position: relative;
    z-index: 2; }
    .color-checkbox input[type="checkbox"]:checked + label:after {
      opacity: 1; }

.cart-radio {
  font-size: 0.875rem; }
  .cart-radio input[type="radio"] {
    opacity: 0;
    position: relative;
    z-index: 2; }
    .cart-radio input[type="radio"]:checked + label:after {
      opacity: 1; }

li.promo-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  li.promo-item.flexend {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  li.promo-item.isRed.used .tag {
    background: #ad5151; }
    li.promo-item.isRed.used .tag + p, li.promo-item.isRed.used .tag + a {
      color: #ad5151; }
  li.promo-item.isRed.used .promo-title-tag-group > p, li.promo-item.isRed.used .promo-title-tag-group > a {
    color: #ad5151; }
  li.promo-item.isRed.used .sale-item__promo-tag {
    background: rgba(173, 81, 81, 0.1); }
    li.promo-item.isRed.used .sale-item__promo-tag span {
      color: #ad5151; }
  li.promo-item.isCheckout {
    -ms-flex-pack: start;
        justify-content: flex-start; }
    li.promo-item.isCheckout.used .tag {
      background: #ad5151; }
    li.promo-item.isCheckout.used p, li.promo-item.isCheckout.used a {
      color: #ad5151; }
    li.promo-item.isCheckout + li {
      padding-top: 8px; }
    li.promo-item.isCheckout:last-child {
      margin-bottom: 8px; }
    li.promo-item.isCheckout .title-group {
      padding-right: 8px;
      width: calc(100% - 70px); }
  li.promo-item + li {
    padding-top: 4px; }
  li.promo-item p, li.promo-item a {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    word-break: break-all; }
  li.promo-item.usable .tag {
    background: #999999; }
    li.promo-item.usable .tag + p, li.promo-item.usable .tag + a {
      color: #404040; }
  li.promo-item.usable .promo-title-tag-group > p, li.promo-item.usable .promo-title-tag-group > a {
    color: #404040; }
  li.promo-item.usable .sale-item__promo-tag {
    background: #f0f0f0; }
    li.promo-item.usable .sale-item__promo-tag span {
      color: #666666; }
  li.promo-item.usable a:hover {
    text-decoration: underline; }
  li.promo-item.used .tag {
    background: #2f6279; }
  li.promo-item.used p, li.promo-item.used a {
    color: #2f6279; }
  li.promo-item.used a:hover {
    text-decoration: underline; }
  li.promo-item .title-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
  li.promo-item .tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 8px 0 0;
    border: none;
    width: 46px;
    height: 20px;
    border-radius: 12px 12px 12px 0px; }
    li.promo-item .tag span {
      color: #fff;
      font-size: 12px;
      font-weight: 500; }
  li.promo-item .tag {
    margin-top: 4px;
    margin-bottom: 4px; }
  li.promo-item .promo-title-tag-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    width: calc(100% - 46px); }
    li.promo-item .promo-title-tag-group > * {
      margin-top: 4px;
      margin-bottom: 4px; }
  li.promo-item .promo-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 120px;
    text-align: right;
    color: #ad5151;
    font-weight: 500; }
    li.promo-item .promo-price span {
      padding: 0 2px;
      border-radius: 4px;
      background: #F7EEEE;
      color: #ad5151;
      font-size: 12px; }
  li.promo-item .ivu-tooltip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

@media screen and (max-width: 500px) {
  li.promo-item {
    -ms-flex-align: start;
        align-items: flex-start; }
    li.promo-item.isCheckout .promo-price {
      margin-left: auto; }
    li.promo-item.isCheckout .title-group {
      -ms-flex-pack: start;
          justify-content: flex-start; } }

.promo-gift-list {
  padding: 8px 0;
  width: 100%; }
  .promo-gift-list.cart {
    margin-top: 24px; }
  .promo-gift-list h6 {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    text-align: left; }
  .promo-gift-list li.gift-item {
    display: -ms-flexbox;
    display: flex;
    padding: 8px; }
    .promo-gift-list li.gift-item .pic {
      width: 86px;
      border-radius: 4px;
      overflow: hidden; }
      .promo-gift-list li.gift-item .pic a {
        display: block; }
      .promo-gift-list li.gift-item .pic img {
        width: 100%; }
      .promo-gift-list li.gift-item .pic .default-gift-image img {
        width: auto; }
    .promo-gift-list li.gift-item .txt {
      padding-left: 8px;
      width: calc(100% - 86px);
      text-align: left; }
      .promo-gift-list li.gift-item .txt a {
        display: block;
        color: #404040;
        font-size: 14px; }
      .promo-gift-list li.gift-item .txt span {
        color: #666666;
        font-size: .75rem; }

@media screen and (max-width: 768px) {
  .promo-gift-list li.gift-item .pic {
    width: 55px; } }

.parallax-box {
  position: relative;
  z-index: 10; }

.parallax-box #item-list-content .item .promo-tag {
  display: none; }

.parallax-box.open-true #item-list-content .item .promo-tag {
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 767.98px) {
  .sale-event {
    margin-top: 16px; } }

.sale-event-banner {
  position: relative;
  top: 0;
  margin-left: -15px;
  margin-right: -15px; }
  @media (max-width: 767.98px) {
    .sale-event-banner {
      top: 0; } }
  .sale-event-banner img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: center center;
    display: block;
    transform-origin: top; }
  @media (min-width: 2000px) {
    .sale-event-banner {
      margin-left: auto;
      margin-right: auto;
      max-width: 2000px; } }

.sale-event-top-container {
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid #dbdbdb; }
  @media (max-width: 769px) {
    .sale-event-top-container.coupon-type {
      position: relative;
      padding-bottom: 60px; } }

.sale-event-upper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%; }
  .sale-event-upper-context {
    margin-bottom: 24px;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  @media (max-width: 767.98px) {
    .sale-event-upper {
      display: block; } }

.sale-event-box {
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  padding: 0px 8px; }
  @media (max-width: 767.98px) {
    .sale-event-box {
      margin-left: 0;
      margin-right: 0; } }
  .sale-event-box-sub-title {
    color: #c74250;
    margin-top: 8px; }
  .sale-event-box-content {
    margin-bottom: 24px; }

.sale-event-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 8px; }
  .sale-event-date img {
    width: 20px;
    height: 20px; }
  .sale-event-date .txt {
    font-size: 1.25rem;
    padding-left: .5rem; }

.sale-event .height-only-42 {
  max-height: 42px;
  overflow: hidden; }

.sale-event .expand-btn {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-decoration: underline; }

.sale-event .close-btn {
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-decoration: underline; }

.sale-event .coupon-event-btn .icon-coupon {
  margin-right: 4px; }
  .sale-event .coupon-event-btn .icon-coupon svg {
    vertical-align: middle; }

@media (max-width: 500px) {
  .sale-event-box h2 {
    font-size: 1.25rem; }
  .sale-event-box li, .sale-event-box a > span {
    font-size: .875rem; }
  .sale-event-date .txt {
    font-size: .875rem; } }

.coupon {
  margin: 0 8px;
  margin-bottom: -20px;
  background-color: #f5f7f8; }
  .coupon .parallax-box {
    position: relative;
    z-index: 10; }
    @media (max-width: 500px) {
      .coupon .parallax-box {
        margin-top: 16px;
        margin-bottom: 64px; } }
    .coupon .parallax-box.no-cover-image .coupon-event-top-container {
      padding-top: 20px;
      padding-bottom: 20px; }
  .coupon .parallax-box #item-list-content .item .promo-tag {
    display: none; }
  .coupon .parallax-box.open-true #item-list-content .item .promo-tag {
    display: -ms-flexbox;
    display: flex; }
  .coupon .item-list-filter {
    background-color: transparent; }
    @media (max-width: 500px) {
      .coupon .item-list-filter {
        background-color: #f5f7f8; } }

.coupon-event-banner {
  position: relative;
  top: 0;
  margin-left: -15px;
  margin-right: -15px; }
  @media (max-width: 767.98px) {
    .coupon-event-banner {
      top: 0; } }
  .coupon-event-banner img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: center center;
    display: block;
    transform-origin: top; }
  @media (min-width: 2000px) {
    .coupon-event-banner {
      margin-left: auto;
      margin-right: auto;
      max-width: 2000px; } }

.coupon-event-top-container {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 1rem 0.5rem; }
  @media (max-width: 500px) {
    .coupon-event-top-container {
      min-height: 120px;
      padding: 20px 0 72px; } }

.coupon-event-description-container {
  width: 100%;
  padding: 0 0.5rem;
  margin-top: 1.5rem;
  word-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #404040; }
  @media (max-width: 500px) {
    .coupon-event-description-container {
      margin-top: 1rem;
      padding-left: 0;
      padding-right: 0; } }

.coupon-event-value {
  width: 178px;
  padding: 1.5rem;
  border-radius: 16px 0 0 16px;
  text-align: center;
  font-size: 2.125rem;
  color: #2f6279;
  font-weight: 700;
  line-height: 2.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  background: radial-gradient(circle at top left, #FFF, #FFF 0) top left, radial-gradient(circle at top right, transparent 10px, #FFF 0) top right, radial-gradient(circle at bottom right, transparent 10px, #FFF 0) bottom right, radial-gradient(circle at bottom left, #FFF, #FFF 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat; }
  @media (max-width: 500px) {
    .coupon-event-value {
      padding: 10px;
      width: 80px;
      font-size: 1rem;
      line-height: 1.375rem; } }

.coupon-event-dot {
  position: absolute;
  width: 4px;
  left: -2px;
  top: 50%;
  transform: translateY(-50%); }

.coupon-event-content {
  width: calc(100% - 178px);
  padding: 1.5rem;
  border-radius: 0 16px 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  background: radial-gradient(circle at top left, transparent 10px, #FFF 0) top left, radial-gradient(circle at top right, #FFF, #FFF 0) top right, radial-gradient(circle at bottom right, #FFF, #FFF 0) bottom right, radial-gradient(circle at bottom left, transparent 10px, #FFF 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat; }
  .coupon-event-content header.title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #404040; }
    @media (min-width: 700px) {
      .coupon-event-content header.title {
        margin-right: 140px; } }
  .coupon-event-content .subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #666666;
    word-wrap: break-word;
    width: 87%; }
  @media (max-width: 500px) {
    .coupon-event-content {
      padding: 10px;
      width: calc(100% - 80px);
      font-size: 1rem;
      line-height: 1.375rem; }
      .coupon-event-content header.title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 0.5rem; }
      .coupon-event-content .subtitle {
        font-size: 0.75rem;
        line-height: 1.125rem; } }

.coupon-event-box {
  width: 100%; }

.coupon-event-top-group, .coupon-event-bottom-group {
  width: 100%; }

.coupon-event-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1rem; }
  .coupon-event-date .txt {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-left: .5rem;
    color: #404040;
    font-weight: 500; }
  @media (max-width: 500px) {
    .coupon-event-date {
      margin-top: 0.5rem; }
      .coupon-event-date img {
        width: 1rem;
        height: 1rem; }
      .coupon-event-date .txt {
        font-size: 0.75rem;
        line-height: 1.125rem; } }

.coupon-event-btn {
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 24px; }
  @media (max-width: 769px) {
    .coupon-event-btn {
      position: absolute;
      width: calc(100vw - 48px);
      bottom: 0; } }
  .coupon-event-btn.disabled {
    background: #bfbfbf;
    color: #fafafa;
    opacity: 1; }

.common-event {
  min-height: calc(100vh - 345.5px);
  background: #f5f7f8;
  color: #2f6279;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Noto Sans'; }
  .common-event-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    width: 100%;
    margin: 60px 141px 93px;
    padding: 80px 13% 98px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 1px 1px 8px 0px rgba(47, 98, 121, 0.04), 1px 1px 4px 0px rgba(47, 98, 121, 0.02); }
    .common-event-container-title {
      color: #d5dfe4;
      font-size: 40px;
      font-weight: 700;
      line-height: 56px;
      margin-bottom: 12px; }
    .common-event-container-text {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
      margin-bottom: 36px; }
      .common-event-container-text p:nth-child(2) {
        margin-top: 4px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px; }
    .common-event-container-btn {
      width: 148px;
      height: 50px;
      font-size: 16px;
      z-index: 2; }
    .common-event-container .icon-left {
      position: absolute;
      left: -86px;
      top: -35px; }
      .common-event-container .icon-left svg {
        width: 240px;
        height: 240px;
        opacity: 0.04;
        transform: rotate(16deg); }
    .common-event-container .icon-right {
      position: absolute;
      right: -95px;
      top: -106px;
      width: 668px; }
      .common-event-container .icon-right img {
        width: 100%; }
    @media (max-width: 768px) {
      .common-event-container {
        margin: 42px 24px 84px;
        padding: 64px 26px 170px;
        min-height: 412px;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .common-event-container-text {
          margin-bottom: 30px; }
        .common-event-container .icon-left {
          display: none; }
        .common-event-container .icon-right {
          width: 324px;
          bottom: -89px;
          top: unset;
          right: -81px; } }

:root {
  --top-nav-marquee-sm-height: 32px;
  --top-nav-header-sm-height: 50.3px;
  --top-nav-l0-group-sm-height: 37px;
  --top-nav-bottom-sm-height: 54px; }

body {
  background: #fff;
  font-family: "Noto Sans", "Noto Sans TC", source-han-sans-traditional, "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4", STHeiti, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  padding-top: calc( var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height));
  color: #404040;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  body.in-marais-app {
    padding-block: 0 !important;
    --top-nav-marquee-sm-height: 0px;
    --top-nav-header-sm-height: 0px;
    --top-nav-l0-group-sm-height: 0px;
    --top-nav-bottom-sm-height: 0px; }
  body.no-scroll {
    overflow: hidden; }
  body .provider-font-size {
    font-size: 0.875rem; }
  body:has(.orientation-index) {
    padding-top: calc( var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height)); }
    body:has(.orientation-index) .nav-top-area .nav-header {
      -ms-flex-pack: center;
          justify-content: center; }
      body:has(.orientation-index) .nav-top-area .nav-header .m-logo {
        margin-right: 0;
        margin-left: 0;
        -ms-flex-pack: center;
            justify-content: center; }
    body:has(.orientation-index) .nav-top-area .l0-group {
      display: none; }
    body:has(.orientation-index) .nav-top-area .top-icon-group {
      display: none; }
    body:has(.orientation-index) .nav-bottom-area {
      display: none; }
  @media (max-width: 768px) {
    body {
      padding-bottom: 54px; }
      body:has(.new-category-sale-items), body:not(:has(.shop-nav-mob .l0-group)) {
        --top-nav-l0-group-sm-height: 0px; }
      body:not(:has(.flagship)) {
        padding-top: calc( var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height) + var(--top-nav-l0-group-sm-height)); } }

#item-list-content .item {
  cursor: pointer; }

#LINE-btn {
  position: fixed;
  bottom: 7.8rem;
  right: 1rem;
  z-index: 100;
  cursor: pointer;
  border-radius: 50rem;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16); }
  #LINE-btn > img {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50rem; }

.form-control:focus,
.btn:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 2px rgba(47, 98, 121, 0.15); }

.form-control {
  border-color: #dbdbdb; }

@media (max-width: 575.98px) {
  .item:hover .item-overlay, .item:focus .item-overlay {
    background: transparent; }
    .item:hover .item-overlay .item-detail-button, .item:focus .item-overlay .item-detail-button {
      display: none; }
  .provider-font-size {
    font-size: 0.76562rem; } }

[v-cloak] {
  display: none !important; }

.modal-backdrop.show {
  opacity: 0.3 !important; }

body:has(.sale-item-mainpage) .nav-bottom-area {
  display: none; }

body:has(#cart-page) .nav-bottom-area {
  display: none; }

@media screen and (max-width: 500px) {
  body:has(#cart-page) .global-footer-a {
    display: none; } }

body:has(.checkout-page) .nav-bottom-area {
  display: none; }

@media screen and (max-width: 500px) {
  body:has(.checkout-page) .global-footer-a {
    display: none; } }

body:has(.gift-suggess) .global-footer-a {
  display: none; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.cart__container .ivu-checkbox-wrapper-checked.ivu-checkbox-border {
  border: 0;
  font-weight: 600;
  padding: 0; }

.cart__container .ivu-checkbox-checked .ivu-checkbox-inner {
  border-color: #2F6279;
  background-color: #2F6279; }

.cart__container .form-group label {
  color: #999999; }

.cart__container .form-group .label-text {
  color: #5e5e5e; }

.cart__container .form-control:focus {
  border-color: rgba(0, 0, 0, 0.15); }

.cart__container .cart-table {
  width: 100%;
  color: #404040; }

.cart__container .cart-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border-bottom: 1px solid #bfbfbf;
  padding: 10px 0;
  text-align: center;
  font-size: 1rem;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .cart__container .cart-header div {
    -ms-flex: 1;
        flex: 1; }
    .cart__container .cart-header div:nth-child(1) {
      -ms-flex: 2;
          flex: 2; }
    .cart__container .cart-header div:nth-child(2) {
      -ms-flex: 4;
          flex: 4; }

.cart__container .cart-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-bottom: 0.5px solid #e9e9e9;
  text-align: center;
  font-size: 1rem;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px 0; }
  .cart__container .cart-item:last-child {
    border-bottom: none; }
  .cart__container .cart-item .pic {
    border-radius: 4px;
    overflow: hidden; }
  .cart__container .cart-item .info {
    text-align: left; }
    .cart__container .cart-item .info-item-text {
      margin-left: 20px;
      margin-bottom: 0;
      color: #404040;
      font-size: 15px;
      display: block;
      font-weight: 500; }
      .cart__container .cart-item .info-item-text:hover {
        text-decoration: underline; }
      .cart__container .cart-item .info-item-text .info-item-tag {
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 4px 6px;
        -ms-flex-align: start;
            align-items: flex-start;
        border-radius: 4px;
        background: #f5efdf;
        color: #b68e55;
        text-align: center;
        font-size: 14px;
        line-height: 20px; }
    .cart__container .cart-item .info-item-spec {
      margin-left: 20px;
      margin-bottom: 4px;
      color: #808080; }
      .cart__container .cart-item .info-item-spec.preorder-info {
        background: rgba(173, 81, 81, 0.1);
        color: #AD5151;
        font-size: 0.8rem;
        font-weight: 700;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.3rem 0.4rem; }
        .cart__container .cart-item .info-item-spec.preorder-info > span {
          text-decoration: underline; }
    .cart__container .cart-item .info-item-sku {
      margin-left: 20px;
      color: #808080; }
    .cart__container .cart-item .info-item {
      margin-left: 20px;
      border-left: 1px dashed #ccc;
      padding: 4px 0 2px 6px; }
      .cart__container .cart-item .info-item .coupon-text {
        font-size: 0.8rem; }
    .cart__container .cart-item .info img {
      float: left;
      width: 160px; }
    .cart__container .cart-item .info .big-shipping__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      color: #2f6279;
      font-size: 0.8rem; }
    .cart__container .cart-item .info .big-shipping__icon {
      width: 13px;
      height: 12px;
      margin-right: 0.2rem; }
    .cart__container .cart-item .info .item-coupon__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 0.6rem; }
    .cart__container .cart-item .info .item-coupon__icon {
      width: 27px;
      height: 18px;
      margin-right: 0.5rem; }
    .cart__container .cart-item .info .giveaway__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 0.6rem; }
    .cart__container .cart-item .info .giveaway__icon {
      background: rgba(47, 98, 121, 0.4);
      font-size: 0.8rem;
      padding: 0.1rem 0.25rem;
      border-radius: 0.2rem;
      color: #fff;
      margin-right: 0.2rem;
      line-height: normal; }
    .cart__container .cart-item .info .giveaway__text {
      color: #666;
      font-size: 0.9rem; }
  .cart__container .cart-item .info-bar {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 10px 16px;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-radius: 4px;
    background: #eaeff2;
    font-size: 14px;
    line-height: 20px;
    color: #2F6279;
    margin-bottom: 20px; }
    .cart__container .cart-item .info-bar svg path {
      fill: #2F6279; }
  .cart__container .cart-item__main, .cart__container .cart-item__sp {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    text-align: center;
    font-size: 1rem;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
    padding-bottom: 8px; }
    .cart__container .cart-item__main .cart-item__info-group, .cart__container .cart-item__sp .cart-item__info-group {
      -ms-flex: 2;
          flex: 2; }
  .cart__container .cart-item__buytogether {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    text-align: center;
    font-size: 1rem;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
    position: relative;
    padding: 8px 0; }
    .cart__container .cart-item__buytogether::before {
      content: '';
      top: -1px;
      right: 0;
      position: absolute;
      width: 100%;
      height: 0.5px;
      background-color: #e9e9e9; }
    .cart__container .cart-item__buytogether .info-item-buytogether {
      margin-left: 20px;
      margin-bottom: 6px;
      color: #35647d;
      font-size: 15px;
      display: block; }
    .cart__container .cart-item__buytogether .info-item-text {
      margin-bottom: 6px;
      color: #404040;
      font-size: 15px;
      display: block; }
      .cart__container .cart-item__buytogether .info-item-text:hover {
        cursor: unset;
        text-decoration: none; }
    .cart__container .cart-item__buytogether .info-item-spec {
      margin-bottom: 6px;
      color: #808080; }
    .cart__container .cart-item__buytogether .info-item-sku {
      margin-bottom: 6px;
      color: #808080; }
    .cart__container .cart-item__buytogether .info-item {
      margin-left: 180px;
      border-left: 1px dashed #ccc;
      padding: 4px 0 2px 6px; }
    .cart__container .cart-item__buytogether .info img {
      float: left;
      width: 55px; }
    .cart__container .cart-item__buytogether .cart-item__empty {
      -ms-flex: 2;
          flex: 2; }
    .cart__container .cart-item__buytogether .cart-item__detail-group {
      -ms-flex: 8;
          flex: 8; }
    .cart__container .cart-item__buytogether .cart-item__detail .info {
      -ms-flex: 3;
          flex: 3; }
  .cart__container .cart-item__info-group {
    -ms-flex: 1;
        flex: 1; }
    .cart__container .cart-item__info-group a {
      display: block; }
    .cart__container .cart-item__info-group img {
      width: 100%; }
  .cart__container .cart-item__info {
    display: none; }
  .cart__container .cart-item__detail-group {
    -ms-flex: 9;
        flex: 9; }
  .cart__container .cart-item__detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .cart__container .cart-item__detail > div {
      -ms-flex: 1;
          flex: 1; }
    .cart__container .cart-item__detail .info {
      -ms-flex: 4;
          flex: 4;
      text-align: left; }
  .cart__container .cart-item__promo {
    margin-top: 12px;
    text-align: left; }
    .cart__container .cart-item__promo .coupon-promo-item .btn-outline-danger-default {
      color: #c74250;
      border: 1px solid #c74250;
      margin-top: 8px; }
    .cart__container .cart-item__promo ol {
      margin-left: 20px;
      list-style: none; }
    .cart__container .cart-item__promo.checkout ol {
      margin-left: 0; }
    .cart__container .cart-item__promo .used-coupon-wrapper {
      margin-top: 8px; }
    .cart__container .cart-item__promo .used-coupon-d {
      display: -ms-flexbox;
      display: flex; }
    .cart__container .cart-item__promo .used-coupon-m {
      display: none; }
  .cart__container .cart-item__title {
    display: none; }
  .cart__container .cart-item button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    cursor: pointer; }
    .cart__container .cart-item button.close {
      float: none; }
  .cart__container .cart-item select {
    overflow: hidden; }
    .cart__container .cart-item select option {
      overflow: hidden; }
  .cart__container .cart-item .gift-text {
    cursor: pointer;
    color: #35647d;
    text-decoration: underline; }
  .cart__container .cart-item .gift-btn {
    display: unset;
    width: 26px;
    height: auto;
    cursor: pointer; }
  .cart__container .cart-item .form-control {
    width: auto;
    display: unset; }
    .cart__container .cart-item .form-control:focus {
      border-color: rgba(0, 0, 0, 0.15); }
  .cart__container .cart-item .unit-price__discount {
    color: #404040; }
  .cart__container .cart-item .unit-price__original {
    color: #808080;
    font-size: 12px;
    text-decoration: line-through; }

.cart__container .cart-new-promotion .promo-title-tag-group > p, .cart__container .cart-new-promotion .promo-title-tag-group > a, .cart__container .cart-item__promo .promo-title-tag-group > p, .cart__container .cart-item__promo .promo-title-tag-group > a {
  padding-right: 8px; }

.cart__container .cart-new-promotion {
  margin: 24px 0; }

.cart__container .cart-promotion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 1.8rem 0; }
  .cart__container .cart-promotion__icon {
    width: 25px;
    height: auto; }
  .cart__container .cart-promotion__text {
    color: #666;
    font-size: 0.9rem; }
  .cart__container .cart-promotion__desc {
    padding-left: 14px;
    color: #999999; }

.cart__container .cart-checkout {
  background-color: #fff;
  box-shadow: inset 0px 1.5px 1px #f0f0f0; }
  .cart__container .cart-checkout .btn.navy-transparent {
    color: #2F6279;
    border: 1px solid #2F6279;
    background: transparent; }
  .cart__container .cart-checkout .big-shipping__item,
  .cart__container .cart-checkout .cart-coupon__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    margin: 0.8rem 0; }
    .cart__container .cart-checkout .big-shipping__item select.form-control,
    .cart__container .cart-checkout .cart-coupon__item select.form-control {
      width: 50%;
      height: 40px;
      margin-left: 0.4rem; }
  .cart__container .cart-checkout .big-shipping__icon,
  .cart__container .cart-checkout .cart-coupon__icon {
    width: 30px;
    height: 1rem;
    margin-right: 0.8rem; }
  .cart__container .cart-checkout .big-shipping__text,
  .cart__container .cart-checkout .cart-coupon__text {
    font-size: 0.9rem;
    color: #666; }
  .cart__container .cart-checkout .cart-coupon__text {
    cursor: pointer; }
    .cart__container .cart-checkout .cart-coupon__text:hover {
      text-decoration: underline; }
  .cart__container .cart-checkout__title {
    font-size: 1.2rem;
    color: #404040;
    margin-top: 1rem;
    padding-top: .5rem;
    padding-bottom: 1rem; }
  .cart__container .cart-checkout__subtotal-group {
    border-top: 0.5px solid #dbdbdb;
    border-bottom: 0.5px solid #dbdbdb;
    padding: 1rem 0; }
  .cart__container .cart-checkout__subtotal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    color: #404040;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-weight: 500; }
    .cart__container .cart-checkout__subtotal.dp {
      font-size: 12px;
      font-weight: 500;
      color: #666666;
      line-height: 1; }
    .cart__container .cart-checkout__subtotal.final {
      border-top: 1px solid #dbdbdb;
      margin-top: 1rem;
      margin-bottom: 0rem;
      padding: 0.5rem 0; }
  .cart__container .cart-checkout__ship-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 40px;
    padding: 10px 16px;
    gap: 8px;
    border-radius: 4px;
    background: #eaeff2;
    margin-bottom: 12px;
    color: #2f6279; }
    .cart__container .cart-checkout__ship-date svg {
      width: 16px; }
      .cart__container .cart-checkout__ship-date svg path {
        fill: #2f6279 !important; }
  .cart__container .cart-checkout__max-discount {
    color: #2F6279;
    font-size: 12px;
    margin-bottom: 16px;
    text-align: right; }
  .cart__container .cart-checkout__subtext {
    color: #ccc; }
  .cart__container .cart-checkout__discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    color: #404040;
    font-size: 0.9rem;
    margin: 0.5rem 0; }
    .cart__container .cart-checkout__discount .title-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-left: auto;
      padding-right: 8px;
      width: calc(100% - 120px); }
      .cart__container .cart-checkout__discount .title-group span {
        font-weight: 500;
        color: #AD5151;
        font-size: 0.9em;
        line-height: 1.4;
        word-break: break-all; }
      .cart__container .cart-checkout__discount .title-group + span {
        margin-left: 0;
        width: 120px;
        text-align: right;
        font-size: .875rem; }
  .cart__container .cart-checkout__discounttext {
    color: #404040;
    font-weight: 500; }
  .cart__container .cart-checkout__discountprice {
    margin-left: 1rem;
    color: #AD5151;
    font-weight: 500; }

.cart__container .cart-title {
  font-size: 1rem;
  color: #404040;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #bfbfbf; }
  .cart__container .cart-title.border-0 {
    border: 0; }

.cart__container .cart-radio {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.6rem 0.6rem;
  background-color: #fff;
  border: 1px solid #f0f0f0; }
  .cart__container .cart-radio .default-card, .cart__container .cart-radio .default-text {
    color: #999999;
    font-size: 0.7rem; }
    .cart__container .cart-radio .default-card-btn, .cart__container .cart-radio .default-text-btn {
      color: #2F6279;
      cursor: pointer; }
      .cart__container .cart-radio .default-card-btn:hover, .cart__container .cart-radio .default-text-btn:hover {
        text-decoration: underline; }
  .cart__container .cart-radio h6 {
    font-size: 0.9rem;
    color: #404040; }
  .cart__container .cart-radio label {
    margin: 0; }
  .cart__container .cart-radio .form-check-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 1rem;
    width: 100%; }

.cart__container .cart-default-card, .cart__container .cart-home-shipping {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: calc(20px + 1rem);
  padding-right: 1rem;
  background: #fff;
  border: 1px solid #f0f0f0;
  color: #5e5e5e; }
  .cart__container .cart-default-card .form-check-label, .cart__container .cart-home-shipping .form-check-label {
    padding-left: 0.5rem; }
  .cart__container .cart-default-card .default-card, .cart__container .cart-default-card .default-text, .cart__container .cart-home-shipping .default-card, .cart__container .cart-home-shipping .default-text {
    color: #5e5e5e;
    font-size: 0.7rem; }
    .cart__container .cart-default-card .default-card-btn, .cart__container .cart-default-card .default-text-btn, .cart__container .cart-home-shipping .default-card-btn, .cart__container .cart-home-shipping .default-text-btn {
      color: #35647d;
      cursor: pointer; }
      .cart__container .cart-default-card .default-card-btn:hover, .cart__container .cart-default-card .default-text-btn:hover, .cart__container .cart-home-shipping .default-card-btn:hover, .cart__container .cart-home-shipping .default-text-btn:hover {
        text-decoration: underline; }
  .cart__container .cart-default-card.view-box, .cart__container .cart-default-card.edit-box, .cart__container .cart-home-shipping.view-box, .cart__container .cart-home-shipping.edit-box {
    padding-left: 32px;
    padding-right: 32px;
    background: #F0F2F5; }
    .cart__container .cart-default-card.view-box label, .cart__container .cart-default-card.view-box span, .cart__container .cart-default-card.edit-box label, .cart__container .cart-default-card.edit-box span, .cart__container .cart-home-shipping.view-box label, .cart__container .cart-home-shipping.view-box span, .cart__container .cart-home-shipping.edit-box label, .cart__container .cart-home-shipping.edit-box span {
      font-weight: 500; }
  .cart__container .cart-default-card.view-box > span, .cart__container .cart-home-shipping.view-box > span {
    font-size: .875rem;
    font-weight: 500; }
  .cart__container .cart-default-card.edit-box, .cart__container .cart-home-shipping.edit-box {
    padding-bottom: 1.5rem; }
    .cart__container .cart-default-card.edit-box .custom-select, .cart__container .cart-home-shipping.edit-box .custom-select {
      padding: 10px 16px;
      max-width: 25%;
      min-width: 180px; }
    .cart__container .cart-default-card.edit-box .form-group, .cart__container .cart-home-shipping.edit-box .form-group {
      margin-bottom: 0px; }
      .cart__container .cart-default-card.edit-box .form-group + .form-group, .cart__container .cart-home-shipping.edit-box .form-group + .form-group {
        margin-top: 1rem; }
      .cart__container .cart-default-card.edit-box .form-group.btn-group, .cart__container .cart-home-shipping.edit-box .form-group.btn-group {
        margin-top: 1.375rem; }

.cart__container .cart-home-shipping__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }

.cart__container .cart-home-shipping__text {
  color: #404040;
  font-size: 0.9rem; }

.cart__container .cart-default-text {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem;
  color: #5e5e5e;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .cart__container .cart-default-text.card-list {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0; }
    .cart__container .cart-default-text.card-list .cart-radio {
      border-top: 0;
      width: 100%;
      padding: 0.6rem 0 0.6rem 1.12rem; }
  .cart__container .cart-default-text.customer-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%; }
  .cart__container .cart-default-text .default-card-btn {
    color: #2F6279;
    cursor: pointer;
    font-weight: 500;
    margin-left: 0.4rem; }
    .cart__container .cart-default-text .default-card-btn:hover {
      text-decoration: underline; }

.cart__container .default-text {
  color: #999999;
  font-size: 0.8rem; }

.cart__container .cart-no-item-box {
  display: -ms-flexbox;
  display: flex;
  max-width: 1320px;
  padding: 24px 60px;
  margin: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 60px; }
  @media screen and (max-width: 768px) {
    .cart__container .cart-no-item-box {
      padding: 0px; } }
  .cart__container .cart-no-item-box .no-item-text {
    display: -ms-flexbox;
    display: flex;
    padding: 100px 20px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    justify-self: center;
    gap: 12px; }
    .cart__container .cart-no-item-box .no-item-text .no-item-text-title {
      font-size: 20px;
      color: #000;
      font-weight: 400; }
    .cart__container .cart-no-item-box .no-item-text .no-item-text-content {
      font-size: 14px;
      color: #666666;
      font-weight: 400; }

.cart__container .fixed-checkout-btn-block {
  margin-top: 12px; }
  @media screen and (max-width: 500px) {
    .cart__container .fixed-checkout-btn-block {
      margin-top: 0px;
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      padding: 12px 16px;
      background-color: white;
      z-index: 30;
      border-top: 1px solid #f0f0f0; } }

.cart__container button {
  cursor: pointer; }
  .cart__container button:disabled {
    cursor: not-allowed; }

.cart__container .btn {
  height: 44px; }
  .cart__container .btn:focus {
    border-color: rgba(47, 98, 121, 0.8);
    box-shadow: 0 0 0 3px rgba(47, 98, 121, 0.25); }
  .cart__container .btn.btn-nopayment {
    background: #fff;
    color: #404040;
    border: 1px solid #f0f0f0;
    pointer-events: none; }
  .cart__container .btn.default {
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    color: #404040; }
  .cart__container .btn-s {
    border-radius: 4px;
    padding: 5px 12px 5px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    height: unset; }
  .cart__container .btn-outline-default {
    border: 1px solid #dbdbdb;
    background: #fafafa;
    color: #404040;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
    .cart__container .btn-outline-default:hover {
      border: 1px solid #999999; }

.cart__container .invoice__select-wrap {
  margin-left: 0;
  padding: 8px 16px; }

.cart__container .invoice__select {
  padding: 6px 16px;
  height: 32px !important;
  max-width: 25%; }

.cart__container .invoice__save-carrier {
  margin-top: 10px; }
  .cart__container .invoice__save-carrier label {
    margin-bottom: 0; }

.cart__container .invoice .confirm-btn-group {
  padding-top: 6px; }

.cart__container .cart-main .promo-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 2px;
  background: #e0e7eb;
  border-radius: 4px; }
  .cart__container .cart-main .promo-tag.sold-out {
    padding: .16rem .75rem; }
  .cart__container .cart-main .promo-tag.red {
    background: #f7eeee; }
    .cart__container .cart-main .promo-tag.red > span, .cart__container .cart-main .promo-tag.red .icon-group > span {
      color: #AD5151; }
  .cart__container .cart-main .promo-tag.grey {
    background: #f0f0f0; }
    .cart__container .cart-main .promo-tag.grey > span, .cart__container .cart-main .promo-tag.grey .icon-group > span {
      color: #666666; }
  .cart__container .cart-main .promo-tag.exclude-point-tag > span {
    color: #AD5151;
    margin-left: 0px;
    padding: 0 2px;
    font-weight: 500; }
  .cart__container .cart-main .promo-tag > span, .cart__container .cart-main .promo-tag .icon-group > span {
    font-size: .75rem;
    color: #2F6279; }
  .cart__container .cart-main .promo-tag .icon-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .cart__container .cart-main .promo-tag .icon-group.cart > span {
      margin-left: 4px; }
  .cart__container .cart-main .promo-tag .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-left: .25rem; }
  .cart__container .cart-main .promo-tag + .promo-tag {
    margin-left: 4px; }

.cart-item__promo-tooltip-list .pic > img {
  border: 0.5px solid #dbdbdb;
  border-radius: 4px; }

.ivu-modal .btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  height: 44px; }
  .ivu-modal .btn:disabled {
    cursor: not-allowed; }

.discount-modal__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #404040;
  margin: 0.5rem 0; }

.discount-modal__header {
  font-weight: 600;
  font-size: 1rem;
  margin: 0.5rem 0; }

.discount-modal__content {
  padding: 0.8rem;
  background: #fafafa;
  border-radius: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .discount-modal__content .cart-radio {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 0.6rem 0; }
    .discount-modal__content .cart-radio .default-card, .discount-modal__content .cart-radio .default-text {
      color: #999999;
      font-size: 0.7rem; }
      .discount-modal__content .cart-radio .default-card-btn, .discount-modal__content .cart-radio .default-text-btn {
        color: #35647d;
        cursor: pointer; }
        .discount-modal__content .cart-radio .default-card-btn:hover, .discount-modal__content .cart-radio .default-text-btn:hover {
          text-decoration: underline; }
    .discount-modal__content .cart-radio h6 {
      font-size: 0.9rem;
      color: #404040;
      margin-bottom: 0.4rem; }
    .discount-modal__content .cart-radio label {
      margin: 0; }
    .discount-modal__content .cart-radio .form-check-label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-bottom: 0;
      padding-left: 1rem;
      width: 100%; }

.discount-modal__discount {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.swal-title {
  color: #404040;
  font-size: 1.5rem; }

.swal-content {
  color: #404040; }

.swal-footer {
  text-align: center; }

.swal-button--confirm {
  background-color: #2F6279;
  color: #fafafa; }
  .swal-button--confirm:active {
    background-color: #2F6279; }
  .swal-button--confirm:focus {
    box-shadow: none; }
  .swal-button--confirm:not([disabled]):hover {
    background-color: rgba(47, 98, 121, 0.8); }

#coupon-modal .modal-dialog {
  max-width: 600px; }

#coupon-modal .modal-body {
  max-height: calc(480px - 132px);
  overflow-y: auto; }
  @media screen and (max-width: 500px) {
    #coupon-modal .modal-body {
      max-height: calc(450px - 132px); } }

.store-shipping-method {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border: 1px solid #F0F0F0;
  background: #FFF; }
  .store-shipping-method .store-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 8px;
    -ms-flex-item-align: stretch;
        align-self: stretch; }
    .store-shipping-method .store-info .store-icon {
      width: 20px;
      height: 20px; }
    .store-shipping-method .store-info .store-info-text {
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .store-shipping-method .store-info .store-name {
      font-size: 14px;
      color: #000; }
    .store-shipping-method .store-info .store-address {
      color: #2F6279;
      font-size: 12px;
      line-height: 18px;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline; }
  .store-shipping-method .store-desc {
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 12px;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: #eaeff2;
    color: #000; }

.address-modal__container .address-modal__item {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  border: 1.2px solid #000;
  cursor: pointer; }

.store-modal__container .store-modal-hint {
  padding: 0px 16px 24px;
  color: #666666;
  font-size: 14px;
  line-height: 20px; }

.store-modal__container .store-modal__item {
  cursor: pointer;
  border: 1.2px solid #d9d9d9; }
  .store-modal__container .store-modal__item.seleted {
    border: 1px solid #000; }
    .store-modal__container .store-modal__item.seleted .store-info {
      margin-bottom: 12px; }
  .store-modal__container .store-modal__item .store-info {
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
    .store-modal__container .store-modal__item .store-info .store-modal-address {
      font-size: 12px;
      line-height: 18px; }
  .store-modal__container .store-modal__item .store-desc {
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 12px;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: #f5f5f5;
    color: #000;
    border-radius: 4px; }

@media screen and (max-width: 1024px) {
  .steps__container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 0.5rem; }
    .steps__container .step-item {
      margin-bottom: 0.5rem; }
    .steps__container .step-arrow {
      display: none; }
  .cart__container .cart-header {
    display: none; }
  .cart__container .cart-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .cart__container .cart-item__info {
      display: block; }
    .cart__container .cart-item__info, .cart__container .cart-item__detail {
      width: 100%;
      -ms-flex: 1;
          flex: 1; }
      .cart__container .cart-item__info select.form-control, .cart__container .cart-item__detail select.form-control {
        width: 80%;
        height: 40px; }
    .cart__container .cart-item__detail .info {
      display: none; }
    .cart__container .cart-item__main {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
    .cart__container .cart-item__detail-group {
      -ms-flex: 1;
          flex: 1;
      width: 100%; }
    .cart__container .cart-item__buytogether {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      .cart__container .cart-item__buytogether::before {
        width: calc(100% - 0.65rem - 6px); }
      .cart__container .cart-item__buytogether .cart-item__detail-group {
        width: 100%; }
      .cart__container .cart-item__buytogether .cart-item__info-group, .cart__container .cart-item__buytogether .cart-item__title, .cart__container .cart-item__buytogether .cart-item__detail-group {
        margin-left: 0; }
      .cart__container .cart-item__buytogether .cart-item__info-group {
        padding: 6px 0 0 6px; }
        .cart__container .cart-item__buytogether .cart-item__info-group > .pic {
          width: 55px; }
    .cart__container .cart-item__info-group {
      display: -ms-flexbox;
      display: flex; }
      .cart__container .cart-item__info-group > .pic {
        width: 120px; }
    .cart__container .cart-item__promo ol {
      margin-left: 0; }
    .cart__container .cart-item__title {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      text-align: center;
      font-size: 0.8rem;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin: 0.4rem 0; }
      .cart__container .cart-item__title > .unit-title {
        -ms-flex: 1;
            flex: 1; }
  .cart__container .cart-promotion {
    -ms-flex-direction: column;
        flex-direction: column; }
  .cart__container .cart-radio .default-card-btn {
    font-size: 0.7rem; }
  .cart__container .cart-home-shipping {
    padding-left: 1.2rem;
    padding-right: 1rem; }
  .cart__container .cart-default-text {
    padding-right: 1rem; } }

@media screen and (max-width: 768px) {
  .cart__container .cart-default-card.edit-box .custom-select {
    max-width: 100%;
    min-width: auto; }
  .cart__container .cart-default-card.view-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .cart__container .cart-default-card.view-box span.email {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      box-orient: vertical;
      overflow: hidden;
      width: calc(100% - 30px);
      word-break: break-all; }
    .cart__container .cart-default-card.view-box span.edit-btn {
      display: block;
      width: 30px; }
  .cart__container .invoice__select {
    margin-left: 0;
    max-width: unset; } }

@media screen and (max-width: 500px) {
  .cart__container .cart-checkout__discount .title-group {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .cart__container .cart-default-card .cart__container .cart.edit-box, .cart__container .cart.view-box {
    padding-left: 28px;
    padding-right: 28px; }
  .cart__container .cart.edit-box .form-group {
    margin-bottom: 1rem; }
  .cart__container .cart-item__promo .used-coupon-d {
    display: none; }
  .cart__container .cart-item__promo .used-coupon-m {
    display: -ms-flexbox;
    display: flex; } }

@media screen and (max-width: 400px) {
  .cart__container .cart-item__detail select.form-control {
    padding-left: 2px;
    padding-right: 2px; } }

.demo-spin-fix {
  background: rgba(255, 255, 255, 0.7); }

.demo-spin-container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }

.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite; }

@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  to {
    transform: rotate(360deg); } }

.demo-spin-col {
  height: 100px;
  position: relative; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.shop-nav {
  position: fixed;
  inset: 0;
  z-index: 40;
  pointer-events: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .shop-nav.shop-nav-pc {
    display: none; }
    @media (min-width: 768px) {
      .shop-nav.shop-nav-pc {
        display: block; } }
  @media (min-width: 768px) {
    .shop-nav.shop-nav-mob {
      display: none; } }
  .shop-nav .full-bg-mask {
    display: none;
    background-color: rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 1;
    width: 100%;
    min-height: 100dvh; }
  .shop-nav .nav-marquee {
    position: relative;
    z-index: 5;
    min-height: 32px;
    background-color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    pointer-events: auto;
    color: #d9d9d9; }
    .shop-nav .nav-marquee .container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 16px minmax(0, 603px) 16px;
          grid-template-columns: 16px minmax(0, 603px) 16px;
      -ms-flex-pack: center;
          justify-content: center;
      margin-inline: auto; }
      .shop-nav .nav-marquee .container .btn-dev {
        display: none;
        position: absolute;
        top: 0;
        right: 0; }
      .shop-nav .nav-marquee .container .swiper-slide {
        width: 100% !important;
        -ms-flex-line-pack: center;
            align-content: center;
        text-align: center; }
      .shop-nav .nav-marquee .container .swiper-marquee {
        overflow: hidden;
        -ms-grid-column-span: 1;
        -ms-grid-column: 2;
            grid-column: 2 / span 1;
        -ms-grid-row-span: 1;
        -ms-grid-row: 1;
            grid-row: 1 / span 1; }
      .shop-nav .nav-marquee .container .swiper-marquee-mob {
        overflow: hidden; }
      .shop-nav .nav-marquee .container .btn-swiper-marquee-prev {
        -ms-grid-column-span: 1;
        -ms-grid-column: 1;
            grid-column: 1 / span 1;
        -ms-grid-row-span: 1;
        -ms-grid-row: 1;
            grid-row: 1 / span 1;
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        color: #fff;
        font-size: 16px;
        border: none;
        -ms-flex-order: -1;
            order: -1;
        cursor: pointer; }
        .shop-nav .nav-marquee .container .btn-swiper-marquee-prev:focus {
          outline: none; }
      .shop-nav .nav-marquee .container .btn-swiper-marquee-next {
        -ms-grid-column-span: 1;
        -ms-grid-column: 3;
            grid-column: 3 / span 1;
        -ms-grid-row-span: 1;
        -ms-grid-row: 1;
            grid-row: 1 / span 1;
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        color: #fff;
        font-size: 16px;
        border: none;
        cursor: pointer; }
        .shop-nav .nav-marquee .container .btn-swiper-marquee-next:focus {
          outline: none; }
  .shop-nav .search-dropdown {
    display: block !important;
    top: calc(100% + 36px) !important;
    height: auto;
    border: 1px solid #f0f0f0 !important;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px;
    position: absolute !important;
    left: -9999px !important; }
    @media (min-width: 768px) {
      .shop-nav .search-dropdown {
        position: absolute !important;
        transform: unset !important;
        top: 0px !important;
        left: -9999px !important;
        right: 140px !important;
        width: 440px;
        height: auto;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        z-index: 40; }
        .shop-nav .search-dropdown.show {
          left: unset !important; } }
    @media (max-width: 767px) {
      .shop-nav .search-dropdown.show {
        left: -28px !important;
        border-radius: 0;
        width: 100dvw; } }
    .shop-nav .search-dropdown.search-dropdown-mob {
      top: 100% !important;
      height: calc(100vh - 92px);
      transform: unset !important; }
    .shop-nav .search-dropdown .search-form {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 16px 16px 24px 16px;
      gap: 20px; }
      @media (max-width: 768px) {
        .shop-nav .search-dropdown .search-form {
          gap: 16px; } }
      .shop-nav .search-dropdown .search-form .search-input-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box {
          position: relative;
          -ms-flex-positive: 1;
              flex-grow: 1; }
          .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-icon {
            position: absolute;
            top: 13.5px;
            left: 12px; }
            .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-icon svg {
              width: 20px;
              height: 20px;
              fill: #2f6279; }
          .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-input {
            display: -ms-flexbox;
            display: flex;
            padding: 12px 36px;
            -ms-flex-align: center;
                align-items: center;
            gap: 4px;
            -ms-flex-item-align: stretch;
                align-self: stretch;
            border-radius: 23px;
            border: 1px solid #2f6279;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px; }
          .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-clear-icon {
            position: absolute;
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            top: 13.5px;
            right: 12px;
            width: 20px;
            height: 20px;
            border-radius: 10px; }
            .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-clear-icon:hover {
              background-color: #f0f0f0; }
            .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-clear-icon svg {
              width: 14px;
              height: 14px; }
              .shop-nav .search-dropdown .search-form .search-input-wrapper .search-input-box .search-clear-icon svg path {
                fill: #404040; }
        .shop-nav .search-dropdown .search-form .search-input-wrapper .dropdown-close-btn {
          color: #2f6279;
          margin-left: 16px;
          cursor: pointer; }
      .shop-nav .search-dropdown .search-form .search-suggestion {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 20px;
        max-height: calc(100dvh - 164px - 20px);
        overflow: auto;
        overscroll-behavior: contain; }
        @media (max-width: 768px) {
          .shop-nav .search-dropdown .search-form .search-suggestion {
            padding-bottom: 24px;
            gap: 16px; } }
        .shop-nav .search-dropdown .search-form .search-suggestion .search-history-header {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-align: center;
              align-items: center;
          padding-bottom: 4px; }
        .shop-nav .search-dropdown .search-form .search-suggestion .search-title {
          color: #404040; }
        .shop-nav .search-dropdown .search-form .search-suggestion .clear-history-btn {
          cursor: pointer; }
          .shop-nav .search-dropdown .search-form .search-suggestion .clear-history-btn:hover svg path {
            fill: #404040; }
        .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-align: center;
              align-items: center;
          padding: 8px 0;
          font-size: 14px;
          color: #666666;
          cursor: pointer; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-text-wrapper {
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            font-size: 14px;
            color: #666666;
            width: calc(100% - 28px); }
            .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-text-wrapper .search-text {
              -ms-flex-positive: 1;
                  flex-grow: 1;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-text-wrapper .search-icon {
              width: 20px;
              height: 20px; }
              .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-text-wrapper .search-icon svg {
                width: 20px;
                height: 20px; }
                .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-text-wrapper .search-icon svg path {
                  fill: #bfbfbf; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .suggestion-search-text-wrapper {
            width: calc(100% - 8px); }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-clear-icon {
            display: none;
            cursor: pointer;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            width: 20px;
            height: 20px; }
            @media (max-width: 768px) {
              .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-clear-icon {
                display: block; } }
            .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-clear-icon svg {
              width: 20px;
              height: 20px; }
              .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li .search-clear-icon svg path {
                fill: #8c8c8c; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li:hover .search-text-wrapper {
            color: #404040; }
            .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li:hover .search-text-wrapper svg path {
              fill: #404040; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-render-list li:hover .search-clear-icon {
            display: -ms-flexbox;
            display: flex; }
        .shop-nav .search-dropdown .search-form .search-suggestion .search-item-list {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          gap: 8px;
          margin-top: 12px; }
        .shop-nav .search-dropdown .search-form .search-suggestion .search-item {
          display: -ms-flexbox;
          display: flex;
          padding: 6px 12px;
          color: #404040;
          border-radius: 17px;
          border: 1px solid #d9d9d9;
          background: #fff; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-item:hover {
            border-radius: 16px;
            border: 1px solid #c1d0d7;
            background: #f5f7f8;
            color: #2f6279; }
          .shop-nav .search-dropdown .search-form .search-suggestion .search-item:active {
            background: #2f6279;
            color: #fff;
            border-color: #fff; }
  .shop-nav .cart-dropdown {
    padding: 0px !important;
    transform: translate3d(-140px, -6px, 0px) !important; }
    .shop-nav .cart-dropdown .cart-text {
      display: -ms-flexbox;
      display: flex;
      width: 186px;
      height: 46px;
      padding: 0 16px;
      -ms-flex-align: center;
          align-items: center;
      gap: 8px;
      color: #000; }
      .shop-nav .cart-dropdown .cart-text svg {
        width: 20px;
        height: 20px; }
      .shop-nav .cart-dropdown .cart-text:hover {
        background-color: #f5f7f8;
        color: #2f6279; }
        .shop-nav .cart-dropdown .cart-text:hover svg {
          fill: #2f6279; }
    .shop-nav .cart-dropdown .normal-cart-count {
      margin-left: auto; }
    .shop-nav .cart-dropdown .frozen-cart-count {
      margin-left: auto; }
  .shop-nav .nav-top-area {
    pointer-events: auto;
    position: relative;
    z-index: 30; }
    .shop-nav .nav-top-area ::-webkit-scrollbar {
      height: 0;
      display: none; }
    .shop-nav .nav-top-area .nav-header {
      background-color: #fff;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
      -ms-flex-align: center;
          align-items: center;
      position: relative;
      border-bottom: 1px solid #f0f0f0;
      height: 70px; }
      @media screen and (max-width: 768px) {
        .shop-nav .nav-top-area .nav-header {
          height: auto; } }
    .shop-nav .nav-top-area .m-logo {
      -ms-grid-row-span: 1;
      -ms-grid-row: 1;
          grid-row: 1 / span 1;
      min-width: 168px;
      background-color: #fff;
      justify-self: flex-start;
      -ms-flex-item-align: center;
          align-self: center;
      position: relative;
      z-index: 30;
      height: 69px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      @media screen and (max-width: 768px) {
        .shop-nav .nav-top-area .m-logo {
          -ms-flex-pack: center;
              justify-content: center;
          justify-self: center;
          height: 60px; } }
      .shop-nav .nav-top-area .m-logo .main-title {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden; }
      .shop-nav .nav-top-area .m-logo .logo-img-wrap {
        display: block;
        max-width: 144px;
        min-width: 144px; }
        @media screen and (max-width: 768px) {
          .shop-nav .nav-top-area .m-logo .logo-img-wrap {
            margin-top: -2px; } }
      .shop-nav .nav-top-area .m-logo img {
        width: 100%; }
    .shop-nav .nav-top-area .l0-group {
      -ms-grid-row-span: 1;
      -ms-grid-row: 2;
          grid-row: 2 / span 1;
      grid-column: 1/-1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #404040;
      overflow-x: auto;
      overflow-y: hidden;
      padding-inline: 16px;
      height: 36px; }
      @media screen and (max-width: 767px) {
        .shop-nav .nav-top-area .l0-group {
          height: 40px;
          -ms-flex-pack: justify;
              justify-content: space-between;
          position: relative; } }
    .shop-nav .nav-top-area .red-dot {
      position: absolute;
      top: 10px;
      right: -4px;
      width: 4px;
      height: 4px;
      background: #e00;
      border-radius: 50%;
      z-index: 2; }
    .shop-nav .nav-top-area .l0-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 16px;
      color: #404040;
      height: 40px;
      width: 100%;
      overflow-x: auto; }
    @media screen and (max-width: 767px) {
      .shop-nav .nav-top-area .l0-item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 40px; } }
    .shop-nav .nav-top-area .l0-item a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 4px; }
    .shop-nav .nav-top-area .l0-item .new-tag {
      height: 18px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 3px;
      color: #fff;
      font-size: 11px;
      font-weight: 400;
      border-radius: 3px;
      background: #C74250; }
    .shop-nav .nav-top-area .l0-item.item-active .l0-item-link {
      color: #404040;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .shop-nav .nav-top-area .l0-item.item-active .l0-item-link {
          padding: 0 2px; }
          .shop-nav .nav-top-area .l0-item.item-active .l0-item-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 1px;
            width: 100%;
            background-color: #2f6279;
            transform: scaleX(1);
            transform-origin: center;
            transition: transform 0.314s ease; } }
    .shop-nav .nav-top-area .l0-item .l0-item-link {
      width: -moz-max-content;
      width: max-content;
      text-wrap: nowrap;
      color: #8c8c8c;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      text-wrap: nowrap; }
      @media screen and (max-width: 767px) {
        .shop-nav .nav-top-area .l0-item .l0-item-link {
          font-size: 14px; } }
    .shop-nav .nav-top-area .l0-item .l1-panel {
      display: none; }
    .shop-nav .nav-top-area .l0-dropdown-arrow {
      background: #fff;
      transform: rotate(270deg);
      width: 24px;
      height: 24px;
      margin-left: 8px;
      transition: transform 0.4s ease;
      cursor: pointer; }
      .shop-nav .nav-top-area .l0-dropdown-arrow svg {
        width: 24px;
        height: 24px; }
        .shop-nav .nav-top-area .l0-dropdown-arrow svg path {
          fill: #666666; }
      .shop-nav .nav-top-area .l0-dropdown-arrow.up {
        transform: rotate(90deg); }
    .shop-nav .nav-top-area .l0-dropdown-label {
      color: #8C8C8C;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .shop-nav .nav-top-area .l0-dropdown-wrap {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      -webkit-padding-after: 16px;
              padding-block-end: 16px;
      background: #fff;
      visibility: hidden;
      pointer-events: none;
      -webkit-clip-path: inset(0 0 100% 0);
              clip-path: inset(0 0 100% 0);
      transition: visibility 0.4s ease, -webkit-clip-path 0.3s ease;
      transition: clip-path 0.3s ease, visibility 0.4s ease;
      transition: clip-path 0.3s ease, visibility 0.4s ease, -webkit-clip-path 0.3s ease;
      z-index: 1000; }
      .shop-nav .nav-top-area .l0-dropdown-wrap.show {
        visibility: visible;
        pointer-events: auto;
        -webkit-clip-path: inset(0 0 0% 0);
                clip-path: inset(0 0 0% 0); }
    .shop-nav .nav-top-area .l0-dropdown-mask {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100dvh;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      pointer-events: none;
      z-index: 1000; }
      .shop-nav .nav-top-area .l0-dropdown-mask.show {
        opacity: 1;
        pointer-events: auto; }
    .shop-nav .nav-top-area .l0-dropdown-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 16px;
      padding-bottom: 0;
      border-top: 1px solid #f0f0f0;
      overflow-y: auto;
      max-height: 412px; }
    .shop-nav .nav-top-area .l0-dropdown-item {
      text-align: center;
      padding: 12px 16px;
      color: #404040;
      cursor: pointer; }
      .shop-nav .nav-top-area .l0-dropdown-item.item-active {
        background: #eaeff2;
        border-radius: 4px; }
    .shop-nav .nav-top-area .flagship-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 4px;
      padding-block: 8px;
      line-height: 20px; }
      .shop-nav .nav-top-area .flagship-link .new-tag {
        padding: 0 6px;
        color: #fff;
        background: #c74250;
        border-radius: 16px;
        font-size: 10px;
        font-weight: 500; }
    .shop-nav .nav-top-area .flagship-title {
      width: -moz-max-content;
      width: max-content;
      padding-block: 8px;
      color: #404040; }
    .shop-nav .nav-top-area .l1-panel {
      position: absolute;
      top: 100%;
      left: 50%;
      translate: -50% 0;
      width: 100dvw;
      background-color: #fafafa;
      z-index: 5;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 8px 0px;
      padding: 0px 40px; }
      .shop-nav .nav-top-area .l1-panel .l1-items-box {
        margin: 0 auto; }
        .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item {
          display: -ms-inline-flexbox;
          display: inline-flex;
          gap: 40px; }
          .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.item-active .l1-item-link {
            font-weight: 500;
            color: #404040; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.item-active .l1-item-link.PROMO::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto;
              width: 100%;
              height: 1px;
              background-color: #c74250; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.item-active .l1-item-link::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto;
              width: 100%;
              height: 1px;
              background-color: #2f6279;
              transform: scaleX(1);
              transform-origin: center;
              transition: transform 0.314s ease; }
          .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.item-active ~ .mask {
            opacity: 1;
            visibility: visible; }
          .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item .l1-item-link {
            color: #8c8c8c;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            position: relative;
            padding: 8px 2px;
            margin: 0 18px; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item .l1-item-link.PROMO {
              color: #c74250; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item .l1-item-link::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto;
              width: 100%;
              height: 1px;
              transform: scaleX(0); }
          .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.PROMO .l2-group, .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.TOPIC .l2-group {
            position: relative; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.PROMO .l2-group::before, .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.TOPIC .l2-group::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(255, 255, 255, 0.2);
              opacity: 0;
              transition: opacity 0.3s;
              z-index: 1; }
            .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.PROMO .l2-group:hover::before, .shop-nav .nav-top-area .l1-panel .l1-items-box .l1-item.TOPIC .l2-group:hover::before {
              opacity: 1; }
    .shop-nav .nav-top-area .l2-panel {
      display: none;
      overflow-y: auto;
      overscroll-behavior: contain;
      background-color: #fff;
      position: absolute;
      top: 100%;
      width: 100dvw;
      z-index: 5;
      left: 0;
      transition: 0.3s; }
      .shop-nav .nav-top-area .l2-panel .l2-inside-panel {
        position: relative;
        z-index: 5;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 2.5vw;
        margin-block: 40px;
        padding-inline: 9vw; }
        @media screen and (min-width: 1440px) {
          .shop-nav .nav-top-area .l2-panel .l2-inside-panel {
            padding-inline: 0px; } }
      .shop-nav .nav-top-area .l2-panel .l2-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: start;
            align-items: flex-start;
        gap: 16px;
        width: 22%;
        max-width: 240px; }
        .shop-nav .nav-top-area .l2-panel .l2-group-image {
          width: 100%;
          height: auto;
          position: relative; }
          .shop-nav .nav-top-area .l2-panel .l2-group-image img {
            width: 100%;
            height: auto;
            object-fit: contain; }
        .shop-nav .nav-top-area .l2-panel .l2-group-title {
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          color: #404040; }
        .shop-nav .nav-top-area .l2-panel .l2-group-description {
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 18px;
          color: #666666; }
          .shop-nav .nav-top-area .l2-panel .l2-group-description.PROMO {
            color: #c74250; }
        .shop-nav .nav-top-area .l2-panel .l2-group.category, .shop-nav .nav-top-area .l2-panel .l2-group.TEXT_CAMPAIGN {
          gap: 12px; }
        .shop-nav .nav-top-area .l2-panel .l2-group.category .l2-item-link:hover {
          color: #8c8c8c; }
        .shop-nav .nav-top-area .l2-panel .l2-group.TEXT_CAMPAIGN .l2-item-link:hover {
          color: #8c8c8c; }
        .shop-nav .nav-top-area .l2-panel .l2-group.IMAGE_CAMPAIGN {
          max-width: 240px; }
          .shop-nav .nav-top-area .l2-panel .l2-group.IMAGE_CAMPAIGN::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.2);
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1; }
          .shop-nav .nav-top-area .l2-panel .l2-group.IMAGE_CAMPAIGN:hover::before {
            opacity: 1; }
      .shop-nav .nav-top-area .l2-panel .l2-item-title {
        color: #404040;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 16px; }
      .shop-nav .nav-top-area .l2-panel .l2-item-link {
        color: #404040;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .shop-nav .nav-top-area .mask {
      position: absolute;
      top: 82px;
      left: 0;
      width: 100vw;
      height: 100dvh;
      background: rgba(0, 0, 0, 0.3);
      pointer-events: auto;
      opacity: 0;
      visibility: hidden; }
    .shop-nav .nav-top-area .top-icon-group {
      height: 60px;
      -ms-grid-row-span: 1;
      -ms-grid-row: 1;
          grid-row: 1 / span 1;
      position: absolute;
      inset: 0;
      z-index: 10;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      padding-inline: 8px;
      margin-left: 28px; }
      .shop-nav .nav-top-area .top-icon-group .icon-right-group {
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        margin-right: 10px; }
        .shop-nav .nav-top-area .top-icon-group .icon-right-group .top-btn-icon {
          font-size: 24px; }
    .shop-nav .nav-top-area .top-btn-icon {
      aspect-ratio: 1/1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      color: #404040;
      font-size: 20px;
      border: none;
      position: relative; }
      .shop-nav .nav-top-area .top-btn-icon:hover {
        color: #2f6279; }
      .shop-nav .nav-top-area .top-btn-icon.top-btn-shopping-cart {
        position: relative;
        overflow: visible; }
        .shop-nav .nav-top-area .top-btn-icon.top-btn-shopping-cart.cart-modal-btn {
          display: none; }
        .shop-nav .nav-top-area .top-btn-icon.top-btn-shopping-cart .cart-qty {
          background-color: #2f6279;
          position: absolute;
          left: 50%;
          bottom: 50%;
          width: 20px;
          aspect-ratio: 1/1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          color: #fff;
          font-size: 9px;
          border-radius: 50%; }
    .shop-nav .nav-top-area .top-btn-favorite {
      display: none; }
    .shop-nav .nav-top-area .top-btn-member {
      display: none; }
    .shop-nav .nav-top-area .level-group-1 {
      display: none; }
    @media (min-width: 768px) {
      .shop-nav .nav-top-area .nav-header {
        display: -ms-flexbox;
        display: flex; }
      .shop-nav .nav-top-area .m-logo {
        -ms-flex-order: 1;
            order: 1;
        margin-left: 40px;
        margin-right: 28px; }
      .shop-nav .nav-top-area .top-btn-icon {
        font-size: 24px;
        padding: 0px 12px;
        -ms-flex-align: center;
            align-items: center; }
      .shop-nav .nav-top-area .l0-group {
        width: auto;
        margin: auto;
        -ms-flex-order: 2;
            order: 2;
        -ms-grid-row: unset;
            grid-row: unset;
        -ms-grid-column: unset;
            grid-column: unset;
        gap: 32px;
        border: none;
        padding: 0 8px;
        color: #8c8c8c; }
      .shop-nav .nav-top-area .l0-item {
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
        .shop-nav .nav-top-area .l0-item.item-active {
          font-weight: 500; }
          .shop-nav .nav-top-area .l0-item.item-active .l1-panel {
            display: -ms-flexbox;
            display: flex; }
        .shop-nav .nav-top-area .l0-item-link:hover {
          color: #000;
          font-weight: 500; }
      .shop-nav .nav-top-area .l0-list,
      .shop-nav .nav-top-area .l0-dropdown-arrow,
      .shop-nav .nav-top-area .l0-dropdown-label,
      .shop-nav .nav-top-area .l0-dropdown-wrap,
      .shop-nav .nav-top-area .l0-dropdown-mask {
        display: none; }
      .shop-nav .nav-top-area .flagship-link {
        gap: 12px; }
      .shop-nav .nav-top-area .flagship-title:hover {
        color: #2f6279;
        font-weight: 500; }
      .shop-nav .nav-top-area .top-icon-group {
        z-index: 30;
        -ms-flex-order: 3;
            order: 3;
        position: relative;
        -ms-grid-row: unset;
            grid-row: unset;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: end;
            justify-content: flex-end;
        margin-right: 40px;
        padding: 0;
        height: inherit; }
      .shop-nav .nav-top-area .top-btn-favorite {
        display: -ms-flexbox;
        display: flex; }
      .shop-nav .nav-top-area .top-btn-member {
        display: -ms-flexbox;
        display: flex; }
      .shop-nav .nav-top-area .member-login {
        width: 24px;
        height: 24px;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        border-radius: 12px;
        background: #eaeff2;
        color: #404040; } }
  .shop-nav .backdrop-mask {
    position: absolute;
    width: 100%;
    height: 100dvh;
    opacity: 0.5;
    background: #000;
    z-index: 35;
    pointer-events: auto; }
  .shop-nav .category-wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    height: 100dvh;
    overscroll-behavior: contain;
    pointer-events: auto;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease; }
    .shop-nav .category-wrap.show {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto; }
    .shop-nav .category-wrap .top-btn-close {
      position: absolute;
      top: 16px;
      right: 16px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 8px;
      -ms-flex-align: center;
          align-items: center;
      gap: 10px;
      z-index: 50;
      border-radius: 22px;
      background: #fff;
      pointer-events: auto;
      cursor: pointer; }
      .shop-nav .category-wrap .top-btn-close svg {
        width: 24px;
        height: 24px; }
    .shop-nav .category-wrap .category-list {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: calc(100dvh - 72px);
      z-index: 50; }
      .shop-nav .category-wrap .category-list .category-top-navbar {
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        border-radius: 12px 12px 0px 0px; }
        .shop-nav .category-wrap .category-list .category-top-navbar .top-nav-bar-l1-item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-positive: 1;
              flex-grow: 1;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          padding: 20px 12px;
          pointer-events: auto;
          font-size: 16px;
          color: #8c8c8c;
          cursor: pointer; }
          .shop-nav .category-wrap .category-list .category-top-navbar .top-nav-bar-l1-item.item-active {
            color: #404040;
            border-bottom: 1px solid #404040;
            font-weight: 500; }
      .shop-nav .category-wrap .category-list .nav-middle-area {
        display: -ms-flexbox;
        display: flex;
        height: calc(100% - 62px);
        pointer-events: auto;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain; }
        .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 4px;
          position: relative;
          transition: 0.3s; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list:has(.category-l1-item.item-active) {
            margin-left: -100%; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item {
            background-color: #fafafa;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
                justify-content: space-between;
            -ms-flex-align: center;
                align-items: center;
            gap: 24px;
            cursor: pointer;
            padding-inline: 24px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item .l1-item-title {
              font-size: 16px;
              font-weight: 500;
              line-height: 22px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item .img-wrap {
              width: 120px;
              aspect-ratio: 1/1;
              overflow: hidden; }
              .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item .img-wrap img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item.CAMPAIGN {
              padding: 0; }
              .shop-nav .category-wrap .category-list .nav-middle-area .category-l1-list .category-l1-item.CAMPAIGN img {
                width: 100%;
                height: auto;
                object-fit: cover; }
        .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          gap: 4px;
          position: relative;
          z-index: 5; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .top-btn-back {
            position: absolute;
            top: 12px;
            left: 16px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .top-btn-back svg {
              width: 24px;
              height: 24px; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .l2-item-title {
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            padding: 13px 16px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .l2-item-title.PROMO {
              color: #c74250; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .category-l2-list {
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            gap: 16px;
            padding-inline: 16px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .category-l2-list .category-l2-list-wrapper {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-align: center;
                  align-items: center;
              gap: 8px;
              -ms-flex-item-align: stretch;
                  align-self: stretch; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .category-l2-item {
            background-color: #fafafa;
            color: #404040;
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            cursor: pointer;
            padding: 12px 16px;
            border-radius: 4px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .category-l2-item.item-active, .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap .category-l2-item:active {
              background-color: #eaeff2; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap a.category-l2-item {
            width: 100%;
            display: block; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap a.category-l2-item.IMAGE_CAMPAIGN {
            display: -ms-flexbox;
            display: flex;
            padding: 8px;
            -ms-flex-align: center;
                align-items: center;
            gap: 8px; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap a.category-l2-item.IMAGE_CAMPAIGN .image-container {
              width: 60px;
              height: 60px;
              aspect-ratio: 1/1;
              overflow: hidden;
              position: relative; }
              .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap a.category-l2-item.IMAGE_CAMPAIGN .image-container img {
                width: 100%;
                height: auto;
                object-fit: cover;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap a.category-l2-item.IMAGE_CAMPAIGN h5 {
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: 18px;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0;
              text-align: left; }
          .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap.CAMPAIGN {
            padding: 0; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap.CAMPAIGN .category-l2-list {
              padding: 0; }
            .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap.CAMPAIGN .category-l2-item {
              padding: 0; }
              .shop-nav .category-wrap .category-list .nav-middle-area .category-l2-wrap.CAMPAIGN .category-l2-item img {
                width: 100%;
                height: auto;
                object-fit: cover; }

.nav-bottom-area {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  pointer-events: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  margin-top: auto;
  padding: 6px 0; }
  .nav-bottom-area .nav-tab-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    overflow-x: auto;
    padding-block: 8px; }
  .nav-bottom-area .nav-tab-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 0;
    aspect-ratio: unset;
    color: #404040;
    font-weight: 500;
    line-height: 18px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 0 24px;
    transition: 0.3s; }
    .nav-bottom-area .nav-tab-item.cart-modal-btn {
      display: none; }
    .nav-bottom-area .nav-tab-item.item-active {
      color: #2f6279; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-home .default {
        display: none; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-home .primary {
        display: block; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-category svg path {
        fill: #2f6279; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-favorite .default {
        display: none; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-favorite .primary {
        display: block; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-shopping-cart .default {
        display: none; }
      .nav-bottom-area .nav-tab-item.item-active .tab-img-wrap.tab-shopping-cart .primary {
        display: block; }
    .nav-bottom-area .nav-tab-item .tab-img-wrap {
      width: 20px;
      aspect-ratio: 1/1;
      text-align: center;
      font-size: 20px; }
      .nav-bottom-area .nav-tab-item .tab-img-wrap svg {
        vertical-align: middle; }
      .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-home .primary {
        display: none; }
      .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-favorite svg {
        width: 24px;
        height: auto; }
      .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-favorite .primary {
        display: none; }
      .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-shopping-cart {
        position: relative; }
        .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-shopping-cart .primary {
          display: none; }
        .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-shopping-cart svg {
          width: 24px;
          height: auto; }
        .nav-bottom-area .nav-tab-item .tab-img-wrap.tab-shopping-cart .cart-qty {
          background-color: #2f6279;
          position: absolute;
          left: 12px;
          bottom: 12px;
          width: 18px !important;
          height: 18px !important;
          font-size: 12px;
          aspect-ratio: 1/1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          color: #fff;
          font-size: 9px;
          border-radius: 50%;
          border: 1px solid #fff; }
    .nav-bottom-area .nav-tab-item .tab-member svg {
      width: 24px;
      height: auto; }
    .nav-bottom-area .nav-tab-item .mobile-tab-member-login {
      display: -ms-flexbox;
      display: flex;
      width: 20px;
      height: 20px;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 12px;
      background: #eaeff2;
      color: #404040; }
    .nav-bottom-area .nav-tab-item .tab-text {
      width: -moz-max-content;
      width: max-content;
      font-size: 11px;
      font-weight: 500;
      line-height: 18px; }
  @media (min-width: 768px) {
    .nav-bottom-area {
      display: none; } }

.flagship-mob-entry {
  position: fixed;
  bottom: 68px;
  right: 12px;
  z-index: 10; }
  .flagship-mob-entry img {
    width: 54px; }
  @media (min-width: 768px) {
    .flagship-mob-entry {
      display: none; } }

.flagship-popup {
  position: fixed;
  z-index: 50;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  opacity: 0;
  transition: opacity .3s ease;
  visibility: hidden; }

@keyframes popup-show {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
  .flagship-popup.show {
    animation: popup-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    visibility: visible; }
  .flagship-popup.show .flagship-popup__content {
    transform: translateY(0); }
  .flagship-popup .loading-skeleton {
    padding: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 1rem;
    position: relative; }
    .flagship-popup .loading-skeleton:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      background-image: linear-gradient(90deg, rgba(245, 247, 248, 0) 0, #f5f7f8 50%, rgba(219, 219, 219, 0) 100%);
      background-position: -400px 0;
      background-repeat: no-repeat;
      animation: orientationLoad 2s infinite;
      left: 0;
      top: 0; }
    .flagship-popup .loading-skeleton .loading-skeleton__container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 100%;
      -ms-flex-align: center;
          align-items: center;
      gap: 16px;
      -ms-flex-item-align: stretch;
          align-self: stretch; }
    .flagship-popup .loading-skeleton .loading-skeleton__card {
      width: 100%; }
      .flagship-popup .loading-skeleton .loading-skeleton__card-img {
        width: 100%;
        height: 164px;
        background-color: #eaeff2;
        border-radius: 16px; }
  .flagship-popup__content {
    width: 100%;
    max-height: 90dvh;
    background-color: #fff;
    border-radius: 12px 12px 0 0;
    position: relative;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    overflow-y: auto; }
  .flagship-popup__header {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1; }
    .flagship-popup__header .close-btn {
      position: absolute;
      top: 12px;
      right: 16px;
      width: 20px;
      height: 20px; }
      .flagship-popup__header .close-btn svg path {
        fill: #8C8C8C; }
  .flagship-popup__banner img {
    width: 100dvw;
    height: auto; }
  .flagship-popup__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 16px;
    margin-bottom: 24px; }
  .flagship-popup__list-item {
    position: relative;
    margin: 0 16px; }
    .flagship-popup__list-item .logo {
      width: 100%;
      height: auto;
      border: 1px solid #f0f0f0;
      aspect-ratio: 546 / 240;
      border-radius: 16px; }
    .flagship-popup__list-item .title {
      position: absolute;
      bottom: 8px;
      left: 8px;
      padding: 4px 12px;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 14px;
      font-weight: 500;
      color: #404040; }
  .flagship-popup__end {
    text-align: center;
    color: #bfbfbf;
    font-size: 12px; }

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 30;
  /* 確保在最上層 */
  display: none;
  /* 預設隱藏 */ }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.global-footer-a {
  background-color: #fafafa;
  margin-top: auto;
  padding: 50px 24px; }
  .global-footer-a ul {
    list-style: none; }
  .global-footer-a .footer-content-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; }
  .global-footer-a .main-img-wrap img {
    width: 150px;
    height: auto; }
  .global-footer-a .main-description {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px; }
  .global-footer-a .support-area-wrap {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
    padding: 16px; }
  .global-footer-a .support-contact-wrap .support-contact-header-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 4px; }
    .global-footer-a .support-contact-wrap .support-contact-header-wrap span {
      color: #404040;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px; }
  .global-footer-a .support-contact-wrap .support-img-wrap {
    width: 30px;
    aspect-ratio: 1/1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .global-footer-a .support-contact-wrap .support-contact-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px; }
  .global-footer-a .support-link-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px; }
    .global-footer-a .support-link-group span {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
  .global-footer-a .support-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    background-color: transparent;
    border: none;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    padding: 8px; }
  .global-footer-a .support-link-text {
    color: #000;
    border-radius: 27px;
    padding-right: 12px; }
  .global-footer-a .support-link-icon {
    width: 46px;
    aspect-ratio: 1/1;
    border-radius: 27px; }
  .global-footer-a .other-info-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(98px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(98px, 1fr));
    gap: 40px 16px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 40px; }
  .global-footer-a .other-link-list {
    min-width: 98px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 16px; }
    .global-footer-a .other-link-list .other-link-title {
      color: #404040;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
    .global-footer-a .other-link-list .other-link-item {
      color: #404040;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .global-footer-a .copyright-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 16px;
    border-top: 1px solid #f0f0f0;
    margin-top: 40px;
    padding-top: 40px; }
    .global-footer-a .copyright-wrap p {
      color: #8c8c8c;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
    .global-footer-a .copyright-wrap > p:nth-child(1) {
      color: #666; }
  @media (min-width: 768px) {
    .global-footer-a {
      padding: 50px 50px; }
      .global-footer-a .footer-content-wrap {
        -ms-grid-columns: 328px 1fr;
            grid-template-columns: 328px 1fr;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 0 48px; }
      .global-footer-a .other-link-list {
        min-width: 112px; }
      .global-footer-a .copyright-wrap {
        grid-column: 1/-1;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .global-footer-a .copyright-wrap > p:nth-child(1) {
          margin-right: auto; } }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.container-fluid {
  padding-left: 8px;
  padding-right: 8px; }

.sale-image {
  width: 100%;
  text-align: center; }
  .sale-image img {
    max-width: 1320px;
    max-height: 400px; }
  @media (min-width: 768px) {
    .sale-image {
      max-height: 400px; } }

.sale-image-promo {
  width: 100%;
  text-align: center; }
  .sale-image-promo img {
    max-width: 1320px;
    max-height: 400px; }
  @media (min-width: 768px) {
    .sale-image-promo {
      max-height: 400px; } }

.new-category-sale-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 40px;
  position: relative; }
  .new-category-sale-items * {
    transition: 0.3s; }
  @media (min-width: 768px) {
    .new-category-sale-items {
      max-width: 1290px;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 32px;
      margin-inline: auto; } }
  .new-category-sale-items .left-navbar {
    position: sticky;
    min-width: 240px;
    max-width: 240px;
    top: 154px;
    height: 70vh;
    margin-bottom: 80px;
    overflow: auto;
    padding: 0px 8px 0 0; }
    @media screen and (min-width: 768px) {
      .new-category-sale-items .left-navbar {
        display: block; } }
    @media screen and (max-width: 769px) {
      .new-category-sale-items .left-navbar {
        display: none; } }
    .new-category-sale-items .left-navbar:has(.block-active) {
      display: block;
      position: unset; }
    .new-category-sale-items .left-navbar .collapse {
      max-height: 315px;
      overflow: auto; }
      @media screen and (max-width: 769px) {
        .new-category-sale-items .left-navbar .collapse {
          max-height: calc( 100dvh - 172px); } }
  .new-category-sale-items .sale-item-side-panel {
    position: fixed;
    inset: 0;
    z-index: 100;
    width: 100%;
    min-height: 100%;
    margin-left: -100%;
    background-color: #fff; }
    .new-category-sale-items .sale-item-side-panel:has(.block-active) {
      display: block;
      margin-left: 0; }
    .new-category-sale-items .sale-item-side-panel .side-block-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      max-height: calc(100dvh - 58px);
      overflow-y: hidden;
      overscroll-behavior: contain; }
      .new-category-sale-items .sale-item-side-panel .side-block-wrap .block-header-wrap {
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 5;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
            grid-template-columns: repeat(3, 1fr);
        border-bottom: 1px solid #f0f0f0;
        padding: 18px; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .block-header-wrap .block-title {
          text-wrap: nowrap;
          -ms-grid-column-span: 1;
          -ms-grid-column: 2;
              grid-column: 2 / span 1;
          text-align: center;
          font-size: 16px;
          font-weight: 400;
          line-height: 22px; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .block-header-wrap .btn-close {
          justify-self: flex-end;
          width: -moz-fit-content;
          width: fit-content;
          background-color: transparent;
          border: none;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          margin-right: 6px; }
      .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap {
        background-color: #fff; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap .btn-collapse {
          color: #404040; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap:has(.collapse.show) .btn-collapse .icon-wrap {
          rotate: -180deg; }
      .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap + .collapse-wrap {
        border-top: 1px solid #f0f0f0; }
      .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap:last-child {
        border-bottom: 1px solid #f0f0f0; }
      .new-category-sale-items .sale-item-side-panel .side-block-wrap .btn-collapse {
        background-color: transparent;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        border: none;
        cursor: pointer;
        padding: 16px 24px; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .btn-collapse:focus {
          outline: none; }
    .new-category-sale-items .sale-item-side-panel .level-wrap .collapse-content-wrap {
      border-top: 1px solid #f0f0f0;
      padding: 16px; }
    .new-category-sale-items .sale-item-side-panel .level-wrap .level-item-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 24px; }
    .new-category-sale-items .sale-item-side-panel .level-wrap .level-item {
      color: #404040;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
      @media screen and (max-width: 769px) {
        .new-category-sale-items .sale-item-side-panel .level-wrap .level-item {
          padding: 0 20px; } }
      .new-category-sale-items .sale-item-side-panel .level-wrap .level-item.item-active {
        color: #2f6279;
        font-weight: 500; }
    @media (min-width: 768px) {
      .new-category-sale-items .sale-item-side-panel {
        display: block;
        position: relative;
        width: 100%;
        z-index: initial;
        margin-left: 0; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap {
          overflow: unset;
          max-height: unset; }
          .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-wrap {
            border: 1px solid #f0f0f0;
            border-radius: 8px; }
          .new-category-sale-items .sale-item-side-panel .side-block-wrap .collapse-content-wrap {
            border-top: 1px solid #f0f0f0;
            padding: 16px; }
          .new-category-sale-items .sale-item-side-panel .side-block-wrap .btn-collapse {
            padding: 16px; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap {
          gap: 8px; }
        .new-category-sale-items .sale-item-side-panel .side-block-wrap .block-header-wrap {
          display: none; }
        .new-category-sale-items .sale-item-side-panel .level-wrap .level-item-list {
          gap: 12px; } }
  .new-category-sale-items .kol-page .items-select-panel {
    padding: 0px 18px 24px; }
  @media (max-width: 767.98px) {
    .new-category-sale-items .kol-page .items-select-panel {
      padding: 8px 0px; } }
  .new-category-sale-items .sale-item-main-panel {
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative; }
    .new-category-sale-items .sale-item-main-panel .category-control-wrap {
      background-color: rgba(255, 255, 255, 0.9);
      position: sticky;
      top: calc(-1px + var(--top-nav-marquee-sm-height) + var(--top-nav-header-sm-height));
      left: 0;
      right: 0;
      z-index: 1;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
      margin-inline: -16px;
      margin-block: 8px; }
      .new-category-sale-items .sale-item-main-panel .category-control-wrap .btn-control-item {
        background-color: transparent;
        border: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 4px;
        color: #404040;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        position: relative;
        padding: 6px 12px; }
        .new-category-sale-items .sale-item-main-panel .category-control-wrap .btn-control-item:focus {
          outline: none; }
        .new-category-sale-items .sale-item-main-panel .category-control-wrap .btn-control-item .icon-wrap {
          font-size: 17px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
      .new-category-sale-items .sale-item-main-panel .category-control-wrap .dropdown-sort-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .new-category-sale-items .sale-item-main-panel .category-control-wrap .btn-control-item + :is(.btn-control-item, .dropdown-sort-wrap)::before {
        content: '';
        background-color: #f0f0f0;
        position: absolute;
        top: 50%;
        right: 100%;
        translate: 0 -50%;
        z-index: 10;
        width: 1px;
        height: 100%; }
    .new-category-sale-items .sale-item-main-panel .location-wrap {
      position: relative;
      margin-inline: -16px; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .location-img-wrap {
        background-color: #ccc;
        width: 100%;
        aspect-ratio: 375/136;
        overflow: hidden; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-img-wrap img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .location-info-wrap {
        position: absolute;
        inset: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 8px;
        padding: 40px; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .location-title-wrap {
        display: -ms-flexbox;
        display: flex; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-title-wrap .location-title {
          color: #fff;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-title-wrap .location-title + .location-title::before {
          content: '>';
          margin-inline: 4px; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .breadcrumb-item {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before {
        content: '/'; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .breadcrumb-qty {
        color: #fff;
        margin-left: 4px; }
      .new-category-sale-items .sale-item-main-panel .location-wrap .dropdown-sort-wrap {
        display: none; }
    .new-category-sale-items .sale-item-main-panel .item-list-filter {
      display: block; }
    .new-category-sale-items .sale-item-main-panel .sale-item-list-wrap {
      padding: 0; }
    @media (min-width: 768px) {
      .new-category-sale-items .sale-item-main-panel .category-control-wrap {
        display: none; }
      .new-category-sale-items .sale-item-main-panel .location-wrap {
        margin-inline: 0; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-img-wrap {
          display: none; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-info-wrap {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 8px;
          padding: 0 0.5em; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .location-title-wrap .location-title {
          color: #8c8c8c; }
        .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap {
          display: -ms-flexbox;
          display: flex; }
          .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .breadcrumb-item {
            color: #404040;
            font-size: 20px;
            font-weight: 400;
            line-height: 28px; }
          .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .breadcrumb-qty {
            color: #8c8c8c;
            margin-left: 4px; }
          .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .dropdown-sort-wrap {
            display: block;
            margin-left: auto; }
            .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .dropdown-sort-wrap .btn-sort {
              background-color: transparent;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-align: center;
                  align-items: center;
              gap: 4px;
              border: none;
              cursor: pointer;
              padding: 6px 12px; }
              .new-category-sale-items .sale-item-main-panel .location-wrap .breadcrumb-wrap .dropdown-sort-wrap .btn-sort:focus {
                outline: none; } }
  .new-category-sale-items #item-list-content {
    padding-top: 40px;
    padding-bottom: 40px; }
  .new-category-sale-items #item-list-content > .row {
    margin-inline: -7.5px; }
  .new-category-sale-items .pagination-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-block: 16px;
    gap: 4px; }
    .new-category-sale-items .pagination-wrap .page-number-list {
      display: -ms-flexbox;
      display: flex;
      gap: 8px; }
    .new-category-sale-items .pagination-wrap .page-item {
      width: 30px;
      height: 32px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      color: #2f6279;
      font-size: 14px;
      border-radius: 4px;
      padding: 4px; }
      .new-category-sale-items .pagination-wrap .page-item.item-active, .new-category-sale-items .pagination-wrap .page-item:hover {
        background-color: #e0e7eb;
        font-weight: 700; }
  .new-category-sale-items .hidden-height {
    max-height: 300px;
    overflow: auto; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.cart__container {
  padding: 40px 100px; }
  .cart__container.order-detail-page {
    background-color: #f5f5f5; }
  @media screen and (max-width: 500px) {
    .cart__container {
      padding: 32px 16px 20px; } }
  .cart__container .order-detail {
    max-width: 500px;
    border-radius: 4px;
    padding: 20px 16px;
    background-color: #fff; }
    .cart__container .order-detail .order-detail-content {
      border-radius: 8px;
      gap: 16px; }
  .cart__container .line-entrance-mobile-div {
    cursor: pointer; }
  .cart__container .line-entrance-web-div {
    cursor: pointer;
    max-width: 432px; }
  .cart__container .btn-outline {
    padding: 8px 16px; }
  .cart__container .btn-primary {
    padding: 8px 16px; }
  @media screen and (max-width: 500px) {
    .cart__container .btn-div {
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .cart__container .go-home-btn {
      width: 49%; }
    .cart__container .checkout-btn {
      width: 49%; }
    .cart__container .line-entrance-web-div {
      display: none; } }
  @media screen and (min-width: 501px) {
    .cart__container .btn-div {
      -ms-flex-pack: center;
          justify-content: center; }
    .cart__container .go-home-btn {
      width: 104px; }
    .cart__container .checkout-btn {
      width: 104px; }
    .cart__container .line-entrance-mobile-div {
      display: none; } }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.login-flow-modal .modal-content {
  border: none;
  border-radius: 8px; }

.login-flow-modal .login-flow-modal-header {
  padding: 12px 16px; }
  .login-flow-modal .login-flow-modal-header .back-icon {
    cursor: pointer; }
    .login-flow-modal .login-flow-modal-header .back-icon svg path {
      fill: #8c8c8c; }
  .login-flow-modal .login-flow-modal-header .close-icon {
    cursor: pointer; }
    .login-flow-modal .login-flow-modal-header .close-icon svg path {
      fill: #8c8c8c; }

.login-flow-modal .check_fill-icon svg {
  width: 16px;
  height: 16px; }

.login-flow-modal .match {
  color: #74ab7a; }
  .login-flow-modal .match path {
    fill: #74ab7a; }

.login-flow-modal .differ {
  color: #d9d9d9; }
  .login-flow-modal .differ path {
    fill: #d9d9d9; }

.login-flow-modal .error-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 26px;
  background-color: #fdf3f3; }
  .login-flow-modal .error-wrapper .error-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 8px; }
    .login-flow-modal .error-wrapper .error-icon svg {
      width: 14px;
      height: 14px; }
      .login-flow-modal .error-wrapper .error-icon svg path {
        fill: #c74250; }
  .login-flow-modal .error-wrapper .error-msg {
    color: #c74250; }

.login-flow-modal .login-method-step .line-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  margin-bottom: 16px;
  background-color: #fff;
  color: #000; }
  .login-flow-modal .login-method-step .line-btn:hover {
    border: 1px solid #bfbfbf; }

@media screen and (min-width: 500px) {
  .login-flow-modal .login-method-step .line-btn {
    height: 52px; } }

@media screen and (max-width: 501px) {
  .login-flow-modal .login-method-step .line-btn {
    height: 48px; } }

.login-flow-modal .login-method-step .btn-social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #d9d9d9;
  border-radius: 50%; }
  .login-flow-modal .login-method-step .btn-social:hover {
    border: 1px solid #bfbfbf; }

@media screen and (min-width: 500px) {
  .login-flow-modal .login-method-step .btn-social {
    width: 52px;
    height: 52px; } }

@media screen and (max-width: 501px) {
  .login-flow-modal .login-method-step .btn-social {
    width: 48px;
    height: 48px; } }

.login-flow-modal .login-method-step .divider-div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #d9d9d9; }

@media screen and (min-width: 500px) {
  .login-flow-modal .login-method-step .divider-div {
    margin: 24px 0; } }

@media screen and (max-width: 501px) {
  .login-flow-modal .login-method-step .divider-div {
    margin: 20px 0; } }

.login-flow-modal .login-method-step .a-link {
  color: black;
  text-decoration: underline; }

.login-flow-modal .login-method-step .privary-a-link {
  color: #8c8c8c;
  text-decoration: underline; }

@media screen and (min-width: 500px) {
  .login-flow-modal .login-method-step .account-password-login-form .error-wrapper {
    margin-bottom: 16px; }
  .login-flow-modal .login-method-step .account-password-login-form .login-btn {
    margin-top: 24px;
    height: 40px; } }

@media screen and (max-width: 501px) {
  .login-flow-modal .login-method-step .account-password-login-form .error-wrapper {
    margin-bottom: 16px; }
  .login-flow-modal .login-method-step .account-password-login-form .login-btn {
    margin-top: 20px;
    height: 40px; } }

.login-flow-modal .login-method-step .remember-me-box {
  margin-top: 16px; }

.login-flow-modal .login-method-step .forget-password {
  text-decoration: underline; }

.login-flow-modal .login-method-step .register-link {
  color: #2f6279;
  text-decoration: underline; }

.login-flow-modal .login-method-step .login-statement {
  margin-top: 28px;
  color: #8c8c8c; }

.login-flow-modal .login-method-step .use-third-party {
  color: #2f6279;
  text-decoration: underline; }

.login-flow-modal .register-method-step .btn-social {
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  width: 48px;
  height: 48px; }
  .login-flow-modal .register-method-step .btn-social:hover {
    border: 1px solid #bfbfbf; }

.login-flow-modal .register-method-step .divider-div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 16px 0;
  color: #d9d9d9; }

.login-flow-modal .register-method-step .a-link {
  color: black;
  text-decoration: underline; }

.login-flow-modal .register-method-step .privary-a-link {
  color: #8c8c8c;
  text-decoration: underline; }

.login-flow-modal .register-method-step .register-btn {
  margin-top: 32px;
  height: 40px; }

.login-flow-modal .verify-account-step .verify-account-form {
  margin-top: 48px; }
  .login-flow-modal .verify-account-step .verify-account-form .validate-device-input:-ms-input-placeholder {
    font-size: 14px; }
  .login-flow-modal .verify-account-step .verify-account-form .validate-device-input::placeholder {
    font-size: 14px; }
  .login-flow-modal .verify-account-step .verify-account-form .send-verify-btn {
    margin-top: 28px;
    height: 40px; }

.login-flow-modal .enter-code-step .code-enter-place {
  padding: 0px 50px;
  margin-top: 48px;
  margin-bottom: 8px;
  height: 46px;
  background-color: #fafafa;
  border-radius: 8px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -ms-grid-column-align: center;
      justify-items: center; }
  .login-flow-modal .enter-code-step .code-enter-place .email-or-phone {
    pointer-events: none;
    text-decoration: none; }
  .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box {
    position: relative;
    height: 100%;
    width: 32px; }
    .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box .code-line {
      height: 1px;
      width: 12px;
      border: 1px solid #c1d0d7;
      position: absolute;
      top: 50%;
      left: 25%; }
    .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box .code-input {
      width: 100%;
      height: 46px;
      border: none;
      outline: none;
      background-color: #fafafa;
      text-align: center; }
    .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box input:-webkit-autofill,
    .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box input:-webkit-autofill:hover,
    .login-flow-modal .enter-code-step .code-enter-place .code-enter-input-box input:-webkit-autofill:focus {
      -webkit-text-fill-color: #2f6279;
      -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; }

.login-flow-modal .enter-code-step .send-again-a-link-disabled {
  color: #bfbfbf;
  text-decoration: underline; }

.login-flow-modal .enter-code-step .send-again-a-link {
  color: #2f6279;
  text-decoration: underline; }

.login-flow-modal .enter-code-step .enter-verify-btn {
  margin: 48px 0;
  height: 40px; }

.login-flow-modal .enter-code-step .try-other {
  text-decoration: underline; }

.login-flow-modal .notify-step {
  top: 50%;
  transform: translateY(-50%);
  color: #404040; }
  .login-flow-modal .notify-step .info-icon {
    margin-right: 12px; }
    .login-flow-modal .notify-step .info-icon svg {
      width: 24px;
      height: 24px;
      fill: #2f6279; }
  .login-flow-modal .notify-step .notify-body {
    padding: 24px 16px; }
  .login-flow-modal .notify-step .notify-footer {
    padding: 12px 16px;
    border-top: 1px solid #e9ecef; }

.login-flow-modal .reset-password-step .reset-password-form {
  margin-top: 48px; }
  .login-flow-modal .reset-password-step .reset-password-form .reset-password-btn {
    margin-top: 24px;
    height: 40px; }

@media screen and (min-width: 500px) {
  .login-flow-modal:has(.notify-step) {
    margin-top: unset;
    height: 100vh; }
  .login-flow-modal {
    width: 406px;
    margin: auto;
    margin-top: 96px; }
    .login-flow-modal .login-flow-modal-body {
      padding: 4px 60px 40px 60px; }
  .divider-hr {
    width: 118px; } }

@media screen and (max-width: 501px) {
  .login-flow-modal:has(.notify-step) {
    margin-top: unset;
    height: 100vh; }
  .login-flow-modal {
    width: 345px;
    margin: auto;
    margin-top: 58px; }
    .login-flow-modal .login-flow-modal-body {
      padding: 4px 40px 40px 40px; }
  .divider-hr {
    width: 107.5px; } }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.sale-item__info::after, .sale-item__buy-together::after, .sale-item__promotion::after, .sale-item__brand::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: #f5f5f5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px; }
  @media screen and (min-width: 768px) {
    .sale-item__info::after, .sale-item__buy-together::after, .sale-item__promotion::after, .sale-item__brand::after {
      display: none; } }

.ivu-message {
  z-index: 1050 !important; }
  .ivu-message-success .ivu-icon {
    color: #2f6279; }

.sale-item-mainpage {
  min-height: calc(100vh - 132px - 270.5px);
  padding-right: 0;
  padding-left: 0; }
  .sale-item-mainpage .open-chat {
    bottom: 25px; }
    .sale-item-mainpage .open-chat.hasFixedBtn {
      bottom: 85px; }
  @media screen and (min-width: 576px) {
    .sale-item-mainpage {
      max-width: unset; } }

@media screen and (min-width: 768px) {
  .sale-item__wrapper {
    margin: 0px clamp(16px, 3dvw, 60px) 100px; } }

.sale-item__container {
  font-family: "Noto Sans TC", "Noto Sans", source-han-sans-traditional, "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4", STHeiti, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Brandon Grotesque";
  position: relative;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .sale-item__container input::-webkit-outer-spin-button,
  .sale-item__container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .sale-item__container input[type=number] {
    -moz-appearance: textfield; }
  .sale-item__container .button {
    border: none;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    transition: background-color 0.3s ease;
    cursor: pointer; }
    .sale-item__container .button:focus {
      outline: none;
      border-color: #aaa; }
    .sale-item__container .button.lg-btn {
      padding: 14px 24px; }
    .sale-item__container .button.md-btn {
      padding: 10px 16px; }
    .sale-item__container .button.sm-btn {
      padding: 6px 10px;
      font-size: 14px; }
    .sale-item__container .button.brand-default-btn {
      background-color: #224D68;
      color: #fff; }
      .sale-item__container .button.brand-default-btn:disabled {
        background-color: #bfbfbf;
        color: #fff;
        cursor: not-allowed !important; }
    .sale-item__container .button.grey-btn {
      background-color: #bfbfbf;
      color: #fff; }
      .sale-item__container .button.grey-btn:disabled {
        cursor: not-allowed !important; }
    .sale-item__container .button.brand-outline-btn {
      background-color: #fff;
      border: 1px solid #224D68;
      color: #224D68; }
      .sale-item__container .button.brand-outline-btn.active {
        background-color: #2f6279;
        color: #fff;
        border: 0.5px solid #2f6279; }
    .sale-item__container .button.text-btn {
      color: #2f6279;
      border-radius: 0; }
  .sale-item__container .tag {
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    border: none; }
    .sale-item__container .tag.brand-tag {
      color: #2f6279;
      background-color: #eaeff2; }
    .sale-item__container .tag.brand-secondary-tag {
      color: #b68e55;
      background-color: #f5efdf; }
    .sale-item__container .tag.secondary-danger-main-tag {
      color: #c74250;
      background-color: #FFEFEF; }
    .sale-item__container .tag.info-tag {
      color: #417AD1;
      background-color: #E9F1F9; }
    .sale-item__container .tag.success-tag {
      color: #74AB7A;
      background-color: #E6F6E0; }
    .sale-item__container .tag.grey-tag {
      color: #8c8c8c;
      background-color: #f0f0f0; }
  .sale-item__container .icon {
    margin: 4px; }
  .sale-item__container input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }
  @media screen and (min-width: 768px) {
    .sale-item__container {
      max-width: 1440px;
      margin: auto; }
      .sale-item__container main {
        display: -ms-flexbox;
        display: flex;
        position: relative; }
      .sale-item__container .button.brand-default-btn:hover {
        background-color: #2f6279; }
      .sale-item__container .button.brand-outline-btn:hover {
        color: #2f6279;
        border: 1px solid #2f6279; } }
  .sale-item__container #online-coupon-list-modal .modal-dialog {
    max-width: 600px; }
  .sale-item__container #online-coupon-list-modal .modal-header {
    padding: 12px 0;
    margin: 0 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-bottom: 1px solid #f0f0f0; }
    .sale-item__container #online-coupon-list-modal .modal-header .modal-title {
      padding: 0;
      font-weight: 700;
      width: initial; }
    .sale-item__container #online-coupon-list-modal .modal-header .close-btn svg {
      width: 16px;
      height: 16px;
      cursor: pointer; }
    .sale-item__container #online-coupon-list-modal .modal-header .close-btn path {
      fill: #666666; }
  .sale-item__container #online-coupon-list-modal .modal-body {
    max-height: 456px;
    overflow-y: auto;
    padding: 16px; }
    .sale-item__container #online-coupon-list-modal .modal-body .coupon-item {
      margin-bottom: 8px; }
      @media (max-width: 500px) {
        .sale-item__container #online-coupon-list-modal .modal-body .coupon-item__container {
          min-height: 40px; } }
      .sale-item__container #online-coupon-list-modal .modal-body .coupon-item__value {
        font-family: Roboto;
        font-weight: 500;
        padding: 10px; }
      .sale-item__container #online-coupon-list-modal .modal-body .coupon-item__content {
        padding: 8px;
        gap: 8px;
        width: 100%; }
        .sale-item__container #online-coupon-list-modal .modal-body .coupon-item__content .title {
          font-size: 14px;
          font-weight: 500; }
        .sale-item__container #online-coupon-list-modal .modal-body .coupon-item__content .time {
          color: #8c8c8c;
          font-size: 12px; }
      .sale-item__container #online-coupon-list-modal .modal-body .coupon-item-empty .coupon-item__container {
        -ms-flex-align: center;
            align-items: center;
        padding: 0 16px;
        font-size: 13px;
        font-weight: 500; }
    .sale-item__container #online-coupon-list-modal .modal-body .btn-outline {
      padding: 6px 12px;
      font-size: 14px; }
      .sale-item__container #online-coupon-list-modal .modal-body .btn-outline:hover {
        color: #2f6279;
        background-color: inherit; }
      .sale-item__container #online-coupon-list-modal .modal-body .btn-outline:disabled {
        opacity: 1;
        color: #bfbfbf;
        border: 1px solid #d9d9d9;
        background: #f5f5f5;
        cursor: not-allowed !important; }
    .sale-item__container #online-coupon-list-modal .modal-body ul {
      color: #8c8c8c;
      padding: 0 24px;
      font-size: 12px;
      font-weight: 400; }
  .sale-item__container #online-coupon-list-modal .modal-footer {
    padding: 12px 16px; }
    .sale-item__container #online-coupon-list-modal .modal-footer .btn {
      padding: 10px 16px;
      font-size: 14px;
      -ms-flex: none;
          flex: none; }
    .sale-item__container #online-coupon-list-modal .modal-footer .btn-brand {
      color: #fafafa;
      background-color: #2f6279;
      border: 1.5px solid #2f6279; }
      .sale-item__container #online-coupon-list-modal .modal-footer .btn-brand:disabled {
        opacity: 1;
        color: #bfbfbf;
        border: 1px solid #d9d9d9;
        background: #f5f5f5;
        cursor: not-allowed !important; }
  @media screen and (max-width: 576px) {
    .sale-item__container #online-coupon-list-modal .modal-dialog {
      min-height: inherit;
      margin: 70px 16px 0; }
    .sale-item__container #online-coupon-list-modal .modal-body {
      max-height: calc(80vh - 88px - 64px - 40px); } }
  .sale-item__container #store-stock-modal .modal-dialog {
    max-width: 600px; }
  .sale-item__container #store-stock-modal .modal-content {
    border-radius: 12px;
    border: none;
    width: 100%; }
  .sale-item__container #store-stock-modal .modal-header {
    padding: 20px; }
    .sale-item__container #store-stock-modal .modal-header .close-btn {
      cursor: pointer; }
  .sale-item__container #store-stock-modal .modal-title {
    font-size: 18px;
    line-height: 28px; }
  .sale-item__container #store-stock-modal .modal-body {
    padding: 20px;
    max-height: 560px;
    overflow-y: scroll; }
    .sale-item__container #store-stock-modal .modal-body .title {
      font-size: 16px;
      line-height: 22px; }
    .sale-item__container #store-stock-modal .modal-body .store-list {
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      padding: 32px 0;
      border-bottom: 1.2px solid #f0f0f0; }
      .sale-item__container #store-stock-modal .modal-body .store-list:last-of-type {
        border-bottom: none; }
      .sale-item__container #store-stock-modal .modal-body .store-list__image {
        width: 78px;
        height: auto; }
      .sale-item__container #store-stock-modal .modal-body .store-list__info {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 8px; }
      .sale-item__container #store-stock-modal .modal-body .store-list__name {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px; }
      .sale-item__container #store-stock-modal .modal-body .store-list__address {
        color: #2f6279;
        line-height: 20px; }
      .sale-item__container #store-stock-modal .modal-body .store-list__time {
        color: #666666;
        line-height: 20px; }
      .sale-item__container #store-stock-modal .modal-body .store-list__inventory {
        text-align: end; }
      .sale-item__container #store-stock-modal .modal-body .store-list__stock {
        white-space: nowrap; }
      .sale-item__container #store-stock-modal .modal-body .store-list__chat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        padding: 6px 12px;
        background-color: #06C755;
        color: #fff;
        width: 120px;
        border-radius: 4px;
        margin-top: 16px; }
        .sale-item__container #store-stock-modal .modal-body .store-list__chat .icon-line {
          width: 20px;
          height: 20px;
          margin-left: 6px; }
    .sale-item__container #store-stock-modal .modal-body .tip {
      color: #666666;
      font-size: 12px; }
  .sale-item__container #store-stock-modal .modal-footer {
    padding: 20px;
    border: none;
    margin: 0; }
    .sale-item__container #store-stock-modal .modal-footer button, .sale-item__container #store-stock-modal .modal-footer a {
      margin: 0; }
      .sale-item__container #store-stock-modal .modal-footer button:first-child, .sale-item__container #store-stock-modal .modal-footer a:first-child {
        margin-right: 16px; }
    .sale-item__container #store-stock-modal .modal-footer .button.brand-default-btn:hover {
      color: #fff; }
    .sale-item__container #store-stock-modal .modal-footer .md-btn {
      width: 100%;
      height: 50px; }

.sale-item__skeleton {
  max-width: 1440px;
  margin: auto;
  overflow: hidden;
  padding: 0 16px; }
  @media screen and (min-width: 768px) {
    .sale-item__skeleton {
      padding: 0; } }

.sale-item__breadcrumb {
  display: none; }
  @media screen and (min-width: 768px) {
    .sale-item__breadcrumb {
      display: block;
      padding: 24px 0;
      font-size: 14px; }
      .sale-item__breadcrumb a {
        color: #404040; }
      .sale-item__breadcrumb .breadcrumb-l3 {
        font-weight: 500; } }

.sale-item__tip {
  text-align: start;
  color: #8c8c8c;
  font-size: 12px; }

.sale-item__gallery .sale-item__tab-content {
  display: none; }

.sale-item__gallery .flash-sale-preview-bar-pc {
  display: block;
  position: absolute;
  z-index: 10;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  font-size: 16px;
  background-color: #000;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .sale-item__gallery .flash-sale-preview-bar-pc {
      display: none; } }
  .sale-item__gallery .flash-sale-preview-bar-pc .flash-sale-preview-bar-pc__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .sale-item__gallery .flash-sale-preview-bar-pc .flash-sale-preview-bar-pc__notify {
    display: -ms-flexbox;
    display: flex;
    padding: 6px 12px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 8px;
    border: 1px solid #c74250;
    background-color: #c74250;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    outline: none; }
    .sale-item__gallery .flash-sale-preview-bar-pc .flash-sale-preview-bar-pc__notify--set {
      border-color: #fff;
      background-color: #161616;
      color: #fff;
      cursor: pointer; }
  .sale-item__gallery .flash-sale-preview-bar-pc .flash-sale-preview-bar-pc__calendar {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer; }

.sale-item__gallery .flash-sale-preview-bar-mob {
  display: none;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  background-color: #404040;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .sale-item__gallery .flash-sale-preview-bar-mob {
      display: -ms-flexbox;
      display: flex; } }
  .sale-item__gallery .flash-sale-preview-bar-mob .flash-sale-preview-bar-mob__text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }
  .sale-item__gallery .flash-sale-preview-bar-mob .flash-sale-preview-bar-mob__notify {
    display: -ms-flexbox;
    display: flex;
    padding: 6px 12px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 8px;
    border: 1px solid #c74250;
    background-color: #c74250;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    outline: none; }
    .sale-item__gallery .flash-sale-preview-bar-mob .flash-sale-preview-bar-mob__notify--set {
      border-color: #fff;
      background-color: #161616;
      color: #fff;
      cursor: pointer; }
  .sale-item__gallery .flash-sale-preview-bar-mob .flash-sale-preview-bar-mob__calendar {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer; }

@media screen and (min-width: 768px) {
  .sale-item__gallery {
    min-height: 800px;
    width: 57%; }
    .sale-item__gallery .sale-item__tab-content {
      display: block;
      padding: 0; } }

.sale-item__summary .fixed-btns {
  opacity: 0;
  height: 0; }

@media screen and (min-width: 768px) {
  .sale-item__summary {
    width: 43%;
    height: 100%;
    position: sticky;
    top: 140px;
    padding-left: 32px; } }

.sale-item__main-pic {
  position: relative; }
  .sale-item__main-pic.noPic {
    aspect-ratio: 1 / 1;
    background-color: #f0f0f0; }
  .sale-item__main-pic .pagination {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 1;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 12px; }
  .sale-item__main-pic .swiper-slide {
    aspect-ratio: 1 / 1; }
  .sale-item__main-pic img {
    width: 100%;
    max-height: 100%;
    object-fit: contain; }
  .sale-item__main-pic .swiper-button-next, .sale-item__main-pic .swiper-button-prev {
    display: none; }
  @media screen and (min-width: 768px) {
    .sale-item__main-pic .pagination {
      display: none; }
    .sale-item__main-pic img {
      max-height: 100%; }
    .sale-item__main-pic .main-pic-btn-next, .sale-item__main-pic .main-pic-btn-prev {
      display: -ms-flexbox;
      display: flex;
      width: 46px;
      height: 46px;
      background-color: rgba(0, 0, 0, 0.1);
      transition: background-color 0.3s ease;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
      .sale-item__main-pic .main-pic-btn-next svg, .sale-item__main-pic .main-pic-btn-prev svg {
        width: 22px;
        height: 22px; }
      .sale-item__main-pic .main-pic-btn-next:hover, .sale-item__main-pic .main-pic-btn-prev:hover {
        background-color: rgba(0, 0, 0, 0.3); }
    .sale-item__main-pic .swiper-button-next {
      right: 0; }
    .sale-item__main-pic .swiper-button-prev {
      left: 0; } }

.sale-item__more-pic {
  display: none; }
  @media screen and (min-width: 768px) {
    .sale-item__more-pic {
      display: block;
      margin: 12px 0 40px; }
      .sale-item__more-pic .swiper-slide {
        max-width: 90px;
        width: 100%;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer; }
        .sale-item__more-pic .swiper-slide img {
          object-fit: contain; }
          .sale-item__more-pic .swiper-slide img.active {
            border: 1px solid #404040;
            padding: 3px; } }

.sale-item__info {
  padding: 20px 16px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .sale-item__info {
      padding: 0;
      margin-top: 12px; } }

.sale-item__tags {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 12px; }

.sale-item__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.18px;
  color: #000;
  margin-bottom: 12px; }
  @media screen and (min-width: 768px) {
    .sale-item__title {
      font-size: 20px;
      letter-spacing: 0.2px; } }

.sale-item__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: Roboto;
  margin-bottom: 24px; }
  .sale-item__price .happy-price {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.18px; }
    .sale-item__price .happy-price.promo {
      color: #c74250; }
  .sale-item__price .promotion {
    display: -ms-flexbox;
    display: flex; }
  .sale-item__price .label {
    line-height: 18px;
    font-style: normal;
    font-weight: 400; }
  .sale-item__price .amount {
    line-height: 20px; }
  .sale-item__price .discount {
    padding: 4px 8px;
    background-color: #c74250;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 2px;
    border-radius: 4px; }
    .sale-item__price .discount.hasTime {
      border-radius: 4px 0 0 4px; }
  .sale-item__price .discount-end-time {
    padding: 4px 8px;
    border: 1px solid #c74250;
    border-radius: 0 4px 4px 0;
    color: #c74250;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 2px; }
  .sale-item__price .hight-price {
    color: #8C8C8C;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    position: relative; }
    .sale-item__price .hight-price::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background-color: currentColor;
      bottom: 10px;
      pointer-events: none; }
  @media screen and (min-width: 768px) {
    .sale-item__price {
      margin-bottom: 30px; }
      .sale-item__price .happy-price {
        font-size: 24px;
        line-height: 34px; } }

.sale-item__preOrder-info {
  padding: 10px 8px;
  background-color: #FFEFEF;
  color: #c74250;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  margin-bottom: 24px; }
  .sale-item__preOrder-info .time {
    font-family: Roboto;
    font-weight: 400; }

.sale-item__preOrder-countdown {
  padding: 10px 8px;
  background-color: #FFEFEF;
  color: #c74250;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 4px;
  margin-bottom: 24px; }
  .sale-item__preOrder-countdown .icon-alarm {
    margin-top: 8px; }
  .sale-item__preOrder-countdown .countdown {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    padding: 6px 12px;
    margin: 0 8px;
    background-color: #fff;
    display: inline-block; }
  .sale-item__preOrder-countdown .end-time {
    font-family: Roboto;
    color: #404040;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px; }
  @media screen and (min-width: 768px) {
    .sale-item__preOrder-countdown .preOrder-countdown-info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 12px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .sale-item__preOrder-countdown .end-time {
      margin-top: 0; } }

.sale-item__schedule-info {
  padding: 10px 8px;
  background-color: #FFEFEF;
  color: #c74250;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  border-radius: 4px; }
  .sale-item__schedule-info .time {
    font-family: Roboto;
    font-weight: 400; }

.sale-item__spec-tags.spec-tag-second {
  margin-top: 16px; }

.sale-item__spec-tags .spec-label {
  color: #666666;
  font-size: 12px;
  margin-bottom: 8px; }

.sale-item__spec-tags .spec-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px; }

.sale-item__spec-tags .button {
  border-radius: 4px;
  min-width: 60px; }
  .sale-item__spec-tags .button.brand-outline-btn {
    color: #404040;
    border: 0.5px solid #bfbfbf; }

.sale-item__spec-tags label {
  margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .sale-item__spec-tags.spec-tag-second {
    margin-top: 20px; }
  .sale-item__spec-tags .button.brand-outline-btn:hover {
    color: #fff;
    border: 0.5px solid #2f6279; }
  .sale-item__spec-tags .button.brand-outline-btn:not(.active):hover {
    background-color: #f5f7f8;
    border: 0.5px solid #bfbfbf;
    color: inherit; } }

.sale-item__qty {
  color: #c74250;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 24px 0; }
  .sale-item__qty .stock-status {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; }
    .sale-item__qty .stock-status.grey {
      color: #bfbfbf; }
    .sale-item__qty .stock-status.black {
      color: #404040; }
  .sale-item__qty .qty-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .sale-item__qty .qty-input {
    width: 100%;
    min-width: 60px;
    height: 32px;
    text-align: center;
    border: none; }
    .sale-item__qty .qty-input:focus {
      outline: none;
      border-color: #aaa; }
    .sale-item__qty .qty-input:disabled {
      background-color: inherit; }
  .sale-item__qty .qty-btn {
    padding: 2px 10px; }
    .sale-item__qty .qty-btn:disabled svg path {
      fill: #d9d9d9; }
  @media screen and (min-width: 768px) {
    .sale-item__qty {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
      -ms-flex-pack: end;
          justify-content: flex-end;
      gap: 20px;
      margin: 30px 0; }
      .sale-item__qty .qty-control {
        border: 0.5px solid #bfbfbf;
        border-radius: 4px;
        height: 40px;
        width: 100%;
        max-width: 200px; }
        .sale-item__qty .qty-control svg {
          width: 20px;
          height: 20px; }
      .sale-item__qty .stock-status {
        font-size: 14px;
        line-height: 20px; } }

.sale-item__btns {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 20px; }
  .sale-item__btns .favorite-btn {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 6px;
    color: #404040;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0 4px; }
  .sale-item__btns .button.md-btn {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .sale-item__btns {
      gap: 10px;
      margin-bottom: 24px; }
      .sale-item__btns .favorite-btn {
        -ms-flex-direction: row;
            flex-direction: row;
        gap: 4px;
        border: 1px solid #d9d9d9;
        min-width: 96px;
        margin: 0;
        font-size: 16px; }
        .sale-item__btns .favorite-btn svg {
          width: 20px;
          height: 20px; }
      .sale-item__btns .button.md-btn {
        padding: 14px 24px; } }

.sale-item__fixed-btns {
  position: fixed;
  bottom: -80px;
  width: 100%;
  background-color: #fff;
  z-index: 20;
  margin: 0 -15px;
  padding: 12px 16px;
  border-top: 1px solid #f5f5f5;
  opacity: 0;
  transition: all 0.2s linear; }
  .sale-item__fixed-btns.show {
    opacity: 1;
    bottom: 0; }
  @media screen and (min-width: 768px) {
    .sale-item__fixed-btns {
      display: none; } }

.sale-item__shipment-date {
  color: #666666;
  line-height: 20px;
  margin-bottom: 8px; }
  @media screen and (min-width: 768px) {
    .sale-item__shipment-date {
      margin-bottom: 12px; } }

.sale-item__sku {
  color: #666666;
  font-family: Roboto;
  font-size: 14px; }
  @media screen and (min-width: 768px) {
    .sale-item__sku {
      margin-bottom: 48px; } }

.sale-item__buy-together {
  padding: 24px 0px 16px 16px;
  position: relative; }
  .sale-item__buy-together a {
    color: #404040; }
  .sale-item__buy-together .bty-swiper {
    margin-top: 12px;
    margin-right: 16px; }
  .sale-item__buy-together .swiper-navigation-wrap {
    display: none; }
  .sale-item__buy-together .swiper-button-prev, .sale-item__buy-together .swiper-button-next {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
    .sale-item__buy-together .swiper-button-prev svg, .sale-item__buy-together .swiper-button-next svg {
      width: 12px;
      height: 18px; }
  .sale-item__buy-together .bty-product-card {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    max-width: 142px; }
  .sale-item__buy-together .bty-img {
    width: 100%;
    height: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    object-fit: contain; }
  .sale-item__buy-together .bty-img-empty {
    height: 140px;
    background-color: #f0f0f0; }
  .sale-item__buy-together .bty-item-name {
    letter-spacing: 0.14px;
    padding: 0 8px;
    margin: 8px 0 12px;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px; }
  .sale-item__buy-together .bty-price-info {
    padding: 0 8px;
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .sale-item__buy-together .bty-label {
    color: #666666; }
  .sale-item__buy-together .bty-price {
    color: #c74250;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; }
  .sale-item__buy-together .qty-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4px; }
  .sale-item__buy-together .qty-input {
    width: 100%;
    height: 32px;
    text-align: center;
    border: none;
    background-color: #fff; }
    .sale-item__buy-together .qty-input:disabled {
      color: #404040;
      opacity: 1; }
    .sale-item__buy-together .qty-input:focus {
      outline: none;
      border-color: #aaa; }
  .sale-item__buy-together .qty-btn {
    padding: 2px 10px; }
    .sale-item__buy-together .qty-btn:disabled svg path {
      fill: #d9d9d9; }
  @media screen and (min-width: 768px) {
    .sale-item__buy-together {
      margin-bottom: 48px;
      padding: 0; }
      .sale-item__buy-together .bty-img-empty {
        aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%; }
      .sale-item__buy-together .bty-title {
        font-weight: 400;
        line-height: 22px; }
      .sale-item__buy-together .bty-swiper {
        margin-top: 16px;
        padding-bottom: 1px;
        margin-right: 0; }
      .sale-item__buy-together .swiper-wrapper {
        z-index: 2; }
      .sale-item__buy-together .swiper-navigation-wrap {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        position: absolute;
        right: 0;
        top: 0;
        font-family: Roboto;
        font-size: 12px; }
      .sale-item__buy-together .swiper-button-prev, .sale-item__buy-together .swiper-button-next {
        position: unset;
        width: unset;
        height: unset;
        margin-top: 0; }
      .sale-item__buy-together .swiper-button-lock {
        display: block;
        cursor: default; }
        .sale-item__buy-together .swiper-button-lock svg path {
          stroke: #BFBFBF; }
      .sale-item__buy-together .bty-product-card {
        max-width: unset; } }

.sale-item__promotion {
  padding: 32px 16px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  position: relative;
  display: none; }
  .sale-item__promotion.show {
    display: -ms-flexbox;
    display: flex; }
  .sale-item__promotion .promotion-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    min-height: 40px;
    color: #404040; }
  .sale-item__promotion .promotion-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    text-align: justify;
    width: calc(100% - 44px - 12px); }
  .sale-item__promotion .promotion-title {
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: off; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #404040; }
  .sale-item__promotion .promotion-img {
    width: 40px;
    height: auto;
    border-radius: 4px; }
  .sale-item__promotion .promotion-go {
    white-space: nowrap;
    color: #404040; }
  .sale-item__promotion .coupon-tags {
    display: -ms-flexbox;
    display: flex;
    gap: 12px; }
  .sale-item__promotion .coupon-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .sale-item__promotion .coupon-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #c74250;
    background-color: #FDF3F3;
    border-top: 1px solid #EE968E;
    border-bottom: 1px solid #EE968E;
    height: 100%;
    text-wrap: nowrap; }
  .sale-item__promotion .icon-coupon {
    height: 100%; }
    .sale-item__promotion .icon-coupon-right {
      transform: rotate(180deg); }
  .sale-item__promotion .coupon-go {
    color: #c74250; }
  @media screen and (min-width: 768px) {
    .sale-item__promotion {
      padding: 0; }
      .sale-item__promotion .promotion-header {
        display: none; } }

.sale-item__brand {
  display: inline-block;
  padding: 24px 16px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  display: none; }
  .sale-item__brand.show {
    display: -ms-flexbox;
    display: flex; }
  .sale-item__brand .brand-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    color: #404040; }
    .sale-item__brand .brand-info__logo {
      width: 48px;
      height: auto;
      border-radius: 4px; }
    .sale-item__brand .brand-info__avatar {
      width: 48px;
      height: 48px;
      border-radius: 4px;
      background-color: #f0f0f0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      font-family: Roboto;
      font-size: 20px; }
    .sale-item__brand .brand-info__text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 6px; }
    .sale-item__brand .brand-info__name {
      font-size: 16px;
      font-family: Roboto;
      line-height: 20px; }
    .sale-item__brand .brand-info__count {
      color: #8c8c8c;
      font-size: 12px;
      font-family: Roboto; }
  .sale-item__brand .brand-go {
    white-space: nowrap;
    color: #404040; }
  @media screen and (min-width: 768px) {
    .sale-item__brand {
      padding: 16px;
      background-color: #fafafa;
      margin-bottom: 32px; } }

.sale-item__tabs {
  position: sticky;
  top: 76px;
  z-index: 2; }
  .sale-item__tabs-wrapper {
    padding: 16px 12px 0;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .sale-item__tabs .button {
    border-radius: 0; }
    .sale-item__tabs .button:focus {
      border-color: #d9d9d9; }
  .sale-item__tabs .tab-item {
    padding: 16px 0;
    width: 100%;
    text-align: center;
    border-bottom: 1.2px solid #d9d9d9;
    font-size: 14px;
    color: #404040; }
  .sale-item__tabs .active-line {
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #404040;
    transition: left 0.3s ease; }
  @media screen and (min-width: 768px) {
    .sale-item__tabs {
      position: unset;
      padding: 0; } }

.sale-item__tab-content {
  padding: 16px 16px 36px;
  position: relative; }
  .sale-item__tab-content .collapse-toggle-btn {
    font-family: Roboto;
    font-size: 16px;
    width: 100%;
    border: 1px solid #224D68;
    margin-top: 20px; }
  .sale-item__tab-content .button:focus {
    border: 1px solid #224D68; }
  .sale-item__tab-content .button.text-btn {
    border-radius: 8px;
    padding: 10px 16px; }
  .sale-item__tab-content .intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    overflow: hidden; }
    .sale-item__tab-content .intro.collapsed {
      max-height: 550px;
      overflow: hidden; }
      .sale-item__tab-content .intro.collapsed::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 120px;
        background: linear-gradient(to bottom, transparent, white 70%);
        pointer-events: none; }
    .sale-item__tab-content .intro iframe, .sale-item__tab-content .intro audio {
      max-width: 100%; }
    .sale-item__tab-content .intro video {
      max-width: 100%;
      height: auto; }
    .sale-item__tab-content .intro img {
      width: 100%;
      height: auto; }
    .sale-item__tab-content .intro .summary {
      padding-bottom: 32px;
      border-bottom: 1.2px solid #d9d9d9;
      margin-bottom: 32px;
      line-height: 180%; }
    .sale-item__tab-content .intro .content {
      margin-bottom: 32px;
      line-height: 180%; }
      .sale-item__tab-content .intro .content li {
        margin-left: 20px; }
    .sale-item__tab-content .intro .spec-detail {
      list-style: none;
      padding: 16px;
      background-color: #fafafa;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 14px; }
      .sale-item__tab-content .intro .spec-detail__item {
        padding-bottom: 14px;
        border-bottom: 1px solid #f0f0f0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 12px;
        font-size: 16px;
        line-height: 22px;
        text-align: left; }
        .sale-item__tab-content .intro .spec-detail__item:last-child {
          border-bottom: none;
          padding-bottom: 0; }
      .sale-item__tab-content .intro .spec-detail__name {
        -ms-flex: 1;
            flex: 1;
        color: #666666; }
      .sale-item__tab-content .intro .spec-detail__value {
        -ms-flex: 3;
            flex: 3; }
  .sale-item__tab-content .store-stock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 36px;
    margin-bottom: 40px; }
    .sale-item__tab-content .store-stock__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 6px; }
    .sale-item__tab-content .store-stock__details {
      display: -ms-flexbox;
      display: flex;
      gap: 12px; }
    .sale-item__tab-content .store-stock__info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      gap: 8px; }
    .sale-item__tab-content .store-stock__name {
      font-size: 16px;
      line-height: 22px; }
    .sale-item__tab-content .store-stock__address {
      color: #2f6279;
      font-size: 12px; }
    .sale-item__tab-content .store-stock__line {
      color: #0AAC4C;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 6px; }
      .sale-item__tab-content .store-stock__line img {
        width: 20px;
        height: auto; }
    .sale-item__tab-content .store-stock__count {
      white-space: nowrap; }
    .sale-item__tab-content .store-stock__tip {
      text-align: start;
      color: #8c8c8c;
      font-size: 12px; }
  .sale-item__tab-content .shipment {
    margin-bottom: 40px; }
    .sale-item__tab-content .shipment__details {
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      margin-bottom: 32px; }
      .sale-item__tab-content .shipment__details .icon {
        margin: 0px; }
    .sale-item__tab-content .shipment__info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      gap: 6px; }
    .sale-item__tab-content .shipment__name {
      font-size: 16px;
      line-height: 22px; }
    .sale-item__tab-content .shipment__price {
      color: #666666;
      line-height: 20px; }
  .sale-item__tab-content .payment {
    margin-bottom: 40px; }
    .sale-item__tab-content .payment__details {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 36px;
      padding-left: 24px; }
    .sale-item__tab-content .payment__info {
      text-align: left; }
    .sale-item__tab-content .payment__title {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 6px; }
    .sale-item__tab-content .payment__text {
      color: #666666;
      line-height: 160%; }
    .sale-item__tab-content .payment__name {
      color: #2f6279; }
    .sale-item__tab-content .payment__img {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 10px;
      padding-top: 4px; }
      .sale-item__tab-content .payment__img img {
        padding: 4px;
        width: 38px;
        height: auto; }
        .sale-item__tab-content .payment__img img:last-of-type {
          margin-right: 2px; }
  @media screen and (min-width: 768px) {
    .sale-item__tab-content .mob-intro {
      display: none; }
    .sale-item__tab-content .intro .summary {
      font-size: 16px;
      letter-spacing: 0.16px; }
    .sale-item__tab-content .intro .content {
      letter-spacing: 0.16px; }
    .sale-item__tab-content .store-stock,
    .sale-item__tab-content .shipment,
    .sale-item__tab-content .payment {
      margin-bottom: 0; } }

.sale-item__attribute-tags {
  padding: 24px 16px;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .sale-item__attribute-tags .attribute-tag {
    padding: 6px 10px;
    border-radius: 50px;
    border: 0.8px solid #d9d9d9;
    color: #666666; }

.sale-item__also-bought {
  padding: 32px 20px;
  position: relative;
  border-top: 8px solid #f5f5f5; }
  .sale-item__also-bought-title {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px; }
  .sale-item__also-bought-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 16px; }
  .sale-item__also-bought .product-card:first-of-type {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
    position: relative; }
    .sale-item__also-bought .product-card:first-of-type::after {
      content: '';
      background: rgba(0, 0, 0, 0.15);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none; }
    .sale-item__also-bought .product-card:first-of-type .card-img-outside-wrap {
      position: absolute !important;
      height: -moz-available;
      height: stretch; }
    .sale-item__also-bought .product-card:first-of-type img {
      object-fit: cover; }
    .sale-item__also-bought .product-card:first-of-type .card-info-wrap,
    .sale-item__also-bought .product-card:first-of-type .txt {
      position: absolute;
      bottom: 24px;
      z-index: 2;
      width: 100%;
      padding: 0 16px; }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .brand-a-link,
      .sale-item__also-bought .product-card:first-of-type .txt .brand-a-link {
        color: #fff; }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .default-favorite svg path,
      .sale-item__also-bought .product-card:first-of-type .txt .default-favorite svg path {
        stroke: #fff; }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .card-main-title,
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .items-title,
      .sale-item__also-bought .product-card:first-of-type .txt .card-main-title,
      .sale-item__also-bought .product-card:first-of-type .txt .items-title {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-top: 0;
        height: unset; }
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .card-main-title span,
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .items-title span,
        .sale-item__also-bought .product-card:first-of-type .txt .card-main-title span,
        .sale-item__also-bought .product-card:first-of-type .txt .items-title span {
          color: #fff;
          line-height: 1.75rem;
          max-height: calc(1.75rem * 2); }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .sale-price,
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .price,
      .sale-item__also-bought .product-card:first-of-type .txt .sale-price,
      .sale-item__also-bought .product-card:first-of-type .txt .price {
        color: #fff;
        font-size: 16px;
        line-height: 22px; }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap .original-price,
      .sale-item__also-bought .product-card:first-of-type .txt .original-price {
        color: #f5f5f5;
        font-size: 14px;
        line-height: 20px;
        margin-top: 2px; }
  @media screen and (min-width: 768px) {
    .sale-item__also-bought {
      padding: 0;
      margin-top: 100px;
      border-top: unset; }
      .sale-item__also-bought-title {
        text-align: start; }
      .sale-item__also-bought-list {
        -ms-grid-columns: (1fr)[5];
            grid-template-columns: repeat(5, 1fr);
        -ms-grid-rows: auto auto;
            grid-template-rows: auto auto;
        gap: 20px 16px; }
      .sale-item__also-bought .product-card:first-of-type .card-img-outside-wrap {
        background-color: unset; }
      .sale-item__also-bought .product-card:first-of-type .swiper {
        height: 100%; }
      .sale-item__also-bought .product-card:first-of-type .swiper-button-next, .sale-item__also-bought .product-card:first-of-type .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0; }
      .sale-item__also-bought .product-card:first-of-type .card-info-wrap,
      .sale-item__also-bought .product-card:first-of-type .txt {
        bottom: 32px;
        padding: 0 32px; }
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .card-main-title,
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .items-title,
        .sale-item__also-bought .product-card:first-of-type .txt .card-main-title,
        .sale-item__also-bought .product-card:first-of-type .txt .items-title {
          font-size: 20px;
          line-height: 28px; }
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .sale-price,
        .sale-item__also-bought .product-card:first-of-type .card-info-wrap .price,
        .sale-item__also-bought .product-card:first-of-type .txt .sale-price,
        .sale-item__also-bought .product-card:first-of-type .txt .price {
          font-size: 20px;
          line-height: 28px; } }

.sale-item__view-history {
  padding: 32px 20px;
  position: relative;
  border-top: 8px solid #f5f5f5; }
  .sale-item__view-history-title {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #404040; }
  .sale-item__view-history-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 16px; }
  @media screen and (min-width: 768px) {
    .sale-item__view-history {
      padding: 0;
      margin-top: 100px;
      border-top: unset; }
      .sale-item__view-history-title {
        text-align: start; }
      .sale-item__view-history-list {
        -ms-grid-columns: (1fr)[5];
            grid-template-columns: repeat(5, 1fr);
        gap: 18px; } }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
/**
    2023 建立
    Bloomingville design system
**/
body.bv {
  background-color: #FAF8F6;
  padding-top: 70px;
  font-family: "Montserrat", "Noto Sans", "Noto Sans TC", "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4";
  position: relative;
  color: #595959;
  font-weight: 350; }
  @media screen and (max-width: 500px) {
    body.bv {
      padding-top: 52px; } }
  body.bv button {
    -webkit-appearance: none;
    border: 0;
    background-color: inherit; }
  body.bv a {
    text-decoration: none; }
  body.bv section {
    min-height: calc(100vh - 70px);
    overflow-x: hidden;
    margin-bottom: 5rem; }
    @media screen and (max-width: 1024px) {
      body.bv section {
        min-height: calc(100vh - 138px);
        margin-bottom: 0; } }
    @media screen and (max-width: 500px) {
      body.bv section {
        min-height: calc(100vh - 120px); } }
  body.bv .bv-item {
    width: 174px;
    height: 312px;
    cursor: pointer;
    transition: 0.3s ease-out; }
    body.bv .bv-item .pic {
      position: relative;
      padding: 1rem;
      background-color: #fff; }
    body.bv .bv-item .txt {
      padding: 0.75rem 0.75rem 1.2rem;
      background-color: #fff;
      color: #5D5A55;
      height: calc(312px - 174px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-pack: justify;
          justify-content: space-between;
      border: 0.5px solid #fff; }
    body.bv .bv-item-title {
      font-weight: 500;
      font-size: 16px;
      line-height: 1.5;
      display: -webkit-box;
      margin-bottom: 1rem; }
      body.bv .bv-item-title span {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden; }
    body.bv .bv-item-price {
      font-size: 14px;
      line-height: 1.25; }
    body.bv .bv-item:hover .txt {
      background-color: transparent;
      border: 0.5px solid #fff; }
    body.bv .bv-item:hover .bv-item-title {
      font-weight: 600; }
    body.bv .bv-item.more {
      min-height: 310px;
      background-color: #5D5A55;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      transition: 0.3s ease-out; }
      body.bv .bv-item.more svg {
        fill: #fff;
        width: 36px;
        height: 36px; }
      body.bv .bv-item.more .more-text {
        margin-bottom: 1rem;
        color: #fff;
        font-size: 16px;
        font-weight: 500; }
      body.bv .bv-item.more > a {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
      body.bv .bv-item.more .more-icon {
        transform: rotate(90deg); }
      body.bv .bv-item.more:hover {
        background-color: #686662; }
    body.bv .bv-item .top {
      position: absolute;
      top: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: center;
          align-items: center; }
    body.bv .bv-item .promo-tag {
      padding: 0.25rem 6px;
      color: #fff;
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem; }
      body.bv .bv-item .promo-tag.left {
        font-weight: 500;
        background-color: #837867; }
      body.bv .bv-item .promo-tag.left-right {
        background-color: #BEB194; }
      body.bv .bv-item .promo-tag.bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #CDC6BC; }
    body.bv .bv-item .sold-out-tag {
      width: 60px;
      height: 60px;
      color: #837867;
      background-color: rgba(240, 237, 231, 0.8);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem;
      border-radius: 50rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: absolute;
      z-index: 5;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    body.bv .bv-item-list__row {
      padding: 0 1.125rem; }
      @media screen and (max-width: 1200px) {
        body.bv .bv-item-list__row {
          padding: 0; } }
      @media screen and (max-width: 425px) {
        body.bv .bv-item-list__row {
          padding: 0 5px; }
          body.bv .bv-item-list__row .col-6 {
            height: 319px; } }
      body.bv .bv-item-list__row .bv-item {
        width: 245px;
        height: 378px;
        margin: 0 auto 1.75rem; }
        body.bv .bv-item-list__row .bv-item > a {
          display: block;
          width: 100%;
          height: 100%;
          background-color: #fff; }
        body.bv .bv-item-list__row .bv-item .pic {
          padding: 1rem;
          background-color: #fff; }
        body.bv .bv-item-list__row .bv-item .txt {
          height: 133px; }
        @media screen and (max-width: 1024px) {
          body.bv .bv-item-list__row .bv-item {
            margin: 0 auto 0.75rem; } }
        @media screen and (max-width: 500px) {
          body.bv .bv-item-list__row .bv-item {
            width: 174px;
            height: 312px; } }
        body.bv .bv-item-list__row .bv-item:hover > a {
          background-color: transparent; }
  body.bv .bv-navbar {
    padding: 10px 2rem;
    background-color: #FAF8F6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 580px) {
      body.bv .bv-navbar {
        padding: 10px 20px; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-navbar {
        padding: 0.5rem 1rem; } }
    body.bv .bv-navbar .navbar-logo {
      width: 195.71px;
      text-align: left; }
      body.bv .bv-navbar .navbar-logo > img {
        width: 195.71px;
        max-width: 195.71px;
        height: 50px;
        object-fit: cover; }
      @media screen and (max-width: 500px) {
        body.bv .bv-navbar .navbar-logo {
          width: 140.91px;
          height: 36px; }
          body.bv .bv-navbar .navbar-logo > img {
            width: 140.91px;
            height: 36px;
            object-fit: cover; } }
    body.bv .bv-navbar .navbar-items {
      width: calc(100% - 195.71px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
    body.bv .bv-navbar .navbar-item {
      -ms-flex: 1;
          flex: 1;
      padding-left: 3rem; }
      body.bv .bv-navbar .navbar-item.nav-tabs {
        -ms-flex: 2;
            flex: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center;
        border: 0;
        position: relative; }
        body.bv .bv-navbar .navbar-item.nav-tabs .menu-header {
          padding: 0.25rem 0;
          margin-right: 20px; }
          body.bv .bv-navbar .navbar-item.nav-tabs .menu-header > a {
            padding: 0.25rem 0.25rem; }
        body.bv .bv-navbar .navbar-item.nav-tabs .submenu-container {
          position: absolute;
          width: 196px;
          left: 20px;
          top: 40px;
          box-shadow: 1px 1px 4px rgba(47, 98, 121, 0.02), 1px 1px 8px rgba(47, 98, 121, 0.04); }
      body.bv .bv-navbar .navbar-item.social-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: end;
            justify-content: flex-end;
        -ms-flex-align: center;
            align-items: center; }
        body.bv .bv-navbar .navbar-item.social-link > a {
          line-height: 1; }
          body.bv .bv-navbar .navbar-item.social-link > a:nth-of-type(2) {
            margin-left: 22px; }
            @media screen and (max-width: 500px) {
              body.bv .bv-navbar .navbar-item.social-link > a:nth-of-type(2) {
                margin-left: 20px; } }
      body.bv .bv-navbar .navbar-item button#show-menu-btn {
        display: none; }
      @media screen and (max-width: 768px) {
        body.bv .bv-navbar .navbar-item {
          padding-left: 2rem; }
          body.bv .bv-navbar .navbar-item.social-link {
            padding-left: 0rem;
            -ms-flex: 0;
                flex: 0; } }
      @media screen and (max-width: 560px) {
        body.bv .bv-navbar .navbar-item.nav-tabs {
          display: none; }
        body.bv .bv-navbar .navbar-item.social-link {
          -ms-flex: 1;
              flex: 1; }
        body.bv .bv-navbar .navbar-item button#show-menu-btn {
          display: block;
          margin-left: 20px; } }
    body.bv .bv-navbar #cbp-spmenu-s1.cbp-spmenu-right {
      position: fixed;
      right: -1000px;
      top: 0;
      z-index: 100001;
      transition: all 0.2s ease-in;
      width: 100%;
      height: 100%; }
      body.bv .bv-navbar #cbp-spmenu-s1.cbp-spmenu-right.open {
        right: 0;
        transition: all 0.2s ease-in; }
      body.bv .bv-navbar #cbp-spmenu-s1.cbp-spmenu-right #navbar-right {
        display: block;
        left: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.3);
        box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 0px;
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        width: 100vw;
        height: 100%;
        max-height: 100%;
        padding: 0px 0px;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: box-shadow .3s; }
      body.bv .bv-navbar #cbp-spmenu-s1.cbp-spmenu-right.open #navbar-right {
        box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 0px; }
      body.bv .bv-navbar #cbp-spmenu-s1.cbp-spmenu-right .navbar-right-main {
        width: 100vw;
        background-color: #FAF8F6;
        height: 100%;
        max-height: 100vh;
        overflow-y: scroll; }
    body.bv .bv-navbar .bv-navbar-menus {
      padding: 0.5rem 1rem;
      width: 100%;
      height: calc(100% - 120px); }
      body.bv .bv-navbar .bv-navbar-menus .line {
        height: 1px;
        background-color: #CDC6BC; }
    body.bv .bv-navbar .bv-navbar-menu .menu-header {
      cursor: pointer;
      padding: 0.75rem 0.25rem; }
      body.bv .bv-navbar .bv-navbar-menu .menu-header a {
        color: #595959;
        padding-bottom: 0.25rem; }
        body.bv .bv-navbar .bv-navbar-menu .menu-header a.active, body.bv .bv-navbar .bv-navbar-menu .menu-header a:hover {
          border-bottom: 3px solid #CEAFAA; }
    body.bv .bv-navbar .bv-navbar-menu ul {
      list-style-type: none; }
    body.bv .bv-navbar .bv-navbar-menu .submenu-container {
      display: none;
      background-color: #fff;
      padding: 1rem 0.5rem;
      border-radius: 8px;
      transition: all 0.3s ease; }
      body.bv .bv-navbar .bv-navbar-menu .submenu-container.show {
        display: block;
        transition: all 0.3s ease; }
    body.bv .bv-navbar .bv-navbar-menu .submenu-name {
      font-size: 12px;
      padding-bottom: 0.25rem;
      margin-bottom: 0.5rem; }
      @media screen and (max-width: 425px) {
        body.bv .bv-navbar .bv-navbar-menu .submenu-name {
          font-size: 14px; } }
      body.bv .bv-navbar .bv-navbar-menu .submenu-name > a {
        padding: 0 0.25rem 0.25rem;
        color: #595959; }
        body.bv .bv-navbar .bv-navbar-menu .submenu-name > a:hover, body.bv .bv-navbar .bv-navbar-menu .submenu-name > a.active {
          border-bottom: 3px solid #CEAFAA; }
    body.bv .bv-navbar .bv-navbar-menu .submenu-line {
      height: 1px;
      background-color: #F0EDE7;
      margin: 0.75rem 0; }
  body.bv .bv-footer {
    font-size: 12px;
    color: #979797;
    -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
    position: absolute;
    left: 2rem;
    bottom: 16.8rem; }
    @media screen and (max-width: 1024px) {
      body.bv .bv-footer {
        position: unset;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
        display: block;
        padding: 1.5rem 0;
        text-align: center; } }
  body.bv .bv-load {
    display: none;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 600px;
    background-color: #FAF8F6; }
  body.bv .bv.back-to-top {
    background: rgba(205, 198, 188, 0.2);
    color: #5D5A55;
    text-align: center;
    border-radius: 2px;
    width: 44px;
    height: 44px;
    border-radius: 50rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    body.bv .bv.back-to-top > svg {
      width: 20px;
      height: 20px;
      fill: #5D5A55; }
    body.bv .bv.back-to-top.bv-page {
      display: none;
      position: fixed;
      right: 2rem;
      bottom: 2rem;
      z-index: 10;
      cursor: pointer; }
      @media screen and (max-width: 1024px) {
        body.bv .bv.back-to-top.bv-page {
          right: 22px;
          bottom: 24px; } }
  @media screen and (max-width: 430px) {
    body.bv .bv-intro__container .container.ig {
      padding: 0;
      max-width: 405px; } }
  @media screen and (max-width: 410px) {
    body.bv .bv-intro__container .container.ig {
      padding: 0;
      max-width: 355px; } }
  body.bv .bv-contact__container {
    padding-top: 1rem; }
    @media screen and (max-width: 1024px) {
      body.bv .bv-contact__container {
        padding: 0.75rem; } }
    @media screen and (max-width: 580px) {
      body.bv .bv-contact__container {
        padding: 0.5rem; } }
    body.bv .bv-contact__container .contact__container {
      border: 2px solid gśeenyellow;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      padding: 0;
      margin-bottom: 1.5rem; }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .contact__container {
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
          margin-bottom: 0.5rem; } }
    body.bv .bv-contact__container .contact-box {
      width: calc(100% - 196px - 0.75rem);
      height: 244px;
      margin-right: 0.75rem;
      vertical-align: bottom;
      overflow: hidden;
      position: relative;
      background-size: cover;
      background-position: center bottom;
      background-image: url(https://www.storemarais-image.com/public/bloomingville/contact_us_bg.png); }
      @media screen and (max-width: 1024px) {
        body.bv .bv-contact__container .contact-box {
          height: 196px; } }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .contact-box {
          width: 100%;
          height: 196px;
          margin-right: 0;
          margin-top: 0.5rem; } }
      body.bv .bv-contact__container .contact-box .contact-item {
        color: #fff; }
        body.bv .bv-contact__container .contact-box .contact-item-box {
          position: absolute;
          z-index: 5;
          left: 48px;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 768px) {
            body.bv .bv-contact__container .contact-box .contact-item-box {
              left: 24px; } }
          @media screen and (max-width: 580px) {
            body.bv .bv-contact__container .contact-box .contact-item-box {
              left: 16px; } }
        body.bv .bv-contact__container .contact-box .contact-item__title {
          font-size: 12px;
          font-weight: 350;
          line-height: 16px;
          margin-bottom: 4px; }
        body.bv .bv-contact__container .contact-box .contact-item__content {
          font-size: 16px;
          font-weight: 400;
          line-height: 26px; }
          body.bv .bv-contact__container .contact-box .contact-item__content.email {
            text-decoration: underline;
            color: #fff; }
        body.bv .bv-contact__container .contact-box .contact-item:nth-of-type(1) {
          margin-bottom: 28px; }
    body.bv .bv-contact__container .messenger-box {
      width: 196px;
      background-color: #5D5A55;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      body.bv .bv-contact__container .messenger-box a {
        color: #fff;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 1rem; }
        @media screen and (max-width: 580px) {
          body.bv .bv-contact__container .messenger-box a {
            margin-bottom: 0.75rem; } }
      body.bv .bv-contact__container .messenger-box svg {
        fill: #FAF8F6; }
        @media screen and (max-width: 580px) {
          body.bv .bv-contact__container .messenger-box svg {
            width: 24px;
            height: 24px; } }
      body.bv .bv-contact__container .messenger-box-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer; }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .messenger-box {
          width: 170px;
          height: 136px; } }
    body.bv .bv-contact__container .store__container {
      padding: 0; }
    body.bv .bv-contact__container .store__box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .store__box {
          -ms-flex-direction: column;
              flex-direction: column; } }
    body.bv .bv-contact__container .store__items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex: 1;
          flex: 1; }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .store__items {
          -ms-flex: 1;
              flex: 1;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
          overflow-x: auto; } }
    body.bv .bv-contact__container .store__item {
      padding: 20px 16px 24px 48px;
      background-color: #F0EDE7;
      cursor: pointer;
      text-align: start;
      font-weight: 300;
      color: #979797;
      line-height: 1.2;
      transition: all 0.1s ease-out; }
      body.bv .bv-contact__container .store__item__name {
        font-size: 14px; }
      body.bv .bv-contact__container .store__item__branch {
        font-size: 40px; }
      body.bv .bv-contact__container .store__item:hover {
        background-color: rgba(205, 198, 188, 0.7);
        color: #7F7F7F; }
      body.bv .bv-contact__container .store__item.active {
        background-color: #CDC6BC;
        color: #333333;
        font-weight: 400; }
      @media screen and (max-width: 768px) {
        body.bv .bv-contact__container .store__item {
          padding: 0.75rem 0.75rem 0.75rem 1.5rem; }
          body.bv .bv-contact__container .store__item__branch {
            font-size: 28px; } }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .store__item {
          padding: 0.75rem 0.75rem 0.5rem 1rem; }
          body.bv .bv-contact__container .store__item__name {
            font-size: 12px; }
          body.bv .bv-contact__container .store__item__branch {
            font-size: 16px; } }
      @media screen and (max-width: 500px) {
        body.bv .bv-contact__container .store__item {
          padding: 0.75rem 0.5rem 0.5rem 0.75rem; } }
    body.bv .bv-contact__container .store__infos {
      border: 1px solid #CDC6BC;
      -ms-flex: 2;
          flex: 2;
      padding: 0.75rem; }
      @media screen and (max-width: 580px) {
        body.bv .bv-contact__container .store__infos {
          -ms-flex: 1;
              flex: 1;
          width: 100%;
          padding: 0.5rem; } }
    body.bv .bv-contact__container .store__info {
      display: none;
      font-weight: 300;
      color: #595959;
      font-size: 12px; }
      body.bv .bv-contact__container .store__info > img {
        padding-bottom: 0.75rem;
        border-bottom: 1px solid #CDC6BC;
        margin-bottom: 0.75rem; }
      body.bv .bv-contact__container .store__info.show {
        display: block; }
      body.bv .bv-contact__container .store__info__name {
        font-weight: 500;
        color: #333333;
        font-size: 12px;
        margin-bottom: 0.5rem; }
      body.bv .bv-contact__container .store__info__address {
        display: block;
        color: #595959;
        text-decoration: underline;
        margin-bottom: 0.5rem; }
      body.bv .bv-contact__container .store__info__tel {
        margin-bottom: 0.5rem;
        display: block;
        color: #595959; }
  body.bv .bv-home__container .container {
    max-width: 1240px; }
    @media screen and (max-width: 1024px) {
      body.bv .bv-home__container .container {
        max-width: 1024px; } }
    @media screen and (max-width: 992px) {
      body.bv .bv-home__container .container {
        max-width: 960px; } }
    @media screen and (max-width: 768px) {
      body.bv .bv-home__container .container {
        max-width: 570px; } }
    @media screen and (max-width: 576px) {
      body.bv .bv-home__container .container {
        max-width: 540px; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-home__container .container {
        max-width: 385px; } }
    @media screen and (max-width: 385px) {
      body.bv .bv-home__container .container {
        max-width: 100%; } }
    @media screen and (max-width: 430px) {
      body.bv .bv-home__container .container.about {
        padding: 0;
        max-width: 405px; } }
    @media screen and (max-width: 375px) {
      body.bv .bv-home__container .container.about {
        padding: 0;
        max-width: 355px; } }
    @media screen and (max-width: 430px) {
      body.bv .bv-home__container .container.ig {
        padding: 0;
        max-width: 405px; } }
    @media screen and (max-width: 400px) {
      body.bv .bv-home__container .container.ig {
        padding: 0;
        max-width: 355px; } }
    @media screen and (max-width: 375px) {
      body.bv .bv-home__container .container.ig {
        padding: 0;
        max-width: 355px; } }
  body.bv .bv-home__container .slogan-title {
    font-size: 28px;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 4rem; }
    @media screen and (max-width: 425px) {
      body.bv .bv-home__container .slogan-title {
        font-size: 16px;
        margin-top: 1rem;
        margin-bottom: 1.5rem; } }
  body.bv .bv-home__container .scenario__container {
    margin-bottom: 4rem; }
    @media screen and (max-width: 1024px) {
      body.bv .bv-home__container .scenario__container {
        margin-bottom: 3rem; } }
    @media screen and (max-width: 768px) {
      body.bv .bv-home__container .scenario__container {
        margin-bottom: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 0.75rem;
        background-color: #F0EDE7;
        border-radius: 4px; } }
    @media screen and (max-width: 580px) {
      body.bv .bv-home__container .scenario__container {
        padding: 0.75rem 0.3rem; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-home__container .scenario__container {
        -ms-flex-align: center;
            align-items: center;
        padding: 0.75rem 0.75rem 0; } }
    @media screen and (max-width: 385px) {
      body.bv .bv-home__container .scenario__container {
        padding: 0.75rem 0.35rem 0; } }
    body.bv .bv-home__container .scenario__container img.scenario {
      height: 636px;
      object-fit: cover;
      width: 100%;
      object-position: bottom center; }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .scenario__container img.scenario {
          height: 356px; } }
      @media screen and (max-width: 500px) {
        body.bv .bv-home__container .scenario__container img.scenario {
          height: 282px; } }
    body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(4), body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(5), body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(6) {
      margin-bottom: 0; }
    @media screen and (max-width: 425px) {
      body.bv .bv-home__container .scenario__container .bv-item {
        margin-bottom: 0.45rem; }
        body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(4), body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(5), body.bv .bv-home__container .scenario__container .bv-item:nth-of-type(6) {
          margin-bottom: 0.45rem; } }
    body.bv .bv-home__container .scenario__container.top .bv-item {
      margin-left: calc(0.75rem - 4px);
      margin-bottom: 0.75rem; }
      @media screen and (max-width: 1240px) {
        body.bv .bv-home__container .scenario__container.top .bv-item {
          margin-left: 0.75rem; } }
      @media screen and (max-width: 1024px) {
        body.bv .bv-home__container .scenario__container.top .bv-item {
          margin-left: 0.5rem; } }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .scenario__container.top .bv-item {
          margin-left: 0; } }
      @media screen and (max-width: 500px) {
        body.bv .bv-home__container .scenario__container.top .bv-item {
          margin-bottom: 7px; } }
      body.bv .bv-home__container .scenario__container.top .bv-item .txt {
        text-align: center; }
    @media screen and (max-width: 768px) {
      body.bv .bv-home__container .scenario__container.bottom {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
    body.bv .bv-home__container .scenario__container.bottom .bv-item {
      margin-right: calc(0.75rem - 4px);
      margin-bottom: 0.75rem; }
      @media screen and (max-width: 1240px) {
        body.bv .bv-home__container .scenario__container.bottom .bv-item {
          margin-right: 0.75rem; } }
      @media screen and (max-width: 1024px) {
        body.bv .bv-home__container .scenario__container.bottom .bv-item {
          margin-right: 0.5rem; } }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .scenario__container.bottom .bv-item {
          margin-right: 0; } }
      @media screen and (max-width: 500px) {
        body.bv .bv-home__container .scenario__container.bottom .bv-item {
          margin-bottom: 7px; } }
      body.bv .bv-home__container .scenario__container.bottom .bv-item .txt {
        text-align: center; }
  body.bv .bv-home__container .scenario__main {
    -ms-flex: 5.5;
        flex: 5.5; }
    @media screen and (max-width: 1240px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 5.2;
            flex: 5.2; } }
    @media screen and (max-width: 1150px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 4.8;
            flex: 4.8; } }
    @media screen and (max-width: 1100px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 4.5;
            flex: 4.5; } }
    @media screen and (max-width: 1000px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 4;
            flex: 4; } }
    @media screen and (max-width: 915px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 3.5;
            flex: 3.5; } }
    @media screen and (max-width: 830px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: 3;
            flex: 3; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-home__container .scenario__main {
        -ms-flex: unset;
            flex: unset;
        width: 355px; } }
  body.bv .bv-home__container .scenario__items {
    -ms-flex: 4.5;
        flex: 4.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 1240px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 5;
            flex: 5; } }
    @media screen and (max-width: 1100px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 5.5;
            flex: 5.5; } }
    @media screen and (max-width: 1000px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 6;
            flex: 6; } }
    @media screen and (max-width: 915px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 6.5;
            flex: 6.5; } }
    @media screen and (max-width: 890px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 7;
            flex: 7; } }
    @media screen and (max-width: 785px) {
      body.bv .bv-home__container .scenario__items {
        -ms-flex: 7.5;
            flex: 7.5; } }
    @media screen and (max-width: 768px) {
      body.bv .bv-home__container .scenario__items {
        margin-top: 0.75rem; } }
    @media screen and (max-width: 530px) {
      body.bv .bv-home__container .scenario__items {
        margin-top: 7px;
        -ms-flex-pack: center;
            justify-content: center; }
        body.bv .bv-home__container .scenario__items .bv-item {
          margin-bottom: 7px; }
          body.bv .bv-home__container .scenario__items .bv-item:nth-of-type(odd) {
            margin-right: 3.5px; }
          body.bv .bv-home__container .scenario__items .bv-item:nth-of-type(even) {
            margin-left: 3.5px; } }
  body.bv .bv-home__container .about__container {
    width: 100%;
    height: 200px;
    background-size: 100% 100%;
    background-position: bottom;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 5rem;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 1024px) {
      body.bv .bv-home__container .about__container {
        margin-bottom: 3rem; } }
    @media screen and (max-width: 768px) {
      body.bv .bv-home__container .about__container {
        height: 180px; } }
    @media screen and (max-width: 580px) {
      body.bv .bv-home__container .about__container {
        height: 150px; } }
    @media screen and (max-width: 425px) {
      body.bv .bv-home__container .about__container {
        height: 120px;
        margin-bottom: 2rem; } }
    body.bv .bv-home__container .about__container a, body.bv .bv-home__container .about__container .about-text {
      font-size: 28px;
      color: #686662;
      font-weight: 400;
      text-decoration: underline; }
      @media screen and (max-width: 500px) {
        body.bv .bv-home__container .about__container a, body.bv .bv-home__container .about__container .about-text {
          font-size: 1.25rem; } }
    body.bv .bv-home__container .about__container .about-icon__container {
      position: absolute;
      width: 810px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: end;
          align-items: flex-end;
      top: -60px; }
      body.bv .bv-home__container .about__container .about-icon__container > img {
        transition: 0.2s ease-out;
        height: 147px;
        width: auto; }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .about__container .about-icon__container {
          width: 616px; } }
      @media screen and (max-width: 580px) {
        body.bv .bv-home__container .about__container .about-icon__container {
          width: 464px; }
          body.bv .bv-home__container .about__container .about-icon__container > img {
            height: 111px; } }
      @media screen and (max-width: 425px) {
        body.bv .bv-home__container .about__container .about-icon__container {
          width: 300px;
          top: -54px; }
          body.bv .bv-home__container .about__container .about-icon__container > img {
            height: 94px; } }
    body.bv .bv-home__container .about__container:hover .about-icon__container img {
      transition: 0.2s ease-out; }
      body.bv .bv-home__container .about__container:hover .about-icon__container img:nth-of-type(1) {
        transform: translate(-6px, -6px); }
      body.bv .bv-home__container .about__container:hover .about-icon__container img:nth-of-type(2) {
        transform: translate(0, -6px); }
      body.bv .bv-home__container .about__container:hover .about-icon__container img:nth-of-type(3) {
        transform: translate(6px, -6px); }
  body.bv .bv-home__container .na__container {
    background-color: #F0EDE7;
    height: 494px;
    margin-bottom: 10rem;
    position: relative; }
    @media screen and (max-width: 1280px) {
      body.bv .bv-home__container .na__container {
        height: 502px; } }
    @media screen and (max-width: 580px) {
      body.bv .bv-home__container .na__container {
        height: 818px; } }
    @media screen and (max-width: 425px) {
      body.bv .bv-home__container .na__container {
        height: 806px; } }
    @media screen and (max-width: 375px) {
      body.bv .bv-home__container .na__container {
        padding: 0; } }
    body.bv .bv-home__container .na__container .bv-btn {
      position: absolute;
      left: 50%;
      bottom: -20px;
      transform: translateX(-50%);
      background-color: #fff;
      border-radius: 90px;
      padding: 8px 20px;
      box-shadow: 1px 1px 4px rgba(47, 98, 121, 0.02), 1px 1px 8px rgba(47, 98, 121, 0.04);
      font-size: 1rem;
      color: #5D5A55;
      transition: 0.2s ease-out; }
      body.bv .bv-home__container .na__container .bv-btn > svg {
        fill: #5D5A55;
        transform: rotate(90deg); }
      body.bv .bv-home__container .na__container .bv-btn:hover {
        font-weight: 500; }
    body.bv .bv-home__container .na__container .na__box {
      position: relative;
      height: 100%;
      padding-top: 2rem; }
      @media screen and (max-width: 375px) {
        body.bv .bv-home__container .na__container .na__box {
          padding: 2rem 0 0; } }
    body.bv .bv-home__container .na__container .na__deco {
      width: 399px;
      position: absolute; }
      body.bv .bv-home__container .na__container .na__deco.left {
        bottom: -60px;
        left: -399px; }
      body.bv .bv-home__container .na__container .na__deco.right {
        right: -399px;
        bottom: -60px; }
      @media screen and (max-width: 1280px) {
        body.bv .bv-home__container .na__container .na__deco.left {
          left: -310px; }
        body.bv .bv-home__container .na__container .na__deco.right {
          right: -310px; } }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .na__container .na__deco {
          width: 199.5px; }
          body.bv .bv-home__container .na__container .na__deco.left {
            left: -150px;
            top: 0; }
          body.bv .bv-home__container .na__container .na__deco.right {
            right: -150px;
            top: 0; } }
      @media screen and (max-width: 425px) {
        body.bv .bv-home__container .na__container .na__deco {
          width: 107px; }
          body.bv .bv-home__container .na__container .na__deco.left {
            left: -90px;
            top: -112px; }
          body.bv .bv-home__container .na__container .na__deco.right {
            right: -90px;
            top: -80px; } }
      @media screen and (max-width: 375px) {
        body.bv .bv-home__container .na__container .na__deco.left {
          left: -75px; }
        body.bv .bv-home__container .na__container .na__deco.right {
          right: -70px; } }
    body.bv .bv-home__container .na__container .na__items {
      width: 1032px;
      margin: auto; }
      @media screen and (max-width: 1280px) {
        body.bv .bv-home__container .na__container .na__items {
          width: 800px; } }
      @media screen and (max-width: 1024px) {
        body.bv .bv-home__container .na__container .na__items {
          width: 680px; } }
      @media screen and (max-width: 768px) {
        body.bv .bv-home__container .na__container .na__items {
          width: 100%; } }
      @media screen and (max-width: 580px) {
        body.bv .bv-home__container .na__container .na__items {
          width: 355px; }
          body.bv .bv-home__container .na__container .na__items .bv-item {
            width: 177.5px; } }
      @media screen and (max-width: 375px) {
        body.bv .bv-home__container .na__container .na__items {
          padding: 0; } }
    body.bv .bv-home__container .na__container .na__title {
      font-size: 40px;
      color: #595959;
      font-weight: 300;
      text-align: center;
      line-height: 48px;
      margin-bottom: 1.5rem; }
      @media screen and (max-width: 425px) {
        body.bv .bv-home__container .na__container .na__title {
          font-size: 28px;
          line-height: 36px; } }
    body.bv .bv-home__container .na__container .na-swiper .swiper-slide .bv-item {
      text-align: center; }
    @media screen and (max-width: 580px) {
      body.bv .bv-home__container .na__container .na-swiper .swiper-slide .bv-item {
        margin-bottom: 7px; } }
    body.bv .bv-home__container .na__container .na-swiper .swiper-slide:nth-of-type(odd) .bv-item {
      padding-right: 3.5px; }
    body.bv .bv-home__container .na__container .na-swiper .swiper-slide:nth-of-type(even) .bv-item {
      padding-left: 3.5px; }
    body.bv .bv-home__container .na__container .na-swiper-pagination {
      text-align: center;
      margin: 1.5rem 0; }
      body.bv .bv-home__container .na__container .na-swiper-pagination .swiper-pagination-bullet {
        background-color: #CDC6BC; }
        body.bv .bv-home__container .na__container .na-swiper-pagination .swiper-pagination-bullet-active {
          background-color: #686662; }
  body.bv .bv-na__container .container {
    max-width: calc(1064px + 28px); }
    @media screen and (max-width: 1024px) {
      body.bv .bv-na__container .container {
        max-width: 100%; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-na__container .container {
        max-width: 375px; } }
  body.bv .top-box {
    max-width: 883px; }
    @media screen and (max-width: 768px) {
      body.bv .top-box {
        max-width: 640px; } }
    @media screen and (max-width: 580px) {
      body.bv .top-box {
        max-width: 516px; } }
    @media screen and (max-width: 500px) {
      body.bv .top-box {
        max-width: 100vw; } }
  body.bv .intro-top__container {
    margin: 4rem auto;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      body.bv .intro-top__container {
        margin: 3rem auto; } }
    @media screen and (max-width: 768px) {
      body.bv .intro-top__container {
        margin: 3rem auto 1.2rem; } }
    @media screen and (max-width: 580px) {
      body.bv .intro-top__container {
        margin: 3rem auto 0.7rem; } }
    @media screen and (max-width: 500px) {
      body.bv .intro-top__container {
        margin: 3rem auto 1.5rem; } }
    @media screen and (max-width: 425px) {
      body.bv .intro-top__container {
        margin: 1.5rem auto 1.5rem; } }
  body.bv .intro-top__title {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 1.8rem; }
    @media screen and (max-width: 768px) {
      body.bv .intro-top__title {
        font-size: 16px; } }
    @media screen and (max-width: 425px) {
      body.bv .intro-top__title {
        margin-bottom: 1rem; } }
  body.bv .intro-top__content {
    font-size: 16px;
    line-height: 26px;
    font-weight: 350; }
    @media screen and (max-width: 768px) {
      body.bv .intro-top__content {
        font-size: 14px;
        line-height: 22px; } }
  body.bv .slogan__container {
    padding: 0 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    color: #7F7F7F;
    font-family: "Montserrat"; }
    @media screen and (max-width: 1024px) {
      body.bv .slogan__container {
        padding: 0; } }
  body.bv .slogan__title {
    font-size: 28px;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      body.bv .slogan__title {
        font-size: 16px;
        font-weight: 500; } }
  body.bv .slogan__content {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    z-index: 40;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 50; }
    @media screen and (max-width: 768px) {
      body.bv .slogan__content {
        font-size: 14px; } }
    @media screen and (max-width: 500px) {
      body.bv .slogan__content {
        position: relative; } }
  body.bv .slogan__wordbox {
    position: relative;
    width: 100%;
    margin: auto; }
    @media screen and (max-width: 500px) {
      body.bv .slogan__wordbox {
        background: #F0EDE7;
        padding: 0 12px;
        width: 80%;
        margin-top: 6px; } }
  body.bv .slogan__line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    width: 85%;
    height: 7px;
    background-color: #F0EDE7;
    z-index: 10; }
    @media screen and (max-width: 500px) {
      body.bv .slogan__line {
        display: none; } }
  body.bv .bv-tag {
    padding: 4px 6px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 400; }
    body.bv .bv-tag.green-1 {
      background-color: #BEB194; }
    body.bv .bv-tag.green-2 {
      background-color: #837867; }
    body.bv .bv-tag.bg-3 {
      background-color: #CDC6BC; }
  body.bv .cv__container {
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 100px; }
    @media screen and (max-width: 1024px) {
      body.bv .cv__container {
        margin-top: 5rem; } }
    @media screen and (max-width: 768px) {
      body.bv .cv__container {
        margin-top: 4rem; } }
    @media screen and (max-width: 425px) {
      body.bv .cv__container {
        margin-top: 3rem;
        margin-bottom: 2rem; } }
  body.bv .cv__title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 1.75rem; }
    @media screen and (max-width: 768px) {
      body.bv .cv__title {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 1rem; } }
    @media screen and (max-width: 500px) {
      body.bv .cv__title {
        margin-bottom: 0.75rem; } }
  body.bv .cv__content {
    font-size: 16px;
    font-weight: 350; }
    @media screen and (max-width: 768px) {
      body.bv .cv__content {
        font-size: 14px; } }
  body.bv .bv-brand__container {
    margin-bottom: 5rem; }
  @media screen and (max-width: 768px) {
    body.bv .bv-brand__item {
      padding-bottom: 1.5rem; } }
  body.bv .bv-brand__logo {
    padding: 14px 12px;
    background-color: #F0EDE7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    body.bv .bv-brand__logo > img {
      width: 245.75px;
      height: auto; }
      @media screen and (max-width: 425px) {
        body.bv .bv-brand__logo > img {
          width: auto;
          height: 40px; } }
  body.bv .bv-brand__image > img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    object-position: center center; }
  body.bv .bv-brand__title {
    margin: 0.75rem 0 0.5rem;
    line-height: 1;
    font-size: 16px;
    font-weight: 400; }
  body.bv .bv-brand__content {
    font-size: 14px;
    font-weight: 350; }
  body.bv .bv-ig__container {
    padding: 3rem 1rem 2.25rem;
    background-color: #fff; }
    @media screen and (max-width: 768px) {
      body.bv .bv-ig__container {
        padding: 3rem 2rem 2.25rem; } }
    @media screen and (max-width: 580px) {
      body.bv .bv-ig__container {
        padding: 1.5em 2rem 1rem; } }
    @media screen and (max-width: 500px) {
      body.bv .bv-ig__container {
        padding: 1.5em 0.75rem 1rem; } }
    @media screen and (max-width: 425px) {
      body.bv .bv-ig__container {
        padding: 24px 0; } }
    body.bv .bv-ig__container .ig-item {
      display: inline-block;
      margin: 0; }
      body.bv .bv-ig__container .ig-item__container {
        max-width: 836px;
        margin: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        @media screen and (max-width: 1024px) {
          body.bv .bv-ig__container .ig-item__container {
            width: 100%; } }
        @media screen and (max-width: 425px) {
          body.bv .bv-ig__container .ig-item__container {
            max-width: 381px;
            width: 381px; } }
        @media screen and (max-width: 410px) {
          body.bv .bv-ig__container .ig-item__container {
            max-width: 331px;
            width: 331px; } }
        @media screen and (max-width: 375px) {
          body.bv .bv-ig__container .ig-item__container {
            max-width: 331px;
            width: 331px; } }
        body.bv .bv-ig__container .ig-item__container .rwdImg-wrap {
          width: calc(25% - 12px);
          margin: 0 7px;
          margin-top: 12px; }
          body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(1), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(5) {
            margin-left: 0; }
          body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(4), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(8) {
            margin-right: 0; }
          @media screen and (max-width: 768px) {
            body.bv .bv-ig__container .ig-item__container .rwdImg-wrap {
              width: calc(33% - 12px); }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(1), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(4) {
                margin-left: 0; }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(3), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(6) {
                margin-right: 0; }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(5) {
                margin-left: 6px;
                margin-right: 0; }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(7), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(8) {
                display: none; } }
          @media screen and (max-width: 500px) {
            body.bv .bv-ig__container .ig-item__container .rwdImg-wrap {
              width: calc(50% - 6px);
              margin: 0 3px;
              margin-top: 6px; }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(1), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(3), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(5) {
                margin-left: 0; }
              body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(2), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(4), body.bv .bv-ig__container .ig-item__container .rwdImg-wrap:nth-of-type(6) {
                margin-right: 0; } }
          @media screen and (max-width: 425px) {
            body.bv .bv-ig__container .ig-item__container .rwdImg-wrap {
              width: calc(50% - 3.5px);
              margin: 0 3.5px 7px; } }
          @media screen and (max-width: 400px) {
            body.bv .bv-ig__container .ig-item__container .rwdImg-wrap {
              width: 162px;
              margin: 0 3.5px 7px; } }
      body.bv .bv-ig__container .ig-item img {
        max-width: 100%;
        max-height: 100%; }
  body.bv .bv-ig__header {
    text-align: center; }
  body.bv .bv-ig__title {
    font-size: 16px;
    font-weight: 600;
    color: #5D5A55;
    cursor: pointer;
    margin-bottom: 1rem; }
    body.bv .bv-ig__title > a {
      color: #5D5A55; }
    @media screen and (max-width: 580px) {
      body.bv .bv-ig__title {
        margin-bottom: 0.75rem; } }
  body.bv .bv-ig__subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #7F7F7F;
    margin-bottom: 1.125rem; }
    @media screen and (max-width: 580px) {
      body.bv .bv-ig__subtitle {
        margin-bottom: 0.6rem; } }
  body.bv .top-banner {
    background-color: #F0EDE7; }
    body.bv .top-banner > img {
      width: 100%;
      height: 640px;
      object-fit: cover;
      object-position: bottom center;
      display: block;
      transform-origin: top; }
      @media screen and (max-width: 1280px) {
        body.bv .top-banner > img {
          height: 500px; } }
      @media screen and (max-width: 768px) {
        body.bv .top-banner > img {
          height: 484px; } }
      @media screen and (max-width: 425px) {
        body.bv .top-banner > img {
          height: 330px; } }
    body.bv .top-banner__title {
      margin: 3.5rem 0 1.75rem;
      font-weight: 300;
      text-align: center;
      font-size: 28px;
      line-height: 2.25rem; }
      @media screen and (max-width: 425px) {
        body.bv .top-banner__title {
          margin: 1.5rem 0 1rem; } }
    body.bv .top-banner__content {
      max-width: 883px;
      margin: 1.75rem auto 0;
      text-align: center;
      font-weight: 350;
      line-height: 26px;
      font-size: 1rem; }
      @media screen and (max-width: 768px) {
        body.bv .top-banner__content {
          max-width: 640px;
          margin: 1.5rem auto 0; } }
      @media screen and (max-width: 580px) {
        body.bv .top-banner__content {
          max-width: 468px;
          margin: 1rem auto 0; } }
      @media screen and (max-width: 500px) {
        body.bv .top-banner__content {
          width: 100%;
          padding: 0 0.875rem;
          line-height: 22px;
          font-size: 0.875rem;
          margin: 1rem auto 0; } }
    body.bv .top-banner__subcategory {
      max-width: 1175px;
      margin: 2.625rem auto 4.5rem;
      box-shadow: 0px 1px 4px rgba(47, 98, 121, 0.04);
      padding: 1rem 112px;
      background-color: #fff;
      border-radius: 4px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 1024px) {
        body.bv .top-banner__subcategory {
          max-width: 960px;
          margin: 2rem auto 3rem; } }
      @media screen and (max-width: 768px) {
        body.bv .top-banner__subcategory {
          max-width: 704px;
          margin: 1.5rem auto 2rem;
          padding: 1rem 2rem; } }
      @media screen and (max-width: 580px) {
        body.bv .top-banner__subcategory {
          max-width: 516px;
          padding: 1rem 1.5rem; } }
      @media screen and (max-width: 500px) {
        body.bv .top-banner__subcategory {
          max-width: 100%;
          margin: 1rem auto 1.5rem;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      body.bv .top-banner__subcategory .sub-category__tab {
        font-size: 14px;
        color: #595959;
        font-weight: 350;
        padding: 0 0.25rem;
        transition: 0.3s ease-in;
        padding-bottom: 0.25rem;
        cursor: pointer;
        border-bottom: 3px solid #fff; }
        body.bv .top-banner__subcategory .sub-category__tab.active, body.bv .top-banner__subcategory .sub-category__tab:hover {
          border-bottom: 3px solid #CEAFAA; }
        @media screen and (max-width: 500px) {
          body.bv .top-banner__subcategory .sub-category__tab {
            margin-top: 0.5rem;
            margin-right: 1.3rem; } }
  body.bv .pagination-wrapper {
    margin-top: 1.25rem; }
    body.bv .pagination-wrapper .page-item {
      color: #CDC6BC;
      width: 2rem;
      height: 2rem;
      font-size: 0.875rem;
      transition: 0.3s ease-out; }
      body.bv .pagination-wrapper .page-item svg {
        fill: #5D5A55; }
      body.bv .pagination-wrapper .page-item .page-link {
        color: #CDC6BC;
        width: 2rem;
        height: 2rem; }
      body.bv .pagination-wrapper .page-item.active {
        font-weight: 500; }
        body.bv .pagination-wrapper .page-item.active .page-link {
          background-color: transparent;
          color: #5D5A55; }
      body.bv .pagination-wrapper .page-item:hover {
        border-radius: 50rem;
        background-color: #F0EDE7; }
        body.bv .pagination-wrapper .page-item:hover .page-link {
          width: 2rem;
          height: 2rem;
          border-radius: 50rem;
          background-color: #F0EDE7;
          font-weight: 400; }
      body.bv .pagination-wrapper .page-item.show-more {
        text-align: center; }
        body.bv .pagination-wrapper .page-item.show-more:hover {
          background-color: transparent;
          text-align: center; }
    body.bv .pagination-wrapper .page-link {
      width: 2rem;
      height: 2rem;
      color: #CDC6BC;
      font-size: 0.875rem; }
      body.bv .pagination-wrapper .page-link:focus {
        box-shadow: none; }
    body.bv .pagination-wrapper .page-prev-prev svg {
      transform: rotate(-90deg); }
    body.bv .pagination-wrapper .page-prev-next svg {
      transform: rotate(90deg); }
  body.bv .banner-swiper {
    padding-bottom: 22px; }
    body.bv .banner-swiper .swiper-slide {
      background-color: #F0EDE7;
      width: 100%;
      height: 756px; }
      @media screen and (max-width: 1280px) {
        body.bv .banner-swiper .swiper-slide {
          height: 580px; } }
      @media screen and (max-width: 768px) {
        body.bv .banner-swiper .swiper-slide {
          height: 572px; } }
      @media screen and (max-width: 500px) {
        body.bv .banner-swiper .swiper-slide {
          height: 390px; } }
      body.bv .banner-swiper .swiper-slide img {
        max-height: 100%;
        /* height: auto; */
        width: 100%;
        height: auto;
        height: auto;
        object-fit: cover;
        object-position: center; }
    body.bv .banner-swiper .swiper-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      position: absolute;
      bottom: 0;
      z-index: 10;
      left: 50%;
      transform: translateX(-50%); }
    body.bv .banner-swiper .swiper-prev-btn {
      border-radius: 90px 0 0 90px;
      padding: 0.5rem 0.25rem 0.5rem 1rem; }
      body.bv .banner-swiper .swiper-prev-btn > svg {
        transform: rotate(270deg); }
    body.bv .banner-swiper .swiper-next-btn {
      border-radius: 0 90px 90px 0;
      padding: 0.5rem 1rem 0.5rem 0.25rem; }
      body.bv .banner-swiper .swiper-next-btn > svg {
        transform: rotate(90deg); }
    body.bv .banner-swiper .swiper-prev-btn, body.bv .banner-swiper .swiper-next-btn {
      background-color: #fff;
      box-shadow: 1px 1px 4px rgba(47, 98, 121, 0.02), 1px 1px 8px rgba(47, 98, 121, 0.04); }
      body.bv .banner-swiper .swiper-prev-btn > svg, body.bv .banner-swiper .swiper-next-btn > svg {
        fill: #5D5A55;
        width: 22px;
        height: 22px; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.my-favorites-page .btn-text {
  cursor: pointer;
  border: 0;
  background-color: transparent; }

.my-favorites-page .favorite-page-navbar {
  display: none; }
  .my-favorites-page .favorite-page-navbar.active {
    padding: 13px 30px;
    width: 100%;
    display: block;
    position: fixed;
    top: 93px;
    left: 0;
    z-index: 1000;
    background-color: #fafafa; }
    .my-favorites-page .favorite-page-navbar.active > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
    .my-favorites-page .favorite-page-navbar.active .btn-outline-danger-default {
      padding: 10px 16px; }

.my-favorites-page .items-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  @media (max-width: 500px) {
    .my-favorites-page .items-container {
      gap: 8px; } }
  .my-favorites-page .items-container .item {
    width: calc((100% - 48px) / 4);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 8px; }
    @media (max-width: 750px) {
      .my-favorites-page .items-container .item {
        width: calc((100% - 48px) / 2); } }
    @media (max-width: 500px) {
      .my-favorites-page .items-container .item {
        width: calc((100% - 8px) / 2); } }
    .my-favorites-page .items-container .item .items-panel-price small.not-show {
      display: none; }
      @media (max-width: 500px) {
        .my-favorites-page .items-container .item .items-panel-price small.not-show {
          display: block;
          opacity: 0; } }
    .my-favorites-page .items-container .item .items-panel-price > span:first-child {
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
      min-width: 0;
      overflow: hidden; }
    .my-favorites-page .items-container .item .items-panel-price .items-favorite {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-left: 4px; }
    .my-favorites-page .items-container .item .items-panel-price .original-price {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle; }

.my-favorites-page .item.not-allow .pic,
.my-favorites-page .item.not-allow .item-brand-link,
.my-favorites-page .item.not-allow .items-title,
.my-favorites-page .item.not-allow .price {
  opacity: 0.3; }

.my-favorites-page .item.hasChecked .background-image:before {
  width: 100%;
  height: 100%;
  background-color: #404040;
  opacity: 0.3; }

.my-favorites-page .item-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .my-favorites-page .item-left .custom-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }

.my-favorites-page .item-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 500px) {
    .my-favorites-page .item-right {
      position: fixed;
      bottom: 0;
      z-index: 50;
      width: 100%;
      padding: 8px;
      background: #fff;
      left: 0; }
      .my-favorites-page .item-right button {
        width: 100%;
        padding: 14px 24px; } }

.my-favorites-page .item .items-title {
  min-height: 44.8px; }

.my-favorites-page .icon-16 {
  width: 16px;
  height: 16px; }

.my-favorites-page .custom-control-indicator {
  width: 20px;
  height: 20px;
  background-size: 70%; }

.my-favorites-page .custom-control-input {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .my-favorites-page .custom-control-input ~ .custom-control-indicator {
    background-color: #fff;
    border: 1px solid #dbdbdb; }
  .my-favorites-page .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #2f6279;
    border: 1px solid #2f6279; }
  .my-favorites-page .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: unset; }

.my-favorites-page .no-data__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.5rem 0; }
  .my-favorites-page .no-data__container img {
    width: 120px;
    height: 120px;
    mix-blend-mode: luminosity; }
  .my-favorites-page .no-data__container .btn {
    width: 275px;
    padding: 14px 24px; }

.my-favorites-page .no-data-text {
  text-align: center;
  margin: 1rem 0; }

.my-favorites-page .pagination-wrapper .page-prev-prev svg {
  transform: rotate(90deg); }

.my-favorites-page .pagination-wrapper .page-prev-next svg {
  transform: rotate(-90deg); }

.favorite-edit-checkbox {
  position: absolute;
  bottom: 12px;
  right: 8px;
  z-index: 10; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.cp-h1_medium {
  font-size: 38px;
  font-weight: 500;
  line-height: 46px; }

.cp-h2_bold {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px; }

.cp-h2_medium {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px; }

.cp-h3_bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; }

.cp-h3_medium {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px; }

.cp-h3_regular {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px; }

.cp-h4_bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px; }

.cp-h4_medium {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px; }

.cp-h4_regular {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px; }

.cp-h5_bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; }

.cp-h5_medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; }

.cp-h5_regular {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; }

.cp-h6_bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px; }

.cp-h6_medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; }

.cp-h6_regular {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }

.cp-h7_regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px; }

.cp-normal-card-item {
  background: #FFF;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  width: 100%; }
  .cp-normal-card-item .top {
    position: relative;
    overflow: hidden; }
  .cp-normal-card-item .bottom {
    padding: 8px; }
    .cp-normal-card-item .bottom .cp-card-title {
      line-height: 22px;
      /*! autoprefixer: off; */
      -webkit-box-orient: vertical;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 44px;
      color: #1C161B;
      margin-bottom: 6px; }
    .cp-normal-card-item .bottom-price {
      color: #E24226;
      font-family: Roboto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px; }
      .cp-normal-card-item .bottom-price-icon {
        display: -ms-flexbox;
        display: flex;
        width: 24px; }
      .cp-normal-card-item .bottom-price del {
        color: #A5A2A4;
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-left: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
  .cp-normal-card-item .cp-discount-tag,
  .cp-normal-card-item .cp-marketing-tag {
    padding: 2px 4px;
    position: absolute; }
    .cp-normal-card-item .cp-discount-tag.top-right,
    .cp-normal-card-item .cp-marketing-tag.top-right {
      right: 4px;
      top: 4px; }
    .cp-normal-card-item .cp-discount-tag.top-left,
    .cp-normal-card-item .cp-marketing-tag.top-left {
      left: 0;
      top: 4px; }
    .cp-normal-card-item .cp-discount-tag.bottom-left,
    .cp-normal-card-item .cp-marketing-tag.bottom-left {
      left: 4px;
      bottom: 4px; }
    .cp-normal-card-item .cp-discount-tag.bottom-center,
    .cp-normal-card-item .cp-marketing-tag.bottom-center {
      position: relative;
      width: 100%;
      text-align: center; }
    .cp-normal-card-item .cp-discount-tag.price-left,
    .cp-normal-card-item .cp-marketing-tag.price-left {
      position: relative;
      margin-right: 8px; }
  .cp-normal-card-item .cp-discount-tag {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px; }
  @media screen and (max-width: 550px) {
    .cp-normal-card-item .cp-discount-tag {
      font-size: 12px;
      font-weight: 500;
      line-height: 20px; }
    .cp-normal-card-item .cp-marketing-tag {
      font-size: 12px;
      font-weight: 400;
      line-height: 20px; } }

.cp-image-card-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-radius: 2px;
  color: #FFF;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 100%; }
  .cp-image-card-item .cp-card-img {
    position: absolute;
    z-index: 0; }
  .cp-image-card-item .cp-card-title {
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 12px;
    margin-bottom: 8px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: off; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
  .cp-image-card-item .price {
    z-index: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 12px 16px; }
    .cp-image-card-item .price del {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      margin-left: 4px; }
  .cp-image-card-item::before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 43%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(29, 22, 27, 0.7) 100%); }
  .cp-image-card-item .cp-discount-tag,
  .cp-image-card-item .cp-marketing-tag {
    padding: 6px;
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px; }
    .cp-image-card-item .cp-discount-tag.top-right,
    .cp-image-card-item .cp-marketing-tag.top-right {
      right: 12px;
      top: 10px; }
    .cp-image-card-item .cp-discount-tag.top-left,
    .cp-image-card-item .cp-marketing-tag.top-left {
      left: 12px;
      top: 10px; }
  @media screen and (max-width: 550px) {
    .cp-image-card-item .cp-discount-tag,
    .cp-image-card-item .cp-marketing-tag {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px; }
    .cp-image-card-item .cp-discount-tag {
      padding: 2px 6px; }
    .cp-image-card-item .cp-marketing-tag {
      padding: 2px 4px; } }

.cp-background-card-item {
  overflow: hidden;
  background-color: #FFF;
  padding: 8px 8px 10px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 2px;
  cursor: pointer;
  background-size: 100% 100%;
  width: 100%; }
  .cp-background-card-item .top {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 2px;
    overflow: hidden; }
  .cp-background-card-item .bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
    padding: 0 12px; }
    .cp-background-card-item .bottom-brand {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 6px;
      padding: 6px 10px;
      letter-spacing: 0.32px;
      font-size: 16px;
      font-weight: 500;
      line-height: 20px; }
    .cp-background-card-item .bottom .cp-card-title {
      color: #1C161B;
      display: -webkit-box;
      overflow: hidden;
      /*! autoprefixer: off; */
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px; }
      .cp-background-card-item .bottom .cp-card-title.noBrand {
        margin-top: 42px; }
    .cp-background-card-item .bottom-price {
      color: #E24226;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px; }
      .cp-background-card-item .bottom-price del {
        color: #A5A2A4;
        margin-left: 10px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
  @media screen and (max-width: 550px) {
    .cp-background-card-item {
      padding: 6px;
      height: 156px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; }
      .cp-background-card-item .top {
        height: 100%;
        width: unset;
        aspect-ratio: 1;
        margin-bottom: 0;
        min-width: -moz-fit-content;
        min-width: fit-content; }
      .cp-background-card-item .bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        padding: 20px 8px; }
        .cp-background-card-item .bottom-brand {
          padding: 4px 8px;
          letter-spacing: 0.28px;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px; }
        .cp-background-card-item .bottom .cp-card-title {
          -webkit-line-clamp: 2; } }

.cp-horizontal-card-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #FFF;
  border-radius: 4px;
  cursor: pointer;
  width: 100%; }
  .cp-horizontal-card-item .left {
    width: 35.7%;
    aspect-ratio: 1;
    border-radius: 4px;
    overflow: hidden; }
  .cp-horizontal-card-item .right {
    width: 64.3%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 10px;
    padding: 11px 14px 11px 24px; }
    .cp-horizontal-card-item .right .cp-marketing-tag {
      padding: 4px 8px;
      width: -moz-fit-content;
      width: fit-content;
      font-size: 14px;
      font-weight: 500;
      line-height: 22px; }
    .cp-horizontal-card-item .right .cp-card-title {
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      /*! autoprefixer: off; */
      -webkit-box-orient: vertical;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 60px;
      color: #1C161B; }
    .cp-horizontal-card-item .right-price {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .cp-horizontal-card-item .right-price-main {
        color: #E24226;
        font-family: Roboto;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -ms-flex-align: end;
            align-items: flex-end;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px; }
        .cp-horizontal-card-item .right-price-main del {
          color: #A5A2A4;
          -ms-flex-item-align: end;
              align-self: flex-end;
          font-size: 12px;
          font-weight: 400;
          line-height: 20px; }
      .cp-horizontal-card-item .right-price-btn {
        border-radius: 50%;
        width: 36px;
        height: 36px;
        background-color: #747273;
        border: none; }
  @media screen and (max-width: 550px) {
    .cp-horizontal-card-item {
      height: 116px; }
      .cp-horizontal-card-item .left {
        width: unset;
        height: 100%;
        min-width: -moz-fit-content;
        min-width: fit-content; }
      .cp-horizontal-card-item .right {
        width: unset;
        padding: 8px 8px 8px 16px;
        gap: 4px; }
        .cp-horizontal-card-item .right .cp-marketing-tag {
          padding: 0 6px;
          font-size: 12px;
          font-weight: 500;
          line-height: 20px; }
        .cp-horizontal-card-item .right .cp-card-title {
          font-size: 14px;
          font-weight: 400;
          line-height: 22px;
          height: 44px; }
        .cp-horizontal-card-item .right-price-main {
          font-size: 16px;
          font-weight: 500;
          line-height: 24px; }
        .cp-horizontal-card-item .right-price-btn {
          width: 28px;
          height: 28px; } }

.cp-circle-card-item {
  cursor: pointer;
  position: relative;
  width: 100%; }
  .cp-circle-card-item .top {
    margin-bottom: -60%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden; }
  .cp-circle-card-item .bottom {
    background-color: #FFF;
    border-radius: 0 0 24px 24px;
    padding: 60% 10px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    margin-top: 12px; }
    .cp-circle-card-item .bottom .cp-marketing-tag {
      padding: 2px 6px;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px; }
    .cp-circle-card-item .bottom .cp-card-title {
      line-height: 22px;
      /*! autoprefixer: off; */
      -webkit-box-orient: vertical;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 44px;
      color: #1C161B; }
      .cp-circle-card-item .bottom .cp-card-title.noTag {
        margin-top: 32px; }
    .cp-circle-card-item .bottom-price {
      color: #E24226;
      font-family: Roboto;
      display: -ms-flexbox;
      display: flex;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px; }
      .cp-circle-card-item .bottom-price del {
        margin-left: 4px;
        color: #A5A2A4;
        -ms-flex-item-align: end;
            align-self: flex-end;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
  @media screen and (max-width: 550px) {
    .cp-circle-card-item {
      height: 136px;
      display: -ms-flexbox;
      display: flex; }
      .cp-circle-card-item .top {
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: unset;
        margin-bottom: 0;
        z-index: 1; }
      .cp-circle-card-item .bottom {
        padding: 0;
        border-radius: 0 24px 24px 0;
        padding: 18px 8px 10px 82px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 0;
        margin-left: -75px; } }

.cp-normal-card-item .cp-card-img,
.cp-image-card-item .cp-card-img,
.cp-background-card-item .cp-card-img,
.cp-horizontal-card-item .cp-card-img,
.cp-circle-card-item .cp-card-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  transition: all 0.5s ease; }

.cp-normal-card-item:hover .cp-card-img,
.cp-image-card-item:hover .cp-card-img,
.cp-background-card-item:hover .cp-card-img,
.cp-horizontal-card-item:hover .cp-card-img,
.cp-circle-card-item:hover .cp-card-img {
  opacity: 0.85; }

.cp-normal-card-item:hover .cp-card-title,
.cp-image-card-item:hover .cp-card-title,
.cp-background-card-item:hover .cp-card-title,
.cp-horizontal-card-item:hover .cp-card-title,
.cp-circle-card-item:hover .cp-card-title {
  text-decoration: underline; }

.cp-common-button {
  border: none;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.5s ease;
  background: none;
  position: relative;
  z-index: 0; }
  .cp-common-button.large {
    min-width: 323px; }
  .cp-common-button.medium {
    min-width: 220px; }
  .cp-common-button .button-icon {
    height: 20px; }
  .cp-common-button:hover {
    opacity: 0.8; }
  .cp-common-button .button-bg-web {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; }
  .cp-common-button .button-bg-mob {
    display: none; }
  .cp-common-button.background {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    overflow: hidden; }
    .cp-common-button.background::after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(2, 15, 14, 0.4);
      z-index: -1; }
  @media screen and (max-width: 550px) {
    .cp-common-button {
      width: 100%; }
      .cp-common-button.background p {
        max-width: 36px; } }

.three-a-layout {
  width: 1152px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 24px; }
  .three-a-layout .cp-main-img-pc {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    background: #FFF; }
  .three-a-layout .cp-main-img-mob {
    display: none;
    border-radius: 4px;
    width: 100%;
    height: 168px;
    object-fit: cover;
    background: #FFF; }
  .three-a-layout .cp-horizontal-card-item {
    width: 100%; }
  @media screen and (max-width: 550px) {
    .three-a-layout {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr);
      width: 100%; }
      .three-a-layout .cp-main-img-pc {
        display: none; }
      .three-a-layout .cp-main-img-mob {
        display: block; } }

.four-a-layout {
  display: -ms-flexbox;
  display: flex;
  width: 1152px;
  margin: auto;
  background: #FFF;
  border-radius: 4px 0 0 4px; }
  .four-a-layout .cp-main-img-block {
    width: 100%;
    position: relative; }
    .four-a-layout .cp-main-img-block .cp-main-img-pc {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      object-fit: cover; }
    .four-a-layout .cp-main-img-block .cp-main-img-mob {
      display: none;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      object-fit: cover; }
    .four-a-layout .cp-main-img-block .cp-main-title-block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      padding: 0 12px; }
      .four-a-layout .cp-main-img-block .cp-main-title-block.noTitle {
        top: unset;
        bottom: 15%; }
      .four-a-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px; }
      .four-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-top: 8px; }
        .four-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title.hasDivider {
          border-top: 1px solid #D2D0D1;
          padding: 8px 10px 0; }
      .four-a-layout .cp-main-img-block .cp-main-title-block .button-pc {
        margin-top: 28px; }
  .four-a-layout .card-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    -ms-grid-column-align: center;
        justify-items: center;
    gap: 16px;
    padding: 24px; }
    .four-a-layout .card-items.hasLogo {
      padding: 24px 16px; }
    .four-a-layout .card-items .logo-img {
      height: 46px;
      grid-column: 1 / 5;
      object-fit: cover; }
    .four-a-layout .card-items .cp-normal-card-item {
      width: 200px; }
    .four-a-layout .card-items .button-mob {
      display: none;
      grid-column: 1 / 3;
      width: 100%; }
  @media screen and (max-width: 550px) {
    .four-a-layout {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-radius: 4px 4px 0 0; }
      .four-a-layout .cp-main-img-block {
        width: 100%; }
        .four-a-layout .cp-main-img-block .cp-main-img-pc {
          display: none; }
        .four-a-layout .cp-main-img-block .cp-main-img-mob {
          display: block; }
        .four-a-layout .cp-main-img-block .cp-main-title-block {
          padding: 0 35px; }
          .four-a-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px; }
          .four-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px; }
          .four-a-layout .cp-main-img-block .cp-main-title-block .button-pc {
            display: none; }
      .four-a-layout .card-items {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 12px 8px;
        padding: 16px 5.5px; }
        .four-a-layout .card-items .logo-img {
          height: 58px;
          grid-column: 1 / 3; }
        .four-a-layout .card-items .cp-normal-card-item {
          width: 100%; }
          .four-a-layout .card-items .cp-normal-card-item .top img {
            height: 100%; }
        .four-a-layout .card-items .button-mob {
          display: block; } }

.four-b-layout {
  width: 1152px;
  margin: auto;
  background: #FFF;
  border-radius: 4px 4px 0 0; }
  .four-b-layout.other {
    background: none; }
    .four-b-layout.other .top-block {
      margin-bottom: 16px; }
    .four-b-layout.other .card-items {
      gap: 16px;
      padding: 0; }
  .four-b-layout .top-block {
    position: relative; }
    .four-b-layout .top-block-img-pc {
      width: 100%;
      height: 140px;
      border-radius: 4px;
      object-fit: cover;
      background: #FFF; }
    .four-b-layout .top-block-img-mob {
      display: none;
      width: 100%;
      height: 112px;
      border-radius: 4px;
      object-fit: cover;
      background: #FFF; }
    .four-b-layout .top-block .cp-main-title {
      position: absolute;
      top: 53px;
      left: 100px;
      font-size: 30px;
      font-weight: 700;
      line-height: 40px;
      color: #FFF; }
    .four-b-layout .top-block .button-pc {
      position: absolute;
      top: 52px;
      right: 24px; }
  .four-b-layout .card-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    -ms-grid-column-align: center;
        justify-items: center;
    gap: 20px;
    padding: 16px 24px; }
    .four-b-layout .card-items .cp-normal-card-item {
      width: 100%;
      height: 100%; }
    .four-b-layout .card-items .cp-background-card-item {
      width: 100%; }
    .four-b-layout .card-items .button-mob {
      display: none;
      grid-column: 1 / 3;
      width: 100%; }
  @media screen and (max-width: 550px) {
    .four-b-layout {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .four-b-layout.other .card-items {
        -ms-grid-columns: (1fr)[1];
            grid-template-columns: repeat(1, 1fr);
        gap: 16px; }
      .four-b-layout .top-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
        .four-b-layout .top-block-img-pc {
          display: none; }
        .four-b-layout .top-block-img-mob {
          display: block; }
        .four-b-layout .top-block .cp-main-title {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          text-align: center; }
        .four-b-layout .top-block .button-pc {
          display: none; }
      .four-b-layout .card-items {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 12px 8px;
        padding: 16px 5.5px; }
        .four-b-layout .card-items .button-mob {
          display: block;
          grid-column: 1 / 2; } }

.five-a-layout {
  width: 1152px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .five-a-layout .top-block {
    width: 100%; }
    .five-a-layout .top-block-img-pc {
      width: 100%;
      height: 100px;
      border-radius: 4px;
      object-fit: cover;
      background: #FFF; }
    .five-a-layout .top-block-img-mob {
      display: none;
      width: 100%;
      height: 112px;
      border-radius: 4px;
      object-fit: cover;
      background: #FFF; }
  .five-a-layout .card-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin: 16px 0 20px; }
    .five-a-layout .card-items .cp-image-card-item {
      width: 344px;
      height: 100%; }
    .five-a-layout .card-items .cp-normal-card-item {
      width: 186px;
      height: 100%; }
  @media screen and (max-width: 550px) {
    .five-a-layout {
      width: 100%; }
      .five-a-layout .top-block {
        width: 100%; }
        .five-a-layout .top-block-img-pc {
          display: none; }
        .five-a-layout .top-block-img-mob {
          display: block; }
      .five-a-layout .card-items {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 16px 10px;
        margin: 16px 0; }
        .five-a-layout .card-items .cp-image-card-item {
          grid-column: 1 / 3;
          width: 100%;
          height: 256px; }
        .five-a-layout .card-items .cp-normal-card-item {
          width: 100%; } }

.six-a-layout {
  display: -ms-flexbox;
  display: flex;
  width: 1152px;
  margin: auto;
  background: #FFF;
  border-radius: 4px 0 0 4px; }
  .six-a-layout .cp-main-img-block {
    width: 100%;
    position: relative; }
    .six-a-layout .cp-main-img-block.noTitle {
      top: unset;
      bottom: 15%; }
    .six-a-layout .cp-main-img-block .cp-main-img-pc {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      object-fit: cover; }
    .six-a-layout .cp-main-img-block .cp-main-img-mob {
      display: none;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      object-fit: cover; }
    .six-a-layout .cp-main-img-block .cp-main-title-block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      padding: 0 12px; }
      .six-a-layout .cp-main-img-block .cp-main-title-block.noTitle {
        top: unset;
        bottom: 15%; }
      .six-a-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px; }
      .six-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-top: 8px; }
        .six-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title.hasDivider {
          border-top: 1px solid #D2D0D1;
          padding: 8px 10px 0; }
      .six-a-layout .cp-main-img-block .cp-main-title-block .button-pc {
        margin-top: 28px; }
  .six-a-layout .card-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    -ms-grid-column-align: center;
        justify-items: center;
    gap: 16px 12px;
    padding: 16px; }
    .six-a-layout .card-items .cp-normal-card-item {
      width: 240px; }
    .six-a-layout .card-items .button-mob {
      display: none;
      grid-column: 1 / 3;
      width: 100%; }
  @media screen and (max-width: 550px) {
    .six-a-layout {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-radius: 0; }
      .six-a-layout .cp-main-img-block {
        width: 100%;
        padding: 6px 5.5px 0; }
        .six-a-layout .cp-main-img-block .cp-main-img-pc {
          display: none; }
        .six-a-layout .cp-main-img-block .cp-main-img-mob {
          display: block; }
        .six-a-layout .cp-main-img-block .cp-main-title-block {
          padding: 0 35px; }
          .six-a-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px; }
          .six-a-layout .cp-main-img-block .cp-main-title-block .cp-main-sub-title {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px; }
          .six-a-layout .cp-main-img-block .cp-main-title-block .button-pc {
            display: none; }
      .six-a-layout .card-items {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 12px 8px;
        padding: 16px 5.5px; }
        .six-a-layout .card-items .cp-normal-card-item {
          width: 100%; }
          .six-a-layout .card-items .cp-normal-card-item .top img {
            height: 100%; }
        .six-a-layout .card-items .button-mob {
          display: block; } }

.six-b-layout {
  width: 1152px;
  margin: auto;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 32px; }
  .six-b-layout .layout-block {
    width: 50%;
    background: #FFF;
    padding: 16px;
    background-size: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 16px; }
    .six-b-layout .layout-block-img {
      width: 100%;
      height: 100px;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .six-b-layout .layout-block-img-pc, .six-b-layout .layout-block-img-mob {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        object-fit: cover; }
      .six-b-layout .layout-block-img-mob {
        display: none; }
      .six-b-layout .layout-block-img-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        color: #FFF;
        position: absolute;
        left: 48px; }
    .six-b-layout .layout-block-product {
      display: -ms-grid;
      display: grid;
      gap: 16px;
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr); }
    .six-b-layout .layout-block .button {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      gap: 12px; }
      .six-b-layout .layout-block .button .background {
        width: 100%;
        height: 86px; }
  .six-b-layout.twelve-a-layout .layout-block-img, .six-b-layout.twelve-b-layout .layout-block-img {
    height: 126px; }
  .six-b-layout.twelve-b-layout .layout-block {
    padding: 42px; }
    .six-b-layout.twelve-b-layout .layout-block-product {
      gap: 16px 8px; }
  @media screen and (max-width: 550px) {
    .six-b-layout {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; }
      .six-b-layout .layout-block {
        width: 100%;
        padding: 6px; }
        .six-b-layout .layout-block-img {
          height: 80px;
          -ms-flex-pack: center;
              justify-content: center; }
          .six-b-layout .layout-block-img-pc {
            display: none; }
          .six-b-layout .layout-block-img-mob {
            display: -ms-flexbox;
            display: flex; }
          .six-b-layout .layout-block-img-title {
            left: unset; }
        .six-b-layout .layout-block-product {
          -ms-grid-columns: (1fr)[1];
              grid-template-columns: repeat(1, 1fr); }
        .six-b-layout .layout-block.canScroll .layout-block-product {
          width: 100%;
          -ms-grid-rows: (1fr)[1];
              grid-template-rows: repeat(1, 1fr);
          grid-auto-flow: column;
          overflow-x: auto;
          scrollbar-width: none; }
          .six-b-layout .layout-block.canScroll .layout-block-product::-webkit-scrollbar {
            display: none; }
          .six-b-layout .layout-block.canScroll .layout-block-product .cp-normal-card-item {
            width: 144px; }
        .six-b-layout .layout-block .button {
          gap: 8px; }
      .six-b-layout.twelve-a-layout, .six-b-layout.twelve-b-layout {
        gap: 16px; }
        .six-b-layout.twelve-a-layout .layout-block-product, .six-b-layout.twelve-b-layout .layout-block-product {
          -ms-grid-columns: (1fr)[2];
              grid-template-columns: repeat(2, 1fr); }
        .six-b-layout.twelve-a-layout .layout-block-img, .six-b-layout.twelve-b-layout .layout-block-img {
          height: 112px; }
      .six-b-layout.twelve-b-layout .layout-block {
        padding: 8px 4px; } }

.eight-b-layout {
  max-width: 1152px;
  margin: auto;
  background: #FFF;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(200px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  padding: 16px;
  border-radius: 8px; }
  .eight-b-layout .cp-main-img-block {
    position: relative;
    grid-column: 1/3;
    width: 100%;
    overflow: hidden;
    border-radius: 2px; }
    .eight-b-layout .cp-main-img-block .cp-main-img-wrap {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      overflow: hidden; }
      .eight-b-layout .cp-main-img-block .cp-main-img-wrap img {
        width: 100%;
        object-fit: contain; }
    .eight-b-layout .cp-main-img-block .cp-main-title-block {
      position: absolute;
      top: 50%;
      left: 36px;
      transform: translate(0%, -50%);
      color: #FFF;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: start; }
      .eight-b-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
        font-size: 38px;
        font-weight: 700;
        line-height: 46px; }
      .eight-b-layout .cp-main-img-block .cp-main-title-block .button-pc {
        margin-top: 16px; }
  .eight-b-layout .button-mob {
    display: none; }
  @media screen and (max-width: 550px) {
    .eight-b-layout {
      background: none;
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
      gap: 16px 12px;
      border-radius: 0;
      padding: 23px 26px; }
      .eight-b-layout .cp-main-img-block .cp-main-img-pc {
        display: none; }
      .eight-b-layout .cp-main-img-block .cp-main-img-mob {
        display: block; }
      .eight-b-layout .cp-main-img-block .cp-main-title-block {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        text-align: center; }
        .eight-b-layout .cp-main-img-block .cp-main-title-block .cp-main-title {
          font-size: 30px;
          font-weight: 700;
          line-height: 40px; }
        .eight-b-layout .cp-main-img-block .cp-main-title-block .button-pc {
          display: none; }
      .eight-b-layout .button-mob {
        display: block;
        grid-column: 1/3; } }

.ten-a-layout {
  width: 1152px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 16px; }
  .ten-a-layout .layout-block {
    padding: 16px 14px;
    border-radius: 4px;
    background: #FFF;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    gap: 16px 12px; }
    .ten-a-layout .layout-block-main {
      color: #FFF;
      text-align: center;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      font-size: 30px;
      font-weight: 700;
      line-height: 40px; }
      .ten-a-layout .layout-block-main img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        object-fit: cover; }
      .ten-a-layout .layout-block-main-mob {
        display: none; }
      .ten-a-layout .layout-block-main-title {
        position: absolute; }
        .ten-a-layout .layout-block-main-title p {
          margin-bottom: 12px; }
  @media screen and (max-width: 550px) {
    .ten-a-layout {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr);
      width: 100%; }
      .ten-a-layout .layout-block {
        padding: 6px 7px;
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 12px 8px; }
        .ten-a-layout .layout-block-main-pc {
          display: none; }
        .ten-a-layout .layout-block-main-mob {
          display: -ms-flexbox;
          display: flex; } }

.ten-b-layout {
  width: 1152px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px; }
  .ten-b-layout .layout-row {
    display: -ms-grid;
    display: grid; }
    .ten-b-layout .layout-row-main {
      position: relative;
      width: 256px; }
      .ten-b-layout .layout-row-main img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px; }
      .ten-b-layout .layout-row-main-mob {
        display: none; }
      .ten-b-layout .layout-row-main-title {
        font-size: 38px;
        font-weight: 700;
        line-height: 46px;
        position: absolute;
        left: 28px;
        top: 32px;
        color: #FFF; }
      .ten-b-layout .layout-row-main button {
        position: absolute;
        left: 24px;
        bottom: 25px; }
    .ten-b-layout .layout-row:nth-child(1) {
      -ms-grid-columns: (1fr)[5];
          grid-template-columns: repeat(5, 1fr);
      gap: 16px; }
    .ten-b-layout .layout-row:nth-child(2) {
      -ms-grid-columns: (1fr)[6];
          grid-template-columns: repeat(6, 1fr);
      gap: 12px; }
  .ten-b-layout .button-mob {
    display: none; }
  @media screen and (max-width: 550px) {
    .ten-b-layout {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      gap: 16px; }
      .ten-b-layout .layout-row-main {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
            grid-column: 1 / span 2;
        width: 100%;
        height: 154px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: center;
            justify-content: center; }
        .ten-b-layout .layout-row-main-title {
          left: unset; }
        .ten-b-layout .layout-row-main button {
          display: none; }
      .ten-b-layout .layout-row:nth-child(1), .ten-b-layout .layout-row:nth-child(2) {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 16px; }
      .ten-b-layout .button-mob {
        display: -ms-flexbox;
        display: flex; } }

.nine-a-layout {
  width: 1152px;
  margin: auto;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  padding: 16px; }
  .nine-a-layout.eleven-a-layout {
    gap: 16px 8px; }
    .nine-a-layout.eleven-a-layout .cp-image-card-item {
      width: 368px;
      height: 272px;
      object-fit: cover; }
    .nine-a-layout.eleven-a-layout .card-items .cp-normal-card-item {
      width: 180px; }
  .nine-a-layout .top-block {
    width: 100%;
    position: relative; }
    .nine-a-layout .top-block-img-pc {
      width: 100%;
      height: 126px;
      object-fit: cover;
      border-radius: 4px; }
    .nine-a-layout .top-block-img-mob {
      display: none;
      width: 100%;
      object-fit: cover;
      border-radius: 4px; }
    .nine-a-layout .top-block .cp-main-title {
      font-size: 38px;
      font-weight: 700;
      line-height: 46px;
      position: absolute;
      left: 36px;
      top: 40px;
      color: #FFF; }
    .nine-a-layout .top-block .button-pc {
      position: absolute;
      right: 40px;
      top: 45px; }
  .nine-a-layout .cp-image-card-item {
    width: 438px;
    height: 303px;
    object-fit: cover; }
  .nine-a-layout .card-items {
    display: contents; }
    .nine-a-layout .card-items .cp-normal-card-item {
      width: 211px; }
  .nine-a-layout .button {
    width: 100%;
    margin-top: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly; }
    .nine-a-layout .button .background {
      width: 300px;
      height: 86px; }
  @media screen and (max-width: 550px) {
    .nine-a-layout {
      width: 100%;
      background: none;
      padding: 0 26px; }
      .nine-a-layout.eleven-a-layout .cp-image-card-item {
        width: 100%;
        height: 256px; }
      .nine-a-layout.eleven-a-layout .card-items .cp-normal-card-item {
        width: 100%; }
      .nine-a-layout .top-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
        .nine-a-layout .top-block-img-pc {
          display: none; }
        .nine-a-layout .top-block-img-mob {
          display: block; }
        .nine-a-layout .top-block .cp-main-title {
          font-size: 30px;
          font-weight: 700;
          line-height: 40px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          text-align: center; }
        .nine-a-layout .top-block .button-pc {
          display: none; }
      .nine-a-layout .cp-image-card-item {
        width: 100%;
        height: 256px;
        object-fit: cover; }
      .nine-a-layout .cp-image-card-item {
        width: 100%;
        height: 303px;
        object-fit: cover; }
      .nine-a-layout .card-items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 16px 10px; }
        .nine-a-layout .card-items .cp-normal-card-item {
          width: 162px;
          width: 100%; }
          .nine-a-layout .card-items .cp-normal-card-item .cp-card-img {
            width: 100%; }
        .nine-a-layout .card-items.canScroll {
          -ms-grid-rows: (1fr)[2];
              grid-template-rows: repeat(2, 1fr);
          grid-auto-flow: column;
          overflow-x: auto; }
          .nine-a-layout .card-items.canScroll .cp-normal-card-item {
            width: 162px; }
      .nine-a-layout .button {
        margin-top: 12px;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 8px; }
        .nine-a-layout .button .cp-common-button.background .button-bg-web {
          display: none; }
        .nine-a-layout .button .cp-common-button.background .button-bg-mob {
          display: block;
          position: absolute;
          z-index: -1; } }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.m-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
  padding: 10px 16px; }
  .m-btn:enabled {
    color: #404040; }
    .m-btn:enabled:hover {
      background-color: #f5f5f5; }
    .m-btn:enabled:active {
      background-color: #404040;
      color: #fff; }

.m-btn-sm {
  padding: 6px 12px; }

.m-btn-md {
  padding: 10px 12px;
  width: 120px; }

.m-btn-lg {
  padding: 14px 24px; }

.m-btn-primary {
  background-color: #2f6279; }
  .m-btn-primary:enabled {
    color: #fff; }
    .m-btn-primary:enabled:hover {
      background-color: #598194; }
    .m-btn-primary:enabled:active {
      background-color: #2f6279; }
  .m-btn-primary:disabled {
    background-color: #bfbfbf;
    color: #f5f5f5; }

.m-btn-outline {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: #404040; }
  .m-btn-outline:enabled {
    color: #404040; }
    .m-btn-outline:enabled:hover {
      background-color: #fafafa; }
    .m-btn-outline:enabled:active {
      background-color: #fff;
      color: #404040;
      outline: 1px solid #d9d9d9; }
  .m-btn-outline:disabled {
    background-color: #f5f5f5;
    color: #bfbfbf; }

.m-btn-icon {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  min-width: unset;
  aspect-ratio: 1/1;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
  padding: 8px; }
  .m-btn-icon:enabled {
    color: #2f6279; }
    .m-btn-icon:enabled:hover {
      background-color: #f5f5f5; }
    .m-btn-icon:enabled:active {
      background-color: #fff;
      color: #2f6279; }
  .m-btn-icon:disabled {
    background-color: #f5f5f5;
    color: #bfbfbf; }
    .m-btn-icon:disabled::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      background-color: rgba(245, 245, 245, 0.6); }

.image-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .image-card .card-img-outside-wrap {
    position: relative; }
  .image-card .card-img-link {
    display: block; }
  .image-card .card-img-wrap {
    display: block;
    width: 100%; }
  .image-card .card-mask,
  .image-card .card-img-mask {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none; }
  .image-card .card-main-info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 40px; }
  .image-card .card-main-title {
    word-break: break-word;
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; }
  .image-card .card-sub-title-wrap {
    margin-top: 16px; }
    .image-card .card-sub-title-wrap .card-sub-title {
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .image-card .card-main-button {
    margin-top: 24px; }
  @media (min-width: 768px) {
    .image-card .card-main-title {
      font-size: 28px; }
    .image-card .card-sub-title-wrap .card-sub-title {
      font-size: 16px; } }

.product-card {
  position: relative;
  overflow: hidden; }
  .product-card .card-img-outside-wrap {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden; }
    .product-card .card-img-outside-wrap.noImg {
      background-color: #f0f0f0; }
    .product-card .card-img-outside-wrap .product-card-swiper-button-prev,
    .product-card .card-img-outside-wrap .product-card-swiper-button-next {
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
      .product-card .card-img-outside-wrap .product-card-swiper-button-prev::after,
      .product-card .card-img-outside-wrap .product-card-swiper-button-next::after {
        content: initial; }
    .product-card .card-img-outside-wrap:hover .product-card-swiper-button-prev,
    .product-card .card-img-outside-wrap:hover .product-card-swiper-button-next {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
  .product-card .swiper,
  .product-card .swiper-wrapper,
  .product-card .swiper-slide {
    width: 100%;
    height: 100%; }
  .product-card .card-img-wrap {
    display: block;
    width: 100%;
    height: 100%; }
  .product-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }
  .product-card .card-info-wrap {
    margin-block: 4px; }
  .product-card .brand-name {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400; }
  .product-card .card-main-title {
    height: 40px;
    overflow: hidden;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px; }
  .product-card .price-info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    gap: 6px;
    margin-top: 8px; }
    .product-card .price-info-wrap > * {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .product-card .discount-info {
    background-color: #c74250;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    border-radius: 4px;
    padding: 2px 4px;
    font-family: Roboto; }
  .product-card .sale-price {
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto; }
  .product-card .original-price {
    color: #bfbfbf;
    font-size: 11px;
    font-weight: 400;
    text-decoration: line-through;
    font-family: Roboto; }
  .product-card .tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    gap: 4px; }
  .product-card .promotion-tag {
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 4px; }
  .product-card .tag {
    display: inline-block;
    border: 1px solid;
    padding: 2px 4px;
    border-radius: 4px;
    margin: 8px 2px 0px 0px;
    white-space: nowrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; }
    .product-card .tag.brand-secondary-tag {
      color: #fafafa;
      background: #b68e55;
      border: 0;
      font-size: 11.12px;
      line-height: 17px; }
    .product-card .tag.secondary-border-tag {
      color: #b81a35;
      background: #f7eeee; }
    .product-card .tag.red-tag {
      color: #ad5151;
      background: #f7eeee;
      border: 0; }
    .product-card .tag.primary-light-bg-tag {
      color: #2f6279;
      background: #eaeff2;
      border: 0; }
    .product-card .tag.secondary-dark-border-tag {
      color: #9B7344;
      background: #f5efdf;
      border: 0; }
  .product-card .tag-blue {
    background-color: #eaeff2;
    color: #2f6279; }
  .product-card .tag-brown {
    background-color: #f5efdf;
    color: #9b7344; }
  .product-card .items-favorite {
    cursor: pointer; }
  @media (min-width: 768px) {
    .product-card {
      width: 100%; }
      .product-card .product-card-swiper-button-prev,
      .product-card .product-card-swiper-button-next {
        display: unset; }
        .product-card .product-card-swiper-button-prev::after,
        .product-card .product-card-swiper-button-next::after {
          content: initial; }
      .product-card .price-info-wrap .sale-price {
        font-size: 16px; } }

.store-card {
  max-width: unset;
  width: 100%;
  background-color: #EAEFF3;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  padding: 32px 24px; }
  .store-card .card-img-wrap {
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden; }
  .store-card .card-info-wrap {
    margin-top: 32px;
    text-align: center; }
  .store-card .card-main-title {
    color: #2f6279;
    font-size: 16px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 24px; }
    .store-card .card-main-title::before, .store-card .card-main-title::after {
      content: '';
      height: 1px;
      background-color: #C1D0D7;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .store-card .card-sub-title-wrap {
    margin-top: 16px; }
    .store-card .card-sub-title-wrap .card-sub-title {
      color: #598194;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.375; }
  .store-card .store-list {
    margin-top: 32px;
    margin-inline: 8px; }
    .store-card .store-list .store-item + .store-item {
      margin-top: 16px; }
    .store-card .store-list .store-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      color: #2f6279;
      font-size: 14px;
      font-weight: 400;
      border: 1px solid #2f6279;
      border-radius: 4px;
      padding: 10px 16px; }
  @media (min-width: 768px) {
    .store-card {
      max-width: 364px;
      padding: 24px 24px 40px; } }

.orientation-card {
  position: relative;
  overflow: hidden; }
  .orientation-card .card-img-outside-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 359/400;
    overflow: hidden; }
  .orientation-card .card-img-wrap {
    display: block;
    width: 100%;
    height: 100%; }
    .orientation-card .card-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .orientation-card .card-mask,
  .orientation-card .card-img-mask {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none; }
  .orientation-card .card-main-info-wrap {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    color: #fff;
    padding: 40px; }
  .orientation-card .card-main-title {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px; }
  .orientation-card .card-sub-title-wrap {
    margin-top: 16px; }
    .orientation-card .card-sub-title-wrap .card-sub-title {
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 2px; }
  .orientation-card .sub-link-wrap {
    position: relative;
    font-size: 14px;
    margin-top: auto; }
  .orientation-card .sub-link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 0px 20px; }
    .orientation-card .sub-link-list .sub-link-item {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  @media (min-width: 768px) {
    .orientation-card .card-img-outside-wrap {
      position: relative;
      width: 100%;
      aspect-ratio: 720/500;
      overflow: hidden; }
    .orientation-card .card-main-info-wrap {
      padding: 10%; }
    .orientation-card .card-main-title {
      font-size: 28px;
      line-height: 40px; }
    .orientation-card .card-sub-title-wrap .card-sub-title {
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 3.2px; } }

.orientation-a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 8px;
  padding-inline: 8px; }
  .orientation-a .orientation-card .card-mask {
    background-color: rgba(0, 0, 0, 0.2); }
  .orientation-a .orientation-card .sub-link-wrap {
    border-top: 1px solid #fff;
    padding-top: 16px; }
  .orientation-a .orientation-card .sub-link-list {
    -ms-flex-pack: start;
        justify-content: flex-start;
    gap: 8px 16px;
    pointer-events: none; }
  @media (min-width: 768px) {
    .orientation-a {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      gap: 0;
      padding-inline: 0; }
      .orientation-a .orientation-card .card-main-info-wrap {
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        translate: 0 2%;
        transition: 0.5s; }
      .orientation-a .orientation-card .sub-link-wrap {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.5s, opacity 0.5s 0.2s;
        margin-top: 16px;
        border: unset;
        padding-top: 0; }
      .orientation-a .orientation-card .sub-link-item {
        font-weight: 400;
        opacity: 0.8;
        transition: 0.3s;
        padding-block: 12px; }
        .orientation-a .orientation-card .sub-link-item::after {
          content: '';
          display: block;
          background-color: #fff;
          width: 100%;
          height: 1px;
          opacity: 0;
          transition: 0.5s;
          margin-top: 12px; }
      .orientation-a .orientation-card .sub-link-list {
        -ms-flex-pack: center;
            justify-content: center; }
      .orientation-a .orientation-card .card-mask {
        background-color: unset;
        transition: 0.5s; }
      .orientation-a .orientation-card:hover .card-main-info-wrap {
        translate: 0 0; }
      .orientation-a .orientation-card:hover .sub-link-wrap {
        max-height: calc(3em + 25px);
        opacity: 1; }
      .orientation-a .orientation-card:hover .card-mask {
        background-color: rgba(47, 98, 121, 0.2); } }

.banner-1-a {
  position: relative;
  padding: 0 0 32px; }
  .banner-1-a .image-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    padding: 0; }
    .banner-1-a .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-1-a .image-card .card-main-info-wrap {
      -ms-flex-align: center;
          align-items: center;
      color: #404040;
      margin-top: 0;
      padding: 16px 24px 0px 24px; }
    .banner-1-a .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0; }
    .banner-1-a .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-1-a .image-card .card-sub-title-wrap .card-sub-title {
        color: #666666;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-1-a .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-1-a {
      padding: 0 60px 60px; }
      .banner-1-a .image-card {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        gap: 32px; }
        .banner-1-a .image-card .card-img-outside-wrap {
          -ms-flex-order: 1;
              order: 1; }
        .banner-1-a .image-card .card-img-wrap {
          aspect-ratio: 644/400; }
          .banner-1-a .image-card .card-img-wrap img {
            height: 100%;
            object-fit: cover; }
        .banner-1-a .image-card .card-main-info-wrap {
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-pack: center;
              justify-content: center;
          padding: 10%; }
        .banner-1-a .image-card .card-main-title {
          font-size: 24px;
          line-height: 40px; }
        .banner-1-a .image-card .card-sub-title-wrap {
          margin-top: 16px; }
          .banner-1-a .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
        .banner-1-a .image-card .card-main-button {
          margin-top: 20px; } }

.banner-1-b {
  position: relative;
  padding-bottom: 32px; }
  .banner-1-b .image-card {
    display: block; }
    .banner-1-b .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-1-b .image-card .card-img-mask {
      background-color: rgba(0, 0, 0, 0.15); }
    .banner-1-b .image-card .card-main-info-wrap {
      position: absolute;
      inset: 0;
      z-index: 5;
      -ms-flex-align: start;
          align-items: flex-start;
      margin-top: 0;
      padding: 24px; }
    .banner-1-b .image-card .card-main-title {
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0px; }
    .banner-1-b .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-1-b .image-card .card-sub-title-wrap .card-sub-title {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-1-b .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-1-b {
      padding: 0px 60px 60px; }
      .banner-1-b .image-card .card-img-wrap {
        aspect-ratio: 1320/400; }
      .banner-1-b .image-card .card-main-info-wrap {
        max-width: 440px;
        padding: 80px; }
      .banner-1-b .image-card .card-main-title {
        font-size: 24px;
        line-height: 40px; }
      .banner-1-b .image-card .card-sub-title-wrap {
        margin-top: 16px; }
        .banner-1-b .image-card .card-sub-title-wrap .card-sub-title {
          font-size: 16px;
          line-height: 22px; }
      .banner-1-b .image-card .card-main-button {
        margin-top: 20px; } }

.banner-1-c {
  position: relative;
  padding: 0px 0px 32px; }
  .banner-1-c .image-card {
    display: block;
    padding: 0; }
    .banner-1-c .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-1-c .image-card .card-main-info-wrap {
      text-align: center;
      margin-top: 16px;
      padding: 0 16px; }
    .banner-1-c .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0; }
    .banner-1-c .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-1-c .image-card .card-sub-title-wrap .card-sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-1-c .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-1-c {
      padding: 0px 60px 60px; }
      .banner-1-c .image-card .card-img-wrap {
        aspect-ratio: 1320/400; }
      .banner-1-c .image-card .card-main-info-wrap {
        max-width: 440px;
        margin-top: 20px;
        margin-inline: auto; }
      .banner-1-c .image-card .card-main-title {
        font-size: 24px;
        line-height: 34px; }
      .banner-1-c .image-card .card-sub-title-wrap {
        margin-top: 16px; }
        .banner-1-c .image-card .card-sub-title-wrap .card-sub-title {
          font-size: 16px;
          line-height: 22px; } }

.banner-1-d {
  position: relative;
  padding: 0px 0px 32px; }
  .banner-1-d .image-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    padding: 0; }
    .banner-1-d .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-1-d .image-card .card-main-info-wrap {
      text-align: center;
      margin-top: 16px;
      padding: 0 16px; }
    .banner-1-d .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0px; }
    .banner-1-d .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-1-d .image-card .card-sub-title-wrap .card-sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-1-d .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-1-d {
      padding: 60px; }
      .banner-1-d .image-card {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        gap: 32px; }
        .banner-1-d .image-card .card-img-outside-wrap {
          -ms-flex-order: -1;
              order: -1; }
        .banner-1-d .image-card .card-img-wrap {
          aspect-ratio: 644/540; }
          .banner-1-d .image-card .card-img-wrap img {
            height: 100%;
            object-fit: cover; }
        .banner-1-d .image-card .card-main-info-wrap {
          -ms-flex-pack: center;
              justify-content: center;
          margin-top: 0;
          padding: 10%; }
        .banner-1-d .image-card .card-main-title {
          font-size: 24px;
          line-height: 40px; }
        .banner-1-d .image-card .card-sub-title-wrap {
          margin-top: 16px; }
          .banner-1-d .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
        .banner-1-d .image-card .card-main-button {
          margin-top: 24px; } }

.banner-1-e {
  position: relative;
  padding: 0px 0px 32px; }
  .banner-1-e .image-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    padding: 0; }
    .banner-1-e .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-1-e .image-card .card-main-info-wrap {
      text-align: center;
      margin-top: 16px;
      padding: 0 16px; }
    .banner-1-e .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0px; }
    .banner-1-e .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-1-e .image-card .card-sub-title-wrap .card-sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-1-e .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-1-e {
      padding: 60px; }
      .banner-1-e .image-card {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        gap: 32px; }
        .banner-1-e .image-card .card-img-outside-wrap {
          -ms-flex-order: 1;
              order: 1; }
        .banner-1-e .image-card .card-img-wrap {
          aspect-ratio: 644/540; }
          .banner-1-e .image-card .card-img-wrap img {
            height: 100%;
            object-fit: cover; }
        .banner-1-e .image-card .card-main-info-wrap {
          -ms-flex-pack: center;
              justify-content: center;
          margin-top: 0;
          padding: 10%; }
        .banner-1-e .image-card .card-main-title {
          font-size: 24px;
          line-height: 40px; }
        .banner-1-e .image-card .card-sub-title-wrap {
          margin-top: 16px; }
          .banner-1-e .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
        .banner-1-e .image-card .card-main-button {
          margin-top: 24px; } }

.banner-2-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  position: relative;
  padding: 0px 0px 32px; }
  .banner-2-a .image-card {
    padding: 0;
    display: block; }
    .banner-2-a .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-2-a .image-card .card-main-info-wrap {
      text-align: center;
      margin-top: 16px;
      padding: 0 16px; }
    .banner-2-a .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0px; }
    .banner-2-a .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-2-a .image-card .card-sub-title-wrap .card-sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-2-a .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-2-a {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
      gap: 32px;
      padding: 0px 60px 60px; }
      .banner-2-a .image-card {
        padding: 0; }
        .banner-2-a .image-card .card-img-wrap {
          aspect-ratio: 644/400; }
        .banner-2-a .image-card .card-main-info-wrap {
          margin-top: 20px; }
        .banner-2-a .image-card .card-main-title {
          font-size: 24px;
          line-height: 40px; }
        .banner-2-a .image-card .card-sub-title-wrap {
          margin-top: 16px; }
          .banner-2-a .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
        .banner-2-a .image-card .card-main-button {
          margin-top: 20px; } }

.banner-3-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  position: relative;
  padding: 0px 0px 32px; }
  .banner-3-a .image-card {
    padding: 0;
    display: block; }
    .banner-3-a .image-card .card-img-wrap {
      aspect-ratio: 375/320; }
    .banner-3-a .image-card .card-main-info-wrap {
      text-align: center;
      margin-top: 16px;
      padding: 0 16px; }
    .banner-3-a .image-card .card-main-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 0px; }
    .banner-3-a .image-card .card-sub-title-wrap {
      margin-top: 8px; }
      .banner-3-a .image-card .card-sub-title-wrap .card-sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
    .banner-3-a .image-card .card-main-button {
      margin-top: 16px; }
  @media (min-width: 768px) {
    .banner-3-a {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (minmax(120px, 1fr))[auto-fit];
          grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 32px;
      padding: 0px 60px 60px; }
      .banner-3-a .image-card {
        padding: 0; }
        .banner-3-a .image-card .card-img-wrap {
          aspect-ratio: 418/418; }
        .banner-3-a .image-card .card-main-info-wrap {
          margin-top: 20px; }
        .banner-3-a .image-card .card-main-title {
          font-size: 24px;
          line-height: 40px; }
        .banner-3-a .image-card .card-sub-title-wrap {
          margin-top: 16px; }
          .banner-3-a .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
        .banner-3-a .image-card .card-main-button {
          margin-top: 20px; } }

.banner-5-a {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 0px; }
  .banner-5-a .top-wrap-mob {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 16px 16px 11px;
    gap: 8px;
    border-bottom: 5px solid #224d68; }
    .banner-5-a .top-wrap-mob .img-wrap {
      margin: 12px;
      max-width: 126px;
      max-height: 64px;
      aspect-ratio: 300 / 176; }
  .banner-5-a .swiper-tab-wrap {
    display: none; }
  .banner-5-a .swiper {
    display: block;
    width: 100%; }
    .banner-5-a .swiper-slide {
      max-width: 786px; }
      .banner-5-a .swiper-slide a {
        display: block; }
  .banner-5-a .swiper-navigation-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 16px; }
    .banner-5-a .swiper-navigation-wrap .swiper-pagination {
      font-size: 14px;
      font-weight: 400;
      z-index: 0;
      position: unset;
      margin: 0 8px;
      width: -moz-fit-content;
      width: fit-content;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
    .banner-5-a .swiper-navigation-wrap .swiper-button-prev {
      border-radius: 50%;
      position: relative;
      -ms-flex-order: -1;
          order: -1;
      inset: 0;
      margin-block: auto;
      height: 40px;
      min-width: 40px;
      animation: colorFadeOut5a 0.3s linear 0s;
      animation-fill-mode: forwards; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-prev::after {
        content: initial; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-prev svg path {
        fill: #404040; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-prev:hover {
        width: 40px;
        height: 40px;
        animation: colorFade5a 0.3s linear 0s;
        animation-fill-mode: forwards; }
    .banner-5-a .swiper-navigation-wrap .swiper-button-next {
      border-radius: 50%;
      position: relative;
      -ms-flex-order: 1;
          order: 1;
      inset: 0;
      margin-block: auto;
      height: 40px;
      min-width: 40px;
      animation: colorFadeOut5a 0.3s linear 0s;
      animation-fill-mode: forwards; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-next::after {
        content: initial; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-next svg path {
        fill: #404040; }
      .banner-5-a .swiper-navigation-wrap .swiper-button-next:hover {
        width: 40px;
        height: 40px;
        animation: colorFade5a 0.3s linear 0s;
        animation-fill-mode: forwards; }

@keyframes colorFade5a {
  from {
    background-color: rgba(255, 255, 255, 0.7); }
  to {
    background-color: #f0f0f0; } }
  .banner-5-a .swiper-pagination-overlay-mob {
    display: block;
    position: absolute;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 18px;
    padding: 8px 16px;
    bottom: 88px;
    right: 16px;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    max-width: 120px;
    word-break: break-all; }
  @media (min-width: 768px) {
    .banner-5-a {
      margin-top: 20px;
      padding: 0px 60px; }
      .banner-5-a .top-wrap-mob {
        display: none; }
      .banner-5-a .swiper-tab-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        position: absolute;
        z-index: 2;
        max-width: 254px;
        width: 100%;
        top: 0;
        left: 14.3%;
        height: 100%;
        background: #173B57; }
        .banner-5-a .swiper-tab-wrap .top-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          padding: 16px 16px 11px;
          background: #fff;
          gap: 8px;
          border-top: 5px solid #173B57; }
          .banner-5-a .swiper-tab-wrap .top-wrap .img-wrap {
            max-width: 150px;
            margin: 16px auto; }
          .banner-5-a .swiper-tab-wrap .top-wrap p {
            line-height: 20px; }
        .banner-5-a .swiper-tab-wrap .tab-list {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          color: #fff; }
          .banner-5-a .swiper-tab-wrap .tab-list-item {
            cursor: pointer;
            background: #173B57;
            padding: 16px;
            line-height: 20px; }
            .banner-5-a .swiper-tab-wrap .tab-list-item.active {
              background: #091D3A; }
      .banner-5-a .swiper .swiper-slide {
        transform: translateX(16.66%); }
      .banner-5-a .swiper .swiper-slide-prev, .banner-5-a .swiper .swiper-slide-next {
        position: relative; }
        .banner-5-a .swiper .swiper-slide-prev::after, .banner-5-a .swiper .swiper-slide-next::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.45); }
      .banner-5-a .swiper-navigation-wrap {
        position: absolute;
        bottom: 10px;
        right: 14%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding: 8px; }
        .banner-5-a .swiper-navigation-wrap .swiper-pagination {
          border-radius: 20px;
          background: rgba(255, 255, 255, 0.7);
          font-size: 12px;
          line-height: 20px;
          padding: 11px 16px;
          z-index: 1;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          max-width: 120px;
          word-break: break-all; }
        .banner-5-a .swiper-navigation-wrap .swiper-button-prev, .banner-5-a .swiper-navigation-wrap .swiper-button-next {
          background: rgba(255, 255, 255, 0.7); }
      .banner-5-a .swiper-pagination-overlay-mob {
        display: none; } }

.fn-icon {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[4];
      grid-template-columns: repeat(4, auto);
  -ms-flex-pack: center;
      justify-content: center;
  gap: 40px 20px;
  position: relative;
  padding: 32px 29.5px; }
  .fn-icon .image-card {
    max-width: 64px; }
    .fn-icon .image-card .card-img-wrap {
      aspect-ratio: 1/1; }
  .fn-icon .card-main-info-wrap {
    margin-top: 12px;
    width: 64px; }
  .fn-icon .card-main-title {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
  @media (min-width: 768px) {
    .fn-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 40px;
      padding: 60px 100px; }
      .fn-icon .image-card {
        max-width: 120px; }
        .fn-icon .image-card .card-mask {
          transition: 0.3s; }
        .fn-icon .image-card .card-main-info-wrap {
          width: 120px; }
        .fn-icon .image-card:hover .card-mask {
          background-color: rgba(255, 255, 255, 0.2); } }

.fn-circle-5 {
  position: relative;
  padding: 32px 16px;
  background-color: #fafafa; }
  .fn-circle-5 .card-img-wrap {
    aspect-ratio: 1/1; }
  .fn-circle-5 .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .fn-circle-5 .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px; }
  .fn-circle-5 .sub-title-wrap {
    margin-top: 8px; }
    .fn-circle-5 .sub-title-wrap .sub-title {
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .fn-circle-5 .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    overflow-x: auto;
    padding: 0 16px 24px; }
    .fn-circle-5 .card-list-mob .image-card {
      min-width: 120px;
      max-width: 120px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .fn-circle-5 .swiper-out-wrap {
    position: relative;
    display: none; }
  .fn-circle-5 .card-img-wrap {
    border-radius: 50%;
    overflow: hidden; }
  .fn-circle-5 .card-main-info-wrap {
    margin-top: 14px; }
  .fn-circle-5 .card-main-title {
    text-align: center;
    font-size: 14px; }
  @media (min-width: 768px) {
    .fn-circle-5 {
      padding: 60px 0px; }
      .fn-circle-5 .card-list-mob {
        display: none; }
      .fn-circle-5 .main-title {
        font-size: 24px;
        line-height: 34px; }
      .fn-circle-5 .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
      .fn-circle-5 .swiper {
        margin-inline: 0;
        width: 100%; }
      .fn-circle-5 .swiper-container {
        width: 100%;
        margin: 0 60px; }
      .fn-circle-5 .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .fn-circle-5 .swiper-button-prev {
        position: relative;
        min-width: 32px;
        -ms-flex-order: -1;
            order: -1;
        inset: 0;
        margin-block: auto;
        left: 8px;
        margin-left: 8px; }
        .fn-circle-5 .swiper-button-prev::after {
          content: initial; }
      .fn-circle-5 .swiper-button-next {
        position: relative;
        min-width: 32px;
        -ms-flex-order: 1;
            order: 1;
        inset: 0;
        margin-block: auto;
        left: -8px;
        margin-right: 8px; }
        .fn-circle-5 .swiper-button-next::after {
          content: initial; }
      .fn-circle-5 .image-card {
        min-width: unset;
        padding: 0 16px;
        width: 20%; }
        .fn-circle-5 .image-card .card-mask {
          transition: 0.3s; }
        .fn-circle-5 .image-card:hover .card-mask {
          background-color: rgba(255, 255, 255, 0.2); } }

.fn-circle-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[1];
      grid-template-columns: repeat(1, auto);
  -ms-flex-pack: center;
      justify-content: center;
  gap: 40px;
  padding: 40px 16px; }
  .fn-circle-3 .main-info-wrap {
    color: #404040;
    text-align: center;
    min-width: -moz-fit-content;
    min-width: fit-content; }
    .fn-circle-3 .main-info-wrap .main-title {
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 16px; }
  .fn-circle-3 .card-list {
    display: -ms-grid;
    display: grid;
    gap: 40px; }
    .fn-circle-3 .card-list .card-container .image-wrap {
      max-width: 160px;
      margin-bottom: 11px;
      border-radius: 50%;
      overflow: hidden; }
      .fn-circle-3 .card-list .card-container .image-wrap img {
        transition: 0.3s;
        opacity: 1; }
        .fn-circle-3 .card-list .card-container .image-wrap img:hover {
          opacity: 0.8; }
    .fn-circle-3 .card-list .card-container .card-title-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 4px; }
      .fn-circle-3 .card-list .card-container .card-title-wrap .card-title {
        margin-bottom: 0; }
      .fn-circle-3 .card-list .card-container .card-title-wrap svg path {
        fill: #404040; }
  @media (min-width: 768px) {
    .fn-circle-3 {
      display: -ms-flexbox;
      display: flex;
      gap: 100px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      padding: 40px 60px;
      margin: 24px 0;
      background: #fafafa; }
      .fn-circle-3 .card-list {
        display: -ms-flexbox;
        display: flex; }
        .fn-circle-3 .card-list .card-container {
          cursor: pointer; } }

.fn-rectangle-3 {
  padding: 20px 16px; }
  .fn-rectangle-3 .card-list {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px; }
    .fn-rectangle-3 .card-list .card-container {
      position: relative;
      border-radius: 8px;
      width: 315px;
      border: 4px solid #fafafa;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      overflow: hidden; }
      .fn-rectangle-3 .card-list .card-container .image-wrap {
        width: 100%; }
        .fn-rectangle-3 .card-list .card-container .image-wrap img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: 0.3s; }
        .fn-rectangle-3 .card-list .card-container .image-wrap:hover img {
          scale: 1.1; }
        .fn-rectangle-3 .card-list .card-container .image-wrap::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 50%;
          z-index: 1;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
          pointer-events: none; }
      .fn-rectangle-3 .card-list .card-container .card-info-wrap {
        position: absolute;
        bottom: 0;
        padding: 16px;
        width: 100%;
        text-align: center;
        z-index: 2; }
        .fn-rectangle-3 .card-list .card-container .card-info-wrap .card-tag {
          padding: 2px 8px;
          background: #000;
          color: #fff;
          width: -moz-fit-content;
          width: fit-content;
          margin: auto;
          border-radius: 4px;
          margin-bottom: 8px;
          font-weight: 500; }
        .fn-rectangle-3 .card-list .card-container .card-info-wrap .card-title,
        .fn-rectangle-3 .card-list .card-container .card-info-wrap .card-sub-title {
          color: #fff;
          font-size: 16px;
          font-weight: 500;
          line-height: 22px; }
        .fn-rectangle-3 .card-list .card-container .card-info-wrap .card-title {
          margin-bottom: 8px; }
      .fn-rectangle-3 .card-list .card-container .gift-image-wrap {
        position: absolute;
        height: 88px;
        position: absolute;
        top: 16px;
        right: 16px;
        width: 88px;
        border: 8px solid #fff;
        border-radius: 8px; }
        .fn-rectangle-3 .card-list .card-container .gift-image-wrap img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .fn-rectangle-3 .card-list .card-container .gift-image-wrap .gift-image-icon {
          position: absolute;
          width: 28px;
          height: 28px;
          border-radius: 16px;
          border: 1px solid #d9d9d9;
          background: #fff;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          left: -30%;
          top: 30%; }
          .fn-rectangle-3 .card-list .card-container .gift-image-wrap .gift-image-icon svg path {
            fill: #404040; }
  @media (min-width: 768px) {
    .fn-rectangle-3 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 24px 60px; }
      .fn-rectangle-3 .card-list {
        padding-bottom: 16px; }
        .fn-rectangle-3 .card-list .card-container {
          cursor: pointer;
          width: 100%;
          aspect-ratio: 804 / 640;
          -ms-flex-negative: unset;
              flex-shrink: unset; }
          .fn-rectangle-3 .card-list .card-container .card-info-wrap div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            gap: 8px; }
            .fn-rectangle-3 .card-list .card-container .card-info-wrap div .card-tag {
              margin: unset; }
            .fn-rectangle-3 .card-list .card-container .card-info-wrap div .card-title {
              margin-bottom: 0; } }

.fn-rectangle-4 {
  position: relative;
  padding: 32px 16px;
  background-color: #fafafa; }
  .fn-rectangle-4 .card-img-wrap {
    aspect-ratio: 240/380; }
  .fn-rectangle-4 .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .fn-rectangle-4 .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; }
  .fn-rectangle-4 .sub-title-wrap {
    margin-top: 8px; }
    .fn-rectangle-4 .sub-title-wrap .sub-title {
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .fn-rectangle-4 .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px; }
    .fn-rectangle-4 .card-list-mob .image-card {
      min-width: 240px;
      max-width: 240px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .fn-rectangle-4 .swiper-out-wrap {
    display: none; }
  .fn-rectangle-4 .card-main-info-wrap {
    margin-top: 16px; }
  .fn-rectangle-4 .card-main-title {
    text-align: center;
    font-size: 16px; }
  @media (min-width: 768px) {
    .fn-rectangle-4 {
      padding: 60px 0px; }
      .fn-rectangle-4 .card-list-mob {
        display: none; }
      .fn-rectangle-4 .card-img-wrap {
        aspect-ratio: 306/460; }
      .fn-rectangle-4 .main-title {
        font-size: 24px;
        line-height: 34px; }
      .fn-rectangle-4 .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
      .fn-rectangle-4 .swiper {
        margin-inline: 0;
        width: 100%; }
      .fn-rectangle-4 .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .fn-rectangle-4 .swiper-button-prev {
        position: relative;
        min-width: 32px;
        -ms-flex-order: -1;
            order: -1;
        margin-block: auto;
        margin-left: 8px;
        left: 8px; }
        .fn-rectangle-4 .swiper-button-prev::after {
          content: initial; }
      .fn-rectangle-4 .swiper-button-next {
        position: relative;
        min-width: 32px;
        -ms-flex-order: 1;
            order: 1;
        margin-block: auto;
        margin-right: 8px;
        left: -8px; }
        .fn-rectangle-4 .swiper-button-next::after {
          content: initial; }
      .fn-rectangle-4 .image-card {
        min-width: unset;
        padding: 0 16px;
        width: 25%; }
        .fn-rectangle-4 .image-card .card-mask {
          transition: 0.3s; }
        .fn-rectangle-4 .image-card:hover .card-mask {
          background-color: rgba(255, 255, 255, 0.2); } }

.fn-rectangle-8 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[2];
      grid-template-columns: repeat(2, auto);
  -ms-flex-pack: center;
      justify-content: center;
  gap: 24px;
  padding: 40px 16px; }
  .fn-rectangle-8 .image-wrap {
    aspect-ratio: 112/62;
    max-width: 112px; }
  @media (min-width: 768px) {
    .fn-rectangle-8 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 60px 60px; } }

.fn-square-4 {
  position: relative;
  padding: 32px 16px; }
  .fn-square-4 .card-img-mask {
    background-color: rgba(0, 0, 0, 0.1); }
  .fn-square-4 .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .fn-square-4 .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px; }
  .fn-square-4 .sub-title-wrap {
    margin-top: 8px; }
    .fn-square-4 .sub-title-wrap .sub-title {
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .fn-square-4 .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px; }
    .fn-square-4 .card-list-mob .image-card {
      min-width: 150px;
      max-width: 240px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .fn-square-4 .card-list-mob .image-card .card-img-wrap {
        aspect-ratio: 150/200;
        overflow: hidden; }
  .fn-square-4 .swiper-out-wrap {
    display: none; }
  .fn-square-4 .card-main-info-wrap {
    position: absolute;
    inset: 0;
    color: #fff;
    margin-top: 0;
    padding: 24px 10px; }
  .fn-square-4 .card-main-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    z-index: 20; }
  @media (min-width: 768px) {
    .fn-square-4 {
      padding: 60px 0px; }
      .fn-square-4 .card-list-mob {
        display: none; }
      .fn-square-4 .main-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 34px; }
      .fn-square-4 .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
      .fn-square-4 .swiper {
        margin-inline: 0;
        width: 100%; }
      .fn-square-4 .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .fn-square-4 .swiper-button-prev {
        position: relative;
        min-width: 32px;
        -ms-flex-order: -1;
            order: -1;
        left: 8px;
        margin-block: auto;
        margin-left: 8px; }
        .fn-square-4 .swiper-button-prev::after {
          content: initial; }
      .fn-square-4 .swiper-button-next {
        position: relative;
        min-width: 32px;
        -ms-flex-order: 1;
            order: 1;
        left: -8px;
        margin-block: auto;
        margin-right: 8px; }
        .fn-square-4 .swiper-button-next::after {
          content: initial; }
      .fn-square-4 .card-main-title {
        font-size: 20px; }
      .fn-square-4 .image-card {
        min-width: unset;
        padding: 0 16px;
        width: 25%; }
        .fn-square-4 .image-card .card-img-wrap {
          aspect-ratio: 1/1;
          overflow: hidden; }
        .fn-square-4 .image-card img {
          transition: 0.5s; }
        .fn-square-4 .image-card:hover img {
          scale: 1.1; } }

.fn-square-5 {
  position: relative;
  padding: 40px 16px; }
  .fn-square-5 .swiper,
  .fn-square-5 .swiper-navigation-wrap {
    display: none; }
  .fn-square-5 .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding-bottom: 24px; }
    .fn-square-5 .card-list-mob .card-wrap {
      min-width: 300px;
      margin-bottom: 24px; }
  @media (min-width: 768px) {
    .fn-square-5 {
      padding: 40px 60px;
      -ms-flex-direction: column;
          flex-direction: column; }
      .fn-square-5 .swiper {
        display: block;
        width: 100%; }
        .fn-square-5 .swiper-slide {
          max-width: 25%; }
          .fn-square-5 .swiper-slide a {
            display: block; }
            .fn-square-5 .swiper-slide a img {
              transition: 0.3s;
              opacity: 1; }
              .fn-square-5 .swiper-slide a img:hover {
                opacity: 0.8; }
      .fn-square-5 .swiper-navigation-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        gap: 105px;
        margin-top: 28px; }
        .fn-square-5 .swiper-navigation-wrap .swiper-pagination {
          font-size: 12px;
          font-weight: 400;
          z-index: 0;
          position: unset;
          width: -moz-fit-content;
          width: fit-content;
          user-select: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none; }
        .fn-square-5 .swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto; }
          .fn-square-5 .swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .fn-square-5 .swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto; }
          .fn-square-5 .swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .fn-square-5 .card-list-mob {
        display: none; } }

.product-title-top-5-a {
  position: relative;
  padding: 32px 8px; }
  .product-title-top-5-a .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .product-title-top-5-a .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 8px; }
  .product-title-top-5-a .sub-title-wrap {
    margin-top: 8px; }
    .product-title-top-5-a .sub-title-wrap .sub-title {
      word-wrap: break-word;
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .product-title-top-5-a .product-card {
    max-width: 20%;
    padding: 0 12px; }
  .product-title-top-5-a .product-list-mob {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 18px 8px; }
    .product-title-top-5-a .product-list-mob .product-card {
      max-width: 100%;
      padding: 0; }
  .product-title-top-5-a .footer-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 24px; }
  .product-title-top-5-a .btn-see-more {
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500; }
    .product-title-top-5-a .btn-see-more:hover {
      border: 1px solid #d9d9d9;
      background-color: #fafafa; }
  .product-title-top-5-a .swiper-outside,
  .product-title-top-5-a .product-swiper-navigation-wrap {
    display: none; }
  @media (min-width: 768px) {
    .product-title-top-5-a {
      padding: 60px 48px; }
      .product-title-top-5-a .product-list-mob {
        display: none; }
      .product-title-top-5-a .main-title {
        font-size: 24px;
        margin-bottom: 8px; }
      .product-title-top-5-a .swiper-outside {
        display: block; }
      .product-title-top-5-a .product-swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .product-title-top-5-a .product-swiper-navigation-wrap {
        position: absolute;
        inset: 0;
        max-width: 1440px;
        margin-inline: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 105px; }
        .product-title-top-5-a .product-swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto;
          margin-left: 12px;
          left: 4px; }
          .product-title-top-5-a .product-swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .product-title-top-5-a .product-swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto;
          margin-right: 12px;
          left: -4px; }
          .product-title-top-5-a .product-swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .product-title-top-5-a .btn-see-more {
        max-width: 200px; }
        .product-title-top-5-a .btn-see-more:hover {
          border: 1px solid #d9d9d9;
          background-color: #fafafa; }
      .product-title-top-5-a .footer-btn-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: 32px;
        z-index: 1; } }

.product-title-left-4-a {
  position: relative;
  padding: 32px 8px;
  background-color: #fafafa; }
  .product-title-left-4-a .main-info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 24px; }
  .product-title-left-4-a .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 8px;
    word-wrap: break-word; }
  .product-title-left-4-a .sub-title-wrap {
    margin-top: 8px; }
    .product-title-left-4-a .sub-title-wrap .sub-title {
      word-wrap: break-word;
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .product-title-left-4-a .product-card {
    width: 25%; }
  .product-title-left-4-a .product-list-mob {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 18px 8px;
    margin-bottom: 24px; }
    .product-title-left-4-a .product-list-mob .product-card {
      width: 100%;
      padding: 0px; }
  .product-title-left-4-a .footer-btn-wrap-web {
    display: none; }
  .product-title-left-4-a .btn-see-more {
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500; }
    .product-title-left-4-a .btn-see-more:hover {
      border: 1px solid #d9d9d9;
      background-color: #fafafa; }
  .product-title-left-4-a .swiper {
    width: 100%; }
  .product-title-left-4-a .swiper-outside,
  .product-title-left-4-a .product-swiper-navigation-wrap {
    display: none; }
  @media (min-width: 768px) {
    .product-title-left-4-a {
      padding: 60px 0px; }
      .product-title-left-4-a .product-list-mob {
        display: none; }
      .product-title-left-4-a .main-info-wrap {
        margin-bottom: 0px;
        padding-left: 60px; }
      .product-title-left-4-a .main-title {
        font-size: 24px; }
      .product-title-left-4-a .swiper-outside {
        display: unset;
        margin-inline: 0;
        width: 100%; }
      .product-title-left-4-a .content-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .product-title-left-4-a .info-area {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 30%;
        padding-right: 16px; }
      .product-title-left-4-a .main-info-wrap {
        -ms-flex-positive: 1;
            flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        text-align: left; }
      .product-title-left-4-a .product-swiper-slide {
        display: -ms-flexbox;
        display: flex;
        padding: 0 48px; }
      .product-title-left-4-a .product-swiper-navigation-wrap {
        position: absolute;
        inset: 0;
        max-width: 1440px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 105px; }
        .product-title-left-4-a .product-swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto;
          left: 4px;
          margin-left: 12px; }
          .product-title-left-4-a .product-swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .product-title-left-4-a .product-swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto;
          left: -4px;
          margin-right: 12px; }
          .product-title-left-4-a .product-swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .product-title-left-4-a .btn-see-more {
        max-width: 200px; }
        .product-title-left-4-a .btn-see-more:hover {
          border: 1px solid #d9d9d9;
          background-color: #fafafa; }
      .product-title-left-4-a .product-card {
        width: 25%;
        padding: 0 12px; }
      .product-title-left-4-a .footer-btn-wrap-web {
        display: block; }
      .product-title-left-4-a .footer-btn-wrap-mob {
        display: none; } }

.product-no-title-3-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 0; }
  .product-no-title-3-a > .image-wrap {
    width: 100%; }
  .product-no-title-3-a .card-list {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 24px 16px;
    background: #fafafa; }
    .product-no-title-3-a .card-list .card-container {
      min-width: 287px; }
      .product-no-title-3-a .card-list .card-container .image-wrap {
        margin-bottom: 4px;
        position: relative; }
        .product-no-title-3-a .card-list .card-container .image-wrap .card-tag {
          position: absolute;
          top: 0;
          left: 0;
          width: 30px;
          height: 30px;
          border-radius: 0px 0px 4px 0px;
          background: #f4e7c6;
          color: #9b7344;
          font-size: 16px;
          font-weight: 500;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .product-no-title-3-a .card-list .card-container .card-info-wrap .card-title {
        margin-bottom: 8px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        /* Limit the Text line */
        -webkit-line-clamp: 1; }
      .product-no-title-3-a .card-list .card-container .card-info-wrap .price-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end;
        gap: 4px; }
        .product-no-title-3-a .card-list .card-container .card-info-wrap .price-wrap .sale-price {
          font-size: 20px;
          font-weight: 500; }
        .product-no-title-3-a .card-list .card-container .card-info-wrap .price-wrap .original-price {
          color: #bfbfbf;
          font-size: 12px;
          bottom: 3px; }
  @media (min-width: 768px) {
    .product-no-title-3-a {
      padding: 24px 60px;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center; }
      .product-no-title-3-a > .image-wrap {
        height: 100%;
        width: unset; }
      .product-no-title-3-a .card-list {
        padding: 24px;
        gap: 16px;
        -ms-flex-align: center;
            align-items: center; }
        .product-no-title-3-a .card-list .card-container {
          min-width: 235px;
          max-width: 235px;
          max-height: 286px; } }

.product-no-title-4-a {
  padding: 20px 16px; }
  .product-no-title-4-a .card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 24px; }
    .product-no-title-4-a .card-list .card-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 8px; }
      .product-no-title-4-a .card-list .card-container .card-img-wrap {
        background: #e9f1f9; }
        .product-no-title-4-a .card-list .card-container .card-img-wrap .image-wrap {
          width: 100%;
          aspect-ratio: 343 / 329;
          padding: 8px; }
        .product-no-title-4-a .card-list .card-container .card-img-wrap .image-text {
          padding: 4px 8px 8px;
          text-align: center;
          color: #417ad1; }
      .product-no-title-4-a .card-list .card-container .card-info-wrap .card-title {
        margin-bottom: 8px;
        height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .product-no-title-4-a .card-list .card-container .card-info-wrap .price-wrap {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        font-family: Roboto;
        -ms-flex-align: baseline;
            align-items: baseline; }
        .product-no-title-4-a .card-list .card-container .card-info-wrap .price-wrap .discount-info {
          color: #c74250;
          font-weight: 500;
          font-size: 16px;
          line-height: 22px; }
        .product-no-title-4-a .card-list .card-container .card-info-wrap .price-wrap .discount-text {
          font-size: 20px;
          line-height: 28px; }
        .product-no-title-4-a .card-list .card-container .card-info-wrap .price-wrap .sale-price {
          font-size: 24px;
          font-weight: 500;
          line-height: 34px; }
        .product-no-title-4-a .card-list .card-container .card-info-wrap .price-wrap .original-price {
          color: #8c8c8c;
          -webkit-text-decoration-line: line-through;
                  text-decoration-line: line-through; }
  @media (min-width: 768px) {
    .product-no-title-4-a {
      padding: 24px 60px;
      max-width: 1440px;
      margin: auto; }
      .product-no-title-4-a .card-list {
        -ms-flex-direction: row;
            flex-direction: row;
        gap: 16px; }
        .product-no-title-4-a .card-list .card-container {
          width: 100%; } }

.event-2-a {
  position: relative;
  padding: 32px 16px; }
  .event-2-a .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .event-2-a .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0; }
  .event-2-a .sub-title-wrap {
    margin-top: 8px; }
    .event-2-a .sub-title-wrap .sub-title {
      word-break: break-all;
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .event-2-a .swiper-out-wrap {
    position: relative;
    display: none; }
  .event-2-a .swiper-outside {
    width: 100%; }
  .event-2-a .product-swiper-navigation-wrap {
    display: none; }
  .event-2-a .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px; }
    .event-2-a .card-list-mob .image-card {
      width: 50%;
      min-width: 300px; }
  .event-2-a .image-card .card-img-wrap {
    aspect-ratio: 300/380; }
  .event-2-a .image-card .card-main-info-wrap {
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 16px; }
  .event-2-a .image-card .card-main-title {
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0; }
  .event-2-a .image-card .card-sub-title-wrap {
    margin-top: 8px; }
    .event-2-a .image-card .card-sub-title-wrap .card-sub-title {
      color: #8c8c8c;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  @media (min-width: 768px) {
    .event-2-a {
      padding: 60px 44px; }
      .event-2-a .card-list-mob {
        display: none; }
      .event-2-a .main-title {
        font-size: 24px;
        margin-bottom: 8px; }
      .event-2-a .sub-title-wrap {
        margin-top: 8px; }
      .event-2-a .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
      .event-2-a .swiper-outside {
        display: block; }
      .event-2-a .swiper-text-page {
        font-size: 12px;
        font-weight: 400; }
      .event-2-a .product-swiper-navigation-wrap {
        position: absolute;
        inset: 0;
        max-width: 1440px;
        margin-inline: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 105px; }
        .event-2-a .product-swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto;
          margin-left: 8px;
          left: 8px; }
          .event-2-a .product-swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .event-2-a .product-swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto;
          margin-right: 8px;
          left: -8px; }
          .event-2-a .product-swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .event-2-a .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%; }
      .event-2-a .image-card {
        min-width: unset;
        width: 50%;
        padding: 0 16px; }
        .event-2-a .image-card .card-img-wrap {
          aspect-ratio: 644/400; }
        .event-2-a .image-card .card-main-title {
          font-size: 20px;
          line-height: 28px; }
        .event-2-a .image-card .card-mask {
          transition: 0.3s; }
        .event-2-a .image-card:hover .card-mask {
          background-color: rgba(255, 255, 255, 0.2); } }

.event-3-a {
  position: relative;
  padding: 32px 16px; }
  .event-3-a .main-info-wrap {
    text-align: center;
    margin-bottom: 24px; }
  .event-3-a .main-title {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0; }
  .event-3-a .sub-title-wrap {
    margin-top: 8px; }
    .event-3-a .sub-title-wrap .sub-title {
      word-break: break-all;
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .event-3-a .swiper {
    width: 100%; }
  .event-3-a .swiper-out-wrap {
    position: relative;
    display: none; }
  .event-3-a .product-swiper-navigation-wrap {
    display: none; }
  .event-3-a .card-list-mob {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px; }
    .event-3-a .card-list-mob .image-card {
      min-width: 300px; }
  .event-3-a .image-card .card-img-wrap {
    aspect-ratio: 300/200; }
  .event-3-a .image-card .card-main-info-wrap {
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 16px; }
  .event-3-a .image-card .card-main-title {
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px; }
  .event-3-a .image-card .card-sub-title-wrap {
    margin-top: 8px; }
    .event-3-a .image-card .card-sub-title-wrap .card-sub-title {
      color: #8c8c8c;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  @media (min-width: 768px) {
    .event-3-a {
      padding: 60px 44px; }
      .event-3-a .card-list-mob {
        display: none; }
      .event-3-a .main-title {
        font-size: 24px;
        margin-bottom: 8px; }
      .event-3-a .sub-title-wrap {
        margin-top: 8px; }
      .event-3-a .swiper {
        display: block;
        width: 100%; }
      .event-3-a .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 100%; }
      .event-3-a .product-swiper-navigation-wrap {
        position: absolute;
        inset: 0;
        max-width: 1440px;
        margin-inline: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        gap: 105px; }
        .event-3-a .product-swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto;
          margin-left: 8px;
          left: 8px; }
          .event-3-a .product-swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .event-3-a .product-swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto;
          margin-right: 8px;
          left: -8px; }
          .event-3-a .product-swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .event-3-a .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 100%; }
      .event-3-a .image-card {
        width: 33.3%;
        padding: 0 16px; }
        .event-3-a .image-card .card-img-wrap {
          aspect-ratio: 419/250; }
        .event-3-a .image-card .card-mask {
          transition: 0.3s; }
        .event-3-a .image-card:hover .card-mask {
          background-color: rgba(255, 255, 255, 0.2); } }

.event-3-b {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 32px;
  padding: 0px 16px 32px; }
  .event-3-b .card-main-info-wrap {
    text-align: center;
    margin-top: 16px; }
  .event-3-b .card-main-title {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 28px; }
  .event-3-b .card-sub-title-wrap {
    margin-top: 8px; }
    .event-3-b .card-sub-title-wrap .card-sub-title {
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
  .event-3-b > :nth-child(1 of .image-card) .card-img-wrap {
    -ms-flex-positive: 1;
        flex-grow: 1;
    aspect-ratio: 343/343; }
    .event-3-b > :nth-child(1 of .image-card) .card-img-wrap img {
      height: 100%;
      object-fit: cover; }
  .event-3-b > :nth-child(n + 1) .card-img-wrap {
    -ms-flex-positive: 1;
        flex-grow: 1;
    aspect-ratio: 343/200; }
    .event-3-b > :nth-child(n + 1) .card-img-wrap img {
      height: 100%;
      object-fit: cover; }
  @media (min-width: 768px) {
    .event-3-b {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
          grid-template-rows: 1fr 1fr;
      gap: 32px;
      padding: 60px; }
      .event-3-b .card-img-outside-wrap {
        -ms-flex-positive: 1;
            flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
      .event-3-b .card-img-outside-wrap {
        -ms-flex-positive: 1;
            flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
      .event-3-b > :nth-child(1 of .image-card) .card-img-wrap {
        -ms-flex-positive: 1;
            flex-grow: 1;
        aspect-ratio: 644/644; }
      .event-3-b > :nth-child(n + 1) .card-img-wrap {
        -ms-flex-positive: 1;
            flex-grow: 1;
        aspect-ratio: 644/100; }
      .event-3-b .card-main-info-wrap {
        margin-top: 24px; }
      .event-3-b .card-main-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 40px; }
      .event-3-b .card-sub-title-wrap {
        margin-top: 16px; }
        .event-3-b .card-sub-title-wrap .card-sub-title {
          font-size: 16px;
          font-weight: 400;
          line-height: 22px; }
      .event-3-b .image-card:nth-child(1) {
        grid-column: 1/2;
        -ms-grid-row-span: 2;
        -ms-grid-row: 1;
            grid-row: 1 / span 2; } }

.event-5p-a {
  position: relative;
  padding-bottom: 40px; }
  .event-5p-a .banner {
    background-color: #fafafa; }
    .event-5p-a .banner .image-card {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
      padding: 0; }
      .event-5p-a .banner .image-card .card-img-wrap {
        aspect-ratio: 1/1; }
      .event-5p-a .banner .image-card .card-main-info-wrap {
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: 0;
        padding: 24px 68px; }
      .event-5p-a .banner .image-card .card-main-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 0; }
      .event-5p-a .banner .image-card .card-sub-title-wrap {
        margin-top: 8px; }
        .event-5p-a .banner .image-card .card-sub-title-wrap .card-sub-title {
          color: #666666;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px; }
  .event-5p-a .card-list-mob {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 12px 8px;
    padding: 8px; }
    .event-5p-a .card-list-mob .product-card {
      max-width: unset;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .event-5p-a .card-main-button {
    margin-top: 16px; }
  .event-5p-a .footer-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 40px; }
  .event-5p-a .swiper {
    width: 100%; }
  .event-5p-a .swiper-out-wrap {
    display: none; }
  .event-5p-a .swiper-outside,
  .event-5p-a .product-swiper-navigation-wrap {
    display: none; }
  @media (min-width: 768px) {
    .event-5p-a {
      padding: 60px 0px; }
      .event-5p-a .banner {
        margin: 0px 60px; }
        .event-5p-a .banner .image-card {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
              grid-template-columns: 1fr 1fr; }
          .event-5p-a .banner .image-card .card-img-outside-wrap {
            -ms-flex-order: 1;
                order: 1; }
          .event-5p-a .banner .image-card .card-img-wrap {
            aspect-ratio: 644/400; }
            .event-5p-a .banner .image-card .card-img-wrap img {
              height: 100%;
              object-fit: cover; }
          .event-5p-a .banner .image-card .card-main-info-wrap {
            -ms-flex-align: start;
                align-items: flex-start;
            margin-top: 0; }
          .event-5p-a .banner .image-card .card-main-title {
            font-size: 24px;
            line-height: 34px; }
          .event-5p-a .banner .image-card .card-sub-title-wrap .card-sub-title {
            font-size: 16px;
            line-height: 22px; }
          .event-5p-a .banner .image-card .card-main-button {
            margin-top: 24px; }
      .event-5p-a .card-list-mob {
        display: none; }
      .event-5p-a .swiper-outside {
        display: block;
        margin-top: 24px; }
      .event-5p-a .swiper-out-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
      .event-5p-a .product-card {
        width: 20%; }
      .event-5p-a .product-swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
      .event-5p-a .product-swiper-navigation-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        gap: 105px;
        margin-top: 40px; }
        .event-5p-a .product-swiper-navigation-wrap .swiper-text-page {
          font-size: 12px;
          font-weight: 400; }
        .event-5p-a .product-swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          -ms-flex-order: -1;
              order: -1;
          inset: 0;
          margin-block: auto; }
          .event-5p-a .product-swiper-navigation-wrap .swiper-button-prev::after {
            content: initial; }
        .event-5p-a .product-swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto; }
          .event-5p-a .product-swiper-navigation-wrap .swiper-button-next::after {
            content: initial; }
      .event-5p-a .swiper-out-wrap.event-5pa-product .swiper-text-page {
        font-size: 12px;
        font-weight: 400; }
      .event-5p-a .swiper-out-wrap.event-5pa-product .event-5pa-swiper-button-prev {
        position: relative;
        min-width: 36px;
        -ms-flex-order: -1;
            order: -1;
        inset: 0;
        left: 4px;
        margin-left: 12px;
        margin-block: auto; }
        .event-5p-a .swiper-out-wrap.event-5pa-product .event-5pa-swiper-button-prev::after {
          content: initial; }
      .event-5p-a .swiper-out-wrap.event-5pa-product .event-5pa-swiper-button-next {
        position: relative;
        min-width: 36px;
        -ms-flex-order: 1;
            order: 1;
        inset: 0;
        left: -4px;
        margin-right: 12px;
        margin-block: auto; }
        .event-5p-a .swiper-out-wrap.event-5pa-product .event-5pa-swiper-button-next::after {
          content: initial; }
      .event-5p-a .swiper-out-wrap.event-5pa-product .product-card {
        width: 20%;
        padding: 0 12px; } }

.event-4g-a {
  padding: 40px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px; }
  .event-4g-a .banner-wrap {
    margin: 0 auto; }
    .event-4g-a .banner-wrap .banner-img {
      max-width: 139px; }
    .event-4g-a .banner-wrap .banner-title {
      text-align: center;
      font-size: 20px;
      line-height: 28px; }
    .event-4g-a .banner-wrap a {
      display: none; }
  .event-4g-a .button-mob {
    margin: 0 16px; }
  @media (min-width: 768px) {
    .event-4g-a {
      padding: 40px 0; }
      .event-4g-a .banner-wrap {
        width: 100%;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 0 60px;
        display: -ms-flexbox;
        display: flex; }
        .event-4g-a .banner-wrap a {
          display: -ms-flexbox;
          display: flex; }
      .event-4g-a .button-mob {
        display: none; } }

.benefit-3-a {
  position: relative; }
  .benefit-3-a .swiper-slide {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .benefit-3-a .benefit-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    color: #2f6279;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 12px 48px;
    cursor: pointer; }
    .benefit-3-a .benefit-item .icon-wrap {
      font-size: 24px; }
  .benefit-3-a .swiper-navigation-wrap {
    position: absolute;
    inset: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .benefit-3-a .swiper-navigation-wrap .swiper-text-page {
      font-size: 12px;
      font-weight: 400; }
    .benefit-3-a .swiper-navigation-wrap .swiper-button-prev {
      position: relative;
      -ms-flex-order: -1;
          order: -1;
      inset: 0;
      margin-block: auto;
      margin-left: 8px; }
      .benefit-3-a .swiper-navigation-wrap .swiper-button-prev::after {
        content: initial; }
    .benefit-3-a .swiper-navigation-wrap .swiper-button-next {
      position: relative;
      -ms-flex-order: 1;
          order: 1;
      inset: 0;
      margin-block: auto;
      margin-right: 8px; }
      .benefit-3-a .swiper-navigation-wrap .swiper-button-next::after {
        content: initial; }
    .benefit-3-a .swiper-navigation-wrap .swiper-button-prev,
    .benefit-3-a .swiper-navigation-wrap .swiper-button-next {
      background-color: transparent;
      color: #2f6279;
      border: none;
      overflow: hidden;
      padding: 8px; }
      .benefit-3-a .swiper-navigation-wrap .swiper-button-prev svg,
      .benefit-3-a .swiper-navigation-wrap .swiper-button-next svg {
        width: 100%;
        height: 100%; }
    @media (min-width: 768px) {
      .benefit-3-a .swiper-navigation-wrap {
        display: -ms-flexbox;
        display: flex; } }
  .benefit-3-a .swiper-outside {
    background-color: #eaeff2;
    display: block;
    margin: 8px;
    overflow: hidden; }
  .benefit-3-a .content-pc {
    display: none; }
  @media (min-width: 768px) {
    .benefit-3-a .swiper-outside {
      display: none; }
    .benefit-3-a .content-pc {
      background-color: #eaeff2;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin: 8px 32px; }
    .benefit-3-a .benefit-item {
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -ms-flex-positive: 1;
          flex-grow: 1;
      font-weight: 400; }
    .benefit-3-a .split-line {
      background-color: #2f6279;
      width: 1px;
      height: 20px;
      opacity: 0.6; } }

.store-3-a {
  padding: 40px 16px; }
  .store-3-a .main-info-wrap {
    text-align: center;
    margin-bottom: 40px; }
  .store-3-a .main-title {
    font-size: 24px;
    font-weight: 500; }
  .store-3-a .sub-title-wrap {
    margin-top: 8px; }
    .store-3-a .sub-title-wrap .sub-title {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.375; }
  .store-3-a .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 8px;
    margin-top: 32px; }
  .store-3-a .btn-store {
    min-width: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: transparent;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #D9D9D9;
    border-radius: 28px;
    padding: 8px 12px; }
    .store-3-a .btn-store.btn-active:enabled {
      color: #fff; }
      .store-3-a .btn-store.btn-active:enabled:hover {
        background-color: #598194; }
      .store-3-a .btn-store.btn-active:enabled:active {
        color: #fff;
        background-color: #2f6279; }
    .store-3-a .btn-store:not(btn-active):enabled {
      color: #404040; }
      .store-3-a .btn-store:not(btn-active):enabled:hover {
        background-color: #fafafa; }
      .store-3-a .btn-store:not(btn-active):enabled:active {
        background-color: #fff;
        color: #404040;
        outline: 1px solid #d9d9d9; }
  .store-3-a .btn-active {
    background-color: #2f6279;
    border: none;
    color: #fff; }
  .store-3-a .btn-store-pc {
    display: none; }
  .store-3-a .store-card-mob {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    overflow-x: auto;
    margin-top: 24px; }
    .store-3-a .store-card-mob .store-card {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .store-3-a .swiper-outside {
    display: none; }
  .store-3-a .card-img-wrap {
    aspect-ratio: 295/168; }
  @media (min-width: 768px) {
    .store-3-a {
      padding: 60px 16px; }
      .store-3-a .store-card-mob {
        display: none; }
      .store-3-a .btn-wrap {
        gap: 16px; }
      .store-3-a .btn-store-pc {
        display: block; }
      .store-3-a .btn-store-card-mob {
        display: none; }
      .store-3-a .swiper-outside {
        display: block;
        margin-top: 24px; }
      .store-3-a .swiper-navigation-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        gap: 105px;
        margin-top: 40px; }
        .store-3-a .swiper-navigation-wrap .swiper-text-page {
          font-size: 12px;
          font-weight: 400; }
        .store-3-a .swiper-navigation-wrap .swiper-button-next {
          position: relative;
          -ms-flex-order: 1;
              order: 1;
          inset: 0;
          margin-block: auto; }
        .store-3-a .swiper-navigation-wrap .swiper-button-prev {
          position: relative;
          inset: 0;
          margin-block: auto; }
      .store-3-a .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 16px; }
      .store-3-a .card-img-wrap {
        aspect-ratio: 316/168; } }

.container-100 {
  width: 100%; }

.container-1440 {
  max-width: 1440px;
  margin-inline: auto; }

.container-1320 {
  max-width: 1320px;
  margin-inline: auto; }

.container-1240 {
  max-width: 1240px;
  margin-inline: auto; }

.container-1140 {
  max-width: 1140px;
  margin-inline: auto; }

.optimized-orientation * {
  box-sizing: border-box; }

.optimized-orientation picture {
  display: inline-block; }

.optimized-orientation img {
  vertical-align: middle;
  width: 100%; }

.optimized-orientation .loading-skeleton {
  padding: 40px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
  position: relative; }
  .optimized-orientation .loading-skeleton:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    background-image: linear-gradient(90deg, rgba(245, 247, 248, 0) 0, #f5f7f8 50%, rgba(219, 219, 219, 0) 100%);
    background-position: -400px 0;
    background-repeat: no-repeat;
    animation: orientationLoad 2s infinite;
    left: 0;
    top: 0; }
  .optimized-orientation .loading-skeleton .loading-bar {
    width: 100%;
    height: 64px;
    background-color: #eaeff2; }
  .optimized-orientation .loading-skeleton .loading-skeleton__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    width: 100%;
    -ms-flex-align: center;
        align-items: center;
    gap: 32px;
    -ms-flex-item-align: stretch;
        align-self: stretch; }
  .optimized-orientation .loading-skeleton .loading-skeleton__card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    -ms-flex-align: center;
        align-items: center;
    gap: 24px;
    -ms-flex: 1 0 0px;
        flex: 1 0 0; }
    .optimized-orientation .loading-skeleton .loading-skeleton__card-img {
      width: 100%;
      height: 432px;
      background-color: #eaeff2; }
    .optimized-orientation .loading-skeleton .loading-skeleton__card-title {
      width: 100%;
      height: 24px;
      background-color: #eaeff2; }
    .optimized-orientation .loading-skeleton .loading-skeleton__card-content {
      width: 200px;
      height: 24px;
      background-color: #eaeff2; }
  @media (max-width: 768px) {
    .optimized-orientation .loading-skeleton {
      padding: 1rem;
      gap: 1rem; }
      .optimized-orientation .loading-skeleton .loading-bar {
        height: 48px; }
      .optimized-orientation .loading-skeleton .loading-skeleton__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 16px; }
      .optimized-orientation .loading-skeleton .loading-skeleton__card-img {
        height: 343px; }
      .optimized-orientation .loading-skeleton .loading-skeleton__card-title, .optimized-orientation .loading-skeleton .loading-skeleton__card-content {
        height: 18px; } }

@keyframes orientationLoad {
  to {
    background-position: 400px 0; } }

.optimized-orientation ::-webkit-scrollbar {
  height: 1px; }

.optimized-orientation ::-webkit-scrollbar-track:horizontal {
  background-color: #f0f0f0; }

.optimized-orientation ::-webkit-scrollbar-thumb:horizontal {
  background: #404040; }

.optimized-orientation a:link {
  color: inherit; }

.optimized-orientation a:visited {
  color: inherit; }

.optimized-orientation .swiper-pagination-bullet {
  background-color: rgba(227, 227, 227, 0.7);
  opacity: 1; }

.optimized-orientation .swiper-pagination-bullet-active {
  background-color: rgba(153, 153, 153, 0.6);
  opacity: 1; }

.optimized-orientation .swiper-button-lock {
  display: block;
  visibility: hidden; }

.optimized-orientation .swiper-button-prev {
  left: 0; }

.optimized-orientation .swiper-button-next {
  right: 0; }

.optimized-orientation .swiper-button-prev,
.optimized-orientation .swiper-button-next {
  background-image: unset;
  cursor: pointer;
  transition: 0.1s;
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  animation: colorFadeOut 0.3s linear 0s;
  animation-fill-mode: forwards; }
  .optimized-orientation .swiper-button-prev svg,
  .optimized-orientation .swiper-button-next svg {
    width: 26px;
    height: 26px; }
    .optimized-orientation .swiper-button-prev svg path,
    .optimized-orientation .swiper-button-next svg path {
      fill: #666666; }
  .optimized-orientation .swiper-button-prev:hover,
  .optimized-orientation .swiper-button-next:hover {
    width: 36px;
    height: 36px;
    animation: colorFade 0.3s linear 0s;
    animation-fill-mode: forwards; }

@keyframes colorFade {
  from {
    background-color: unset; }
  to {
    background-color: #f0f0f0; } }

@keyframes colorFadeOut {
  from {
    background-color: #f0f0f0; }
  to {
    background-color: unset; } }

.optimized-orientation .product-card .swiper-button-prev,
.optimized-orientation .product-card .swiper-button-next {
  background: rgba(0, 0, 0, 0.4);
  background-image: unset;
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  transition: 0.1s;
  transform: translateY(50%);
  animation: fadeout 0.3s linear 0s;
  animation-fill-mode: forwards; }
  .optimized-orientation .product-card .swiper-button-prev svg,
  .optimized-orientation .product-card .swiper-button-next svg {
    width: 17.33px;
    height: 17.33px; }
    .optimized-orientation .product-card .swiper-button-prev svg path,
    .optimized-orientation .product-card .swiper-button-next svg path {
      fill: #fff; }
  .optimized-orientation .product-card .swiper-button-prev:hover,
  .optimized-orientation .product-card .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.3);
    animation: fade 0.3s linear 0s;
    animation-fill-mode: forwards; }
    .optimized-orientation .product-card .swiper-button-prev:hover svg,
    .optimized-orientation .product-card .swiper-button-next:hover svg {
      width: 17.33px;
      height: 17.33px; }
      .optimized-orientation .product-card .swiper-button-prev:hover svg path,
      .optimized-orientation .product-card .swiper-button-next:hover svg path {
        fill: #fff; }

@keyframes fade {
  from {
    opacity: 1; }
  to {
    opacity: 0.7; } }

@keyframes fadeout {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }
  @media (min-width: 768px) {
    .optimized-orientation .product-card .swiper-button-prev,
    .optimized-orientation .product-card .swiper-button-next {
      display: -ms-flexbox;
      display: flex; } }

.optimized-orientation .swiper-text-page {
  color: #404040;
  font-size: 12px;
  font-weight: 400; }

.optimized-orientation .card-list-mob {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none; }
  .optimized-orientation .card-list-mob::-webkit-scrollbar {
    display: none; }
  .optimized-orientation .card-list-mob .image-card {
    scroll-snap-align: center; }

.optimized-orientation .card-list {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none; }
  .optimized-orientation .card-list::-webkit-scrollbar {
    display: none; }
  .optimized-orientation .card-list .image-card {
    scroll-snap-align: center; }

.optimized-orientation .scroll-bar-container {
  position: relative;
  background: #F0F0F0;
  width: 100%;
  height: 1px; }

.optimized-orientation .scroll-bar {
  position: absolute;
  background: #404040;
  height: 1px;
  border-radius: 8px;
  transition: transform 0.1s ease; }

@media (min-width: 768px) {
  .optimized-orientation .scroll-bar-container {
    display: none; } }

.optimized-orientation.orientation-index .welcome-wrap {
  padding: 32px 16px;
  text-align: center; }
  .optimized-orientation.orientation-index .welcome-wrap .welcome-main-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px; }
  .optimized-orientation.orientation-index .welcome-wrap .welcome-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px; }

.optimized-orientation.orientation-index .store-info {
  margin: 60px 16px;
  text-align: center; }
  .optimized-orientation.orientation-index .store-info .main-title {
    color: #404040;
    line-height: 34px;
    margin-bottom: 8px; }
  .optimized-orientation.orientation-index .store-info .sub-title {
    color: #666666;
    line-height: 20px; }
  .optimized-orientation.orientation-index .store-info .store-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    margin-top: 32px; }
    .optimized-orientation.orientation-index .store-info .store-card-wrap .store-item {
      background-color: #2f6279;
      color: #fff; }

@media (min-width: 768px) {
  .optimized-orientation.orientation-index .welcome-wrap {
    display: none; }
  .optimized-orientation.orientation-index .store-card-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .optimized-orientation.orientation-index .store-card-wrap .store-card {
      max-width: min(558px, calc(50% - 16px - 12px)); } }

.flagship-shop-nav-mob .nav-top-area {
  display: none; }

#flagship {
  position: relative; }
  #flagship .navBar {
    position: fixed;
    top: 0;
    z-index: 15;
    background: #fff;
    width: 100%; }
  #flagship .nav-top {
    padding: 4px 40px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #F0F0F0; }
    #flagship .nav-top .m-logo img {
      width: 126px;
      height: 20px; }
    #flagship .nav-top .home-link {
      display: -ms-flexbox;
      display: flex;
      gap: 32px; }
      #flagship .nav-top .home-link a {
        padding: 8px 0; }
        #flagship .nav-top .home-link a:hover {
          color: #2f6279;
          font-weight: 500;
          scale: 1.05; }
  #flagship .nav-middle {
    position: relative;
    padding: 15px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    min-height: 56px; }
    #flagship .nav-middle .flagship-title {
      font-size: 16px;
      font-weight: 400;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    #flagship .nav-middle .icon-group {
      font-size: 24px;
      display: -ms-flexbox;
      display: flex;
      gap: 24px; }
      #flagship .nav-middle .icon-group .top-btn-icon {
        display: -ms-flexbox;
        display: flex; }
      #flagship .nav-middle .icon-group:hover {
        color: #2f6279; }
      #flagship .nav-middle .icon-group .top-btn-shopping-cart {
        position: relative;
        overflow: visible; }
        #flagship .nav-middle .icon-group .top-btn-shopping-cart .cart-qty {
          background-color: #2f6279;
          position: absolute;
          left: 50%;
          bottom: 50%;
          width: 20px;
          aspect-ratio: 1/1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          color: #fff;
          font-size: 9px;
          border-radius: 50%; }
      #flagship .nav-middle .icon-group .top-btn-favorite {
        display: -ms-flexbox;
        display: flex; }
      #flagship .nav-middle .icon-group .top-btn-member {
        display: -ms-flexbox;
        display: flex; }
      #flagship .nav-middle .icon-group .member-login {
        width: 24px;
        height: 24px;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        border-radius: 12px;
        background: #eaeff2;
        color: #404040;
        font-size: 14px; }
  #flagship .nav-bottom {
    padding: 8px 40px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 30;
    border-bottom: 1px solid #F0F0F0; }
    #flagship .nav-bottom .maskMob {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100dvh;
      background: rgba(0, 0, 0, 0.3);
      pointer-events: auto;
      display: none; }
    #flagship .nav-bottom .maskPc {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100dvh;
      background: rgba(0, 0, 0, 0.3);
      pointer-events: auto;
      opacity: 0;
      visibility: hidden; }
    #flagship .nav-bottom .categories {
      padding: 0 20px 8px;
      cursor: pointer; }
      #flagship .nav-bottom .categories.active {
        text-decoration: underline;
        -webkit-text-decoration-color: #2f6279;
                text-decoration-color: #2f6279;
        text-decoration-thickness: 2px;
        text-underline-offset: 10px; }
        #flagship .nav-bottom .categories.active .categoryL1 {
          color: #404040; }
        #flagship .nav-bottom .categories.active .categoryL2 {
          display: -ms-flexbox;
          display: flex; }
        #flagship .nav-bottom .categories.active ~ .maskPc {
          opacity: 1;
          visibility: visible; }
    #flagship .nav-bottom .categoryL1 {
      color: #8c8c8c; }
    #flagship .nav-bottom .categoryL2 {
      position: absolute;
      top: 37px;
      left: 0;
      z-index: 1;
      padding: 40px 32px;
      width: 100vw;
      background: #fff;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      gap: 12px;
      display: none; }
      #flagship .nav-bottom .categoryL2 .titleL1 {
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 500; }
  #flagship.isInMaraisApp .nav-top,
  #flagship.isInMaraisApp .nav-middle,
  #flagship.isInMaraisApp .nav-bottom {
    display: none; }
  #flagship.isInMaraisApp .banner-5-a {
    margin-top: 0; }
  @media (max-width: 768px) {
    #flagship {
      margin-bottom: 57.5px; }
      #flagship .nav-top {
        padding: 12px; }
        #flagship .nav-top .m-logo {
          max-width: 94px; }
          #flagship .nav-top .m-logo img {
            width: 100%;
            vertical-align: middle; }
        #flagship .nav-top .home-link {
          gap: 20px; }
          #flagship .nav-top .home-link a {
            padding: 0; }
            #flagship .nav-top .home-link a:hover {
              color: #2f6279;
              font-weight: 500;
              scale: 1.05; }
      #flagship .nav-middle {
        padding: 18px 12px;
        height: 56px; }
        #flagship .nav-middle .flagship-title {
          font-size: 14px; }
        #flagship .nav-middle .icon-group {
          display: none; }
      #flagship .nav-bottom {
        padding: 8px 0px 0; }
        #flagship .nav-bottom .maskMob {
          display: block; }
        #flagship .nav-bottom .categoryL2 {
          padding: 24px 0; }
          #flagship .nav-bottom .categoryL2 .titleL1 {
            font-size: 14px; } }

.cursor-no-pointer {
  cursor: default; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
.notification-page {
  min-height: 250px; }

.notification__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
  position: relative; }

.notification__box {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px; }

.notification__info {
  max-width: 807px;
  width: 100%; }
  .notification__info-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .notification__info-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c74250;
    margin-right: 8px; }
  .notification__info-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; }
  .notification__info-content {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px; }
  .notification__info-date {
    font-size: 12px;
    max-width: 100px;
    color: #999999;
    line-height: 18px; }

.notification__empty {
  color: #999999;
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 24px 12px;
  background-color: #fafafa;
  border: 0.5px solid #dbdbdb;
  border-radius: 8px; }
  @media screen and (max-width: 500px) {
    .notification__empty {
      font-size: 0.75rem; } }

.notification__loading {
  padding: 1rem;
  background: #fff;
  width: 100%;
  border-radius: 4px;
  color: #666666; }
  .notification__loading.loading {
    background-color: #f0f0f0; }
    .notification__loading.loading::before {
      width: 100%;
      position: absolute;
      content: '';
      height: 100%;
      z-index: 1;
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
      background-position: -400px 0;
      background-repeat: no-repeat;
      animation: m 1.5s infinite;
      top: 0;
      left: 0; }
    .notification__loading.loading .title {
      width: 60%;
      border-radius: 4px;
      background-color: #d9d9d9;
      padding: 0.6rem 0.4rem;
      margin-bottom: 0.5rem; }
    .notification__loading.loading .content {
      width: 80%;
      border-radius: 4px;
      background-color: #d9d9d9;
      padding: 0.8rem 0.5rem; }
@charset "UTF-8";
/**
 * Site global variables
 */
/**
2022 建立 design system
**/
#anniversary-sale-2025 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: "Noto Sans TC", "Noto Sans", source-han-sans-traditional, "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4", STHeiti, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Brandon Grotesque";
  background-color: #E7DED7;
  min-height: calc(100dvh - 142px); }
  #anniversary-sale-2025 .pc-bg {
    background-color: #0D3E6D;
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0; }
    #anniversary-sale-2025 .pc-bg .chair-img {
      position: fixed;
      bottom: 19px;
      left: 54px; }
    #anniversary-sale-2025 .pc-bg .text-img {
      position: fixed;
      bottom: 100px;
      right: 0; }
  #anniversary-sale-2025 .common-button {
    border-radius: 50px;
    width: 100%;
    height: 100px;
    background-color: #014377;
    color: white;
    border: none;
    transition: all 0.3s ease;
    cursor: pointer; }
    #anniversary-sale-2025 .common-button:focus {
      box-shadow: none;
      border: 0;
      outline: none; }
    #anniversary-sale-2025 .common-button:hover {
      background-color: #065798; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes slide-fwd-center {
  0% {
    transform: scale(0.75); }
  100% {
    transform: scale(1); } }
  #anniversary-sale-2025 main {
    position: relative;
    z-index: 1;
    padding: 24px;
    margin: 32px 0 48px;
    background-color: white;
    border: 3px solid #014377;
    box-shadow: 16px 16px 0 0 #032D4F;
    text-align: center;
    overflow-y: auto;
    max-height: 1050px; }
    #anniversary-sale-2025 main header {
      margin: 16px 0 32px;
      padding: 0 20px;
      border-left: 2px solid #014377;
      border-right: 2px solid #014377; }
      #anniversary-sale-2025 main header .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px;
        margin-bottom: 8px; }
      #anniversary-sale-2025 main header .sub-title {
        color: #014377;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px; }
    #anniversary-sale-2025 main .hero {
      margin-bottom: 20px; }
      #anniversary-sale-2025 main .hero .banner-img {
        max-width: 382px;
        height: auto;
        display: block;
        background-color: rgba(6, 87, 152, 0.2); }
      #anniversary-sale-2025 main .hero .lottery {
        padding: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 24px;
        border: 3px solid #E5DBD5; }
      #anniversary-sale-2025 main .hero .lottery-count {
        color: #1D161B;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px; }
        #anniversary-sale-2025 main .hero .lottery-count strong {
          color: #014377;
          font-size: 28px;
          line-height: 40px; }
      #anniversary-sale-2025 main .hero .lottery-button {
        font-size: 28px;
        font-weight: 700; }
      #anniversary-sale-2025 main .hero .lottery-loading-button {
        cursor: not-allowed; }
        #anniversary-sale-2025 main .hero .lottery-loading-button svg {
          vertical-align: middle;
          animation: spin 1s linear infinite; }
        #anniversary-sale-2025 main .hero .lottery-loading-button:hover {
          background-color: #014377; }
      #anniversary-sale-2025 main .hero .lottery-record {
        background-color: unset;
        border: none;
        text-decoration: underline;
        color: #404040;
        font-size: 16px;
        line-height: 22px;
        cursor: pointer; }
        #anniversary-sale-2025 main .hero .lottery-record:focus {
          box-shadow: none;
          border: 0;
          outline: none; }
    #anniversary-sale-2025 main footer {
      text-align: start;
      max-width: 382px; }
      #anniversary-sale-2025 main footer ol {
        margin: 16px 0 16px 16px;
        text-indent: 1px; }
      #anniversary-sale-2025 main footer .copyright {
        text-align: center;
        line-height: 20px;
        color: #8C8C8C; }
  #anniversary-sale-2025 .common-modal-mask {
    position: fixed;
    z-index: 40;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease; }
  #anniversary-sale-2025 .common-modal-container {
    background-color: #fff;
    padding: 24px;
    width: 100%;
    max-width: 366px;
    max-height: calc(100dvh - 32px - 32px);
    overflow-y: scroll;
    margin: 32px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    animation: slide-fwd-center 0.35s ease-out; }
  #anniversary-sale-2025 .common-modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 20px; }
  #anniversary-sale-2025 .common-modal-header {
    color: #1D161B;
    text-align: center;
    font-size: 20px;
    line-height: 28px; }
  #anniversary-sale-2025 .common-modal-body {
    text-align: center; }
    #anniversary-sale-2025 .common-modal-body .lottery-wrapper {
      padding: 16px;
      border: 1px solid #014377;
      margin-bottom: 20px; }
    #anniversary-sale-2025 .common-modal-body .lottery-title {
      padding-bottom: 16px;
      border-bottom: 1px solid #D9D9D9;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 16px; }
    #anniversary-sale-2025 .common-modal-body .lottery-name {
      color: #000;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      display: inline-block;
      max-width: 254px;
      margin: auto; }
    #anniversary-sale-2025 .common-modal-body .lottery-price {
      color: #000;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400; }
    #anniversary-sale-2025 .common-modal-body .lottery-info {
      line-height: 20px; }
      #anniversary-sale-2025 .common-modal-body .lottery-info.gift {
        color: #014377; }
      #anniversary-sale-2025 .common-modal-body .lottery-info .info-text {
        color: #000;
        margin-bottom: 20px; }
      #anniversary-sale-2025 .common-modal-body .lottery-info .copy-code {
        padding: 12px 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 10px;
        background-color: #F0F0F0; }
      #anniversary-sale-2025 .common-modal-body .lottery-info .code {
        color: #000;
        font-family: Roboto;
        font-size: 20px;
        line-height: 28px; }
      #anniversary-sale-2025 .common-modal-body .lottery-info .copy-button {
        padding: 4px 0px;
        width: 55px;
        height: unset;
        border-radius: 4px;
        white-space: nowrap; }
        #anniversary-sale-2025 .common-modal-body .lottery-info .copy-button.copied {
          background-color: #065798; }
    #anniversary-sale-2025 .common-modal-body .lottery-hint {
      text-align: start; }
      #anniversary-sale-2025 .common-modal-body .lottery-hint ol {
        margin-left: 19px; }
      #anniversary-sale-2025 .common-modal-body .lottery-hint .alpha-list {
        list-style-type: lower-alpha;
        margin-left: 20px; }
      #anniversary-sale-2025 .common-modal-body .lottery-hint a {
        color: #404040;
        text-decoration: underline; }
    #anniversary-sale-2025 .common-modal-body.record {
      width: 100%;
      text-align: start; }
    #anniversary-sale-2025 .common-modal-body .record-loading {
      text-align: center;
      margin: 25px 0; }
      #anniversary-sale-2025 .common-modal-body .record-loading svg {
        animation: spin 1s linear infinite;
        width: 35px;
        height: 35px; }
        #anniversary-sale-2025 .common-modal-body .record-loading svg path {
          stroke: #014377; }
    #anniversary-sale-2025 .common-modal-body .record-list {
      max-height: 55dvh;
      overflow-y: auto; }
    #anniversary-sale-2025 .common-modal-body .record-item {
      padding: 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 8px;
      border-bottom: 1px solid #F0F0F0; }
      #anniversary-sale-2025 .common-modal-body .record-item:last-child {
        border-bottom: none; }
    #anniversary-sale-2025 .common-modal-body .record-title {
      color: #000;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      margin-bottom: 8px; }
      #anniversary-sale-2025 .common-modal-body .record-title span {
        font-size: 12px;
        line-height: 18px; }
    #anniversary-sale-2025 .common-modal-body .record-date {
      color: #666;
      line-height: 20px; }
    #anniversary-sale-2025 .common-modal-body .record-item-button {
      padding: 4px 8px;
      width: unset;
      height: 28px;
      border-radius: 4px;
      white-space: nowrap; }
  #anniversary-sale-2025 .common-modal-footer {
    display: -ms-flexbox;
    display: flex; }
    #anniversary-sale-2025 .common-modal-footer .common-button {
      height: unset;
      width: unset;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      padding: 12px 40px;
      margin: auto; }
  @media screen and (max-width: 1224px) {
    #anniversary-sale-2025 .pc-bg {
      display: none; } }
  @media screen and (max-width: 768px) {
    #anniversary-sale-2025 {
      background-color: unset; }
      #anniversary-sale-2025 .carousel {
        display: none; }
      #anniversary-sale-2025 main {
        box-shadow: unset;
        border: none;
        margin: 0;
        max-height: unset; }
        #anniversary-sale-2025 main .banner-img {
          width: 100%; } }