@charset "UTF-8";.formtable{font-family:"Noto Sans TC",sans-serif;color:#1A1A1A;letter-spacing:0.05em}.formtable input,.formtable select,.formtable textarea{background:white;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:1px solid #D8D8D8;width:100%;border-radius:8px;font-family:"Noto Sans TC",sans-serif;color:#1A1A1A;font-weight:400;line-height:1.5;vertical-align:middle;padding:1em 1.1em}@media (max-width:575px){.formtable input,.formtable select,.formtable textarea{font-size:0.875rem}}@media (min-width:576px){.formtable input,.formtable select,.formtable textarea{font-size:1rem}}.formtable input:focus,.formtable select:focus,.formtable textarea:focus{outline:none}.formtable input:disabled{background-color:#d8d8d8}.formtable ::-webkit-input-placeholder{color:#BFBFBF;font-family:"Noto Sans TC",sans-serif}.formtable :-moz-placeholder{color:#BFBFBF;font-family:"Noto Sans TC",sans-serif}.formtable ::-moz-placeholder{color:#BFBFBF;font-family:"Noto Sans TC",sans-serif}.formtable :-ms-input-placeholder{color:#BFBFBF;font-family:"Noto Sans TC",sans-serif}.formtable label{position:relative;display:block;min-width:6em;margin-bottom:0.5em}.formtable label i{color:#F7AE21}.formtable .check_radi{width:auto;position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:45px;margin-right:48px;margin-top:16px;margin-bottom:16px}.formtable .check_radi input[type=checkbox],.formtable .check_radi input[type=radio]{position:absolute;top:0;left:0;opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;margin:0}.formtable .check_radi .boxmark{position:absolute;top:50%;left:0%;height:32px;width:32px;border:1px solid #777;border-radius:99em}@media (max-width:575px){.formtable .check_radi .boxmark{-webkit-transform:translate(0%,-50%) scale(0.7);transform:translate(0%,-50%) scale(0.7);-webkit-transform-origin:left;transform-origin:left}}@media (min-width:576px){.formtable .check_radi .boxmark{-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%)}}.formtable .check_radi .boxmark:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;width:20px;height:20px;background:#1A1A1A;border-radius:99em}.formtable .check_radi input:checked~.boxmark:after{display:block}.formtable .check_radi .checkmark{position:absolute;top:50%;left:0;height:20px;width:20px;border:1px solid #d2d2d2}@media (max-width:575px){.formtable .check_radi .checkmark{-webkit-transform:translateY(-50%) scale(0.8);transform:translateY(-50%) scale(0.8);-webkit-transform-origin:left;transform-origin:left}}@media (min-width:576px){.formtable .check_radi .checkmark{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.formtable .check_radi .checkmark:after{content:"";position:absolute;top:1px;left:3px;display:none;width:20px;height:14px;background:url("../images/agree_yes.png") no-repeat center/contain}.formtable .check_radi input:checked~.checkmark:after{display:block}.formtable .form-group{margin-bottom:1em;padding:0 20px;margin-bottom:24px}.formtable .with-errors input,.formtable .with-errors textarea{border-color:red;color:red}.formtable .with-errors .help-block{margin-top:0.5em;color:red;font-weight:500}@media (max-width:575px){.formtable .with-errors .help-block{font-size:0.75rem}}@media (min-width:576px){.formtable .with-errors .help-block{font-size:0.875rem}}@media (max-width:575px){.formtable .check_radi{padding-left:30px;margin-right:24px}}@media (max-width:768px){.formtable input,.formtable select,.formtable textarea{padding:0.65em 1em}}@media (min-width:991px){.formtable .form-group.w50{-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%;width:49%}.formtable .form-group:not(.w50){-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}.page{text-align:center;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;text-align:center}@media (max-width:575px){.page{font-size:0.875rem}}@media (min-width:576px){.page{font-size:0.875rem}}.page dd,.page dt{width:56px;height:56px;position:relative;margin:0 10px}.page dd:before,.page dt:before{content:"";width:56px;height:56px;background-color:#1A1A1A;border-radius:99em;position:absolute;top:4px;left:4px;-webkit-transition:all 0.2s;transition:all 0.2s;z-index:1}.page a{position:relative;z-index:2;display:block;width:100%;height:100%;color:#1A1A1A;font-weight:400;line-height:2;border-radius:99em;border:1px solid #1A1A1A;line-height:56px;background-color:white}@media (max-width:575px){.page a{font-size:0.75rem}}@media (min-width:576px){.page a{font-size:1rem}}.page .svg{fill:#1A1A1A;-webkit-transition:fill 0.6s;transition:fill 0.6s}.page .active a{color:white;background-color:#F7AE21}.page .active:before{top:0;left:0}@media (max-width:575px){.page dd{margin:0 5px}.page dd,.page dd:before,.page dt,.page dt:before{width:40px;height:40px}.page dd:before,.page dt:before{left:2px;top:2px}.page dt a{padding-top:2px}.page a{width:40px;line-height:40px}.page .svg{width:6px}}@media (min-width:769px){.page dd:hover:before,.page dt:hover:before{top:0;left:0}.page a:hover{background-color:#F7AE21;color:white}.page a:hover .svg{fill:white}}.olist{margin-bottom:80px;letter-spacing:0.075em;font-family:"Open Sans","Noto Sans TC",sans-serif}.olist a{display:inline-block;width:96px;line-height:32px;border-radius:99em;text-align:center;border:1px solid #959595;font-size:14px;color:#959595}.odetail li{position:relative}.odetail .apply{width:96px;line-height:32px;text-align:center;background-color:#d8d8d8;color:#1A1A1A;position:absolute;right:0;bottom:16px;border-radius:16px;font-size:0.875rem}.oproduct{margin:16px auto 40px}.oproduct .tag{display:inline-block;line-height:32px;border-radius:99em;border:1px solid #F7AE21;padding:0px 16px;margin:8px 0}@media (max-width:575px){.oproduct .tag{font-size:0.75rem}}@media (min-width:576px){.oproduct .tag{font-size:0.875rem}}.oproduct ul span{display:block}@media (max-width:768px){li:before{color:#777}.olist{margin:0 auto 40px}.olist ul:not(:last-child){border-bottom:1px solid #d8d8d8;margin-bottom:20px;padding-bottom:20px}.olist ul:first-child{display:none}.olist li{padding:6px 0}.olist li:not(:nth-child(4)){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.olist li:nth-child(4){text-align:center;padding-top:20px}.olist a{width:130px}.olist li:first-child:before{content:"訂購單號"}.olist li:nth-child(2):before{content:"訂購日期"}.olist li:nth-child(3):before{content:"總金額"}.odetail li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 0;border-bottom:1px solid #d8d8d8}.odetail li i{margin-bottom:12px}.oproduct ul{border-bottom:1px solid #d8d8d8;margin-bottom:20px;padding-bottom:20px}.oproduct ul:last-child{margin-bottom:0}.oproduct h3{margin-bottom:24px}.oproduct h3+ul{display:none}.oproduct li{padding:6px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.oproduct li>div{text-align:right}.oproduct .tag{line-height:32px;padding:0 10px}.oproduct li:first-child:before{-webkit-box-flex:0;-ms-flex:0 0 5em;flex:0 0 5em}.oproduct li:first-child:before{content:"品名"}.oproduct li:nth-child(2):before{content:"單價"}.oproduct li:nth-child(3):before{content:"數量"}.oproduct li:nth-child(4):before{content:"小計"}}@media (min-width:769px){.row.w80{padding:80px 20px}.olist ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background 0.6s;transition:background 0.6s}.olist ul:not(:first-child){border-top:1px solid #d8d8d8}.olist li{padding:20px 0}.olist li:not(:first-child){-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px;text-align:center}.olist li:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;padding-right:20px}.olist ul:not(:first-child):hover{background-color:rgba(247,174,33,0.1)}.olist ul:not(:first-child):hover a{color:white;background-color:#F7AE21;border-color:#F7AE21}.odetail li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.odetail i{-webkit-box-flex:0;-ms-flex:0 0 6em;flex:0 0 6em;margin-right:1.5em}.odetail span{-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:1px solid #d8d8d8;padding:20px 0}.oproduct ul{display:-webkit-box;display:-ms-flexbox;display:flex}.oproduct ul:not(:last-child){border-bottom:1px solid #d8d8d8}.oproduct li{padding:20px 0}.oproduct li:not(:first-child){-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;text-align:center}.oproduct li:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;padding-right:20px}.oproduct li i{display:none}}