.cancer-top-background{background-image:url("../../images/cancerTreatment/background.jpg");background-image:-webkit-image-set(url("../../images/cancerTreatment/background.webp") 1x,url("../../images/cancerTreatment/background@2x.webp") 2x,url("../../images/cancerTreatment/background.jpg") 1x,url("../../images/cancerTreatment/background@2x.jpg") 2x);background-image:image-set(url("../../images/cancerTreatment/background.webp") 1x,url("../../images/cancerTreatment/background@2x.webp") 2x,url("../../images/cancerTreatment/background.jpg") 1x,url("../../images/cancerTreatment/background@2x.jpg") 2x);background-position:top center;background-size:cover;background-repeat:no-repeat;width:100%;aspect-ratio:auto 1920 / 300;max-height:18.75rem}.cancer-box{width:100%;height:100%}.cancer-text{font-size:3.929rem;font-weight:bold;color:#fff;width:100%;height:100%;background:rgba(62,71,86,0.15);align-items:start;padding-left:calc((100% - 90rem) / 2);box-sizing:border-box;text-shadow:2px 2px 10px rgba(0,0,0,0.9)}.cancer-common-title{font-size:1.2rem;font-weight:bold;color:#333333;position:relative;box-sizing:border-box;padding-left:10px;margin:24px 0;@media screen and (min-width:769px) and (max-width:1680px){font-size:2.2rem}}.cancer-common-title::before{content:"";width:4px;height:24px;background:#008f51;position:absolute;top:calc((100% - 24px) / 2);left:0}.marginTop16{margin-top:16px !important}.marginTop32{margin-top:32px !important}.marginTB24{margin:24px 0}.marginTop24{margin-top:24px !important}.cancer-content{grid-area:content}.cancer-slide{grid-area:slide;min-width:20em;max-width:22em}.cancer-container{width:100%;display:grid;grid-template-areas:"content slide";grid-template-rows:auto;grid-column-gap:24px;@media screen and (min-width:769px) and (max-width:1680px){grid-template-areas:"content"}}@media screen and (min-width:769px) and (max-width:1680px){.cancer-slide{display:none}}.cancer-container .cancer-content{width:100%}.cancer-content .cancer-title{font-size:2.571rem;font-weight:bold;color:#3a3c42;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cancer-container .cancer-slide{width:100%}.link-hover{background-image:linear-gradient(45deg,#008F51 50%,transparent 50%);background-position:100%;background-size:400%;transition:background 300ms ease-in-out;&:hover{background-position:0 0;color:#fff}}.cancer-tabs-box{width:100%;position:sticky;left:0;top:0;z-index:1;padding-bottom:10px}.cancer-tabs-box .cancer-tabs-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:76px;grid-gap:16px;margin:48px 0 0 0;@media screen and (min-width:769px) and (max-width:1024px){grid-template-columns:repeat(2,1fr)}}.cancer-tabs-list li{height:76px;border:1px solid #707070;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;text-align:center;cursor:pointer;box-sizing:border-box;padding:0 5px;background-color:#D3D4D2;background-image:linear-gradient(45deg,#008F51 50%,transparent 50%);background-position:100%;background-size:400%;transition:background 300ms ease-in-out;&:hover{background-position:0 0;color:#fff}}.cancer-tabs-list li.active{background:#008f51;color:#fff}.cancer-tabs-content,.tabs-content-item{width:100%}.cure-intro-container{width:100%;display:flex;align-items:center;background:#fff;box-sizing:border-box;padding:16px;border-radius:10px;margin-bottom:16px}.cure-intro-container-single{width:100%;display:flex;align-items:center;background:#fff;box-sizing:border-box;padding:16px;border-radius:10px;margin-bottom:16px}.cure-intro-container-single .cancer-type-image{grid-column:2;grid-row:1}.cancer-type-image p{font-size:18px;color:#3a3c42;line-height:1.5;margin-bottom:15px}.cancer-type-image p a{font-weight:600;color:#008f51}img.float-left{float:left}img.float-right{float:right}.cure-intro-container-single .cancer-type-intro img{object-fit:cover;border-radius:8px;transition:all 1s;float:right;&:hover{transform:translate(0,-1%)}}.cancer-type-intro p{font-size:18px;color:#3a3c42;line-height:1.5;margin-bottom:15px}.cancer-type-intro p a{font-weight:600;color:#008f51}.p-alink{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.p-alink .jump-chat{display:inline-flex;color:#fff;font-weight:500;text-align:center;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;border-radius:4px;font-size:1.125rem;box-sizing:border-box;padding:0 8px;width:19.5rem;height:48px;background:linear-gradient(90deg,#009454 0,#4db300 100%)}.p-alink .orange-text{font-weight:bold;font-size:16px;color:#fc7317;line-height:1.5;text-decoration:none}.vs-box{width:100%;margin-bottom:32px;box-shadow:0 3px 6px 1px rgba(0,0,0,0.16);border-radius:8px 8px 8px 8px}.vs-box .vs-box-top{display:grid;grid-template-columns:1fr;background:#009454;box-shadow:0 3px 6px 1px rgba(0,0,0,0.16);border-radius:8px;position:relative;box-sizing:border-box;padding:24px 24px 48px 24px;margin-bottom:32px}.vs-box .vs-box-top::after{content:"";width:90px;height:90px;background:url("../../images/topic/cerebral_cancer/vs.png") no-repeat center center;position:absolute;bottom:-45px;left:calc((100% - 90px) / 2)}.vs-box-top .item dt{font-weight:bold;font-size:22px;color:#fff;text-align:center}.vs-box-top .item dd{font-size:18px;color:#fff;line-height:1.5;margin-top:8px}.vs-box .vs-box-bottom{display:grid;grid-template-columns:repeat(2,1fr);@media screen and (min-width:769px) and (max-width:1024px){grid-template-columns:1fr}}.vs-box-bottom .item{box-sizing:border-box;padding:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:1025px){.vs-box-bottom .item:not(:last-child)::before{content:"";width:2px;height:70%;background:#d6d6d6;position:absolute;right:0;bottom:10%}}@media screen and (min-width:769px) and (max-width:1024px){.vs-box-bottom .item:not(:last-child)::before{content:"";width:100%;height:2px;background:#d6d6d6;position:absolute;left:0;bottom:0}}.vs-box-bottom .item dt{font-weight:bold;font-size:22px;color:#333;text-align:center}.vs-box-bottom .item dd{font-size:18px;color:#333;line-height:1.5;margin-top:8px}.cure-mdt-container{max-width:67rem;@media screen and (min-width:769px) and (max-width:1680px){max-width:90rem}}.cure-scope-list p,.cure-scope-list dl,.cancer-stage p{font-size:18px;line-height:1.5;margin-top:8px}.cure-scope-list dl dt,.cancer-stage dt{margin:8px 0}.cancer-stage dd{line-height:1.5;margin:8px 0}.cure-scope-list dl dd{line-height:1.5;margin:8px 0}.cure-scope-list p strong,.cure-scope-list dl strong{color:#333}.cure-scope-image{width:100%;margin-bottom:16px}.cure-scope-image img{width:50%;height:auto;object-fit:cover;border-radius:8px;display:block;margin:32px auto}ul.child-list>li{text-indent:1em;line-height:1.5;list-style-type:circle;list-style-position:inside;margin:8px 0}ul.sub-child-list>li{text-indent:2em;line-height:1.5;list-style-type:disc;list-style-position:inside}ol.order-list>li{text-indent:2em;line-height:1.5;list-style-type:decimal;list-style-position:inside;padding-left:1em}dt.header{font-size:18px;font-weight:bold;color:#333;position:relative;box-sizing:border-box;padding-left:10px}dt.header::before{content:"";width:4px;height:18px;background:#008f51;position:absolute;top:calc((100% - 18px) / 2);left:0}.disc-type>li{list-style-type:disc !important}.patient-story-container{background:#f4f5f3;box-sizing:border-box;padding-top:36px}.patient-story-container .story-container-body{display:grid;grid-template-columns:354px 1fr;grid-template-rows:auto}.story-container-body .story-tabs{grid-column:1;grid-row:1}.story-container-body .story-content{grid-column:2;grid-row:1;background:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px}.story-tabs dl{width:100%;display:grid;grid-template-columns:126px 228px;grid-template-rows:57px 85px;box-sizing:border-box;padding-left:10px;cursor:pointer}.story-tabs dl.active{background:#fff;border-top-left-radius:8px;border-bottom-left-radius:8px}.story-tabs dl dt{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;justify-content:center}.story-tabs dl dt img{width:102px;height:auto;aspect-ratio:1 / 1;object-fit:cover;box-sizing:border-box;border-radius:100%}.story-tabs dl dd.name{grid-column:2;grid-row:1;height:24px;font-size:18px;font-weight:bold;color:#333;align-self:center}.story-tabs dl dd.method{grid-column:2;grid-row:2;font-size:18px;font-weight:bold;color:#008f51;line-height:1.5}.story-tabs dl dd.method span{display:inline-block;background:#fd8217;color:#fff;width:28px;height:28px;aspect-ratio:1 / 1;border-radius:100%;box-sizing:border-box;text-align:center}.story-content .item-body{width:100%}.item-body .item-content{width:100%;display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:0 16px 16px;box-sizing:border-box}.item-content .item-header{display:flex;justify-content:flex-start}.item-content .item-header .image{width:265px;height:170px;margin-right:10px;aspect-ratio:auto 60 / 32}.item-content .item-header .image img{width:100%;height:100%;object-fit:cover;border-radius:8px;&:hover{cursor:pointer}}.item-header .intro-box{display:flex;flex-direction:column;justify-content:center}.item-header .intro-box dt.name{font-size:20px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:10px}.item-header .intro-box dd.intro{font-size:16px;color:#008f51;line-height:1.5}.item-header .intro-box dd.intro span{background:#fd8217;color:#fff;width:28px;aspect-ratio:1 / 1;border-radius:100%;display:inline-block;text-align:center;padding-top:2px;box-sizing:border-box;font-weight:bold}.item-body{width:100%;margin-top:16px}.item-body p{font-size:16px;color:#333;line-height:1.5;margin-bottom:10px;box-sizing:border-box}.story-content .content-ask{margin-bottom:16px;display:grid;grid-template-columns:1fr 250px;grid-template-rows:auto;margin-top:16px}.story-content .content-ask .ask-text{grid-column:1;grid-row:1;font-size:14px;font-weight:bold;color:#fc7317;display:flex;justify-content:start;align-items:center;box-sizing:border-box;padding-left:16px}.story-content .content-ask a{grid-column:2;grid-row:1;z-index:1;width:312px;height:48px;background:linear-gradient(90deg,#009454 0,#4db300 100%);border-radius:4px;justify-self:end;margin-right:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;color:#fff;text-decoration:none}.cancer-form-container .self-response-width{width:auto;box-sizing:border-box;padding:0 32px}.cancer-form-container .form-box form{padding-left:2rem}.cancer-form-container .form-box form .form-group{width:calc((100% - 1rem) / 2)}.cancer-form-container .form-box form .input-box input{width:28rem}.patient-box-pagination{width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.patient-box .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("../../images/home/arrow/left@2x.png");width:1.375rem;height:4.125rem;background-size:1.375rem 4.125rem;left:-40px;margin-top:-90px}.patient-box .swiper-button-next,.swiper-container-rtl .swiper-button-prev{width:1.375rem;height:4.125rem;background-size:1.375rem 4.125rem;background-image:url("../../images/home/arrow/right@2x.png");right:-40px;margin-top:-90px}.qa-body .qa-item{box-shadow:0 3px 6px 1px rgba(0,0,0,0.12);border-radius:8px;margin-bottom:24px;transition:all 1s;&:hover{transform:translate(0,-3%)}}.qa-body .qa-item .qa-ask{background:#dbf3eb;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto;box-sizing:border-box;padding:24px;grid-column-gap:16px;border-top-left-radius:8px;border-top-right-radius:8px}.qa-ask .start{grid-column:1;grid-row:1}.qa-ask .start img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:100%}.qa-ask .start dd{font-size:16px;color:#666;text-align:center;margin-top:5px}.qa-ask .end{grid-column:2;grid-row:1;font-size:20px;font-weight:400;color:#333;line-height:1.5}.qa-body .qa-item .qa-answer{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto;grid-column-gap:16px;background:#fff;box-sizing:border-box;padding:24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.qa-answer .start img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:100%}.qa-answer .start dd{font-size:16px;color:#666;text-align:center;margin-top:5px}.qa-answer .end{font-size:18px;color:#666;line-height:1.5}.cancer-staging-container{width:100%}.cancer-staging-container p{font-size:18px;color:#3a3c42;line-height:1.5;margin-bottom:15px}.breast-cancer-staging{background:#06b575;box-shadow:0 3px 6px 1px rgba(0,0,0,0.12);border-radius:8px;box-sizing:border-box;padding:24px;display:flex;justify-content:space-between;align-items:center}.breast-cancer-staging dl{position:relative;padding:10px;line-height:1.5;flex:1;display:flex;flex-direction:column;justify-content:start}.breast-cancer-staging dl:not(:last-child)::after{content:"";height:calc(100% - 2rem);width:1px;background:#fff;position:absolute;right:0;bottom:1rem}.breast-cancer-staging dl dt,.breast-cancer-staging dl dd{color:#fff;text-align:center}.breast-cancer-staging dl dt{margin-bottom:8px}.breast-cancer-staging dl dt:first-of-type{font-size:1.875rem;font-weight:bold}.breast-cancer-staging dl dt:not(:first-of-type){font-size:1rem}.breast-cancer-staging dl dd{font-size:1.5rem}.breast-cancer-staging dl dd:first-of-type{font-size:1rem;min-height:5rem}.breast-cancer-staging dl dd:last-of-type{font-size:1.875rem;font-weight:bold}.section-list-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-gap:16px}.section-list-container .list-item{width:100%;background:#FFFFFF;box-shadow:0 .1875rem 1rem .0625rem rgba(0,0,0,0.12);border-radius:.5rem;transition:all 1s;&:hover{transform:translate(0,-2%)}}.list-item-video-container{width:100%;position:relative}.list-item-video-container img{width:100%;height:16rem;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.video-text-area dt.text-title{width:100%;height:2.286rem;line-height:2.286rem;background:linear-gradient(90deg,#009454 0,#4db300 100%);font-size:1.286rem;font-weight:400;color:#fff;padding-left:1rem;box-sizing:border-box}.video-text-area dt.user-name{height:2rem;font-size:1.429rem;font-weight:bold;color:#333;text-align:left;padding-left:1rem;padding-top:1rem;box-sizing:border-box}.video-text-area dd.tag-list{width:100%;height:1.1875rem;font-size:.875rem;font-weight:400;color:#00824a;margin-top:1.5rem;margin-left:1rem}.video-text-area dd.tag-list span{width:6.25rem;height:1.5rem;background:#e5f4ed;border-radius:.125rem;padding:.25rem .3125rem;box-sizing:border-box;margin-right:.625rem}.video-text-area dd.intro{font-size:1.143rem;font-weight:400;color:#666;margin:1rem 1rem .6875rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.list-item .video-more-link{width:100%;text-align:right;box-sizing:border-box;padding-right:1rem;padding-bottom:1.5rem;color:#009454;position:relative;margin-top:30px}.list-item .video-more-link a{color:#009454;text-decoration:none;font-size:1.286rem;font-weight:400;position:absolute;right:.625rem;bottom:1rem}.pagination-box{display:flex;justify-content:center;align-items:center}.pagination-box .pagination{text-align:center;width:36.1875rem;height:5.286rem;display:flex;justify-content:center;align-items:center}.pagination li a,.pagination a{display:block;padding:.5rem .929rem;margin-right:5px;text-decoration:none;background:#dadada;color:#666}.pagination div{display:flex}.pagination li.current a,.pagination a.thislink{border:1px solid #008f51;background:#fff}.cancer-content-link-box{display:grid;grid-template-columns:minmax(150px,200px) minmax(150px,200px) 1fr;grid-template-rows:auto;grid-column-gap:10px}.cancer-content-link-box dl{display:flex;justify-content:flex-start;align-items:center}.cancer-content-link-box dl dd{font-size:14px;font-weight:400;color:#999;box-sizing:border-box;padding:0 5px}.cancer-content-link-box dd.third{display:flex}.cancer-content-link-box dd.third div{margin-right:8px;transition:all 1s;&:hover{cursor:pointer;transform:translate(0,-5%)}}.cancer-slide .article-slide-section{border-radius:8px;background:#fff;box-sizing:border-box;padding:0 16px;margin-bottom:16px}.article-slide-section .article-slide-header{width:100%;border-bottom:1px solid #ccc;height:48px;display:flex;flex-direction:column;justify-content:center;font-size:24px;font-weight:bold;color:#3a3c42}.article-slide-section .article-slide-header h2{width:100%;font-size:24px;font-weight:bold;color:#3a3c42;line-height:16px}.swiper-cancer-pagination{position:static !important}.backgroundWhite{background:0}.treatment-box{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-row-gap:16px;background:#e5e5e5;border-radius:4px;box-sizing:border-box;padding:16px}.treatment-box .treatment-info{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-around}.treatment-info .intro{font-size:18px;font-weight:400;color:#666;line-height:1.5;text-align:justify}.treatment-info .more-link{grid-column:1;grid-row:2}.treatment-info .more-link{width:100%;height:48px;background:linear-gradient(94deg,#009454 0,#4db300 100%);border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}.treatment-info .more-link a{text-decoration:none;font-size:16px;font-weight:bold;color:#fff}.online-box{width:100%;height:146px;background-color:#06b575;background-image:url("../../images/topic/breast_cancer/online-backgrond.png");background-repeat:no-repeat;background-position:center center;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.online-box dl{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.online-box dl dt{width:100%;font-size:18px;font-weight:400;color:#fff;line-height:1.5;text-align:center;margin-bottom:10px;box-sizing:border-box;padding:10px}.online-box dl dd{border-radius:20px;border:1px solid #fff;box-sizing:border-box;padding:5px 10px}.online-box dl dt a{font-size:24px;color:#fff;font-weight:bold}.online-box dl dd a{font-size:16px;color:#fff;font-weight:bold;line-height:1.5;text-decoration:none}legend[slot='fieldset-legend']{color:#fff;background:#008f51;padding:.25em 1em;border-radius:1em;font-size:1.2em}ul[slot='fieldset-content']{width:100%}ul[slot='fieldset-content'] li{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.5;border-bottom:1px solid #F5F5F5;margin-bottom:.5em;transition:all .5s;&:hover{transform:translate(0,-1%)}}ul[slot='fieldset-content'] li a{display:inline-flex;gap:.5em;justify-content:center;align-items:center;text-decoration:none;color:#333;font-size:1em}ul[slot='fieldset-content'] li a img{width:2em;height:2em}*[slot='fieldset-button']{box-sizing:border-box;padding:.5em;background:#008f51;color:#fff;border-radius:20px;margin-top:6px;display:inline-block;text-decoration:none;text-align:center;font-size:1em;width:100%}*[slot='fieldset-content']{width:100%}*[slot='fieldset-content']>a{text-decoration:none;color:inherit;font-size:1em;margin-bottom:1em;display:block;padding-bottom:.5em;border-bottom:1px solid #f5f5f5}*[slot='fieldset-content']>a .video-wrap-button{position:relative}*[slot='fieldset-content']>a .video-wrap-button::after{width:4em;height:4em;background-size:4rem 4rem}*[slot='fieldset-content']>a img{width:100%;border-radius:.25em;object-fit:cover;object-position:top center;height:8em}*[slot='fieldset-content']>a img.mdt{height:15em;object-fit:contain}*[slot='fieldset-content']>a img[src$=".png"]{filter:drop-shadow(0 0 10px rgba(0 0 0 / 30%))}*[slot='fieldset-content']>a dl{width:100%}*[slot='fieldset-content']>a dl dt{font-weight:700;font-size:1em;line-height:1.5}*[slot='fieldset-content']>a dl dd{font-size:1em;margin-top:.5em;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}*[slot='fieldset-content']>a dl dd.flag{color:#008f51}