.main .wrapper:nth-child(1){background-image:url(../images/2512498907-scaled.jpg)}.main .wrapper:nth-child(2){margin:70px 0;padding:10px}.main .wrapper:nth-child(2) .categories{display:flex;align-items:center;justify-content:space-around}.main .wrapper:nth-child(2) .categories .category{display:flex;transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX,1) * var(--e-transform-scaleX,var(--e-transform-scale,1)))) scaleY(calc(var(--e-transform-flipY,1) * var(--e-transform-scaleY,var(--e-transform-scale,1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.main .wrapper:nth-child(2) .categories .category:hover{--e-transform-rotateZ:2deg}.main .wrapper:nth-child(2) .categories .category .text{font-family:"Noto Sans TC",Sans-serif;font-weight:600;letter-spacing:1px;color:#0f5176}.main .wrapper:nth-child(2) .categories .category .icon{fill:#0f5176;color:#0f5176;border-color:#0f5176;font-size:50px;line-height:1;text-align:center;margin-bottom:15px}.main .wrapper:nth-child(2) .categories .category.oral-care .icon i:before{content:"\f62e"}.main .wrapper:nth-child(2) .categories .category.treatment-guides .icon i:before{content:"\f4ad"}.main .wrapper:nth-child(2) .categories .category.dental-myths .icon i:before{content:"\f059"}.main .wrapper:nth-child(2) .categories .category.latest-news .icon i:before{content:"\f1ea"}.main .wrapper:nth-child(3){padding:10px}.main .wrapper:nth-child(3)>.inner{display:flex;flex-direction:column;gap:20px;padding:10px}.main .wrapper:nth-child(3) h2{font-family:"Noto Sans TC",Sans-serif;font-size:40px;font-weight:700;letter-spacing:1px;color:#0f5176;text-align:center;padding:10px}.main .wrapper:nth-child(3) .article .inner{display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:#fff;width:100%;min-height:100%;border-radius:3px;border:0 solid #818a91;transition:all .25s;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.main .wrapper:nth-child(3) .articles{display:grid;grid-column-gap:30px;grid-row-gap:35px;grid-template-columns:repeat(3,1fr)}.main .wrapper:nth-child(3) .article .inner .thumbnail{padding-bottom:calc(.66 * 100%);overflow:hidden;position:relative;margin-bottom:20px}.main .wrapper:nth-child(3) .article .inner .thumbnail img{height:100%;width:calc(100% + 1px);position:absolute;top:calc(50% + 1px);left:calc(50% + 1px);transform:scale(1.01) translate(-50%,-50%)}.main .wrapper:nth-child(3) .article .inner .thumbnail:after{display:block;content:"";background-image:linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);background-repeat:no-repeat;height:100%;width:100%;position:absolute;bottom:0;opacity:1;transition:all .3s ease-out}.main .wrapper:nth-child(3) .article .inner a{color:inherit}.main .wrapper:nth-child(3) .article .inner .text-box{padding:0 30px;display:flex;flex-direction:column;flex:1}.main .wrapper:nth-child(3) .article .inner .title{color:#8a898b;font-family:"Noto Sans TC",sans-serif;margin-top:20px}.main .wrapper:nth-child(3) .article .inner .title h3{font-size:21px;margin-top:0;margin-bottom:25px;font-weight:400;letter-spacing:1px}.main .wrapper:nth-child(3) .article .inner .desc{margin-bottom:25px;flex:1}.main .wrapper:nth-child(3) .article .inner .desc p{color:#777;font-family:"Noto Sans TC",sans-serif;font-size:14px;font-weight:300;letter-spacing:1px;margin-bottom:0}.main .wrapper:nth-child(3) .article .inner .read-more-wrapper{color:#0f5176;font-size:12px;font-family:"Noto Sans TC",sans-serif;font-weight:500;letter-spacing:1px;margin-bottom:20px}.main .wrapper:nth-child(3) .article .inner .date{padding:15px 30px;margin-bottom:0;border-top:1px solid #eaeaea;font-family:"Noto Sans TC",sans-serif;font-weight:300;letter-spacing:1px;line-height:1.3em;font-size:12px;color:#adadad}.main .wrapper:nth-child(3) .article .inner .badge{position:absolute;top:0;background:#0f5176;color:#fff;font-size:12px;padding:.6em 1.2em;line-height:1;font-weight:400;margin:5px;right:0;z-index:1;border-radius:999px;font-family:"Noto Sans TC",sans-serif;font-size:12px;font-weight:500}.main .wrapper:nth-child(3) .article:hover .inner{box-shadow:0 0 30px 0 rgba(0,0,0,.15)}.main .wrapper:nth-child(3) .article:hover .inner .thumbnail:after{opacity:.5}@media only screen and (max-width:1024px){.main .wrapper:nth-child(3) .articles{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.main .wrapper.page-header-section-style .inner>h2{font-size:28px;padding-top:30px}.main .wrapper.page-header-section-style .inner>p{font-size:24px;padding-top:0}.main .wrapper:nth-child(2) .categories{flex-wrap:wrap}.main .wrapper:nth-child(2) .categories .category{width:50%;justify-content:center}.main .wrapper:nth-child(3) .articles{grid-template-columns:repeat(1,1fr)}.main .wrapper:nth-child(2) .categories .category .text{font-size:20px}}