@media(min-width: 1920px){
.masterclassecarchive{
	width: 100%;
	min-height: 955px;
	display: flex;
	flex-flow: column;
}
.masterclassecarchive .up_line{
	width: 100%;
	display: inline-flex;
	padding-top: 94px;
	min-height: 663px;
	margin-bottom: 53px;
}

.masterclassecarchive .up_line>div{
	display: flex;
	flex-flow: column;
	padding-bottom: 60px;
	width: 730px;
	height: 467px;
	margin-left: auto;
	padding: 30px 61px 72px 62px;
	margin-right: 152px;
	border: 1px solid #FFF;
	border-radius: 0 0 270px 0;
}
.masterclassecarchive .up_line>div>h2{
	color: #FFF;
	font-family: DIN Pro;
	font-size: 85px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 25px;
	width: 740px;
}
.masterclassecarchive .up_line>div>p span{
	color: #2577B7;
	text-decoration: underline;
}
.masterclassecarchive .up_line>div>p{
	color: var(--unnamed, #FFF);
	font-family:  DIN Pro;
	font-size: 19.2px;
	font-style: normal;
	font-weight: 300;
	line-height: 114%;
	margin-top: 13px;
	margin-bottom: 22px;
	margin-right: 120px;
}
.masterclassecarchive .up_line>div>a{
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	font-family: DIN Pro;
	font-size: 18.9px;
	font-style: normal;
	font-weight: 300;
	line-height: 117%;
	letter-spacing: 0.18px;
	margin-right: 162px;
	margin-bottom: 19px;
	width: 577px;
}
.masterclassecarchive>.context{
	display: inline-flex;
	justify-content:center;
    flex-wrap: wrap;
	margin-top: 66px;
	margin-bottom: 10px;
}
.masterclassecarchive>.context>.item{
	width: 17%;
	margin-bottom: 50px;
	margin-right: 20px;
    margin-left:20px;
}

.masterclassecarchive>.context>.item iframe{
	width: 100%;
	height: 248px;
	margin-left: 0;
	margin-right: 0;
	border-radius: 10px;
	margin-bottom: 16px;
}
.masterclassecarchive>.context>.item h3{
	cursor: pointer;
	color:#181818;
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.24px;
	margin-top: 0;
	margin-bottom: 10px;
}
.masterclassecarchive>.context>.item .sub{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0px;
}
.masterclassecarchive>.context>.item .date{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.12px;
	margin-top: 10px;
	margin-bottom: 0;
}
.window_video{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 24, 24, 0.90);
	z-index: 3;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.window_video .content_video{
	width: calc(980px + 20px + 24px);
	height: 550px;
	display: inline-flex;
	align-items: start;
}

.window_video .content_video .close{
	cursor: pointer;
}	
.window_video .content_video>.video iframe{
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	padding: 0;
	margin: -4px;
}
.window_video .content_video>.video{
	overflow: hidden;
	width: 980px;
	height: 550px;
	margin-right: 20px;
	border-radius: 20px;
	padding: 0;
}
.hide_win{
	display: none;
}
}
@media (min-width: 1024px) and (max-width: 1919px){
	.masterclassecarchive{
	width: 100%;
	min-height: calc(509.4px + (955 - 509.4) * ((100vw - 1024px) / (1920 - 1024)));
	display: flex;
	flex-flow: column;
}
.masterclassecarchive .up_line{
	width: 100%;
	display: inline-flex;
	padding-top: calc(50.2px + (94 - 50.2) * ((100vw - 1024px) / (1920 - 1024)));
	min-height: calc(353.6px + (663 - 353.6) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(28.3px + (53 - 28.3) * ((100vw - 1024px) / (1920 - 1024)));
}

.masterclassecarchive .up_line>div{
	display: flex;
	flex-flow: column;
	padding-bottom: calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(389.4px + (730 - 389.4) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(249.1px + (467 - 249.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: auto;
	padding: calc(32.6px + (61 - 32.6) * ((100vw - 1024px) / (1920 - 1024))) calc(32.6px + (61 - 32.6) * ((100vw - 1024px) / (1920 - 1024))) calc(38.4px + (72 - 38.4) * ((100vw - 1024px) / (1920 - 1024))) calc(33.1px + (62 - 33.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(81.1px + (152 - 81.1) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid #FFF;
	border-radius: 0 0 calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0;
}
.masterclassecarchive .up_line>div>h2{
	color: #FFF;
	font-family: DIN Pro;
	font-size: calc(45.4px + (85 - 45.4) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: calc(13.4px + (25 - 13.4) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(394.7px + (740 - 394.7) * ((100vw - 1024px) / (1920 - 1024)));
}
.masterclassecarchive .up_line>div>p span{
	color: #2577B7;
	text-decoration: underline;
}
.masterclassecarchive .up_line>div>p{
	color: var(--unnamed, #FFF);
	font-family:  DIN Pro;
	font-size: calc(10.3px + (19.2 - 10.3) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: 114%;
	margin-top: calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(11.8px + (22 - 11.8) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(64px + (120 - 64) * ((100vw - 1024px) / (1920 - 1024)));
}
.masterclassecarchive .up_line>div>a{
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	font-family: DIN Pro;
	font-size: calc(10.1px + (18.9 - 10.1) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: 117%;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(86.4px + (162 - 86.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(10.2px + (19 - 10.2) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(307.8px + (577 - 307.8) * ((100vw - 1024px) / (1920 - 1024)));
}
.masterclassecarchive>.context{
	display: flex;
    justify-content:center;
	flex-wrap: wrap;
	margin-top: calc(35.2px + (66 - 35.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: /*calc(63.5px + (119 - 63.5) * ((100vw - 1024px) / (1920 - 1024)));*/10px;
}
.masterclassecarchive>.context>.item{
	width: 17%;
	margin-bottom: 50px;
	margin-right: 20px;
    margin-left:20px;
}

.masterclassecarchive>.context>.item iframe{
	width: 100%;
	height: calc(132.3px + (248 - 132.3) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: 0;
	margin-right: 0;
	border-radius: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024)));
}
.masterclassecarchive>.context>.item h3{
	cursor: pointer;
	color:#181818;
	font-family: DIN Pro;
	font-size: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
	margin-bottom: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.masterclassecarchive>.context>.item .sub{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0px;
}
.masterclassecarchive>.context>.item .date{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(6.4px + (12 - 6.4) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.12 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: 0;
}
.window_video{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 24, 24, 0.90);
	z-index: 3;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.window_video .content_video{
	width: calc(546.2px + (1024 - 546.2) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(293.4px + (550 - 293.4) * ((100vw - 1024px) / (1920 - 1024)));
	display: inline-flex;
	align-items: start;
}

.window_video .content_video .close{
	cursor: pointer;
}	
.window_video .content_video>.video iframe{
	width: calc(100% + calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024))));
	height: calc(100% + calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024))));
	padding: 0;
	margin: calc(-1*calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))));
}
.window_video .content_video>.video{
	overflow: hidden;
	width: calc(522.7px + (980 - 522.7) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(293.4px + (550 - 293.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	padding: 0;
}
.hide_win{
	display: none;
}
}




@media(max-width: 1023px){
.masterclassecarchive{
	width: 100%;
	min-height: calc(298.8px + (955 - 298.8) * ((100vw - 320px) / (1023 - 320)));
	display: flex;
	flex-flow: column;
}
.masterclassecarchive .up_line{
	width: 100%;
	display: inline-flex;
	padding-top: calc(63.9px + (204 - 63.9) * ((100vw - 320px) / (1023 - 320)));
		min-height: calc(260.6px + (833 - 260.6) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(16.6px + (53 - 16.6) * ((100vw - 320px) / (1023 - 320)));
	background-size: cover !important;
	background-position: left !important;
}

.masterclassecarchive .up_line>div{
	display: flex;
	flex-flow: column;
	padding-bottom: calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320)));
	min-width: calc(256.9px + (821 - 256.9) * ((100vw - 320px) / (1023 - 320)));
	min-height: calc(158.6px + (507 - 158.6) * ((100vw - 320px) / (1023 - 320)));
	margin-left: auto;
		padding: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320))) calc(19.1px + (61 - 19.1) * ((100vw - 320px) / (1023 - 320))) calc(22.6px + (72 - 22.6) * ((100vw - 320px) / (1023 - 320))) calc(19.4px + (62 - 19.4) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(28.8px + (92 - 28.8) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid #FFF;
	border-radius: 0 0 calc(84.5px + (270 - 84.5) * ((100vw - 320px) / (1023 - 320))) 0;
	background-color: #18181899;
	margin-bottom: calc(37.6px + (120 - 37.6) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive .up_line>div>h2{
	color: #FFF;
	font-family: DIN Pro;
	font-size: calc(30.1px + (96 - 30.1) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: calc(7.9px + (25 - 7.9) * ((100vw - 320px) / (1023 - 320)));
	width: calc(231.5px + (740 - 231.5) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive .up_line>div>p span{
	color: #2577B7;
	text-decoration: underline;
}
.masterclassecarchive .up_line>div>p{
	color: var(--unnamed, #FFF);
	font-family:  DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: 114%;
	margin-top: calc(4.1px + (13 - 4.1) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(6.9px + (22 - 6.9) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(37.6px + (120 - 37.6) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive .up_line>div>a{
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: 117%;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(50.7px + (162 - 50.7) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(6px + (19 - 6) * ((100vw - 320px) / (1023 - 320)));
	width: calc(180.5px + (577 - 180.5) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive>.context{
	display: inline-flex;
	margin-left: 5%;
	margin-right: 3%;
	flex-wrap: wrap;
	margin-top: calc(20.7px + (66 - 20.7) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: /*calc(37.3px + (119 - 37.3) * ((100vw - 320px) / (1023 - 320)));*/10px;
}
.masterclassecarchive>.context>.item{
	width: 48%;
	margin-bottom: calc(15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320)));
	margin-right: 2%;
}

.masterclassecarchive>.context>.item iframe{
	width: 100%;
	height: calc(77.6px + (248 - 77.6) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 0;
	margin-right: 0;
	border-radius: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(5.1px + (16 - 5.1) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive>.context>.item h3{
	cursor: pointer;
	color:#181818;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
.masterclassecarchive>.context>.item .sub{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0px;
}
.masterclassecarchive>.context>.item .date{
	cursor: pointer;
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.12 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: 0;
}
.window_video{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 24, 24, 0.90);
	z-index: 3;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.window_video .content_video{
	width: 100%;
	height: calc(150.2px + (480 - 150.2) * ((100vw - 320px) / (1023 - 320)));
	display: inline-flex;
	align-items: start;
}

.window_video .content_video .close{
	cursor: pointer;
	position: absolute;
	top: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)));
	right: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)));
	width: calc(29.5px + (94 - 29.5) * ((100vw - 320px) / (1023 - 320)));
	height: calc(29.5px + (94 - 29.5) * ((100vw - 320px) / (1023 - 320)));
}	
.window_video .content_video>.video iframe{
	width: calc(100% + calc(2.6px + (8 - 2.6) * ((100vw - 320px) / (1023 - 320))));
	height: calc(100% + calc(2.6px + (8 - 2.6) * ((100vw - 320px) / (1023 - 320))));
	padding: 0;
	margin: calc(-1 * calc(1.3px + (4 - 1.3) * ((100vw - 320px) / (1023 - 320))));
}
.window_video .content_video>.video{
	overflow: hidden;
	width: 90%;
	height: calc(164.9px + (527 - 164.9) * ((100vw - 320px) / (1023 - 320)));
	margin-right: 5%;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	padding: 0;
	margin-left: 5%;
}
.hide_win{
	display: none;
}
}