*{padding:0;margin:0;box-sizing:border-box}body,html{font-size:19px}.content-wrap{max-width:1170px}#block-panels-mini-product-menu,.banner-wrap{background:#ffd800}.one-wrapper h1{font-size:2.7rem;font-family:var(--zf-secondary-bold)}.one-wrapper h2{font-size:1.9rem;font-family:var(--zf-secondary-semibold)}.banner-wrap{padding:80px 0}.banner-wrap .content-wrap{display:flex;justify-content:space-between;align-items:center}.banner-left{max-width:450px}.banner-right{max-width:500px}.click-btn .act-btn{background:#f0483e;color:#fff}.workshop-cont-wrap{padding:100px 0}.workshop-heading{display:flex;justify-content:space-between;max-width:1100px;margin:0 0 60px}.workshop-heading h2{max-width:350px}.workshop-heading p{max-width:620px;margin:0}.workshop-tab-list{margin:0 0 50px}.workshop-tab-list span{display:inline-block;padding:0 30px;position:relative}.workshop-tab-list span:first-child{padding-left:0}.workshop-tab-list span:not(:first-child):before{content:'';position:absolute;width:2px;height:20px;left:0;top:5px;background:#efefef}.workshop-tab-list span a{color:#949494;padding-bottom:3px;border-bottom:2px solid transparent;font-family:var(--zf-secondary-semibold)}.workshop-tab-list span.active a{color:#000;border-color:#000}.list-contain{display:none}.list-contain.active-tab{display:block}.workshop-list-wrap ul{overflow:hidden;margin:0 -10px;padding:0;list-style:none}.workshop-list-wrap li{float:left;width:calc(33.333333% - 20px);margin:0 10px 20px 10px;padding:60px 40px}#upcoming li:nth-child(5n+1){background:#ffeceb}#upcoming li:nth-child(5n+2){background:#eeefff}#upcoming li:nth-child(5n+3){background:#e0f7fa}#upcoming li:nth-child(5n+4){background:#fef3e4}#upcoming li:nth-child(5n+5){background:#e9fce7}#upcoming li a.act-btn{background:#f0483e;color:#fff}#past li{background:#faf2ec}#past li a.act-btn{background:#000;color:#fff}.workshop-list-wrap li h4{min-height:100px;margin:0}.workshop-list-wrap li p:last-child{margin:0}.workshop-list-wrap li .workshop-date,.workshop-list-wrap li .workshop-time{margin:30px 0;padding:0 0 0 45px}@supports(display:grid){.workshop-list-wrap ul{display:grid;display:-ms-grid;-ms-grid-columns:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-gap:20px;align-items:start;margin:0}.workshop-list-wrap li{width:auto;min-height:auto;margin:0;height:100%;display:none}}.workshop-why .content-wrap{display:flex;justify-content:space-between}.why-attend-content{max-width:710px}.why-attend-content ul{margin:0 0 30px}.why-attend-content li{font-size:19px;font-family:var(--zf-primary-semibold);position:relative;padding-left:35px;margin-bottom:12px}.why-attend-content li:before{content:'';position:absolute;left:0;top:4px;width:25px;height:25px;background:url('//www.zohowebstatic.com/sites/zweb/images/commonroot/event-sprite.png') -36px -4px/92px no-repeat}.why-attend-content p:last-child:after{content:'';display:inline-block;width:25px;height:25px;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/event-sprite.png) -62px -4px/121px no-repeat;margin:-5px 0 -5px 5px}.more-btn{text-align:center;margin:50px 0 0}.more-btn .act-btn{border:1px solid #009aff;color:#009aff;border-radius:5px}a.act-btn.cta-btn{padding:8px 30px;line-height:1.6}.workshop-date,.workshop-time{position:relative}.workshop-date:before{content:'';position:absolute;left:0;width:30px;height:30px;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/event-sprite.png) 0 0/110px no-repeat}.workshop-time:before{content:'';position:absolute;left:0;width:30px;height:30px;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/event-sprite.png) 0 0/110px no-repeat;background-position:-80px 0}.less-btn{display:none}@media only screen and (max-width:1366px){body,html{font-size:17px}}@media only screen and (max-width:992px){body,html{font-size:15px}.banner-wrap{padding:60px 0}.banner-wrap .content-wrap{display:block;text-align:center}.banner-left{margin:0 auto}.banner-right{margin:30px auto 0}.workshop-list-wrap li{width:calc(50% - 20px)}@supports(display:grid){.workshop-list-wrap ul{-ms-grid-columns:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.workshop-list-wrap li{width:auto;min-height:auto;margin:0;height:100%}}.why-attend-content{max-width:500px}.why-attend-content li{font-size:17px}.workshop-cont-wrap{padding:80px 0}.workshop-heading{margin:0 0 40px}.workshop-heading h2{max-width:240px}.workshop-heading p{max-width:450px;margin:0}}@media only screen and (max-width:767px){.workshop-cont-wrap{padding:60px 0}.workshop-heading{display:block}.workshop-tab-list{margin:0 0 40px}.workshop-list-wrap li{width:calc(100%);margin:0 0 20px;padding:60px 40px}@supports(display:grid){.workshop-list-wrap ul{-ms-grid-columns:repeat(1,1fr);grid-template-columns:repeat(1,1fr)}.workshop-list-wrap li{width:auto;min-height:auto;margin:0;height:100%}}.workshop-why .content-wrap{display:block}.workshop-tab-list span{padding:0 10px}.workshop-list-wrap li h4{min-height:auto}}.workshop-list-wrap ul a.z-youtube-link{display:none}