header{z-index:100;width:100%;background-color:#f6f6f6;-webkit-transition:background 0.6s;transition:background 0.6s;position:fixed;top:0;left:0%}header .menuicon{position:fixed;top:5px;right:0;z-index:12}header .menuicon .mpsrel{width:60px;height:60px}header .menuicon .bar,header .menuicon .bar:after,header .menuicon .bar:before{-webkit-transition:all 0.25s;transition:all 0.25s;content:"";position:absolute;top:0;right:0;height:1px;width:28px;background:#1a1a1a}header .menuicon .bar{margin-top:30px;margin-right:14px}header .menuicon .bar:before{top:-9px}header .menuicon .bar:after{top:9px}@media (min-width:1200px){header .menuicon{display:none}}header .logo{width:180px;position:absolute;top:50%;left:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}header .searchbx{background-color:#F6F6F6;position:relative;height:40px}header .searchbx input{border-radius:30px;border:1px solid #1A1A1A;width:100%;padding:10px 20px;font-size:1rem;font-weight:normal;background-color:transparent}header .searchbx a{position:absolute;top:50%;right:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header .searchbx.in-active{display:block}header .searchbx ::-webkit-input-placeholder{color:#959595;font-family:"Noto Sans TC",sans-serif}header .searchbx :-moz-placeholder{color:#959595;font-family:"Noto Sans TC",sans-serif}header .searchbx ::-moz-placeholder{color:#959595;font-family:"Noto Sans TC",sans-serif}header .searchbx :-ms-input-placeholder{color:#959595;font-family:"Noto Sans TC",sans-serif}header .btngroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px}header .btngroup a{text-align:center;position:relative;width:40px;height:40px}header .btngroup .svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header .btngroup .cart i{width:20px;height:20px;background-color:#FF2B2B;border-radius:99em;color:white;line-height:20px;text-align:center;position:absolute;top:0;right:0}header.menu-expanded .menuicon .bar{background:rgba(0,0,0,0)}header.menu-expanded .menuicon .bar:before{top:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}header.menu-expanded .menuicon .bar:after{top:0px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header ul.mmenu a.hasmenu i{display:inline-block;width:8px;height:8px;border-bottom:1px solid #1A1A1A;border-right:1px solid #1A1A1A;margin-left:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:4px;-webkit-transition:border 0.6s;transition:border 0.6s}header ul.mmenu>li{position:relative}header ul.mmenu>li>a{display:block;color:#1A1A1A;font-weight:400;line-height:1.5}header ul.subBox a,header ul.subBox li{display:block}header ul.subBox a{padding:10px 20px;color:#1A1A1A;background-color:#f6f6f6}@media (max-width:1199px){header{height:70px}header .logo{left:20px;width:124px}header .navBox{padding-bottom:100px;display:none;height:100vh;width:100%;position:fixed;top:0;right:0%;-webkit-overflow-scrolling:touch;overflow-y:auto;background-color:#F6F6F6}header ul.mmenu{padding-top:120px}header ul.mmenu>li{margin-bottom:0.5em}header ul.mmenu>li>a{padding:0.8em 20px}header ul.mmenu a.hasmenu i{position:absolute;top:1.2em;right:20px}header ul.subBox{overflow:hidden;max-height:0;-webkit-transition:all 0.6s;transition:all 0.6s;padding:0 20px}header ul.subBox a{padding:0.5em 20px}header li.in-active ul.subBox{max-height:120px}header .searchbx{position:absolute;top:60px;width:100%;height:80px;padding:20px 20px;display:none}header .searchbx input{height:40px;font-size:0.875rem;padding:0 20px}header .searchbx a{right:44px}header .btngroup{text-align:right;padding-right:60px;padding-top:15px}header .pc_use{display:none}header .mo_use a.btn-sign{position:fixed;bottom:0;left:0;width:100%;text-align:center;background-color:#F7AE21;color:white;height:40px;line-height:40px;font-size:0.875rem;letter-spacing:0.1em}}@media (min-width:1200px){header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:160px;padding-right:20px;min-height:100px}header .logo{width:140px}header .navBox{position:relative;z-index:10;-webkit-box-flex:0;-ms-flex:0 0 720px;flex:0 0 720px;height:100%}header ul.mmenu{text-align:right;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header ul.mmenu>li{margin:10px 8px}header ul.mmenu>li:hover a.hasmenu{color:#F7AE21}header ul.mmenu>li:hover a.hasmenu i{border-color:#F7AE21}header ul.mmenu>li:hover .subBox{visibility:visible;opacity:1}header ul.mmenu>li:first-child{z-index:20}header ul.mmenu>li:nth-child(2){z-index:20}header ul.mmenu>li:nth-child(3){z-index:20}header ul.mmenu>li:nth-child(4){z-index:20}header ul.subBox{visibility:hidden;opacity:0;-webkit-transition:opacity 0.6s;transition:opacity 0.6s;position:absolute;top:2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}header ul.subBox a{width:200px;text-align:center}header ul.subBox a:hover{color:#F7AE21}header .searchbx{min-width:160px;-webkit-box-flex:0;-ms-flex:0 0 14%;flex:0 0 14%;margin-right:20px}header .mo_use{display:none}}@media (min-width:1800px){header{padding-left:200px;padding-right:40px}header .navBox{-webkit-box-flex:1;-ms-flex:1;flex:1}header .navBox.w800{-webkit-box-flex:0;-ms-flex:0 0 800px;flex:0 0 800px}header .searchbx{margin-right:20px}header ul.mmenu>li{margin:10px 24px}header .logo{width:180px}}.page-title{width:100%}@media (max-width:575px){.sidebar{font-size:0.875rem}}@media (min-width:576px){.sidebar{font-size:1.125rem}}.sidebar a{color:#959595;line-height:2;margin-bottom:0.8em}.sidebar a.active{color:#F7AE21;font-weight:500}.sidebar a:hover{color:#F7AE21}.sidebar select{color:#F7AE21;width:100%;border-radius:4px;height:40px;padding:12px 16px;margin-bottom:24px;background-color:rgba(0,0,0,0)}.sidebar .pc_use{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editor_content{border-radius:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:white;padding:48px 90px;margin-bottom:20px}@media (max-width:990px){.sidebar{width:100%}.sidebar .pc_use{display:none}.dres-title,.dres-welcome{display:none}.editor_content{padding:32px 20px;border-radius:10px}}@media (min-width:991px){.row.pdr{padding-right:7%}.sidebar{-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%;min-width:12em;margin-right:16px}.sidebar .mo_use{display:none}.dres-title{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:20vw}.dres-welcome{position:absolute;bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}}