@import url("https://fonts.googleapis.com/css?family=Nunito");*{font-family:'noto sans tc', 'droid sans fallback', 'microsoft jhenghei', 'microsoft yahei', sans-serif}html{padding-right:0 !important}.sweet-alert{z-index:99999999999}body{background:#e2f6fa;font-size:16px}.picker__holder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.picker__frame{margin-bottom:0;position:static;padding-top:45px;padding-bottom:45px}.bg-forest{background-color:#266538 !important}.navbar-dark .navbar-brand{font-size:24px;text-shadow:#000 2px 2px 1px}.viewer-download{color:#fff;font-family:FontAwesome, serif;font-size:0.75rem;line-height:1.5rem;text-align:center}.viewer-download::before{content:"\f019"}.form-control:disabled,.form-control[readonly]{background-color:transparent}.tableFixHead{overflow-y:auto;height:100px}.tableFixHead thead th{background:white}.sweet-alert{border:1px solid}.sweet-alert h2{padding-top:0.5rem}.table .btn,.navbar .btn{white-space:nowrap}.custom-control{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-inline-block{vertical-align:top}.modal-dialog .modal-body{max-height:calc(100vh - 200px);overflow-y:auto}.overflow-hidden{overflow:hidden !important}.custom-file-label{overflow:hidden}.page-item.loading .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.terms-ul{list-style:decimal-leading-zero}.terms-ul li{margin-bottom:10px}@media (max-width: 576px){.modal-dialog{width:100%;margin:0 auto}}.dropdown-menu{overflow-y:auto;max-height:300px;z-index:9999999}.dropdown-menu.dropdown-filter{overflow-y:hidden !important;height:300px !important}.dropdown-menu .dropdown-items{overflow-y:auto;height:250px}.dropdown-item{white-space:normal}.dropdown .btn{white-space:normal}.navbar-brand{vertical-align:middle}.navbar-brand>img,.navbar-brand>div{vertical-align:middle !important}.list-group-item .control{margin-top:10px;display:none}.list-group-item.active .control{display:block}.help{width:100%}.help ul{list-style-type:none;padding:0;margin:0;margin:10px 0}.help ul li{display:inline-block;margin-right:10px}.help ul li .colorBar{width:60px;height:20px;border:1px solid #757575;display:inline-block;vertical-align:middle}.help ul li .text{display:inline-block;vertical-align:middle}thead{white-space:nowrap}.custom-file-input:lang(en) ~ .custom-file-label::after{content:'選擇檔案'}.modal.show .modal-dialog{overflow:hidden}.picker__select--month,.picker__select--year{padding:2px !important}.picker--opened .picker__frame{top:0;font-size:12px}.picker--time .picker__box{font-size:16px;text-align:center}.tab-content{padding-top:15px}.simple-pagination{display:inline-block;text-align:center}.simple-pagination.pagination{margin-bottom:0}.simple-pagination ul{list-style:none;margin:0;padding:0}.simple-pagination ul li{display:inline-block}.simple-pagination .page-link{color:#3c4b5d}.simple-pagination .page-link:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(123,127,132,0.25);box-shadow:0 0 0 0.2rem rgba(123,127,132,0.25)}.simple-pagination .page-item.active .page-link{z-index:1;color:#fff;background-color:#505861;border-color:#4d5661}.modal-dialog{overflow:hidden !important}.sweet-alert.showSweetAlert{padding-top:3px}.sweet-alert.showSweetAlert .lead.text-muted{padding-top:3px}.uploadPanel{border:2px dashed #999;margin:0 auto;cursor:pointer;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}.uploadPanel input[type='file']{display:none}.uploadPanel img{max-height:150px;max-width:200px}.uploadPanel:hover{border-color:#000}.uploadPanel .fileInfo{width:100%;height:100%}.selectFile input[type='file']{display:none}.btn .fa-spin{font-size:16px}.autocomplete-suggestions{border:1px solid #999;background:#FFF;overflow:auto}.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}.autocomplete-selected{background:#F0F0F0}.autocomplete-suggestions strong{font-weight:normal;color:#3399FF}.autocomplete-group{padding:2px 5px}.autocomplete-group strong{display:block;border-bottom:1px solid #000}.btn-forest:not(:disabled):not(.disabled).active:focus,.btn-forest:not(:disabled):not(.disabled):active:focus,.show>.btn-forest.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(113,125,108,0.5);box-shadow:0 0 0 0.2rem rgba(113,125,108,0.5)}.btn-forest:not(:disabled):not(.disabled).active,.btn-forest:not(:disabled):not(.disabled):active,.show>.btn-forest.dropdown-toggle{color:#fff;background-color:#586254;border-color:#505b4e}.navbar-brand a{color:white;text-decoration:none}.btn-forest.focus,.btn-forest:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(109,125,108,0.5);box-shadow:0 0 0 0.2rem rgba(109,125,108,0.5)}.btn-forest:hover{color:#fff;background-color:#5c685a;border-color:#596254}.btn-forest{color:#fff;background-color:#6f7d6c;border-color:#6d7d6c}#app>.container{padding-top:90px}.share{margin-top:10px;margin-bottom:50px}.resp-sharing-button__icon{display:inline-block}.resp-sharing-button__link{display:inline-block;text-decoration:none !important;color:#fff;margin:0.5em;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resp-sharing-button__link:hover{color:white !important}.resp-sharing-button{border-radius:5px;-webkit-transition:25ms ease-out;-o-transition:25ms ease-out;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue, Helvetica, Arial, sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:middle}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--tumblr{background-color:#35465c}.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#5f99cf}.resp-sharing-button--reddit:hover{background-color:#3a80c1}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60}.resp-sharing-button--hackernews:focus,.resp-sharing-button--hackernews:hover{background-color:#fb6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--line{background-color:#00b900;border-color:#50c900}.resp-sharing-button--line:hover{background-color:#00a000}.resp-sharing-button--facebook:active,.resp-sharing-button--facebook:hover{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:active,.resp-sharing-button--twitter:hover{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--google{background-color:#dd4b39;border-color:#dd4b39}.resp-sharing-button--google:active,.resp-sharing-button--google:hover{background-color:#c23321;border-color:#c23321}.resp-sharing-button--email{background-color:#777;border-color:#777}.resp-sharing-button--email:active,.resp-sharing-button--email:hover{background-color:#5e5e5e;border-color:#5e5e5e}.mobile .produceItem{margin-left:0;background:white;border-bottom:1px solid #bfbfbf;padding:5px 0;margin-bottom:5px}.mobile .produceItem .produceInfo{padding:15px}.mobile .produceItem .produceInfo .produceName a{color:#686868;text-decoration:none}.mobile .produceItem .produceInfo .produceName a:hover{color:black}.mobile .produceItem .produceInfo .produceItemPrice{margin:8px 0;font-weight:bold;color:#21ab49}.mobile .produceItem .headImg img{max-width:100%}.pc .produceItem{width:250px}.pc .produceItem .card-img-top{width:250px;height:250px}.pc .produceItem .card-img-top img{max-width:248px;max-height:248px}.pc .produceItem .produceItemPrice{background:#63e488;position:absolute;bottom:0;left:0;width:100%;padding:10px}.pc .produceItem .card-body{padding-bottom:40px}.pc .produceItem .card-title{margin-bottom:.75rem;font-size:18px;height:70px}.pc .produceItem .card-title a{color:#686868;text-decoration:none}.pc .produceItem .card-title a:hover{color:black}.pc .produceItem .addShopBtn{position:absolute;top:0;right:0;font-size:30px;width:100%;height:40px;color:#ff002f86;text-align:right;white-space:nowrap;word-break:keep-all;background:rgba(0,0,0,0);-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.pc .produceItem .addShopBtn .addShopBtnText{overflow:hidden;font-size:20px;line-height:40px;width:0px;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s;color:white;font-weight:bold}.pc .produceItem:hover .addShopBtn{color:#ff002f;background:rgba(0,0,0,0.5);-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.pc .produceItem:hover .addShopBtnText{width:80%;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.shop{position:fixed;width:100%;left:0;bottom:75px;height:0px}.shop .container{height:0;font-size:35px}.shop .container .shop-circle{width:50px;height:50px;float:right;border-radius:100px;border:#71bd67;background:#55b349;color:white;text-align:center;padding-top:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative}.shop .container .shop-circle .count{width:25px;height:25px;position:absolute;top:-5px;right:-5px;background:#cc1c1c;border-radius:25px;font-size:1rem;text-align:center;line-height:25px}.shop .container .shop-circle i{vertical-align:top}#modalChooseProduceType .cover{max-width:100%;max-height:300px}#modalChooseProduceType .prices button{margin-bottom:10px}#modalChooseProduceType .prices button:not(:first-child):not(:last-child),#modalChooseProduceType .prices button:first-child{margin-right:5px}#modalShop .minProducePhoto{max-width:100px;max-height:100px}#modalShop .shopItem{padding-top:10px;margin-top:10px;border-top:1px solid rgba(0,0,0,0.125)}#modalShop a{text-decoration:none;color:#686868}#modalShop a:hover{color:black}#produceInfo .produceName{margin-bottom:25px;font-weight:bold}#produceInfo .photoView-container{height:300px;width:300px;line-height:300px}#produceInfo .photoView-container .photoView{max-width:300px;max-height:300px;-webkit-box-shadow:#464646 3px 3px 5px;box-shadow:#464646 3px 3px 5px}#produceInfo .photos-container{margin-top:10px;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;word-break:normal}#produceInfo .photos-container>div{background:white}#produceInfo .photos-container .photos{max-width:100px;max-height:100px;margin:2px;-webkit-box-sizing:content-box;box-sizing:content-box;border:2px solid white}#produceInfo .photos-container .photos.active{border-color:#299a29 !important}#produceInfo .prices{margin-bottom:10px}@media screen and (max-width: 321px){.d-ssm-none{display:none !important}}.navigationLeft{position:fixed;left:-250px;top:0;width:250px;z-index:10000000000;background:#1e4228;border-right:1px solid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow-y:auto}.navigationLeft.show{left:0}.navigationLeft ul{list-style:none;margin:0;padding:0}.navigationLeft ul li{border-bottom:1px solid #275233;padding:10px;color:#f1f1f1;text-align:center;font-size:20px;cursor:pointer}.navigationLeft ul li.active{color:#8fff8f}.navigationLeft ul li:hover:before,.navigationLeft ul li:hover:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:30px}.navigationLeft ul li:hover:before{content:"\f0da";float:left}.navigationLeft ul li:hover:after{content:"\f0d9";float:right}