@charset "utf-8";.overlay_popup_friendinvite,.overlay_popup_votebookinvite{background-color:rgba(0,0,0,.6);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.popup_friendinvitearea{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;padding:0;width:100%}.popup_friendinvitearea .mask_popup_friendinvite{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.popup_friendinvitearea .popup_friendinvitecolumn{background:transparent url(https://cdn.kingstone.com.tw/coreimages/ksmember/popup_friend_invite_bg.gif?v=aqckMmgtCri0JoEKwla9pJXYJYNR3M-CL7cVS8yrTbE) top no-repeat;background-size:cover;border-radius:5px;box-sizing:border-box;margin:2% 10px;max-width:600px;overflow:auto;padding:1.2% 0 0;position:relative;width:90vw;z-index:1002}.popup_friendinvitearea .popup_friendinvitecolumn.votebook{background:transparent url(https://cdn.kingstone.com.tw/coreimages/ksmember/popup_friend_invite_bg_20240708.gif?v=WLgT8noCsOk0b_cr02y7T1LlKK0JPNtRyxsVvXkooMk) top no-repeat;background-size:cover}.popup_friendinvitecolumn .close_popup_friendinvite{background:url(https://cdn.kingstone.com.tw/coreimages/ksmember/icon_close.png?v=Xpd_R-nmEgM0jWpZGFBi8lPfJCDRUzXvXOV-16nc0NM) no-repeat;background-size:35px 35px;border:none;cursor:pointer;display:block;height:35px;position:absolute;right:5px;top:5px;width:35px}.popupfield_friendinvite{text-align:left}.title_popup_fdinvite{background:transparent url(https://cdn.kingstone.com.tw/coreimages/ksmember/popup_friend_invite_title.png?v=4IhKYH8eyUsT5PTIQ1QXDBEuwJaZzN_TxfltRTdOt-c) 0 0 no-repeat;background-size:100% auto;margin:0 auto 2.5%;padding:34% 0 0;width:88%}.title_popup_fdinvite.votebook{background:transparent url(https://cdn.kingstone.com.tw/coreimages/ksmember/popup_friend_invite_title_20240708.png?v=A9TFszqi7aZ2SbsnyG1tqddko39CTEagZk7wDEbuHUU) top no-repeat;background-size:88% auto;padding:45% 0 0}.shareregion_popup_fdinvite{margin:0 0 5%}.sharecol_fdinvite{display:flex;justify-content:center;list-style:none;margin:0 auto 3.5%;padding:0}.sharecol_fdinvite .shareunit_fdinvite{cursor:pointer;margin:0 1%}.sharecol_fdinvite .shareunit_fdinvite:hover{left:1px;position:relative;top:1px}.sharecol_fdinvite .shareunit_fdinvite .sharebtn{background:url(https://cdn.kingstone.com.tw/images/shared_sprite.svg) repeat;background-position-x:center;border-radius:4px;height:100px;width:100px}.sharecol_fdinvite .shareunit_fdinvite .btnline{background-position-y:-1680px;background-size:100px}.sharecol_fdinvite .shareunit_fdinvite .btnfb{background-position-y:-1921px;background-size:100px}.shareunit_fdinvite img{height:auto;width:100%}.popupfield_friendinvite .noticeregion_popup_fdinvite{font-size:1.9rem;margin:0 0 5%;text-align:center}.votebook .popupfield_friendinvite .noticeregion_popup_fdinvite{font-size:2.5rem;margin-bottom:2%}.popupfield_friendinvite .noticeregion_popup_fdinvite .bsty1{font-size:2.3rem}.popupfield_friendinvite .noticeregion_popup_fdinvite .bsty1b{color:#f39;font-size:2.3rem}@media only screen and (max-width:768px){.popup_friendinvitecolumn .close_popup_friendinvite{background-size:25px 25px;height:25px;width:25px}.btnsupervip_popup{height:55px;width:139px}.notice_popup_invite_supervip{font-size:2rem}.warn_popup_invite_supervip{font-size:1.8rem}}@media only screen and (max-width:480px){.popup_friendinvitearea .popup_friendinvitecolumn{padding:3.2% 2% 0}.sharecol_fdinvite .shareunit_fdinvite .btnfb{background-position-y:-1729px;background-size:90px}.sharecol_fdinvite .shareunit_fdinvite .btnline{background-position-y:-1512px;background-size:90px}.sharecol_fdinvite .shareunit_fdinvite .sharebtn{height:90px;width:90px}.title_popup_fdinvite.votebook{background-size:100% auto;padding-top:50%}.votebook .popupfield_friendinvite .noticeregion_popup_fdinvite{font-size:2rem}}.overlay_popup_friendrecolist{background-color:rgba(0,0,0,.6);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.popup_friendrecolistarea{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;padding:0;width:100%}.popup_friendrecolistarea .mask_popup_friendrecolist{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.popup_friendrecolistarea .popup_friendrecolistcolumn{background-color:#fff;border-radius:5px;box-sizing:border-box;margin:2% 10px;max-height:96%;max-width:750px;overflow:auto;padding:30px;position:relative;width:90vw;z-index:1002}.popup_friendrecolistcolumn .close_popup_friendrecolist{background:url(https://cdn.kingstone.com.tw/coreimages/ksmember/icon_close.png?v=Xpd_R-nmEgM0jWpZGFBi8lPfJCDRUzXvXOV-16nc0NM) no-repeat;background-size:35px 35px;border:none;cursor:pointer;display:block;height:35px;position:absolute;right:5px;top:5px;width:35px}.popuptxtfield_friendrecolist{text-align:left}.popuptxtfield_friendrecolist h2{color:#444;font-size:3.2rem;line-height:1.2;margin:0 0 3%;text-align:center}.table_popup_fdrecolist{box-sizing:border-box;color:#fff;font-size:2.2rem;line-height:1.4;margin:0 0 4.5%}.table_popup_fdrecolist ul{list-style-type:none}.table_popup_fdrecolist .datejoin{border-right:2px solid #fff;width:30%}.table_popup_fdrecolist .datebuy{width:70%}.table_popup_fdrecolist .datebuy .note{margin:0 0 0 5px}.tbody_fdrecolistcol,.thead_fdrecolistcol{display:flex}.tbody_fdrecolistcol li,.thead_fdrecolistcol li{border-bottom:2px solid #fff;font-size:1.5rem;padding:10px}.thead_fdrecolistcol li{background-color:#4bacc6;color:#fff}.tbody_fdrecolistcol li{background-color:#e9f1f5;color:#333}.tbody_fdrecolistcol:nth-child(2n) li{background-color:#d0e3ea}@media only screen and (max-width:768px){.popup_friendrecolistcolumn .close_popup_friendrecolist{background-size:25px 25px;height:25px;width:25px}.btnsupervip_popup{height:55px;width:139px}.notice_popup_friendrecolist_supervip{font-size:2rem}.warn_popup_friendrecolist_supervip{font-size:1.8rem}.table_popup_fdrecolist .datebuy,.table_popup_fdrecolist .datejoin{width:50%}.table_popup_fdrecolist .datebuy .note{display:block;margin-left:0}}@media only screen and (max-width:480px){.popup_friendrecolistarea .popup_friendrecolistcolumn{padding:15px}.popuptxtfield_friendrecolist h2{font-size:3rem;margin-bottom:6.5%}.table_popup_fdrecolist{font-size:1.8rem;margin-bottom:6.5%}.itemcol_popup_friendrecolist{width:100%}.checktxt{font-size:1.9rem}}.pc{display:block}.m{display:none}.memberHome *{box-sizing:border-box;font-size:1.6rem}.memberHome a{color:#3eacdf;outline:none;-webkit-text-decoration:none;text-decoration:none}.memberHome a:hover{color:#3495c2}.memberHome li,.memberHome ol,.memberHome ul{list-style:none}.memberHome .sec .container{margin:0 auto;padding-bottom:0}@media screen and (min-width:769px){.memberHome .sec .container{max-width:1500px}}.sidemenu{background-color:#ff5a6e;border-radius:25px;left:4rem;padding:25px 0;position:fixed;top:15rem}.sidemenu ul{background-color:#fff9de;display:flexbox;display:flex;flex-direction:column;padding:0 10px}.sidemenu .menuItem{border-bottom:1px dotted #b28850;padding:6px 0;text-align:center;width:110px}.sidemenu .menuItem:last-child{border-bottom:0}.sidemenu .menuItem a{font-size:1.6rem;font-weight:500;opacity:.8;transition:.3s}.sidemenu .menuItem a:hover{letter-spacing:2px;opacity:1}.sidemenu .font-color1 a{color:#d57a18}.sidemenu .font-color2 a{color:#a76218}.sec{background-attachment:fixed;background-position:bottom;padding:3rem 2rem 3rem 20rem}.sec.sec1{background-color:#dbeef2;padding-top:20px}.sec.sec2{background-color:#d5e3f0}.sec.sec3{background-color:#eaf7eb}.sec.sec4{background-color:#ffecf5}.sec.sec5{background-color:#eaf7eb;padding:30px 0}.visionBn{margin-bottom:20px;overflow:hidden;width:100%}.announcement{background-color:#e75186;border-radius:52px;display:flexbox;display:flex;height:52px;margin-bottom:20px;padding:5px}.announcement .title{align-items:center;display:flexbox;display:flex;margin:0 15px}.announcement .title img{width:40px}.announcement .title h2{color:#fff;font-size:24px;line-height:44px;margin-left:5px}.announcement .content{border-radius:44px;color:#e75186;flex-grow:1;font-size:18px;line-height:44px;padding:0 15px;text-align:left}.announcement .content,.memberInfo{background-color:#fff;overflow:hidden;position:relative}.memberInfo{border-radius:5px;box-shadow:2px 2px 8px hsla(0,0%,39%,.3);margin-bottom:20px;padding:15px}.memberInfo img{height:auto;width:100%}.memberInfo .main{font-size:24px;padding:10px 0;text-align:left}.memberInfo .main:first-child{display:flex;padding-top:0}.memberInfo .main:last-child{border-bottom:0 solid #000}.memberInfo .main .friend_group,.memberInfo .main .mbrbasic_main{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.memberInfo .main .friend_group{margin-bottom:.5rem}.memberInfo .main .mbrbasic_main{font-size:2.4rem;width:50%}.memberInfo .main .mbrfriend_main{background-color:#fff6e8;border-radius:5px;padding:1rem;width:50%}.memberInfo .main .memberBarcode{margin-left:5px}.memberInfo .main .memberBarcode img{display:inline-block;height:35px;margin:2px 0;vertical-align:middle;width:35px}.memberInfo .main .memberBarcode:hover img{margin:4px 0 0}.memberInfo .memberName{font-size:24px;font-weight:500}.memberInfo .memberLevel{color:#e75186;font-size:20px;font-weight:500;margin:0 5px}.memberInfo .memberLevel:before{content:"("}.memberInfo .memberLevel:after{content:")"}.memberInfo .memberBtn{background-color:#68abbe;border-radius:50px;color:#fff;display:inline-block;font-size:14px;padding:2px 10px}.memberInfo .memberBtn:active,.memberInfo .memberBtn:hover{background-color:#aedeeb}.rule_friendreco{margin:0 3px 0 0}.rule_friendreco a{-webkit-text-decoration:underline;text-decoration:underline}.rule_friendreco a:active,.rule_friendreco a:hover{-webkit-text-decoration:none;text-decoration:none}.code_friendreco{margin:0 3px 0 0}.code_friendreco .bsty1{color:#e75186;margin:0 0 0 3px}.mbrfriend_main button{border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-family:Noto Sans TC,sans-serif;font-size:1.5rem;margin:0 1px}.mbrfriend_main button:active,.mbrfriend_main button:hover{color:#a7a756}.btninvite_friendreco,.btnrecolist_friendreco{background-color:#ffffcd}.mbrfriend_main button.btninvite_votebookreco{background-color:#e6f7e8;margin-right:10px;width:5em}.memberInfo .info{display:flexbox;display:flex}.memberInfo .info .col{flex-grow:1;flex:1;padding:1%}.memberInfo .info .col.infocol{border:1px solid #afdeeb;border-radius:20px}.memberInfo .info .valid{display:flexbox;display:flex;font-size:18px;line-height:1.5;margin-bottom:5px}.memberInfo .info .valid span{color:#e75186;font-size:18px}.memberInfo .info .valid .icon{width:27px}.memberInfo .info .valid .txt{width:calc(100% - 27px)}.memberInfo .info .valid.highlight .txt{background-color:#fff6e8}.memberInfo .info .valid.highlight2 .txt{background-color:#ffffcd}.memberInfo .memberCost{padding-right:10px}.memberInfo .memberAccount{display:flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}.memberInfo .memberAccount .account{align-items:center;border:1px solid #68abbe;border-radius:5px;color:#393939;cursor:pointer;display:flexbox;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;width:32%}.memberInfo .memberAccount .account .txt{padding-top:10px;text-align:center}.memberInfo .memberAccount .account .arrow{align-items:center;background-color:#68abbe;color:#fff;display:flexbox;display:flex;justify-content:center;padding:10px 0;width:100%}.memberInfo .memberAccount .account .arrow h3{display:block}.memberInfo .memberAccount .account .arrow img{width:15px}.memberInfo .memberAccount .account:active,.memberInfo .memberAccount .account:hover{border:1px solid #458b9e}.memberInfo .memberAccount .account:active .arrow,.memberInfo .memberAccount .account:hover .arrow{background-color:#458b9e}.memberInfo .memberAccount .account h3,.memberInfo .memberAccount .account h4{font-size:16px;font-weight:400}.memberInfo .memberAccount .account h4 span{color:#e75186;font-size:18px;font-weight:500}.memberInfo .unlogin{background-color:hsla(0,0%,8%,.9);bottom:0;left:0;padding-top:120px;position:absolute;right:0;text-align:center;top:0;z-index:2}.memberInfo .unlogin h3{color:#fff;font-size:24px;margin-bottom:10px}.memberInfo .unlogin a{border:1px solid #fff;border-radius:5px;color:#fff;display:block;margin:0 auto;padding:5px 10px;width:150px}.memberInfo .unlogin a:hover{background:#fff;color:hsla(0,0%,8%,.6)}.timepointarea{padding:0 0 1.5%}.timepointunit{color:#666;font-size:1.4rem;text-align:left}.proBtn{display:flex;justify-content:space-evenly;margin:0 auto}.proBtn li{width:84px}.proBtn li a{border-radius:5px;display:block;margin:0 auto}.proBtn li a img{background-color:#68abbe;border-radius:5px}.proBtn li a h2{color:#68abbe;font-size:14px;font-weight:500;margin:3px 0 0;text-align:center}.proBtn li a:active img,.proBtn li a:hover img{background-color:#458b9e}.proBtn li a:active h2,.proBtn li a:hover h2{color:#02716b}.memberHome .morelink{background-color:#68abbe;border:1px solid #68abbe;border-radius:36px;color:#fff;display:block;height:44px;line-height:40px;margin:15px auto 0;text-align:center;-webkit-text-decoration:none;text-decoration:none;width:100px}.memberHome .morelink:hover{background-color:#fff;color:#68abbe}.memberDayCheck{padding-bottom:3rem}.memberDayCheck .title{align-items:center;background-color:#ff5a6e;border-radius:135px;color:#fff;display:flexbox;display:flex;flex-wrap:wrap;height:135px;justify-content:center;margin:0 auto 30px;padding:30px 0;position:relative;width:325px}.memberDayCheck .title h2{display:block;font-size:30px}.memberDayCheck .title h3{display:block;font-size:24px}.memberDayCheck .title:after{background-image:url(https://cdn.kingstone.com.tw/images/chatpoint.png);bottom:-24px;content:"";height:25px;position:absolute;right:60px;width:33px}.memberDayCheck .calenderList{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.memberDayCheck .calenderList .calender{background:url(https://cdn.kingstone.com.tw/images/calender.svg) no-repeat 50%;height:155px;width:135px}.memberDayCheck .calenderList .calender a{display:block;height:inherit;position:relative;width:inherit}.memberDayCheck .calenderList .calender a:after{background-image:url(https://cdn.kingstone.com.tw/images/check.png);background-size:contain;bottom:30px;content:"";display:block;height:66px;left:50%;position:absolute;transform:translateX(-33px);width:66px}.memberDayCheck .calenderList .calender a:hover:after{bottom:31px;height:64px;transform:translateX(-32px);width:64px}.memberDayCheck .calenderList .calender .day{left:50%;position:absolute;top:-5px;transform:translateX(-20px);width:40px}.memberDayCheck .calenderList .calender.checked a{cursor:default}.memberDayCheck .calenderList .calender.checked a:after{background-image:url(https://cdn.kingstone.com.tw/images/checked.png);background-size:contain}.memberDayCheck .calenderList .calender.checked a:hover:after{bottom:30px;height:66px;transform:translateX(-33px);width:66px}.promoteSection{background-color:#eaf7eb;padding:1% 0}.noticeSection,.productSection,.section{margin-bottom:5%}.noticeSection:last-child,.productSection:last-child,.promoteSection:last-child{margin-bottom:0}.noticeSection .title,.productSection .title,.promoteSection .title{border-bottom:10px solid #4e60a4;height:90px;margin-bottom:20px;overflow:hidden;position:relative}.noticeSection .title .mainTitle,.productSection .title .mainTitle,.promoteSection .title .mainTitle{background-color:#4e60a4;border-radius:50%;color:#fff;height:400px;left:50%;position:absolute;top:0;transform:translateX(-200px);width:450px}.noticeSection .title .mainTitle h2,.productSection .title .mainTitle h2,.promoteSection .title .mainTitle h2{font-size:40px;letter-spacing:2px;margin-top:26px}.noticeSection .title.style1,.productSection .title.style1,.promoteSection .title.style1{border-bottom:10px solid #2d8fbc}.noticeSection .title.style1 .mainTitle,.productSection .title.style1 .mainTitle,.promoteSection .title.style1 .mainTitle{background-color:#2d8fbc}.noticeSection .pdList,.promoteSection .pdList{padding:0 27px}.noticeSection .pdList li,.promoteSection .pdList li{padding:0 6px}.noticeSection .pdList li>div,.productSection .pdList .embla__slide,.promoteSection .pdList li>div{border:1px solid #fff;border-radius:5px;overflow:hidden}.noticeSection .pdList li .img,.productSection .pdList .img,.promoteSection .pdList li .img{background-color:#fff;padding:1rem}.noticeSection .pdList li .infoBox,.productSection .pdList .infoBox,.promoteSection .pdList li .infoBox{background-color:#4e60a4;padding:8px}.noticeSection .pdList li .infoBox .pdName,.productSection .pdList .infoBox .pdName,.promoteSection .pdList li .infoBox .pdName{font-size:14px;height:42px;line-height:1.5;overflow:hidden;text-align:left}.noticeSection .pdList li .infoBox .pdPrice,.productSection .pdList .infoBox .pdPrice,.promoteSection .pdList li .infoBox .pdPrice{color:#ffea00;font-size:14px}.noticeSection .pdList li .infoBox .pdPrice span,.productSection .pdList .infoBox .pdPrice span,.promoteSection .pdList li .infoBox .pdPrice span{font-size:20px}.noticeSection .pdList.style1 li,.productSection .pdList.style1 .embla__slide,.promoteSection .pdList.style1 li{position:relative}.noticeSection .pdList.style1 li>div,.productSection .pdList.style1 .embla__slide,.promoteSection .pdList.style1 li>div{border-radius:120px}.noticeSection .pdList.style1 li .img,.productSection .pdList.style1 .img,.promoteSection .pdList.style1 li .img{padding:40px 20px 10px}.noticeSection .pdList.style1 li .infoBox,.productSection .pdList.style1 .infoBox,.promoteSection .pdList.style1 li .infoBox{background-color:#2d8fbc;padding:10px 10px 30px}.productSection .title{border-bottom:10px solid #4e60a4}.productSection .title .mainTitle{background-color:#4e60a4}.promoteSection .title{border-bottom:10px solid #009e96}.promoteSection .title .mainTitle{background-color:#009e96}.promoteSection .bankList{padding:0 27px}.promoteSection .bankList .bankPromote{padding:0 5px}.promoteSection .bankList .bankPromote a{border:1px solid #fff;border-radius:5px;display:block;overflow:hidden;width:100%}.promoteSection .gameList{padding:0 27px}.promoteSection .gameList .gamePromote{padding:0 5px}.promoteSection .gameList .gamePromote a{border-radius:5px;display:block;margin:5px 0;overflow:hidden;width:100%}.promoteSection .gameList .gamePromote a:hover{margin:7px 0 3px}.monthbn{margin:2rem 0}.bnarea_monthbn{float:left;width:58%}.txtarea_monthbn{float:right;width:40%}.mod_embla_monthbn .embla__slide{min-width:100%}.txtarea_monthbn .txtcol_monthbn,.txtcol_monthbn .txtunit_monthbn{list-style-type:disc}.txtcol_monthbn{padding:0 0 0 1.5em}.txtunit_monthbn{color:#673000;margin:0 0 2%;text-align:left}.txtunit_monthbn.em1,.txtunit_monthbn.em1 a{color:#c00;font-weight:500}.txtunit_monthbn a{color:#673000}.txtbox_monthbn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.promoteSection .eventList .embla__slide a{border:1px solid #fff;display:block}.promoteSection .eventList .embla__slide img{height:auto;width:100%}.promoteSection .awardList{padding:0 27px}.promoteSection .awardList li{padding:0 6px}.promoteSection .awardList li>div{background-color:#fff;border-radius:5px;display:block;padding:20px 20px 65px;position:relative;text-align:left}.promoteSection .awardList li>div img{margin-bottom:10px}.promoteSection .awardList li>div h2{color:#009e96;font-size:18px;font-weight:500;text-align:center}.promoteSection .awardList li>div p{font-size:14px}.promoteSection .awardList li>div .awardPopup{background-color:#009e96;border-radius:60px 60px 0 0;bottom:0;color:#fff;display:block;font-size:18px;height:60px;left:50%;padding-top:20px;position:absolute;text-align:center;transform:translateX(-60px);width:120px}.promoteSection .awardList li>div .awardPopup:active,.promoteSection .awardList li>div .awardPopup:hover{background-color:#02716b}.promoteSection .awardList li.unannounced>div{overflow:hidden;position:relative}.promoteSection .awardList li.unannounced>div:after{background-color:hsla(0,0%,8%,.6);bottom:0;color:#fff;content:"尚未公布";font-size:24px;left:0;padding-top:100px;position:absolute;right:0;text-align:center;top:0}.noticeSection .title{border-bottom:10px solid #ea68a2}.noticeSection .title .mainTitle{background-color:#ea68a2}.noticeSection .noticeContent{background-color:#fff;border-radius:5px;padding:20px}.noticeSection .noticeContent .notice{height:160px;line-height:1.5;margin-bottom:20px;overflow:hidden;position:relative;text-align:left}.noticeSection .noticeContent .notice .noticeTitle{color:#ea68a2;font-size:20px;font-weight:500}.noticeSection .noticeContent .notice .noticeTxt{border-bottom:1px dotted #f2aaca;font-size:14px;margin-bottom:20px;padding:0 10px 20px}.noticeSection .noticeContent .notice .noticeTxt p{margin-bottom:5px}.noticeSection .noticeContent .notice .noticeTxt .warning{color:#d20f16}.noticeSection .noticeContent .notice .noticeTxt h4{color:#bc497c;font-size:18px;margin:10px 0}.noticeSection .noticeContent .notice>li{margin-bottom:20px}.noticeSection .noticeContent .notice>li:last-child .noticeTxt{border-bottom:0}.noticeSection .noticeContent .notice .shadow{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);bottom:0;height:50px;position:absolute;width:100%}.noticeSection .noticeContent .notice.open{height:auto}.noticeSection .noticeContent .notice.open .shadow{opacity:0}.noticeSection .noticeContent .notice1{margin-left:20px}.noticeSection .noticeContent .notice1 li{list-style:decimal;margin-bottom:5px}.noticeSection .noticeContent .notice1 li .picbox_notice img{height:auto;width:100%}.noticeSection .noticeContent .notice1 li .picbox_notice img.imgsty3{margin:1% 0 0;max-width:365px}.noticeSection .noticeContent .notice1 li span{display:block}.noticeSection .noticeContent .notice1 .example{color:#8d8d8d;list-style:none}.noticeSection .noticeContent .notice2{margin-left:20px}.noticeSection .noticeContent .notice2 li{list-style:disc;margin-bottom:5px}.noticeSection .noticeContent .notice2 li img{height:auto;width:100%}.noticeSection .noticeContent .notice2 li .picbox_notice img.imgsty2{margin:1% 0 0;max-width:431px}.noticeSection .noticeContent .notice2 li .picbox_notice img.imgsty4{max-width:100%;width:auto}.noticeSection .noticeContent .openBtn{background-color:#ea68a2;border-radius:5px;color:#fff;display:block;font-size:18px;height:50px;line-height:50px;margin:0 auto;width:200px}.noticeSection .noticeContent .openBtn:active,.noticeSection .noticeContent .openBtn:hover{background-color:#e05c97}.noticeSection .noticeContent .openBtn.open{background-color:#b6b6b6}.noticeSection .noticeContent .openBtn.open:active,.noticeSection .noticeContent .openBtn.open:hover{background-color:#9b9b9b}.productSection .embla,.promoteSection .embla{overflow:visible}.promoteSection .embla__container img{height:auto;width:100%}.eventList .embla__container,.pdList .embla__container{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-auto-flow:column}.pdList .embla__container{grid-auto-columns:minmax(180px,400px)}.eventList .embla__container{grid-auto-columns:minmax(300px,450px)}.popShareBox .popupHeader{border-bottom:1px dotted #ccc;display:flexbox;display:flex;padding-bottom:15px;position:relative}.popShareBox .popupHeader .col{flex-grow:1;flex:1}.popShareBox .popupHeader .col2{flex-grow:2;flex:2}.popShareBox .popupHeader .text{padding-left:10px;text-align:left}.popShareBox .popupHeader .text h2{color:#009e96;font-size:20px;margin-bottom:5px}.popShareBox .popupHeader .text p{font-size:14px;line-height:1.5}#barcodePopOverlay .popContent{max-height:90vh}.popShareBox .awardName{color:#009e96;font-size:16px;padding:5px 0;text-align:left}.popShareBox .awardeeList li{border-bottom:1px dotted #009e96;display:flexbox;display:flex;justify-content:space-between;line-height:2}.popShareBox .awardeeList li>div{flex-grow:1;flex:1;font-size:15px;text-align:center}.popShareBox .awardeeList li.awardeeListHead{background:#009e96;color:#fff}.popShareBox .ireadCard{margin:0 auto;max-width:330px}.buymixbox .btnbuyset{margin:5px 0 0}.buymixbox .btnbuy{background:url(https://cdn.kingstone.com.tw/images/btn_buy_icon.png) no-repeat;background-position-x:6px;background-size:16px;border-radius:3px;font-size:13px;height:28px;margin:0 auto;overflow:hidden;width:112px}.buymixbox .btnbuy span{color:#fff;display:block;font-size:13px;letter-spacing:1px;line-height:26px;margin:0;padding:0 0 0 19px;text-align:center}.buymixbox .btnbuy1,.buymixbox .btnbuy2,.buymixbox .btnbuy20,.buymixbox .btnbuy6{background-position-y:6px}.buymixbox .btnbuy1,.buymixbox .btnbuy2,.buymixbox .btnbuy6{background-color:#c80000;border:1px solid #c80000;border-bottom-color:#ae0909}.buymixbox .btnbuy20{background-color:#ffb6dd;border:1px solid #ffb6dd;border-bottom-color:#fea8d6}.buymixbox .btnbuy1 a,.buymixbox .btnbuy2 a,.buymixbox .btnbuy20 a,.buymixbox .btnbuy6 a{border-bottom:2px solid #ae0909}.buymixbox .btnbuy3,.buymixbox .btnbuy4,.buymixbox .btnbuy5,.buymixbox .btnbuy7{background-color:#b68227;border:1px solid #b68227;border-bottom-color:#a37421}.buymixbox .btnbuy3 a,.buymixbox .btnbuy4 a,.buymixbox .btnbuy5 a,.buymixbox .btnbuy7 a{border-bottom:2px solid #a37421}.buymixbox .btnbuy3{background-position-y:-315px}.buymixbox .btnbuy4,.buymixbox .btnbuy7{background-position-y:-234px}.buymixbox .btnbuy5{background-position-y:6px}.buymixbox .btnbuy15,.buymixbox .btnbuy16,.buymixbox .btnbuy8{background-color:#16936e;background-position-y:6px;border:1px solid #16936e}.buymixbox .btnbuy15 a,.buymixbox .btnbuy16 a,.buymixbox .btnbuy8 a{border-bottom:2px solid #14785a}.buymixbox .btnbuy19{background-color:#c7c7c7;background-position-y:6px;border:1px solid #c7c7c7}.buymixbox .btnbuy19 a{border-bottom:2px solid #bababa}.buymixbox .btnbuy10,.buymixbox .btnbuy11,.buymixbox .btnbuy14,.buymixbox .btnbuy9{background-color:#fff}.buymixbox .btnbuy9{background-position-y:-74px;border:1px solid #d3bd42}.buymixbox .btnbuy9 a{border-bottom:2px solid #eaf1ee}.buymixbox .btnbuy9 span{color:#bc9f00}.buymixbox .btnbuy10{background-position-y:-114px;border:1px solid #59bfff}.buymixbox .btnbuy10 a{border-bottom:2px solid #f1f3f4}.buymixbox .btnbuy10 span{color:#29acff}.buymixbox .btnbuy11{background-position-y:-194px;border:1px solid #16936e}.buymixbox .btnbuy11 a{border-bottom:2px solid #eaf1ee}.buymixbox .btnbuy11 span{color:#00825c}.buymixbox .btnbuy14{background-position-y:-154px;border:1px solid #e66700}.buymixbox .btnbuy14 a{border-bottom:2px solid #f3ece6}.buymixbox .btnbuy14 span{color:#e66700}@media screen and (max-width:1024px){.proBtn{gap:1%}}@media screen and (max-width:768px){.pc{display:none}.pad{display:block}.m{display:none}.container{max-width:none;width:90%}.wrapper.memberHome{z-index:2}.sidemenu{border-radius:0;overflow-x:scroll;padding:0;position:sticky;right:auto;top:var(--sticky_header_height);transform:translateX(0);width:100%;z-index:100}.sidemenu ul{background-color:#ff5a6e;flex-direction:row;justify-content:space-between;padding:0;width:800px}.sidemenu ul .menuItem{border-bottom:0;border-right:1px solid #fff;flex-shrink:0;font-size:14px;padding:6px 5px}.sidemenu .font-color1 a,.sidemenu .font-color2 a{color:#fff}.sec{padding:20px 0}.visionBn{margin-bottom:0}.visionBn .container{width:100%}.announcement{border-radius:5px;flex-wrap:wrap;height:auto;overflow:hidden;padding:0}.announcement .content{border-radius:0;font-size:16px;line-height:1.5;padding:10px 15px 15px}.memberInfo{padding:15px 2%}.memberInfo .main{font-size:18px}.memberInfo .main:first-child{flex-wrap:wrap}.memberInfo .main .mbrbasic_main,.memberInfo .main .mbrfriend_main{gap:.5rem;padding:5px;width:100%}.mbrfriend_main button{height:44px;margin:5px 2px 0 0}.memberInfo .memberName{font-size:20px}.memberInfo .memberLevel{font-size:18px}.memberInfo .memeberPeriod{display:block;margin-left:0}.memberInfo .info{flex-flow:column-reverse wrap}.memberInfo .info .col{flex-grow:1;flex:auto;width:100%}.memberInfo .info .valid,.memberInfo .info .valid span{font-size:16px}.memberInfo .info .valid .icon{width:20px}.memberInfo .info .valid .icon img{margin-top:2px}.memberInfo .memberCost{padding-right:0}.memberInfo .memberAccount{margin-bottom:10px}.memberInfo .memberAccount .account{justify-content:space-between;padding:0}.memberInfo .memberAccount .account .txt{padding-top:5px}.memberInfo .memberAccount .account .arrow{padding:8px 0}.memberInfo .memberAccount .account h3{font-size:14px}.memberInfo .memberAccount .account h4{font-size:14px;font-weight:400}.memberInfo .memberAccount .account h4 span{color:#e75186;font-size:16px;font-weight:400}.memberInfo .memberAccount .account .note,.memberInfo .memberAccount .account .note span{font-size:10px}.memberInfo .memberAccount .account .note .date{display:block}.timepointunit{font-size:1.3rem}.proBtn{flex-wrap:wrap}.proBtn li{margin-bottom:10px;margin-right:0;width:20%}.proBtn li a h2{font-size:18px}.proBtn li .imgBtn{background-color:#009e96;border-radius:5px}.memberHome .morelink{margin:5px auto 0}.memberDayCheck .title{height:auto;padding:15px 0;width:260px}.memberDayCheck .title h2{font-size:24px}.memberDayCheck .title h3{font-size:20px}.memberDayCheck .calenderList .calender{background-size:contain;height:18.37vw;margin:0 1% 15px;width:16vw}.memberDayCheck .calenderList .calender a:after{bottom:20px;height:50px;transform:translateX(-25px);width:50px}.memberDayCheck .calenderList .calender a:hover:after{bottom:11px}.noticeSection,.productSection,.promoteSection{margin-bottom:20px}.noticeSection .title,.productSection .title,.promoteSection .title{height:75px}.noticeSection .title .mainTitle,.productSection .title .mainTitle,.promoteSection .title .mainTitle{height:280px;transform:translateX(-140px);width:280px}.noticeSection .title .mainTitle h2,.productSection .title .mainTitle h2,.promoteSection .title .mainTitle h2{font-size:26px}.noticeSection .pdList,.promoteSection .pdList{padding:0 16px}.noticeSection .pdList li,.productSection .pdList,.promoteSection .pdList li{padding:0 4px}.noticeSection .pdList li .img,.productSection .pdList .img,.promoteSection .pdList li .img{padding:8px}.noticeSection .pdList.style1 li .img,.productSection .pdList.style1 .img,.promoteSection .pdList.style1 li .img{padding:40px 8px 10px}.promoteSection .bankList{margin:0 auto;padding:0 16px}.promoteSection .bankList .bankPromote{padding:0 5px}.promoteSection .awardList,.promoteSection .eventList,.promoteSection .gameList{padding:0 16px}.promoteSection .awardList li>div{padding:10px 10px 65px}.bnarea_monthbn,.txtarea_monthbn{float:none;margin:0 auto;width:98%}.bnarea_monthbn{margin-bottom:2.5%}.noticeSection .noticeContent{padding:15px 8px}.popShareBox .popupHeader{flex-wrap:wrap}.popShareBox .popupHeader .col,.popShareBox .popupHeader .col2{flex-grow:1;flex:auto;width:100%}.popShareBox .popupHeader .col2{margin-top:5px}.popShareBox .popupHeader .text{padding:0}.popShareBox .popupHeader .text h2{text-align:center}}@media screen and (max-width:480px){.pad,.pc{display:none}.m{display:block}.container{width:96%}.memberInfo .info .col.infocol{padding:10px 0 5px}.proBtn li a h2{font-size:1.2rem}.memberDayCheck .calenderList{justify-content:space-evenly;padding-top:20px}.memberDayCheck .calenderList .calender{height:25.26vw;width:22vw}.memberDayCheck .calenderList .calender .day{transform:translateX(-12px);width:24px}.memberDayCheck .calenderList .calender a:after{bottom:10px;height:48px;transform:translateX(-24px);width:48px}.noticeSection .pdList li .infoBox,.productSection .pdList .infoBox,.promoteSection .pdList li .infoBox{padding:8px}.noticeSection .pdList.style1 li .infoBox,.productSection .pdList.style1 .infoBox,.promoteSection .pdList.style1 li .infoBox{padding:8px 8px 30px}.buymixbox .btnbuy{width:100px}.sec.sec1 .inlinePromoBox .promoGrid{gap:.5em}}@media screen and (max-width:360px){.memberInfo .main{font-size:16px}.memberInfo .main .memberBarcode img{height:32px;width:32px}.memberInfo .main .memberBarcode:hover img{height:30px;margin:1px;width:30px}.memberInfo .memberName{font-size:18px}.memberInfo .memberLevel{font-size:16px}.memberInfo .memberBtn{border-radius:50px;font-size:12px;padding:2px 5px}}.memberHome .mod_prod_card{background-color:#fff}.memberHome span[data-discount]{display:none}.popOverlay{background:rgba(0,0,0,.7);bottom:0;font-size:1.5rem;left:0;position:fixed;right:0;top:0;transition:opacity .5s;z-index:9998}.popOverlay .ordlistpop{border-bottom:1px solid #dfdfdf}.popOverlay .ordlistpop h2{color:#333;font-size:1.8rem;font-weight:700;text-align:left}.popOverlay .orderContent{padding:10px}.popOverlay .orderContent p{line-height:1.5;margin-bottom:10px;text-align:left}.popOverlay .orderContent .note{color:#b5b5b5;font-size:15px}.popBox{background:#fff;border-radius:5px;box-sizing:border-box;margin:80px auto;max-height:90vh;padding:40px 20px 20px;position:relative;transition:all 1s ease-in-out;width:80vw}.popBox .popClose{background:url(https://cdn.kingstone.com.tw/images/icon-close.png) no-repeat;background-size:25px 25px;cursor:pointer;display:block;height:25px;position:absolute;right:10px;top:9px;width:25px}.popBox.noCloseBtn{padding:20px}.popBox h2{background-color:#efefef;color:#636363;font-size:1.6rem;font-weight:400;margin-bottom:5px;padding:8px 1%;text-align:center}.popBox ul{list-style:none}.ppBtn{border-radius:2px;cursor:pointer;display:block;font-size:1.5rem;line-height:45px}.popBtn{display:flexbox;display:flex}.popBtn button{border:1px solid #c80000;border-radius:3px;flex:1;font-family:Arial,Verdana,Microsoft JhengHei,sans-serif;margin-right:2%;outline:none;width:100%}.popBtn button:last-child{margin-right:0}.popBtn button.ppBtn_w{background-color:#fff;border-bottom:4px solid #ae0909;color:#c80000}.popBtn .ppBtn_simple{background:transparent;border:0;color:#309fb9}.popBtn .ppBtn_simple:hover{color:#d20f16}.ppBtn_w{background-color:#fff;border-bottom:4px solid #ae0909;color:#c80000}.popBtn button.ppBtn_r,.ppBtn_r{background-color:#c80000;border-bottom:4px solid #ae0909;color:#fff}.popBtn button.ppBtn_r.notready,.ppBtn_r.notready{background-color:#b5b5b5;border:1px solid #b5b5b5;border-bottom:4px solid #9e9e9e;color:#fff}.popBtn button.ppBtn_r.notready:hover,.ppBtn_r.notready:hover{background-color:#9e9e9e}.popBtn button.ppBtn_r2{background-color:#fff;border-bottom:4px solid #ae0909;color:#c80000}.ppBtn_g{background-color:#9baf3a;border:1px solid #9baf3a!important;border-bottom:4px solid #7c8c2a!important;color:#fff}.ppBtn_c{background-color:var(--ks-gold);border:1px solid var(--ks-gold)!important;border-bottom:4px solid #6b410c!important;color:#fff}.ppBtn_gray{background-color:#b5b5b5;border:1px solid #b5b5b5!important;border-bottom:4px solid #9e9e9e!important;color:#fff}.ppBtn_b{background-color:#fff;color:#0078ca}.ppBtn_b,.ppBtn_b2{border:1px solid #0078ca!important;border-bottom:4px solid #0169b0!important}.ppBtn_b2{background:#0078ca;color:#fff}.ppBtn_none{background:transparent;border:0;color:#309fb9}.popBtn button.ppBtn_r:hover{background-color:#ae0909}.popBtn button.ppBtn_r2:hover{background-color:#ae0909;color:#fff}.ppBtn_w:hover{background-color:#ebebeb}.ppBtn_g:hover{background-color:#afc34a}.ppBtn_c:hover{background-color:#a06a27}.ppBtn_b:hover{background-color:#0078ca;color:#fff}.ppBtn_b2:hover{background-color:#0169b0}.popAlert{font-weight:500;text-align:center}.popAlert,.popNote{font-size:1.6rem;padding:15px 2% 25px}.popNote{text-align:left}.popNote p{font-weight:500;margin-bottom:2px}.popNote span{font-size:1.8rem}.popList{margin-left:20px}.popList li{font-size:1.4rem;list-style:disc}.ppaRed{color:#c01313}.popContent{max-height:80vh;overflow-y:auto}.cPPUmemberClause h2{background-color:inherit;color:#b8292f;font-size:1.6rem;font-weight:500}.popMemberClouse{border:1px solid #e2e2e2;color:#555;font-size:15px;height:28vh;margin-bottom:10px;overflow-y:auto;padding:15px 2% 25px;text-align:left}.popIread{color:#484848;font-size:1.5rem;margin:20px 0}.popIread label{cursor:pointer}.popIread .input-check[type=checkbox]+span{vertical-align:text-bottom}.popMemberClouse .clause dt{background:#e8e8e8;color:#535353;font-size:1.5rem;font-weight:500;padding:5px 15px}.popMemberClouse .clause dd{line-height:2;padding:5px 5px 20px}.popMemberClouse .firtNewTitle{margin:0 5px;padding:0}.popMemberClouse .fontblod{font-size:15px;font-weight:500}.popMemberClouse .firtNewTitle ul{line-height:1.6em;list-style-type:upper-alpha;margin-left:20px;padding:0}.popMemberClouse .firstA{padding:0;text-indent:0}.popMemberClouse .firstA .firstA{list-style-type:decimal}.hide{display:none}@media only screen and (max-width:768px){.popOverlay{font-size:1.6rem}.popBox{height:auto;margin-top:70px;padding:40px 14px 14px;width:93vw}.popBtn button{margin-right:4%}.popContent{max-height:70vh;-webkit-overflow-scrolling:touch}}@media only screen and (max-height:375px){.popContent{max-height:45vh}}.inlinePromoBox{align-items:center;background-color:var(--ks-offwhite_background);border-radius:5px;box-shadow:var(--shadow-elevation-high);display:flex;margin:5% auto;width:-moz-fit-content;width:fit-content;--grid-columns:3}.inlinePromoBox .promoBody{display:flex;flex-direction:column;padding:2%}.inlinePromoBox img{display:block;height:auto;width:100%}.inlinePromoBox .promoFullImg img{border-radius:5px}.inlinePromoBox .promoGrid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(150px,300px));grid-gap:2rem;gap:2rem;justify-content:center}.inlinePromoBox .promoCard{background-color:var(--ks-black);border-radius:10px;display:flex;flex-direction:column;padding:1.4rem}.inlinePromoBox .cardBody,.inlinePromoBox .cardHeader{font-size:1.8rem;font-weight:700}.inlinePromoBox .cardHeader{color:var(--ks-yellow)}.inlinePromoBox .cardBody{color:#fff}.inlinePromoBox li,.inlinePromoBox p{color:#333;font-size:1.6rem;line-height:1.5;margin-bottom:5px;text-align:left}.inlinePromoBox p.promoHeader{color:var(--ks-brown);font-size:2.2rem;font-weight:500;margin-bottom:2rem;text-align:center}.inlinePromoBox p a{color:#309fb9;font-weight:500;padding:0 2px}.inlinePromoBox .emphasis{color:#c01313}.inlinePromoBox ol{margin-bottom:10px}.inlinePromoBox li{list-style-position:inside}.promoBody a{background-color:var(--ks-yellow);border:none;border-radius:5px;font-size:2rem;margin:2% auto;outline:none;padding:1% 2%;transition:transform;transition-duration:.2s;transition-timing-function:ease;width:80%}.promoBody a:hover{transform:scale(1.1)}.promoBody a:active{transform:scale(.9)}.promoBody a:active,.promoBody a:hover{-webkit-text-decoration:none;text-decoration:none}@media only screen and (max-width:768px){.inlinePromoBox{flex-direction:column;--grid-columns:2}.inlinePromoBox .promoHero img{border-radius:5px;margin:2% auto auto;width:50%}}.loadingIconBox{height:40px;margin:20px auto;position:relative;top:calc(50% - 40px);transform:rotate(45deg);width:40px}.loadingIconBox .loadIcon{float:left;height:50%;position:relative;transform:scale(1.1);width:50%}.loadingIconBox .loadIcon:before{animation:skFoldCubeAngle 2.4s linear infinite both;background-color:hsla(0,0%,100%,.9);content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;width:100%}.loadingIconBox .loadIcon2{transform:scale(1.1) rotate(90deg)}.loadingIconBox .loadIcon3{transform:scale(1.1) rotate(180deg)}.loadingIconBox .loadIcon4{transform:scale(1.1) rotate(270deg)}.loadingIconBox .loadIcon2:before{animation-delay:.3s;background-color:hsla(0,0%,100%,.8)}.loadingIconBox .loadIcon3:before{animation-delay:.6s;background-color:hsla(0,0%,100%,.6)}.loadingIconBox .loadIcon4:before{animation-delay:.9s;background-color:hsla(0,0%,100%,.7)}@keyframes skFoldCubeAngle{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,to{opacity:0;transform:perspective(140px) rotateY(180deg)}}.embla{position:relative}.embla__viewport{overflow:hidden;width:100%}.embla__viewport.is-draggable{cursor:move;cursor:grab}.embla__viewport.is-dragging{cursor:grabbing}.embla__container{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.embla__button{align-items:center;background-color:transparent;border:0;cursor:pointer;height:80px;justify-content:center;outline:0;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);width:30px;z-index:1;fill:var(--ks-black);padding:0;transition:opacity .3s}.embla__button:disabled{cursor:default;opacity:0}.embla__button:hover{background-color:rgba(0,0,0,.2)}.embla__button__svg{margin:0 auto;transition:transform .2s ease;width:70%}.embla__button__svg:hover{transform:scale(1.1)}.embla__button--prev{left:0}.embla__button--next{right:0}.embla__pagination{bottom:10px;display:flex;gap:6px;justify-content:end;list-style:none;padding-top:10px;position:absolute;right:6px;width:100%}.embla__dot{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;outline:0;padding:0;position:relative}.embla__dot:after{background-color:#efefef;border-radius:100%;content:"";height:8px;width:8px}.embla__dot.is-selected:after{background-color:var(--ks-black);opacity:1}.maincolumn .mainbnfield{margin:0 0 10px}.mod_bigbn{display:flex;height:auto;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:100%}.mod_bigbn .embla{width:100%}.mod_bigbn .embla__slide{align-items:center;background-color:var(--ks-offwhite_background);display:flex;justify-content:center;min-width:100%}.mod_bigbn .embla__slide a{width:100%}.mod_bigbn .embla__slide img{display:block;height:auto;width:100%}@media only screen and (min-width:769px){.mod_bigbn{border-radius:5px}.mod_bigbn .embla{box-shadow:var(--shadow-elevation-high)}}dialog#siteBlockUI[open]{opacity:1}dialog#siteBlockUI{background-color:transparent;border:var(--ks-offwhite_border);min-width:100px;opacity:0;outline:var(--ks-offwhite_border);transition:all allow-discrete .35s}dialog#siteBlockUI .textContainer{background-color:var(--ks-offwhite_background);color:var(--ks-brown);font-size:2.5rem;padding:2rem 1rem;width:min(300px,60vw)}dialog#siteBlockUI .imgContainer{height:auto;width:min(200px,60vw)}@starting-style{dialog#siteBlockUI[open]{opacity:0}}dialog#siteBlockUI::backdrop{background-color:transparent;transition:all allow-discrete .35s}dialog#siteBlockUI[open]::backdrop{background-color:rgba(0,0,0,.65)}@starting-style{dialog#siteBlockUI[open]::backdrop{background-color:transparent}}.cardGrid-4{display:grid;grid-template-columns:repeat(4,1fr);margin:1.5rem 0}.mod_prod_card{border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;list-style-type:none;max-width:350px;padding:1rem 1rem 1.5rem}.mod_prod_card.shadow-med{box-shadow:var(--shadow-elevation-medium)}.mod_prod_card .cardProdDetails{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 .5rem}.mod_prod_card .listenbox{bottom:0;height:50px;position:absolute;right:0;width:49px}.mod_prod_card .coverbox a{position:relative}.mod_prod_card .coverbox img{display:inline-block;height:auto;width:100%}.mod_prod_card .coverbox .imgFrame{left:0;position:absolute}.mod_prod_card .goodpeople{font-size:1.2rem;text-align:left}.mod_prod_card .goodpeople b{color:#ee227d}.mod_prod_card .excerptbox{display:none}.prodCardList .mod_prod_card{display:grid;flex-direction:row;grid-template-columns:15% 1fr;max-width:none}.prodCardList .mod_prod_card .cardProdHero{align-items:center;display:flex;flex-direction:column}.prodCardList .mod_prod_card .cardProdDetails{justify-content:start;padding-left:1rem}.prodCardList .mod_prod_card .excerptbox{color:#6f6f6f;display:-webkit-box;font-size:1.3rem;margin-bottom:1rem;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prodCardList .mod_prod_card .buymixbox .btnbuyset{justify-content:start}@media only screen and (max-width:768px){.prodCardList .mod_prod_card{grid-template-columns:30% 1fr}.cardGrid-4{grid-template-columns:repeat(2,1fr)}}.rankbox{align-items:center;color:#a26424;display:flex;font-size:1.3rem;font-weight:500;height:20px;justify-content:center;margin-bottom:8px;overflow:hidden;position:relative;text-align:center}.sloganbox{color:var(--ks-gold);font-size:1.4rem;height:2.4em;line-height:1.2;margin:0 auto 8px;overflow:hidden;padding:0;text-align:left;width:90%;word-break:break-all}.coverbox{font-size:0;margin:0 0 10px;position:relative;text-align:center}.coverbox,.pdnamebox{height:auto;padding:0;width:100%}.pdnamebox{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;font-size:1.5rem;font-weight:500;line-height:1.4;margin:0 0 4px;overflow:hidden;text-align:left}.pdnamebox a{color:#333}.basic1box{font-size:1.2rem;height:auto;line-height:1.4;margin:0 0 4px;padding:0;width:100%}.basic1box span{height:1.4em;margin-right:18px;overflow:hidden}.basic1box span b{margin:0 5px}.basic1box a{color:#007fbb}.basic1box .goodstar{color:#ffa200;font-size:1.2rem}.basic1box .bossmark a{display:block;width:100px}.basic1box .bossmark img{display:block;width:100%}.author,.brand,.goodstar,.lang,.line1,.pubdate,.publish{height:1.4em;line-height:1.4;overflow:hidden;text-align:left}.pubdate{color:#e69200}.brand a{color:#007fbb}.buymixbox{font-size:1.3rem;height:auto;margin:0;padding:0;text-align:left;width:100%}.priceThrough{font-size:1.2rem;-webkit-text-decoration:line-through;text-decoration:line-through}.rankbox span{background-color:#a26424;border-radius:100px;color:#fff;display:block;font-size:1.2rem;height:20px;line-height:20px;margin-left:5px;padding:0 1px 0 0;text-align:center;width:19px}.coverbox img{height:auto;image-rendering:auto;margin:0 auto;width:100%}.coverbox .rankicon{background-color:#fe4646;color:#fff;display:inline-block;font:700 12px/18px Helvetica,sans-serif;height:18px;position:absolute;text-align:center;width:22px}.coverbox .rankicon:after{border-bottom:11px solid transparent;border-left:11px solid #fe4646;border-right:11px solid #fe4646;bottom:-10px;content:"";display:inline-block;height:0;left:0;position:absolute;width:0}.buymixbox span{margin-right:5px}.buymixbox span b{color:#ea0000;font-weight:700;margin:0 4px}.buymixbox span b.b1{margin-left:0}.buymixbox .btnbuyset{align-items:center;display:flex;height:auto;justify-content:space-between;margin:15px 0 0;padding:0;width:100%}.buymixbox .price1set,.buymixbox .price2set,.buymixbox .priceset{height:1.4em;margin:0;overflow:hidden;padding:0;white-space:nowrap;width:100%}.btnfunctionbox{display:inline-block;height:auto;margin:0;padding:0;width:auto}.btnfunctionbox .btnft{box-sizing:border-box;color:#555;display:inline-block;font-size:1.2rem;height:22px;line-height:20px;margin:0 4px 0 0;padding:0;text-align:center;width:44px}.btnfunctionbox .btnft:not(:root){line-height:20px}.btnfunctionbox .btnft:hover{opacity:.7}.btnfunctionbox .btnft a{color:#ac802a;display:block;height:100%;-webkit-text-decoration:none;text-decoration:none;width:100%}.btnfunctionbox .btnft a:hover{opacity:.7}.btnfunctionbox .btnmv,.btnfunctionbox .btnread{border:1px solid #ac802a;border-radius:3px}.btnfunctionbox span{font-family:新細明體,微軟正黑體,sans-serif}.nextbuybox a{box-sizing:border-box;display:block;padding:11px 5px 12px 18px}.nextbuybox img{cursor:pointer;height:auto;vertical-align:bottom;width:25px}.iconbox_ebook{bottom:0;box-shadow:2px 2px 3px rgba(0,0,0,.2);position:absolute;right:0;z-index:2}.iconinner_ebook{background-color:#feeb4c;box-sizing:border-box;color:#79462b;display:inline-block;font-size:1.5rem;height:20px;line-height:20px;padding:0 10px 0 5px;position:relative;width:auto}.iconinner_ebook:before{border-left:15px solid transparent;border-top:20px solid #feeb4c;content:"";display:block;height:0;position:absolute;right:100%;top:0;width:0}.iconbox_ebook.readmoo .iconinner_ebook{background-color:#169ccb;color:#fff}.iconbox_ebook.readmoo .iconinner_ebook:before{border-top:20px solid #169ccb}@media only screen and (max-width:768px){.rankbox span{height:20px;padding:0;width:20px}.coverbox img{max-width:200px}}.mod_slider_prod .embla__container{display:grid;grid-auto-columns:minmax(180px,350px);grid-auto-flow:column;grid-gap:2rem;gap:2rem;padding-bottom:2rem}.headlines_unit img{height:auto;width:100%}.headlines_unit{--mod_background_main:#fff8d9;--mod_background_accent:#fccf00;--mod_title_color:#694a3a;--mod_more_color:#694a3a;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#694a3a;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#694a3a;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f;background-color:#fff8d9;background-color:var(--mod_background_main);border-radius:16px;box-shadow:var(--shadow-elevation-high);padding:2% 0 0;position:relative}.headlines_unit.testTheme{--mod_background_main:pink;--mod_background_accent:var(--ks-black);--mod_title_color:lime;--mod_more_color:#000;--mod_more_background:purple;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:gray;--headlines1_title_background:orange;--headlines1_title_color:var(--ks-brown);--headlines1_title_hover_color:var(--ks-offwhite);--headlines1_title_hover_background:var(--ks-black);--headlines1_content_color:rgba(0,0,255,.43);--headlines2_title_color:green;--headlines2_content_color:purple;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemePink{--mod_background_main:#fff1f1;--mod_background_accent:#fa7070;--mod_title_color:#fa7070;--mod_more_color:#fa7070;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#fa7070;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#fa7070;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemeSteelBlue{--mod_background_main:#f0f7fa;--mod_background_accent:#60a7cb;--mod_title_color:#60a7cb;--mod_more_color:#60a7cb;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#60a7cb;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#60a7cb;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemePurple{--mod_background_main:#f6f3f9;--mod_background_accent:#9f7fba;--mod_title_color:#9f7fba;--mod_more_color:#9f7fba;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#9f7fba;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#9f7fba;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemeBrown{--mod_background_main:#f5f0f0;--mod_background_accent:#986060;--mod_title_color:#986060;--mod_more_color:#986060;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#986060;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#986060;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemeGreen{--mod_background_main:#edf7f5;--mod_background_accent:#47a992;--mod_title_color:#47a992;--mod_more_color:#47a992;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#47a992;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#47a992;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemeNavyBlue{--mod_background_main:#eeeff2;--mod_background_accent:#545b77;--mod_title_color:#545b77;--mod_more_color:#545b77;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#545b77;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#545b77;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit.ThemeOrange{--mod_background_main:#fef3ef;--mod_background_accent:#ef7e56;--mod_title_color:#ef7e56;--mod_more_color:#ef7e56;--mod_more_background:#fff;--mod_more_hover_color:#694a3a;--mod_more_hover_background:#fccf00;--mod_card_background:#fff;--headlines1_title_background:#ef7e56;--headlines1_title_color:#fff;--headlines1_title_hover_color:#694a3a;--headlines1_title_hover_background:#fccf00;--headlines1_content_color:#717171;--headlines2_title_color:#ef7e56;--headlines2_content_color:#717171;--headlines2_content_hover_title_color:#b8292f}.headlines_unit:before{background-color:var(--mod_background_accent);border-radius:0 0 16px 16px;bottom:0;content:"";display:block;height:30%;left:0;position:absolute;width:100%}.headlines_slider .embla__container{display:grid;grid-auto-flow:column;padding-bottom:1.5rem}.headlines1 .embla__container{gap:0;grid-auto-columns:minmax(24%,48%)}.headlines2 .embla__container{gap:0;grid-auto-columns:minmax(32.5%,65%)}.headlines_unit .embla__slide{box-shadow:none;margin:0 1rem}.headlines_unit .headlines1 img,.headlines_unit .headlines2 img{opacity:1}.headlines_unit .headlines1 img:hover,.headlines_unit .headlines2 img:hover{opacity:.8}.title_headlines{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.title_headlines h2{color:var(--mod_title_color);font-size:4rem;font-weight:700;line-height:1.5;padding:0 12px 0 8px}.title_headlines img{display:inline-block;height:45px;width:auto}.title_headlines .more{padding-top:12px}.title_headlines .more a{background-color:var(--mod_more_background);border-radius:16px;color:var(--mod_more_color);font-size:1.6rem;font-weight:500;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;transition:.3s}.title_headlines .more a:hover{background-color:var(--mod_more_hover_background);color:var(--mod_more_hover_color)}.headlines1_card,.headlines2_card{background-color:var(--mod_card_background);border-radius:16px;height:100%;overflow:hidden;transition:.3s}.headlines1_content,.headlines2_content{position:relative}.headlines1_content p{color:var(--headlines1_content_color);display:-webkit-box;font-size:1.6rem;line-height:1.4;margin:5% 6%;overflow:hidden;text-align:justify;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.headlines1_title{align-items:center;background-color:var(--headlines1_title_background);box-sizing:content-box;color:var(--headlines1_title_color);display:grid;font-size:2rem;height:5.5rem;line-height:1.6;overflow:hidden;padding:4%;transition:.2s}.headlines1_content:hover .headlines1_title{background-color:var(--headlines1_title_hover_background);color:var(--headlines1_title_hover_color)}.headlines1_content:hover,.headlines2_content:hover{-webkit-text-decoration:none;text-decoration:none}.headlines2_title{align-items:center;box-sizing:content-box;color:var(--headlines2_title_color);display:grid;font-size:2rem;font-weight:700;height:5.5rem;line-height:1.5;overflow:hidden;padding:0 4%}.headlines2_content p{color:var(--headlines2_content_color);display:-webkit-box;font-size:1.6rem;line-height:1.4;margin:2% 6% 5%;overflow:hidden;text-align:justify;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.headlines2_content:hover .headlines2_title{color:var(--headlines2_content_hover_title_color)}.headlines1_img{padding:5% 6%;text-align:center}.headlines1_img a{display:inline-block;width:45%}.headlines2_img{display:grid;grid-template-areas:"left rightTop" "left rightBottom";grid-template-columns:67% 1fr;justify-content:space-between;padding:5% 6%}.headlines2_img .pic_l{grid-area:left}.headlines2_img .pic_rt{grid-area:rightTop}.headlines2_img .pic_rb{grid-area:rightBottom}.headlines2_img img{border:1px solid #ddd;height:100%;width:100%}@media screen and (max-width:1024px){.headlines1 .embla__container{grid-auto-columns:minmax(23.5%,48%)}.headlines2 .embla__container{grid-auto-columns:minmax(32%,65%)}}@media only screen and (max-width:768px){.headlines1 .embla__container{grid-auto-columns:minmax(32%,48%)}.headlines2 .embla__container{grid-auto-columns:minmax(48.5%,65%)}.title_headlines h2{font-size:2.8rem}.headlines1_title,.headlines2_title{font-size:1.8rem}.headlines1_title{height:5.3rem}.headlines1_content p,.headlines2_content p,.title_headlines .more a{font-size:1.4rem}}@media only screen and (max-width:480px){.headlines1 .embla__container{grid-auto-columns:minmax(47.5%,48%)}.headlines2 .embla__container{grid-auto-columns:minmax(84%,65%)}.title_headlines{margin-bottom:8px}}