.Popout_popout_module_container__hJnM9{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center;z-index:3}.Popout_bg_color__WFrIZ{background-color:#3b3b3b;opacity:.7;width:100dvw;height:100dvh;position:absolute;top:0;left:0}.Popout_popout_module_wrapper__izXNI{background-color:#fff;max-height:85%;min-height:280px;z-index:3;border-radius:10px;border:.5px solid #7e7e7e;box-sizing:border-box;overflow-y:auto;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Popout_popout_module_title__9U3H3{font:500 normal normal 28px/32px Noto Sans TC;letter-spacing:0;color:#1f1f1f;display:none}@media (max-width:710px){.Popout_popout_module_title__9U3H3{display:flex;align-items:center;justify-content:center}}.Popout_popout_module_btn_container__TzMas{width:100%;display:flex;align-items:center;justify-content:center}.Popout_popout_module_btn__VvVce{letter-spacing:0;font:normal normal 500 14px/23px Noto Sans TC;border-radius:5px;color:#fff;width:115px;height:32px;line-height:32px;text-align:center;cursor:pointer;border:unset}.Popout_shareList__cxZ_X{flex-direction:column;margin:20px}@media (max-width:710px){.Popout_shareList__cxZ_X{margin:20px 0}}.Popout_shareList_title__YWtlQ{font:500 normal normal 28px/32px Noto Sans TC;letter-spacing:0;color:#1f1f1f;display:flex;align-items:center;justify-content:center}@media (max-width:710px){.Popout_shareList_title__YWtlQ{display:none}}@media (max-width:500px){.Popout_popout_module_title__9U3H3{padding-top:32px;font-size:22px!important}.Popout_shareList__cxZ_X{min-width:256px!important}}.Popout_shareList_block__CxhLX{height:100%;margin:auto auto 56px;align-items:center;justify-content:space-between}@media (max-width:710px){.Popout_popout_module_mainBlock__NMF8A{flex-direction:column}.Popout_popout_module_QrBlock__ob5oC{display:flex;align-items:center;justify-content:center}}.Popout_popout_module_QrBlock__ob5oC{display:flex;align-items:center;justify-content:center;width:100%}p{padding:0;margin:0}.home_container{flex-direction:column;align-items:center;margin:0 7.4%}.home_banner_container{margin-top:24px;width:100%}.home_banner{background:#c9c9c9 0 0 no-repeat padding-box;max-height:360px;width:100%;height:100%;overflow:hidden}.home_main_title{width:100%;background:#fff 0 0 no-repeat padding-box;box-shadow:0 2px 4px #1f1f1f1a;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;box-sizing:border-box;margin:20px 0}.home_main_title_name{letter-spacing:0;font-weight:500;align-items:center}.home_main_title_btn{width:146px;height:46px;font:normal normal 500 22px/23px Noto Sans TC;letter-spacing:0;border-radius:10px;cursor:pointer}.forCircle{margin-left:16px}.change-btn,.home_main_title_switchBtn_container{display:flex}.change-btn{width:46px;height:46px;font:normal normal 500 22px/23px Noto Sans TC;letter-spacing:0;border-radius:10px;cursor:pointer;justify-content:center;align-items:center}.change-btn.large{width:58px;height:58px}.text-size{display:flex;justify-content:center!important;align-items:flex-end!important}.text-size .text-large{font-size:18px}.text-size .text-small{font-size:12px;transform:translateY(3px)}.change-btn.large .text-size .text-large{font-size:27px}.change-btn.large .text-size .text-small{font-size:20px}.change-dropdown{margin-top:4px;padding:0 16px 11px;display:flex;flex-direction:column;position:absolute;z-index:1;border-radius:5px;background:#fff;box-shadow:0 2px 4px 0 #1f1f1f40}.change-dropdown button{margin-top:11px;padding:0}.home_category_block{width:100%;margin:0 auto 16px}.home_category_block_title{letter-spacing:0;font-weight:500;color:#1f1f1f;text-align:start}.home_container_mobile{flex-direction:column;margin-bottom:20px}.home_main_title_mobile{width:100%;flex-direction:row;justify-content:center;background-color:#fff;position:fixed;z-index:2}.home_main_title_btn_mobile{width:130px;height:40px;cursor:pointer;border:unset;background:unset}.home_main_title_btn_mobile.activeM{border-radius:unset;color:var(--yunlin-button);border-bottom:2px solid var(--yunlin-button)}.nav-btn{padding:8px 0 9px!important;font-size:20px;font-weight:500;line-height:27px;color:#797979}.home_category_block_title_mobile{padding:10px 0 13px 16px;font-size:22px;font-weight:500;line-height:30px;letter-spacing:0;color:#1f1f1f;text-align:start}.category_item_container{grid-column-gap:10px;justify-items:center;column-gap:15px;row-gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category_item{width:157px;height:157px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 5px #d8d8d87a;border:.1px solid #d8d8d87a;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.category_item.active{background-color:var(--yunlin-button)}.category_title{text-align:center;color:#1f1f1f}.category_title.active{color:#fff}.subCategory_container{position:absolute;top:159px}.subCategory_title{font-family:Noto Sans TC;font-size:24px;font-weight:500;line-height:100%;letter-spacing:0;color:#fff;pointer-events:none;background:#3b3b3b75 no-repeat padding-box;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.category_item{scroll-margin-top:110px}.video_container_normal{display:grid;-moz-column-gap:24px;-moz-row-gap:15px;grid-column-gap:10px;column-gap:10px;grid-row-gap:15px;row-gap:15px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.video_container_circle{-moz-row-gap:50px;row-gap:50px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video_container_circle_mobile{margin:18px 0 20px}.video_container_slick{height:auto;position:relative}.video_container_slick.for_recommend_slick{width:calc(100% - 20px)}.slick-track{display:flex}.slick-slide{margin:0 5px 0 0}.slick-list{overflow:hidden;box-sizing:border-box}.slick-prev{display:none!important}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:20px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.7;color:#c8c8c8}.slick-dots li.slick-active button:before{opacity:.75;color:#3ea786}.custom_slick_next{position:absolute;z-index:1;right:-20px;top:50%;transform:translateY(-50%);border-radius:50%;width:38px;height:38px;background:url(/web_images/icon/next_btn.svg) no-repeat 50% transparent;background-size:contain;color:#1f1f1f;cursor:pointer}.for_recommend{right:0;height:100%;border-radius:unset;background:url(/web_images/icon/next_btn_rec.svg) no-repeat 50% rgba(0,0,0,.33)}.topic_block{background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 3px #1f1f1f1a;cursor:pointer;position:relative;max-width:unset}.image_block{width:auto;overflow:hidden;position:relative;padding-top:60%}.image_block img{position:absolute;top:0;left:0;width:100%;height:100%}.bottom_block{flex-direction:column;justify-content:space-between;padding:8px 16px;box-sizing:border-box}.video_title{font-weight:500;min-height:50px;height:65px;line-height:1.3!important}.video_title,.video_title_sm{letter-spacing:0;color:#1f1f1f;overflow:hidden;text-overflow:ellipsis}.video_title_sm{font:normal normal 500 22px/26px Noto Sans TC;min-height:55px}.video_subTitle{font-weight:400;letter-spacing:.22px;color:#656565}.video_publishTime{font-family:Noto Sans TC;font-weight:400;color:#7e7e7e}.video_time{background-color:rgba(0,0,0,.5);border-radius:5px;padding:0 5px;font:normal normal 500 16px/21px Noto Sans TC;letter-spacing:0;color:#fff;align-items:center;position:absolute;bottom:5px;right:5px}.icon-color{color:#3ea786}.video_time2,.video_time3{background-color:rgba(0,0,0,.5);border-radius:5px;padding:0 5px;font:normal normal 500 16px/21px Noto Sans TC;letter-spacing:0;color:#fff;align-items:center;position:absolute;bottom:8px;right:5px}.video_price{font:normal normal normal 22px/30px Noto Sans TC;letter-spacing:0;color:#1f1f1f}.for_circle .topic_block{width:368px!important;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 3px #1f1f1f1a;cursor:pointer}.video_container_normal.for_circle{display:grid;-moz-column-gap:24px;-moz-row-gap:15px;grid-column-gap:14px;column-gap:14px;grid-row-gap:15px;row-gap:15px;margin:15 0}.video_container_normal.for_circle .topic_block{width:497px!important;height:323px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 3px #1f1f1f1a;cursor:default}.video_container_normal.for_circle .image_block{cursor:pointer}.for_circle .video_title{height:50px}.topic-card-large{height:397px!important}.topic-card-large .image_block{height:300px!important}.video_container_slick.for_mobile .slick-track{align-items:flex-start!important}.video_container_slick.for_mobile{margin-bottom:0}.topic_block.for_mobile{max-width:100%}.for_mobile .image_block{height:235px;padding-top:0}.for_mobile .bottom_block{padding:8px 16px;display:flex;flex-direction:column;justify-content:space-around}.for_mobile .video_title{height:unset}.for_mobile .video_price,.for_mobile .video_title{font:normal normal 500 16px/20px Noto Sans TC}.video_container_normal.for_mobile{display:grid;width:100%;-moz-row-gap:10px;grid-column-gap:10px;column-gap:10px;grid-row-gap:10px;row-gap:10px;grid-template-columns:1fr;margin:15px auto;justify-items:stretch}.topic_block.for_mobile_circle{width:170px;height:220px;border-radius:5px;display:flex;align-items:center;box-sizing:border-box;box-shadow:none;background:none}.for_mobile_circle .image_block{width:150px;height:150px;border-radius:50%;margin:auto}.for_mobile_circle .bottom_block{display:flex;flex-direction:column;justify-content:space-around;height:108px}.for_mobile_circle .video_subTitle{font:normal normal normal 12px/17px Noto Sans TC;letter-spacing:0}.for_mobile .video_subTitle{font-size:20px;line-height:26px;font-weight:400;color:#656565;letter-spacing:0}.video_container_normal.for_circle_mobile{display:grid;-moz-column-gap:24px;-moz-row-gap:15px;grid-column-gap:10px;column-gap:10px;grid-row-gap:15px;row-gap:15px;grid-template-columns:1fr}.video_container_normal.for_circle_mobile .topic_block{width:100%!important;height:auto;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1px 3px #1f1f1f1a;cursor:default}.video_container_normal.for_circle_mobile .image_block{cursor:pointer}.for_circle_mobile .video_title{height:50px}.countText{font-size:18px;line-height:1.5;color:#656565}.footer_container{border-top:1px solid #000;margin:24px 140px 0;padding:12px 0;box-sizing:border-box;color:#000}.footer_item{cursor:pointer;height:16px;text-decoration:none!important;color:#000}.footer_customer_service{position:fixed;width:70px;height:70px;cursor:pointer;border-radius:50%;right:50px;bottom:60px}.footer_customer_service_mobile{position:fixed;width:50px;height:50px;cursor:pointer;border-radius:50%;right:24px;bottom:48px}.footer_logo_for_mobile{color:#707070;font-size:10px;line-height:14px;justify-content:space-between}