@import"https://fonts.cdnfonts.com/css/mina";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}body{font-family:Noto Sans TC,sans-serif;line-height:1.5}img{max-width:100%;height:auto;display:block}a{display:inline-block;text-decoration:none}button{all:unset;display:inline-block;cursor:pointer}.d-none{display:none}.d-flex{display:flex}.flx-w{flex-wrap:wrap}.flex-1{flex:1}.fd-cloumn{flex-direction:column}.jc-c{justify-content:center}.jc-sb{justify-content:space-between}.ai-c{align-items:center}.gap-24{gap:24px}.text-align-center{text-align:center}.position-relative{position:relative}.py-7{padding:7px 0}.py-8{padding:8px 0}.py-9-5{padding:9.5px 0}.py-10{padding:10px 0}.py-12{padding:12px 0}.py-16{padding-top:16px;padding-bottom:16px}.py-24{padding:24px 0}.py-48{padding:48px 0}.py-64{padding:64px 0}.pl-12{padding-left:12px}.pl-16{padding-left:16px}.pr-8{padding-right:8px}.pr-12{padding-right:12px}.pr-16{padding-right:16px}.pr-24{padding-right:24px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pt-32{padding-top:32px}.pt-112{padding-top:112px}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-40{padding-bottom:40px}.pb-48{padding-bottom:48px}.pb-64{padding-bottom:64px}.px-16{padding-left:16px;padding-right:16px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mr-48{margin-right:48px}.mr-40{margin-right:40px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mb-64{margin-bottom:64px}.mt-16{margin-top:16px}.mt-40{margin-top:40px}.mt-48{margin-top:48px}.mt-u-4{margin-top:-4px}.mt-u-8{margin-top:-8px}.mt-u-24{margin-top:-24px}.color-p-100{color:#f5fee7}.color-p-200{color:#e8fec5}.color-p-300{color:#c0fa73}.color-p-400{color:#57a203}.color-p-500{color:#477a11}.color-bg-100{background-color:#f5fee7}.color-bg-200{background-color:#e8fec5}.color-bg-300{background-color:#c0fa73}.color-bg-400{background-color:#57a203}.color-bg-500{background-color:#477a11}.text-color-n-900{color:#212529}.text-color-n-600{color:#6c757d}.text-color-n-500{color:#adb5bd}.text-color-p-400{color:#57a203}.text-color-n-white{color:#fff}.font-weight-R{font-weight:400}.font-weight-M{font-weight:500}.font-weight-B{font-weight:700}.text-d-1{font-size:64px;line-height:1.2;letter-spacing:.05em}.text-d-2{font-size:48px;line-height:1.2;letter-spacing:.05em}.text-h-h1{font-size:40px;line-height:1.2;letter-spacing:.05em}.text-h-h2{font-size:32px;line-height:1.2;letter-spacing:.05em}.text-h-h3{font-size:28px;line-height:1.2;letter-spacing:.05em}.text-h-h4{font-size:24px;line-height:1.2;letter-spacing:.05em}.text-h-h5{font-size:20px;line-height:1.2;letter-spacing:.05em}.text-h-h6{font-size:16px;line-height:1.2;letter-spacing:.05em}.text-l-lg{font-size:20px;letter-spacing:.05em}.text-l-md{font-size:16px;letter-spacing:.05em}.text-l-sm{font-size:14px;letter-spacing:.05em}.text-l-xs{font-size:12px;letter-spacing:.05em}.text-p-lg{font-size:20px;letter-spacing:.05em}.text-p-md{font-size:16px;letter-spacing:.05em}.text-p-sm{font-size:14px;letter-spacing:.05em}.text-p-xs{font-size:12px;letter-spacing:.05em}.btn-xl-dark,.btn-xl-bright,.btn-xl-light,.btn-xl-option{border-radius:4px;padding:12px 24px}.btn-xl-dark{background-color:#212529;color:#fff}.btn-xl-dark:hover{background-color:#495057}.btn-xl-bright{background-color:#c0fa73;color:#212529}.btn-xl-bright:hover{color:#477a11}.btn-xl-light{border:1px solid #212529;color:#212529}.btn-xl-light:hover{background-color:#212529;color:#fff}.btn-xl-option{border:1px solid #DEE2E6;color:#212529}.btn-xl-option:hover{border:1px solid #6C757D}.btn-xl-option:focus{border:1px solid #212529}.img-hover:hover img{opacity:.8}.navbar-btn{font-weight:500;color:#212529;padding-top:12px;padding-bottom:12px;gap:8px}.navbar-icon{display:block;font-size:18px;padding:15px;color:#212529}.navbar-icon:hover{color:#57a203}.slash{font-weight:700;letter-spacing:0;line-height:1.5;color:#dee2e6}.sidebar{max-width:196px;font-weight:500;padding-right:24px}.sidebar-list{margin-bottom:16px;width:172px}.sidebar-list:hover{color:#6c757d}.border-left-gray{border-left:3px solid #DEE2E6;padding-left:12px}.link{font-weight:500;font-size:16px;letter-spacing:.05em;color:#57a203;padding-bottom:4px;border-bottom:1px solid #57A203}.link:hover{color:#477a11;border-bottom:1px solid #477A11}.border-bottom-n300{border-bottom:1px solid #DEE2E6}.disabled{opacity:.4;cursor:not-allowed}.space-xxs{gap:4px}.space-xs{gap:8px}.space-s{gap:12px}.space-m{gap:16px}.space-l{gap:24px}.space-xl{gap:32px}.space-2xl{gap:40px}.space-3xl{gap:48px}.space-4xl{gap:56px}.space-5xl{gap:64px}.space-6xl{gap:80px}@media (max-width: 768px){.py-sm-32{padding-top:32px;padding-bottom:32px}.py-sm-40{padding-top:40px;padding-bottom:40px}.pb-sm-0{padding-bottom:0}.pb-sm-8{padding-bottom:8px}.pb-sm-16{padding-bottom:16px}.pb-sm-24{padding-bottom:24px}.pb-sm-32{padding-bottom:32px}.mb-sm-12{margin-bottom:12px}.my-sm-24{margin-top:24px;margin-bottom:24px}.fd-sm-cloumn{flex-direction:column}.gap-sm-8{gap:8px}.d-sm-contents{display:contents}.d-sm-flex{display:flex}.flx-sm-nowrap{flex-wrap:nowrap}}.container{max-width:1320px;margin:0 auto;padding-left:12px;padding-right:12px}.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding-left:12px;padding-right:12px}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media (max-width: 768px){.container{padding-left:8px;padding-right:8px}.row{margin-left:4px;margin-right:4px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4{padding-left:8px;padding-right:8px}.col-sm-1{width:25%}.col-sm-2{width:50%}.col-sm-3{width:75%}.col-sm-4{width:100%}}.logo{width:129px;text-align:center;font-family:Mina,sans-serif;text-decoration:none;font-weight:700;font-size:20px;line-height:1.5;letter-spacing:.044em;color:#212529;padding:8px 12px;display:inline-block;position:relative;z-index:0}.logo-dot{width:8px;height:8px;border-radius:50%;background-color:#c0fa73;position:absolute;top:11px;right:11px;z-index:-1}@media (max-width: 768px){.navbar-btn-header{display:none}}.URBNSTEP-section{background-image:url(/20250711week3HW-2/assets/banner-DI6JVJ4R.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:289px;padding-bottom:288px;padding-left:200px}.cellphone-nav{display:none}.cellphone-nav-left,.cellphone-nav-right{font-weight:500;padding-top:12px;padding-bottom:12px;width:50%;text-align:center}.cellphone-nav-left{background-color:#e8fec5}.cellphone-nav-right{background-color:#f5fee7}@media (max-width: 768px){.URBNSTEP-section{background-image:url(/20250711week3HW-2/assets/banner-sm-Dqy3Csh0.png);padding:155px 24px}.URBNSTEP-section.text-d-1{font-size:48px}.URBNSTEP-section{font-size:20px}.cellphone-nav{display:block}}.img-tag{display:block;padding:8px 12px;background-color:#f5fee7;color:#57a203;position:absolute;left:12px;top:0}.index-middle-img{width:100%;background-image:url(/20250711week3HW-2/assets/banner-co-branded-ZiuKnLXx.png);padding:100px 0;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.index-dot-box{display:flex;gap:8px;justify-content:center;margin-top:-64px}.index-pagination-dot{background-color:#ced4da;width:8px;height:8px;border-radius:1000px;z-index:1}.index-pagination-dot-active{width:24px;background-color:#6c757d;z-index:1;border-radius:1000px}.index-middle-ad-decor-left{position:absolute;left:20%;top:5%}.index-middle-ad-decor-right{position:absolute;left:70%;bottom:15%}.dark-img-btm{max-width:306px;height:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:red;aspect-ratio:1/1}.dark-img-btm:hover{opacity:.9}.dark-img-btm .text-h-h3:hover{color:#c0fa73}.dark-img-btm.URBN-RUNNER{background-image:linear-gradient(#00000080,#00000080),url(/20250711week3HW-2/assets/product-6-D5PaxBWx.png)}.dark-img-btm.STREETMODE{background-image:linear-gradient(#00000080,#00000080),url(/20250711week3HW-2/assets/product-ByIiOSCa.png)}.dark-img-btm.CHUNK-DISTRICT{background-image:linear-gradient(#00000080,#00000080),url(/20250711week3HW-2/assets/product-4-CqyUCYzf.png)}.dark-img-btm.COLLAB-ZONE{background-image:linear-gradient(#00000080,#00000080),url(/20250711week3HW-2/assets/product-10-DQrUQhEA.png)}.index-picturewall{width:100%;display:flex;gap:8px}.index-sm-picturewall{display:none}.index-picturewall-left{width:66%;display:flex;flex-wrap:wrap;row-gap:8px}.index-picturewall-left-top{width:100%;display:flex;gap:8px}.index-picturewall-left-top img{width:calc((100% - 24px)/4)}.index-picturewall-left-bottom{width:100%;display:flex;gap:8px}.index-picturewall-left-bottom-left{width:50%}.index-picturewall-left-bottom-right{width:50%;display:flex;flex-wrap:wrap;gap:8px}.index-picturewall-left-bottom-right img{width:calc((100% - 8px)/2)}.index-picturewall-right{width:33%;display:flex;row-gap:8px;flex-wrap:wrap}.index-picturewall-right-bottom{display:flex;gap:8px}.index-picturewall-right-bottom img{width:calc((100% - 8px)/2)}@media (max-width: 768px){.index-sm .text-d-1{font-size:36px}.index-sm .text-d-2{font-size:32px}.index-sm .text-h-h1{font-size:28px}.index-sm .text-h-h2{font-size:24px}.index-sm .text-h-h3,.index-sm .text-h-h4,.index-sm .text-h-h5,.index-sm .text-l-lg{font-size:16px}.index-dot-box{display:none}.index-sm-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-right:0;margin-left:0}.index-sm-scroll-card{width:300px;flex:0 0 auto}.index-picturewall{display:none}.index-sm-picturewall{display:block}}.all-item{max-width:1076px;display:flex;flex-wrap:wrap;justify-content:space-between}@media (max-width: 768px){.all-item-sidebar-md{display:none}}.all-item-card{max-width:32%;margin-bottom:48px}.all-item-card:hover{opacity:.8}@media (max-width: 768px){.all-item-card{max-width:49%;margin-bottom:24px}}.pagination{display:flex;justify-content:center;margin-bottom:32px}@media (max-width: 768px){.pagination{margin-bottom:16px}}.pagination-num{width:40px;text-align:center;color:#212529;font-weight:400}.pagination-num:hover{color:#6c757d}.story-background{width:100%;background-image:linear-gradient(#00000080,#00000080),url(/20250711week3HW-2/assets/hero2-YvSXOoOb.png);text-align:center;padding:151px 0;background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 768px){.story-background .text-h-h1{font-size:28px;line-height:1.2;letter-spacing:.05em}.story-background .text-h-h3{font-size:20px;line-height:1.2;letter-spacing:.05em}}.story{justify-content:center;padding-top:64px;margin-bottom:64px;gap:48px}.story-brand{background:#f5fee7;text-align:center;padding:32px;border-radius:4px}.story-intro{display:flex;flex-direction:column;margin-top:24px;gap:16px;padding-bottom:48px;border-bottom:1px solid #DEE2E6}.story-list{display:flex;flex-direction:column;border-bottom:1px solid #DEE2E6;gap:12px;padding-bottom:48px}.story-list .text-h-h4{padding-bottom:24px}.story-list .text-p-md{margin-bottom:12px}.story-list .text-l-md{margin-bottom:8px}@media (max-width: 768px){.story{padding-top:32px;margin-bottom:32px;gap:32px}.story .text-h-h4{font-size:20px;padding-top:16px}.story-brand{padding:24px;text-align:left}.story-intro{margin-top:16px;gap:12px;padding-bottom:32px}.story-intro .text-h-h5{font-size:16px}.story-list{padding-bottom:32px}.story-list .text-h-h4{font-size:20px;margin-top:-16px;padding-bottom:16px}}.myfavorite{flex-direction:column;align-items:center;gap:32px;padding:64px 0}.myfavorite-icon{font-size:24px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#c0fa73;color:#477a11;border-radius:1000px;margin-right:16px}.myfavorite-df-NTwords{display:flex}.bi-truck{padding-left:16px;padding-right:12px}.myfavorite-card{width:100%;display:flex;flex-direction:column;justify-content:space-between}.myfavorite-card-price{text-align:right;transform:scaleY(.9)}@media (max-width: 768px){.myfavorite{gap:24px;padding:24px 0}.myfavorite-df-NTwords{flex-direction:column}.myfavorite-card-price{text-align:left}}.product-row{display:flex;flex-wrap:wrap;margin:0 -4px}.product-col{padding:0 4px;width:50%}.product-col .btn-xl-option,.product-col .btn-xl-dark{width:100%;padding:12px 0;text-align:center}.product-sm{display:none}@media (max-width: 768px){.product-sm{display:block;margin-top:-8px}.product-sm .btn-xl-dark{width:75%;text-align:center}.product-col-sm{display:none}.product-main-sm-padding{padding-top:24px;padding-bottom:0}}.color-choice{display:flex;flex-direction:row;align-items:center;text-align:center}.color-choice img{max-width:64px;height:auto;display:block}.color-choice-btn:hover img{opacity:.8}.color-choice-btn:focus p{color:#212529}.color-choice-btn:focus img{border:1px solid #212529}.size-choice{display:inline-block;display:flex;flex-wrap:wrap}.size-choice .btn-xl-option{box-sizing:border-box;width:160px;text-align:center}@media (max-width: 768px){.size-choice{max-width:351px}}.color-F-Danger-300{color:#d74f4f}@media (max-width: 768px){.scroll-section{display:flex;overflow-x:auto;margin-right:12px;padding-left:16px;scroll-snap-type:x mandatory;padding-bottom:40px}.product-sm-card{flex:0 0 auto;width:300px;margin-right:16px}}@media (max-width: 768px){.product-sm-padding{padding-top:40px;padding-bottom:16px}}.login-left-pic{background-image:url(/20250711week3HW-2/assets/login-BK9N89wk.png);background-size:cover;background-position:top;background-repeat:no-repeat;border-radius:12px;height:100%}.login-left-sm-pic{display:none}@media (max-width: 768px){.py-sm-0{padding-top:0;padding-bottom:0}.fd-sm-cloumn{flex-direction:column}.login-left-pic{display:none}.login-left-sm-pic{display:block}}.login-right-block{background-image:url(/20250711week3HW-2/assets/login-bg-BFs-Bt8Q.png);border-radius:12px;display:block;margin:0 auto;padding-top:120px;padding-bottom:120px}@media (max-width: 768px){.login-right-block{background:none;padding-top:32px;padding-bottom:32px}}.loginin-right-main{display:flex;max-width:586px;margin:0 auto;flex-direction:column;justify-content:center;align-items:center;gap:32px}.log-sign-block{display:flex;width:100%}.log-sign-btn{display:block;width:50%;padding-top:12px;padding-bottom:12px;text-align:center}.log-sign-btn-border-dark{border-bottom:2px solid #212529}.log-sign-btn-border-light{border-bottom:2px solid #DEE2E6}.oauth-block{display:flex;flex-wrap:wrap;width:100%;gap:8px}.oauth-btn{width:100%;background-color:#fff;border:1px solid #DEE2E6;display:flex;padding-top:12px;padding-bottom:12px;padding-left:12px;align-items:center}.ad{background-color:#e8fec5;padding-top:24px;padding-bottom:24px;text-align:center;margin-top:48px}@media (max-width: 768px){.ad{margin-top:24px}.ad .text-h-h4{font-size:20px}}.footer{background-color:#f8f9fa}.footer-top{display:flex;justify-content:space-between;margin-bottom:24px}.navbar-btn-footer{display:flex}.footer-bottom{text-align:center;border-top:1px solid #DEE2E6;padding-top:32px;color:#6c757d;font-weight:400}@media (max-width: 768px){.footer-top{flex-direction:column}.navbar-btn-footer{flex-direction:column;padding-right:12px;padding-left:12px}.navbar-btn-footer.navbar-btn{padding-top:12px;padding-bottom:12px}}