:root{--viewHeight: 100vh;--linkHeight: 80px;--footBGHeight: 70px;--footTTHeight: 140px;--mainColor: #639831;--darkColor: #325511;--lightColor: #FFF000;--linkBGColor: #F5F1D5;--bg1Color: #F8F9FB;--bg2Color: #F0F2F4;--txtColor: #505050;--borderColor: #e5e5e5;--theadColor: #edeff0;--lineGreen: #06c755;--hoverGray: #dee2e6;--lightGray: #ccc;--Gray: #787878;--darkGray: #3E3a39;--redColor: #C14A3A}body{background-color:var(--bg1Color);box-sizing:border-box}.linkarea{width:100%;height:var(--linkHeight);margin:0%;padding:0 5% .5%;position:fixed;top:0;left:0;display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between;box-shadow:2px 2px 5px var(--lightGray);background-color:var(--linkBGColor);z-index:30}.MenuAndLogo{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.Logobtn{width:5rem;height:calc(var(--linkHeight) - 10px);background-image:url(/images/logo.png);background-position:center bottom;background-size:contain;background-repeat:no-repeat;white-space:nowrap;margin-left:2%}.linkarea>.MainMenu{width:50%;height:100%;padding:0;margin:0;display:flex;align-items:flex-end;justify-content:space-around;list-style:none}.linkarea>.MainMenu>li{border-radius:.375rem;margin:0% 1%;padding:.6rem;font-size:.9rem;font-weight:450;font-family:Noto Sans TC,sans-serif;white-space:nowrap;position:relative;cursor:pointer}.linkarea>.MainMenu li a,.linkarea>.MainMenu>li>.SubMenu li a{display:block;text-decoration:none;color:var(--mainColor);cursor:pointer}.linkarea>.MainMenu>li:hover{background-color:var(--lightColor)!important}.linkarea>.MainMenu>li>a:visited,.linkarea>.MainMenu>li>.SubMenu li a:visited{color:var(--mainColor)}.linkarea>.MainMenu>li>.SubMenu{border:1px solid var(--lightGray);border-radius:.5rem;display:none;min-width:9rem;list-style:none;padding:0;margin:0;position:absolute;top:100%;left:0;background-color:#fff}.linkarea>.MainMenu>li:hover>.SubMenu{display:block}.linkarea>.MainMenu>li>.SubMenu>li{border-radius:.5rem;width:100%;display:block;float:left;padding:8% 10%;cursor:pointer}.linkarea>.MainMenu>li>.SubMenu>li:hover{background-color:var(--lightColor)}.Loginbtn{border:0;border-radius:.5rem;padding:.5rem .75rem;font-weight:700;font-family:Noto Sans TC,sans-serif;text-decoration:none;color:#fff;background-color:var(--mainColor)}.Loginbtn:hover{filter:brightness(1.2)}.UserPanel{height:100%;font-size:.9rem;font-weight:550;font-family:Noto Sans TC,sans-serif;padding:.6rem 0;display:flex;align-items:flex-end;flex-direction:row;justify-content:center}.UserPanel a,.UserPanel span,.UserPanel>form>a{text-decoration:none;white-space:nowrap}.UserPanel a{color:var(--mainColor)}.UserPanel>form>a{color:var(--Gray)}.UserPanel a:hover{color:var(--lightColor)}.UserPanel form a:hover{color:var(--redColor)}.PanelSplit{color:var(--lightGray);padding:0 .3rem}.container{width:99%;min-height:calc(var(--viewHeight) - var(--linkHeight) - var(--footHeight) - 70px);margin-top:calc(var(--linkHeight) + 20px)!important;margin-bottom:50px;display:flex;align-items:center;flex-direction:column;justify-content:start}.PageTitle{font-weight:700;font-size:1.8rem;font-family:Noto Sans TC,sans-serif}.pagecontainer{border-radius:1rem;width:100%;background-color:#fff;box-shadow:3px 6px 10px #00000029;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:2% 2.5%;margin-top:2%}.footforComputer>.footbg{height:var(--footBGHeight);background-image:url(/images/footerbg.jpg);background-position:center center;background-size:contain;background-repeat:repeat;background-color:var(--linkBGColor);position:relative}.footforComputer>.footbg>.footlogo{width:calc((var(--footBGHeight) - 10px) / .305);height:calc(var(--footBGHeight) - 10px);background-image:url(/images/footerlogo.png);background-position:center center;background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footforComputer>.footbg>.footicon{width:calc((var(--footBGHeight) - 10px) / .367);height:calc(var(--footBGHeight) - 10px);background-image:url(/images/footericon.png);background-position:center center;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0%;right:0%}.footforComputer>.foot{height:var(--footTTHeight);text-align:center;font-weight:540;color:#fff;display:flex;align-items:center;flex-direction:row;justify-content:center;padding:.5rem 0}.footforComputer>.foot>div{width:50vw;height:calc(var(--footTTHeight) - 10px);margin:.5rem 0;padding:0 1rem;display:flex;align-items:flex-start;flex-direction:row}.footforComputer>.foot>.LDiv{justify-content:flex-end}.footforComputer>.foot>.RDiv{justify-content:flex-start}.footforMobile{height:calc(var(--footTTHeight) * 1.6);background-color:var(--linkBGColor);box-shadow:0 -7px 10px var(--lightGray)}.footforMobile>.foot{height:calc(var(--footTTHeight) * 1.6);padding:3% 6%;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}.footContent{display:flex;font-size:.8rem;line-height:1.2;font-family:Noto Sans TC,sans-serif;align-items:flex-start;flex-direction:column;justify-content:center}.footforComputer>.foot>.LDiv>.footContent{height:calc(var(--footTTHeight) - 10px)}.footforComputer>.foot>.RDiv>.footContent{height:calc(var(--footTTHeight) - 10px)}.footContent>.title{color:var(--txtColor);font-weight:999}.footContent>.desc{color:var(--txtColor);font-weight:300;word-break:break-all}.copyright{font-weight:550;color:var(--redColor)}.footforMobile>.foot>.copyright{width:100%;text-align:center}.footContent>.desc>a{text-decoration:none;color:var(--txtColor);margin:0 .3rem}.footContent>.desc>a:hover{text-decoration-line:underline}.readyUploadimg{width:100%;display:flex;align-items:center;flex-direction:row;justify-content:flex-start}.readyUploadimg>div{border:1px #000 solid;float:left;margin:1%;width:120px;height:120px;text-align:center;font-size:1.5rem;line-height:120px;position:relative;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;flex-direction:column;justify-content:center}.StoreForm .readyUploadimg>div{width:50%;height:100%;max-height:350px;background-color:#000;overflow:hidden}.readyUploadimg>div>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.readyUploadimg>div>.close{width:1.5rem;height:1.5rem;color:#000;font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center;background-color:#fff;position:absolute;top:2%;right:2%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-scroll{resize:none!important;overflow:auto!important}.ListPage{width:100%;margin:3% 0 2%}.ListPage>div{border-radius:.3rem;border:.5px var(--lightGray) solid;margin:0% .4%;font-size:1.1rem;font-family:Noto Sans TC,sans-serif;color:var(--mainColor);display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ListPage>div>.pageLink{width:100%;height:100%;font-size:1.1rem;font-family:Noto Sans TC,sans-serif;text-decoration:none;color:var(--mainColor);display:block;padding:.5rem 1.1rem}.ListPage>div:hover{text-decoration:underline}.ListPage>div.dotBt:hover{text-decoration:none}.ListPage>div:nth-child(1),.ListPage>div:nth-child(2),.ListPage>div.firBt,.ListPage>div.preBt,.ListPage>div.nexBt,.ListPage>div.lasBt{background-color:#fff;color:var(--mainColor)}.ListPage>div.pagBt{background-color:#fff;color:var(--mainColor)}.ListPage>div.dotBt{background-color:#fff;color:var(--mainColor);cursor:default}.ListPage>div.active{color:#fff;background-color:var(--mainColor)}.ListPage>div.active>.pageLink{color:#fff}.pwdform_line>.input-group-append{width:1.8rem;height:1.8rem;margin-right:.3rem}.pwdform_line>.input-group-append>.eye-icon{display:block;width:100%;height:100%;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2016.01C14.2091%2016.01%2016%2014.2191%2016%2012.01C16%209.80087%2014.2091%208.01001%2012%208.01001C9.79086%208.01001%208%209.80087%208%2012.01C8%2014.2191%209.79086%2016.01%2012%2016.01Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%2011.98C8.09%201.31996%2015.91%201.32996%2022%2011.98%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M22%2012.01C15.91%2022.67%208.09%2022.66%202%2012.01%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);background-size:contain;background-position:center center;background-repeat:no-repeat}.pwdform_line>.input-group-append>.eye-slash{display:block;width:100%;height:100%;background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.83%209.17999C14.2706%208.61995%2013.5576%208.23846%2012.7813%208.08386C12.0049%207.92926%2011.2002%208.00851%2010.4689%208.31152C9.73758%208.61453%209.11264%209.12769%208.67316%209.78607C8.23367%2010.4444%207.99938%2011.2184%208%2012.01C7.99916%2013.0663%208.41619%2014.08%209.16004%2014.83%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2016.01C13.0609%2016.01%2014.0783%2015.5886%2014.8284%2014.8384C15.5786%2014.0883%2016%2013.0709%2016%2012.01%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M17.61%206.39004L6.38%2017.62C4.6208%2015.9966%203.14099%2014.0944%202%2011.99C6.71%203.76002%2012.44%201.89004%2017.61%206.39004Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.9994%203L17.6094%206.39%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.38%2017.62L3%2021%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.5695%208.42999C20.4801%209.55186%2021.2931%2010.7496%2021.9995%2012.01C17.9995%2019.01%2013.2695%2021.4%208.76953%2019.23%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);background-size:contain;background-position:center center;background-repeat:no-repeat}@media (max-width: 330px){.Loginbtn,.UserPanel,.computerDashboard,.computerDSplit,.computerMenu,.computerProfile,.computerPSplit,.footforComputer{display:none!important}.MenuBtn{display:flex!important}}@media (max-width: 400px){.UserPanel,.computerDashboard,.computerDSplit,.computerMenu,.computerProfile,.computerPSplit,.footforComputer{display:none!important}.MenuBtn{display:flex!important}}@media (max-width: 560px){.computerDashboard,.computerDSplit,.computerMenu,.computerProfile,.computerPSplit,.footforComputer{display:none!important}.MenuBtn{display:flex!important}}@media (min-width: 561px) and (max-width: 850px){.computerMenu,.footforMobile{display:none!important}.MenuBtn{display:flex!important}}@media (min-width: 850px) and (max-width: 900px){.computerDashboard,.computerDSplit,.computerProfile,.computerPSplit,.footforMobile{display:none!important}.computerMenu{width:80%!important}}@media (min-width: 901px) and (max-width: 971px){.computerDashboard,.computerDSplit,.computerProfile,.computerPSplit,.footforMobile{display:none!important}}@media (min-width: 971px) and (max-width: 1279px){.computerProfile,.computerPSplit,.footforMobile{display:none!important}}@media (min-width: 1280px){.computerProfile,.computerPSplit,.footforMobile{display:none!important}}