html, body {width:100%; height:100%;}

#signige {position:fixed; overflow:hidden; width:100%; max-width:1080px; min-width:320px; height:1920px; margin:0 auto; overflow:hidden; position:relative; font-family: 'Hurme Geometric Sans 2'; background:#000;}
#signige video {width:100%; height:100%; object-fit:cover; pointer-events: none;}
video::-webkit-media-controls-start-playback-button {display: none;}

#signige .dateBox {position:absolute; top:3%; left:7%; width:86%; color:#fff; font-weight:bold; display:table; vertical-align:middle;}
#signige .dateBox .date {font-size:130px; display:table-cell; vertical-align:middle; width:180px;}
#signige .dateBox .mdBox {font-size:50px; display:table-cell; vertical-align:middle;}

#signige .nameBox {position:absolute; bottom:4%; left:7%; width:90%; color:#fff; font-size:126px; line-height:1.2; font-weight:bolder; overflow:hidden;}
#signige .nameBox .name {width:100%; height:1.2em; overflow:hidden;}
#signige .nameBox .name ul {width:100%; height:100%;}

#signige .sliderBox {position:absolute; top:21%; left:7%; width:86%;}
#signige .sliderBox h2 {font-size:60px; color:#2ab9cc; font-weight:800; margin-bottom:9%; font-family: 'Hurme Geometric Sans 2 Black';}
#signige .sliderBox .slider {color:#fff;}
#signige .sliderBox .slider p {font-size:72px; line-height:1.5; font-weight:normal; margin-bottom:6%; font-family: 'RixMGoEB';}
#signige .sliderBox .slider h3 {color:#9d9d9d; display:table; font-family: 'RixMGoEB'; position:relative;}
#signige .sliderBox .slider h3 .team {font-size:43px; font-weight:normal; display:table-cell; vertical-align:middle;}
#signige .sliderBox .slider h3 .date_w:before {content:"|"; margin:0 25px;}
#signige .sliderBox .slider h3 .date_w {font-size:52px; font-weight:700; display:table-cell; vertical-align:middle; font-family: 'Hurme Geometric Sans 2'; position:absolute; top:-19%; left:100%; width:100%;}
video::-webkit-media-controls {display: none;}
video::-webkit-media-controls-start-playback-button {display: none;}

@media screen and (max-width:1080px){
	#signige {max-width:100%;}
	#signige .dateBox .date {font-size:12.1vw; width:20%;}
	#signige .dateBox .mdBox {font-size:4.7vw;}
	#signige .sliderBox h2 {font-size:5.6vw;}
	#signige .sliderBox .slider p {font-size:6.72vw;}
	#signige .sliderBox .slider h3 .team {font-size:4vw;}
	#signige .sliderBox .slider h3 .date_w {font-size:4.8vw;}
	#signige .sliderBox .slider h3 .date_w:before {margin:0 2.3vw;}

	#signige .nameBox {font-size:11.7vw;}
	/* #signige .nameBox .name {height:13.982vw !important;} */
	#signige .nameBox .name li {height:100% !important;}
}


@media screen and (max-width:768px){
	#signige {max-width:100%; height:100%;}
	.slick-dots {top:-14vw;}
	.slick-dots li {width:3.125vw; height:3.125vw; margin:0 0.8vw;}
	.slick-dots li button {width:3.125vw; height:3.125vw; border-radius:2vw;}
	.slick-dots li button:before {width:3.125vw; height:3.125vw;}
	.slick-dots li.slick-active	{width:7.2vw; height:3.125vw; border-radius:2vw;}
	.slick-dots li.slick-active button{width:7.2vw; height:3.125vw; border-radius:2vw;}
}