body,html{margin:0;padding:0;position:fixed}body #app,body #app .app,html #app,html #app .app{width:100%;height:100%}body #app .app .page_content_div,html #app .app .page_content_div{background:#fff;padding:10px;margin:10px 0;overflow:auto;box-shadow:3px 3px 3px 1px #ccc}body #app .app .page_content_div .ant-table-wrapper,html #app .app .page_content_div .ant-table-wrapper{max-width:unset;min-width:100%;width:-moz-max-content;width:max-content}body #app .app th,html #app .app th{background:#315f9d;color:#fff}body .ant-tooltip,html .ant-tooltip{max-width:unset}body .green,html .green{color:green}body .red,html .red{color:red}.component-layout-main,.component-layout-main .main-layout{width:100%;height:100%}.component-layout-main .main-layout .ant-layout-sider{position:fixed;z-index:1000;display:none}.component-layout-main .main-layout .ant-layout-sider .mask{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;height:100%;background-color:rgba(0,0,0,.45)}.component-layout-main .main-layout .ant-layout-sider .component-layout-menu{width:277px;height:713px}.component-layout-main .main-layout .ant-layout-sider.show{display:block}.component-layout-main .main-layout .ant-layout-header{height:auto;background:#fff;box-shadow:3px 3px 3px 1px #ccc;padding:0}.component-layout-main .main-layout .ant-layout-content{padding:5px 10px;overflow-y:auto}.component-layout-main .main-layout .ant-layout-footer{padding:12px 0;background:#fff;box-shadow:3px 3px 3px 3px #ccc;display:none}@media (min-width:768px){.component-layout-main .main-layout .ant-layout-sider{display:none}}@media (max-width:767px){.component-layout-main .main-layout .ant-layout-content{padding:0;overflow-x:hidden}.component-layout-main .main-layout .ant-layout-footer{display:block}}.component-layout-header{width:80%;margin:auto}.component-layout-header .left{text-align:right}.component-layout-header .left .item{display:none}.component-layout-header .center{text-align:center}.component-layout-header .center .logo img{width:250px}.component-layout-header .right{text-align:right}.component-layout-header .right .user{margin-right:10px}.component-layout-header .right .car{margin-right:15px}.component-layout-header .right .search{margin-right:15px;cursor:pointer}.component-layout-header .right .user_point{font-family:Noto Sans TC;font-weight:700;letter-spacing:0;text-align:left;color:#33a4e8}.component-layout-header .menu>ul{border-inline-end:unset!important}.component-layout-header .menu>ul>li{display:inline!important;margin-inline:0}@media (max-width:767px){.component-layout-header{width:100%}.component-layout-header .left .item{display:block}.component-layout-header .center .logo img{width:151px!important}.component-layout-header .menu,.component-layout-header .right>.car,.component-layout-header .right>.user,.component-layout-header .right>.user_point{display:none}}.component-layout-menu{position:relative}.component-layout-menu .close{position:absolute;right:8px;bottom:0;font-size:25px!important;color:#a3a3a3}.component-layout-menu .user{width:100%;background:#565656;color:#fff;font-family:Noto Sans TC;font-weight:medium;font-size:14px;line-height:16.8px;letter-spacing:0;text-align:center}.component-layout-menu .point{font-family:Noto Sans TC;font-weight:700;letter-spacing:0;text-align:left;color:#33a4e8}.component-layout-menu .active{color:#007aff!important}.component-layout-menu .ant-menu-item.ant-menu-item-selected{color:unset;background-color:unset}.component-layout-menu .service_list{width:100%;padding:10px 24px 10px 28px}.component-layout-menu .service_list .title{font-weight:700}.component-layout-menu .service_list .item{width:100%;margin:auto;color:grey;font-family:Noto Sans TC;font-weight:medium;font-size:15px;line-height:18px;letter-spacing:0;text-align:center;margin-bottom:15px}.component-layout-menu .service_list .item .text{color:grey}.component-layout-search input{margin-top:25px}.component-layout-footer{text-align:center}.component-layout-footer-service{background:#ececec}.component-layout-footer-service .list{width:768px;height:-moz-max-content;height:max-content;margin:auto}.component-layout-footer-service .list .item{padding:50px 0;width:20%;text-align:center}.component-layout-footer-service .list .item .title{color:grey;font-family:Noto Sans TC;font-weight:medium;font-size:15px;line-height:18px;letter-spacing:0;text-align:left;margin-bottom:15px}.component-layout-footer-service .list .item .text{color:grey;font-family:Noto Sans TC;font-weight:DemiLight;font-size:14px;line-height:30px;letter-spacing:0;text-align:center}.component-layout-footer-service .list .item.logoItem{padding-right:unset}.component-layout-footer-service .list .item.logoItem .logo{width:100%;max-width:230px}.component-layout-footer-service hr{display:none}.component-layout-footer-service .copyright{width:100%;height:50px;text-align:center}.component-layout-footer-service .copyright span{color:#33a4e8}@media (max-width:767px){.component-layout-footer-service .list{display:none;position:relative;width:100%;height:-moz-max-content;height:max-content}.component-layout-footer-service .list .item{margin:0 auto;width:385px;height:-moz-max-content;height:max-content}.component-layout-footer-service .list .item.logoItem{position:absolute;right:5vmin;bottom:5vmin;padding:unset;width:50vmin}.component-layout-footer-service hr{display:block;margin-bottom:15px}}.component-layout-fixed{position:fixed;right:50px;bottom:10%;left:auto;text-align:center}.component-layout-fixed div{margin-top:20px}.component-layout-fixed div.activityBtn{margin-top:-20px}.component-layout-fixed div a{font-size:14px;color:#000}.component-layout-fixed div a img{width:64px}@media (max-width:767px){.component-layout-fixed{bottom:60px;right:15px}.component-layout-fixed div{margin-top:10px}.component-layout-fixed div.activityBtn{margin-top:-10px}}.component-home{width:80%;margin:auto}.component-home .more{margin-top:48px;color:#555;font-family:Noto Sans TC;font-weight:medium;font-size:16px;line-height:24px;letter-spacing:0;text-align:center;cursor:pointer}.component-home .more .btn{display:block}.component-home .more .load{display:none}.component-home .limit{position:relative;margin-top:99.5px;color:#555;font-family:Noto Sans TC;font-weight:medium;font-size:24px;line-height:28.8px;letter-spacing:0;text-align:center}.component-home .limit:after,.component-home .limit:before{content:"";position:absolute;top:50%;background:#aaa;width:10%;height:1px}.component-home .limit:before{left:33%}.component-home .limit:after{right:33%}@media (max-width:767px){.component-home{width:100%}.component-home .more .btn{display:none}.component-home .more .load{display:block}.component-home .limit:before{left:23%}.component-home .limit:after{right:23%}}.component-layout-banner .slick-slide{text-align:center;overflow:hidden}.component-layout-banner .slick-slide h3{color:#fff}.component-layout-banner .slick-arrow.custom-slick-arrow{width:25px;height:25px;font-size:25px;color:#000;transition:all .3s ease;opacity:.3;z-index:1}.component-layout-banner .slick-arrow.custom-slick-arrow:before{display:none}.component-layout-banner .slick-arrow.custom-slick-arrow:hover{opacity:.8}.component-product{padding-top:61px;text-align:center}.component-product .list{margin-bottom:15px}.component-product .list .item{padding-left:10px;padding-right:10px;margin-bottom:30px;cursor:pointer}.component-product .list .item .imgBox{width:100%;height:auto;border-radius:15px;overflow:hidden;display:flex;align-items:center}.component-product .list .item .imgBox:before{content:"";display:block;padding-top:100%}.component-product .list .item .imgBox img{width:100%;height:auto;transform:scale(1);transition:all .3s ease-out}.component-product .list .item .imgBox img:hover{transform:scale(1.2)}.component-product .list .item .imgBox .emptyImg{margin:auto;font-size:50px;color:gray}.component-product .list .item .title{color:#555;font-family:Noto Sans TC;font-weight:700;font-size:20px;line-height:21px;letter-spacing:0;padding-top:10px;margin-bottom:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;margin-bottom:5px}.component-product .list .item .point{font-family:Noto Sans TC;font-weight:DemiLight;font-size:16px;line-height:15px;letter-spacing:0}.component-product .list .item .point span:first-child{color:#fd6677}.component-product .list .item .point span:nth-child(2){color:#a3a3a3}@media (max-width:767px){.component-product{padding-top:20px}.component-product .list .item{padding-left:5px;padding-right:5px}.component-product .list .item .imgBox img{height:auto}.component-product .list .item .title{font-size:14px}.component-product .list .item .point{font-size:12px}}.component-product-modal{width:60%!important}.component-product-modal .ant-modal-content{padding-top:37px}.component-product-modal .ant-modal-content .ant-modal-body .top .left{margin-bottom:10px}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li{list-style-type:none;color:#a3a3a3;font-family:Noto Sans TC;font-weight:DemiLight;font-size:11px;line-height:15.44px;letter-spacing:0;text-align:left}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li .point{margin-top:10px;font-family:Noto Sans TC;font-weight:700;font-size:14px;line-height:25.26px;letter-spacing:0;text-align:left}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li .point:first-child{color:#fd6677}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li .point:nth-child(2){color:#33a4e8}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.title{color:#555;font-family:Noto Sans TC;font-weight:700;font-size:16.84px;line-height:19.65px;letter-spacing:0;text-align:left;margin-bottom:10px}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.number .ant-input-number-group-wrapper{width:98%}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.number .ant-input-number-group-wrapper .ant-input-number-group-addon{padding:0}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.number .ant-input-number-group-wrapper .ant-input-number-group-addon button{border-color:#fff}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.button{margin-top:10px}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.button button{width:97%;background:#33a4e8;color:#fff;font-family:Noto Sans TC;font-weight:DemiLight;font-size:12px;line-height:26.67px;letter-spacing:0;text-align:center}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.button button.ant-btn-background-ghost{background:transparent;border-color:#33a4e8;color:#33a4e8}.component-product-modal .ant-modal-content .ant-modal-body .desciption{padding:5px 0;border-radius:3.51px;background:#fff;border:.7px solid #e2e2e2}.component-product-modal .ant-modal-content .ant-modal-body .desciption2{border-left:1.4px solid #555;color:#555;font-family:Noto Sans TC;font-weight:medium;font-size:14.03px;line-height:16.84px;letter-spacing:0;text-align:left;padding-left:5px;margin-top:30px;margin-bottom:15px}.component-product-modal .ant-modal-content .ant-modal-body img{width:100%}.component-product-modal .ant-modal-content .ant-modal-footer{background:#fff;box-shadow:0 0 9px 0 #00000033;padding:10px;text-align:center;display:none}.component-product-modal .ant-modal-content .ant-modal-footer img{width:25px}.component-product-modal .ant-modal-content .ant-modal-footer button{width:80%;background:#33a4e8;color:#fff;font-family:Noto Sans TC;font-weight:DemiLight;font-size:12px;line-height:26.67px;letter-spacing:0;text-align:center}.component-product-modal .ant-modal-content .ant-modal-footer button.ant-btn-background-ghost{background:transparent;border-color:#33a4e8;color:#33a4e8}@media (max-width:767px){.component-product-modal{width:90%!important}.component-product-modal .ant-modal-content .ant-modal-body{height:420px;overflow:auto}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul{padding-inline-start:0}.component-product-modal .ant-modal-content .ant-modal-body .top .right ul li.button{display:none}.component-product-modal .ant-modal-content .ant-modal-footer{display:block}}[data-v-0e821236] .slick-dots{position:relative;height:auto}[data-v-0e821236] .slick-slide img{border:5px solid #fff;display:block;margin:auto;max-width:80%}[data-v-0e821236] .slick-arrow{display:none!important}[data-v-0e821236] .slick-thumb{bottom:0}[data-v-0e821236] .slick-thumb li{width:60px;height:45px}[data-v-0e821236] .slick-thumb li img{width:100%;height:100%;filter:grayscale(100%);display:block}[data-v-0e821236] .slick-thumb li.slick-active img{filter:grayscale(0)}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}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{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}