.home-header .brand{
	width: auto;
	display: flex;
}
.home-header .brand img{
	height: 220px;
	position: relative;
	top: -25px;
}
.home-header .brand img + img{
	height: 170px;
	margin-top: 25px;
	margin-left: 10px;
	top: 0;
}

.inner-header .brand{
	width: auto;
	display: flex;
}
.inner-header .brand img{
	height: 220px;
	position: relative;
	top: -25px;
}
.inner-header .brand img + img{
	height: 170px;
	margin-top: 25px;
	margin-left: 10px;
	top: 0;
}



.director-detail .content{
	height: calc(100vh - 360px);
	margin-bottom: 40px;
}
.director-content .item{
	width: 100%;
}
.director-list{
	left: 40px;
	right: 160px;
	height: 520px;
}
.director-list .icon{
	transform: scale(1);
	margin-top: 0;
	pointer-events: none;
}
.director-list .icon .cover{
	width: 280px;
	height: 406px;
}
.director-list .icon div{
	width: 480px;
	height: 480px;
}
.director-list .icon:before{
	width: 0px;
	height: 0px;
}
.director-list .link{
	cursor: pointer;
}
.director-list .link:hover .icon:before{
	opacity: 1;
	width: 480px;
	height: 480px;
}
.director-list .content .title{
	font-size: 38px;
}
.director-list .content .desc{
	white-space: pre-line;
}
.director-list .slick-dots{
	position: absolute;
	right: -100px;
	width: 60px;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	display: block !important;
}
.director-list .slick-dots li{
	margin: 0;
}
.director-list .slick-dots li + li{
	margin-top: 15px;
}
.director-list .slick-arrow.slick-prev{
	transform: rotate(90deg);
	left: auto;
	right: -95px;
	margin-bottom: 155px;
}
.director-list .slick-arrow.slick-next{
	transform: rotate(90deg);
	margin-bottom: -137px;
	right: -95px;
}
.director-list .slick-slide > div{
	display: flex;
	justify-content: center;
}
.director-detail .slider-nav{
	width: calc((60px * 10) + (10px * 9));
	margin: 0 auto;
}
.director-detail .slider-nav .icon{
	display: block;
	padding: 0;
	position: relative;
	top: 0;
	color: #10adf6;
	background-color: #62d4fb;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	font-size: 30px;
	-webkit-box-shadow: 0 -5px 40px #fff inset;
	box-shadow: 0 -5px 40px #fff inset;
	text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.director-detail .slider-nav .slick-current .icon{
	background-color: #10adf6;
	box-shadow: 0 0px 15px #fff inset;
}
.director-detail .slider-nav .slick-arrow{
	width: 40px;
	height: 60px;
}
.director-detail .slider-nav .slick-arrow.slick-prev{
	left: -60px;
}
.director-detail .slider-nav .slick-arrow.slick-next{
	right: -60px;
}
.director-detail .body{

}
.director-detail .footer{
	padding-top: 20px;
	border-top: 2px solid #e5e5e5;
	margin-bottom: -20px;
}




.infographic-list .title{
	line-height: 1.2em;
	height: 1.2em;
}
.infographic-content .item{
	width: 100%;
}
.infographic-content{
	/*width: auto !important;*/
	height: calc(100vh - 320px);
	margin-bottom: 20px;
}
.infographic-content .title{
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	color: #0059c7;
	margin-bottom: 30px;
}
.infographic-content .cover{
	display: flex;
	justify-content: center;
}
.infographic-content .cover img{
	max-width: 424px; 
	max-height: 510px;
}
.infographic-content .html{
	margin-top: 30px;
	font-size: 26px;
	line-height: 1.2em;
	color: #636363;
	padding: 0 40px;
}
.infographic-detail .slider-nav{
	width: calc((60px * 10) + (10px * 9));
	margin: 0 auto;
}
.infographic-detail .slider-nav .icon{
	display: block;
	padding: 0;
	position: relative;
	top: 0;
	color: #10adf6;
	background-color: #62d4fb;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	font-size: 30px;
	-webkit-box-shadow: 0 -5px 40px #fff inset;
	box-shadow: 0 -5px 40px #fff inset;
	text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.infographic-detail .slider-nav .slick-current .icon{
	background-color: #10adf6;
	box-shadow: 0 0px 15px #fff inset;
}
.infographic-detail .slider-nav .slick-arrow{
	width: 40px;
	height: 60px;
}
.infographic-detail .slider-nav .slick-arrow.slick-prev{
	left: -60px;
}
.infographic-detail .slider-nav .slick-arrow.slick-next{
	right: -60px;
}
.infographic-detail .body{

}
.infographic-detail .footer{
	padding-top: 20px;
	border-top: 2px solid #e5e5e5;
	margin-bottom: -20px;
}




.km-list{
	width: 1600px;
	bottom: 190px;
}
.km-list .item{
	transform: scale(0.7);
}
.km-detail body > .row{
	padding: 0 !important; margin: 0;
}
.km-detail body > .row > div{
	padding: 0;
}
.km-detail body .contentHtml{
	font-size: 18px;
}
.km-detail .slick-slider .slick-list .item{
	width: 100%;
}
.km-content{
	display: block !important;
	/*width: auto !important; */
	height: calc(100vh - 295px);
}
.km-content .topic{
	font-weight: bold;
	color: #0059c7;
	font-size: 40px;
	margin-bottom: 10px;
}
.km-content .contentHtml a img.icon{
	display: inline-block;
}
.km-content .mCSB_container{
	padding-right: 30px;
}
.km-content .mCSB_container.mCS_no_scrollbar_y{
	padding-right: 0;
}
.km-detail .slider-nav{
	width: calc((60px * 10) + (10px * 9));
	margin: 0 auto;
}
.km-detail .slider-nav .icon{
	display: block;
	padding: 0;
	position: relative;
	top: 0;
	color: #10adf6;
	background-color: #62d4fb;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	font-size: 30px;
	-webkit-box-shadow: 0 -5px 40px #fff inset;
	box-shadow: 0 -5px 40px #fff inset;
	text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.km-detail .slider-nav .slick-current .icon{
	background-color: #10adf6;
	box-shadow: 0 0px 15px #fff inset;
}
.km-detail .slider-nav .slick-arrow{
	width: 40px;
	height: 60px;
}
.km-detail .slider-nav .slick-arrow.slick-prev{
	left: -60px;
}
.km-detail .slider-nav .slick-arrow.slick-next{
	right: -60px;
}
.km-detail .body{

}
.km-detail .footer{
	padding-top: 20px;
	border-top: 2px solid #e5e5e5;
	margin-bottom: -20px;
}



.media-list{
	width: 1860px
}



.media-content{
	/*width: auto !important;*/
	height: calc(100vh - 320px);
	margin-bottom: 20px;
}
.media-content .title{
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	color: #0059c7;
	margin-bottom: 30px;
}
.media-detail .slider-nav{
	width: calc((60px * 10) + (10px * 9));
	margin: 0 auto;
}
.media-detail .slider-nav .icon{
	display: block;
	padding: 0;
	position: relative;
	top: 0;
	color: #10adf6;
	background-color: #62d4fb;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	font-size: 30px;
	-webkit-box-shadow: 0 -5px 40px #fff inset;
	box-shadow: 0 -5px 40px #fff inset;
	text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.media-detail .slider-nav .slick-current .icon{
	background-color: #10adf6;
	box-shadow: 0 0px 15px #fff inset;
}
.media-detail .slider-nav .slick-arrow{
	width: 40px;
	height: 60px;
}
.media-detail .slider-nav .slick-arrow.slick-prev{
	left: -60px;
}
.media-detail .slider-nav .slick-arrow.slick-next{
	right: -60px;
}
.media-detail .body{

}
.media-detail .footer{
	padding-top: 20px;
	border-top: 2px solid #e5e5e5;
	margin-bottom: -20px;
}
.media-detail .item{
	width: 100%;
}




.location-map #map_canvas{
	position: relative;
	overflow: hidden;
	height: 400px;
}



.contentHtml{
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 18px; 
	color: #333333;
	line-height:1.6em;
}
.contentHtml td {
	vertical-align: middle;
}
.contentHtml p{margin-bottom:15px;}
.contentHtml .table{}
.contentHtml .table{border:1px solid #e1e1e1;}
.contentHtml .table>thead>tr>th{background-color: #115f9b; color: #fff;border-bottom: 1px solid #aaa;}
.contentHtml .table>tbody>tr>td{border-top: 1px solid #e1e1e1; border-color:#e1e1e1; vertical-align:middle;}
.contentHtml .table>tbody>tr>td a{color:#337ab7;}
.contentHtml .table>tbody>tr>td a:hover{text-decoration: underline;}
.contentHtml .table>tbody>tr>td .group{color:#999;}
.contentHtml .table>tbody>tr:nth-child(even) {background: #f9f9f9;}
.contentHtml .table>tbody>tr:nth-child(odd) {background: #FFF;}
.contentHtml .video{
    position: relative;
    padding-top: 56.25%;
}
.contentHtml .video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.contentHtml img{
	display: inline-block;
}

/*.modal-dialog .slick-slide{
	width: 1685px;
}*/

/*.director-detail .slider .slick-list{
	width: 1685px;
}*/

.modal-dialog .slider .slick-list{
 	width: calc(100vw - 120px);
}




.back-home.bottom{
	justify-content: end;
	padding: 0 30px;
	bottom: 20px;
}
.back-home .link img{
	width: 120px;
}
.back-home .link .title{
	font-size: 34px;
	bottom: 0;
}
.back-home .link + .link{
	margin-left: 10px;
}




.modal-back-home{
	margin-right: 30px;
}
.modal-back-home .link{
	display: block;
	position: relative;
	padding-left: 56px;
}
.modal-back-home .link img{
	position: absolute;
	width: 50px;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}
.modal-back-home .link .title{
	position: relative;
	z-index: 10;
	font-size: 32px;
	color: #11458b;
	font-weight: bold;
	text-shadow: 0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 9px 9px rgba(0,0,0,0.3);
}




.home-for .action{display: none;}




@media screen and (min-height: 970px){
	.home-for{bottom: 320px;}
	.home-for .icon{width: 720px;}
	.home-for .title{top: 280px;}
	.home-for .circle{width: 720px;}
	.home-for .circle img{width: 100%;}
	.home-nav .link .icon{width: 300px; margin-top: 120px;}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 320px; height: 440px; bottom: 10px;}

	.director-list{bottom: 200px;}

	.infographic-list{bottom: 140px;}
	.infographic-content .cover img{max-width: 565px; max-height: 660px;}

	.km-list{bottom: 240px;}
	.km-list .slick-arrow{margin-top: 30px;}
	.km-list .item{margin-bottom: -80px;}
	.km-list .item:hover{transform: scale(0.94);}

	.media-list{bottom: 210px;}

	.location-content{height: 560px;}
	.location-list{height: 540px;}
	.location-map{height: 540px;}
	.location-map #map_canvas{height: 540px;}
}



@media (max-width: 1440px) {
	#loading-center-absolute{transform: scale(0.6);}

	.home-header{padding: 10px 40px 0 30px;}
	.home-header .brand{display: block;}
	.home-header .brand img{height: 170px; top: -5px;}
	.home-header .brand img + img{height: 130px; margin-left: 5px;}
	.home-header .welcome .title{font-size: 50px;}
	.home-header .welcome .desc{font-size: 34px;}

	.home-for{bottom: auto; top: 0px}
	.home-for .icon{width: 500px;}
	.home-for .title{top: 180px; font-size: 210px;}
	.home-for .circle{width: 500px;}
	.home-for .circle img{width: 100%;}
	.home-nav{bottom: 20px;}
	.home-nav .link .icon{width: 230px; margin-top: 100px;}
	.home-nav .link .title{font-size: 28px;}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 250px; height: 340px; bottom: 15px;}

	.inner-header{padding: 10px 40px 0 30px;}
	.inner-header .brand{display: block;}
	.inner-header .brand img{height: 170px; top: -5px;}
	.inner-header .brand img + img{height: 130px; margin-left: 5px;}
	.inner-header .welcome .title{font-size: 50px;}
	.inner-header .welcome .desc{font-size: 34px;}
	.inner-header .brand-text .title{font-size: 50px;}
	.inner-header .brand-text .desc{font-size: 34px;}

	.back-home .link img{width: 90px;}
	.back-home .link .title{font-size: 26px;}

	.director-list{height: 350px; left: 30px; right: 140px; bottom: 80px;}
	.director-list .icon .cover{width: 180px; height: 260px;}
	.director-list .icon div{width: 320px; height: 320px; bottom: -23px;}
	.director-list .link .icon::before{bottom: -23px;}
	.director-list .link:hover .icon::before{width: 320px; height: 320px;}
	.director-list .content{padding: 30px 0 0 0;}
	.director-list .content .title{font-size: 26px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
	.director-list .content .desc{font-size: 18px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
}

@media (max-width: 1366px) {
	.home-header{padding: 10px 30px 0 20px;}
	.home-header .brand{display: block;}
	.home-header .brand img{height: 160px; top: -5px;}
	.home-header .brand img + img{height: 120px; margin-left: 5px;}
	.home-header .welcome .title{font-size: 46px;}
	.home-header .welcome .desc{font-size: 30px;}

	.home-for{bottom: auto; top: 0px}
	.home-for .icon{width: 480px;}
	.home-for .title{top: 180px; font-size: 200px;}
	.home-for .circle{width: 480px;}

	.home-nav{bottom: 20px;}
	.home-nav .link .icon{width: 210px; margin-top: 100px;}
	.home-nav .link .title{font-size: 26px;}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 230px; height: 320px; bottom: 10px;}

	.inner-header{padding: 10px 30px 0 20px;}
	.inner-header .brand{display: block;}
	.inner-header .brand img{height: 160px; top: -5px;}
	.inner-header .brand img + img{height: 120px; margin-left: 5px;}
	.inner-header .welcome .title{font-size: 46px;}
	.inner-header .welcome .desc{font-size: 30px;}
	.inner-header .brand-text{margin-left: 20px;}
	.inner-header .brand-text .title{font-size: 46px;}
	.inner-header .brand-text .desc{font-size: 30px;}

}

@media (max-width: 1280px) {
	.home-for .icon{width: 440px;}
	.home-for .title{top: 170px; font-size: 180px;}
	.home-for .circle{width: 440px;}

	.home-nav{bottom: 20px;}
	.home-nav .link .icon{width: 180px; margin-top: 85px;}
	.home-nav .link .title{font-size: 24px;}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 200px; height: 270px; bottom: 10px;}
	.home-nav .slick-current .circle img,
	.home-nav .link:hover .circle img{top: -20px;}
}

@media (max-width: 1200px) {
	#loading-center-absolute{transform: scale(0.4);}

	.home-header{padding: 10px 30px 0 20px;}
	.home-header .brand{display: block;}
	.home-header .brand img{height: 120px; top: -5px;}
	.home-header .brand img + img{height: 90px; margin-left: 5px; margin-top: 15px;}
	.home-header .welcome .title{font-size: 40px;}
	.home-header .welcome .desc{font-size: 26px;}

	/*.home-for .icon{width: 400px;}
	.home-for .title{top: 150px; font-size: 150px;}
	.home-for .circle{width: 400px;}*/

	.home-nav{left: 50px; right: 50px;}
	.home-nav .link .icon{width: 160px; margin-top: 70px;}
	.home-nav .link .title{font-size: 20px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 170px; height: 230px; bottom: 10px; left: -5px;}
	.home-nav .slick-current .circle img,
	.home-nav .link:hover .circle img{top: -20px;}

	.inner-header{padding: 10px 30px 0 20px;}
	.inner-header .brand{display: block;}
	.inner-header .brand img{height: 120px; top: -5px;}
	.inner-header .brand img + img{height: 90px; margin-left: 5px; margin-top: 15px;}
	.inner-header .welcome .title{font-size: 40px;}
	.inner-header .welcome .desc{font-size: 26px;}
	.inner-header .brand-text{margin-left: 10px;}
	.inner-header .brand-text .title{font-size: 40px;}
	.inner-header .brand-text .desc{font-size: 26px;}
}

@media (max-width: 992px) {
	.home-page{height: auto; /*min-height: 100vh;*/}

	.home-header{padding: 10px 20px 0 15px;}
	.home-header .brand{display: block;}
	.home-header .brand img{height: 65px; top: -5px;}
	.home-header .brand img + img{height: 50px; margin-left: 3px; margin-top: 5px;}
	.home-header .welcome{padding-top: 4px;}
	.home-header .welcome .title{font-size: 32px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
	.home-header .welcome .desc{font-size: 18px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}

	.home-for{position: relative; margin-top: -20px;}
	.home-for .icon{width: 100%;}
	.home-for .title{display: none;}
	.home-for .circle{width: 100%;}
	.home-for .action{display: block;}

	.home-nav{margin-top: -20px; padding: 0 20px; left: 0; right: 0; position: relative;}
	.home-nav .link .icon{width: 140px; margin-top: 70px;}
	.home-nav .circle div,
	.home-nav .circle:before,
	.home-nav .circle:after{width: 150px; height: 206px; bottom: 10px; left: -5px;}
	.home-nav .slick-current .circle img,
	.home-nav .link:hover .circle img{top: -20px;}
	.home-nav .slick-list{overflow: visible;}

	.inner-header{padding: 10px 20px 0 15px;}
	.inner-header .brand{display: block;}
	.inner-header .brand img{height: 65px; top: -5px;}
	.inner-header .brand img + img{height: 50px; margin-left: 3px; margin-top: 5px;}
	.inner-header .welcome{padding-top: 4px; display: none;}
	.inner-header .brand-text .title{font-size: 32px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
	.inner-header .brand-text .desc{font-size: 18px; text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 4px 4px rgba(0,0,0,0.2);}
}

@media (max-width: 767px) {

}



/* TOUR 06/11/63 */
.modal .modal-title img.img-cover{
	width: 50px;
	margin-right: 10px;
}

/* Tup 29/12/20 */
.hide-lg{display: none;}
@media screen and (max-width: 1600px){
	.infographic-list{width: 100%;}
	.infographic-list .slick-arrow.slick-prev{left: 0;}
	.infographic-list .slick-arrow.slick-next{right: 0;}
}
@media screen and (max-width: 1440px){
	.director-list{height: calc(100% - 260px);}
	.director-list .slick-arrow.slick-prev{margin-bottom: 75px;}
	.director-list .slick-arrow.slick-next{margin-bottom: -197px;}
	.director-list .slick-slider .slick-dots li button{top: -50px; width: 60px;height: 60px;}
	.director-detail .slider-nav .slick-arrow{width: 40px;height: 50px;}
	.director-detail .slider-nav .icon{width: 50px;height: 50px; display: flex; align-items: center; justify-content: center;}

	.infographic-list{bottom: -60px;}
	.infographic-bg .item-1{top: 280px;}
	.infographic-bg .item-4{top: 370px;}
	/* .infographic-list .slick-arrow.slick-prev{left: 0;}
	.infographic-list .slick-arrow.slick-next{right: 230px;} */
	.infographic-list .slick-slide .item:nth-child(4) .link{margin-left: -40px;margin-top: 330px;}
	.infographic-list .slick-slide .item:nth-child(5) .link{margin-left: -150px;margin-top: 0;}

	.km-list{position: relative; width: 100%; bottom: 0; padding: 0px 30px;}
	.km-list .slick-arrow{margin-top: 75px;}
	.km-list .slick-arrow.slick-prev{left: 0;}
	.km-list .slick-arrow.slick-next{right: 0;}
	.km-list .circle{width: 300px;}
	.km-list .cover{width: 200px;height: 200px;}

	.media-list{width: 100%;}
	.media-list .thumb{width: 550px; padding: 10px;}
	
	.location-block{width: 100%; bottom: 70px;}
	.location-content{margin-bottom: 30px;}
	.location-content .content{margin: 0 100px;}
	.location-nav{margin: 0 100px;}
	.location-nav .slick-arrow.slick-prev{left: -80;}
	.location-nav .slick-arrow.slick-next{right: -80;}
}
@media screen and (max-width: 1366.98px){
	/* .inner-body{min-height: calc(100vh - 380px);} */

	.director-list .slick-slider .slick-dots li button{top: -35px;width: 50px;height: 50px; font-size: 25px; display: flex; align-items: center; justify-content: center;}
	.director-list .slick-arrow.slick-prev{right: -90px;}
	.director-list .slick-arrow.slick-next{right: -90px;}

	.infographic-list .title{font-size: 21px;}
	.infographic-list .slick-slide .item:nth-child(1) .link{width: 170px;}
	.infographic-list .slick-slide .item:nth-child(2) .link{width: 230px; margin-left: 0; margin-top: 330px;}
	.infographic-list .slick-slide .item:nth-child(3) .link{width: 260px; margin-left: -60px;}
	.infographic-list .slick-slide .item:nth-child(4) .link{width: 260px; margin-left: 0; margin-top: 330px;}
	.infographic-list .slick-slide .item:nth-child(5) .link{width: 210px;}

	.media-list .thumb{width: 490px;}

}
@media screen and (max-width: 1199.98px){
	/* .inner-body{min-height: calc(100vh - 270px);} */

	.director-list .slick-slider .slick-dots li button{top: -28px;}
	.director-list .slick-arrow.slick-prev{margin-bottom: 65px;}
	.director-list .slick-arrow.slick-next{margin-bottom: -274px;}
	.director-list .icon{transform: scale(0.8);}
	.director-list .content .title{font-size: 22px;}
	
	.modal-content{height: 100%;}
	.modal-body{margin: 20px 0;}
	.modal-title{font-size: 36px;}
	.director-detail .footer{margin-bottom: 0;}
	.director-detail .content .title{font-size: 34px;}
	.director-detail .content .title:before{top: 13px;}
	.director-detail .content .desc{font-size: 24px;}
	.director-detail .content .inner{padding: 0 0 0 50px;}
	.director-detail .info{width: 400px;}
	.director-detail .info .title{font-size: 36px;}
	.director-detail .info .desc{font-size: 28px;}
	.director-detail .info .icon:before{width: 300px;height: 300px;}
	.director-detail .info .cover{width: 170px;height: 245px;}
	.director-detail .info .icon:after{width: 300px;height: 300px;}

	.infographic-list .slick-slide .item:nth-child(1) .link{width: 170px; margin-top: 0;}
	.infographic-list .slick-slide .item:nth-child(2) .link{width: 200px; margin-left: -70px; margin-top: 310px;}
	.infographic-list .slick-slide .item:nth-child(3) .link{width: 210px; margin-left: -30px; margin-top: 40px;}
	.infographic-list .slick-slide .item:nth-child(4) .link{width: 210px; margin-left: -30px; margin-top: 330px;}
	.infographic-list .slick-slide .item:nth-child(5) .link{width: 210px; margin-left: -120px; margin-top: -40px;}

	.media-list{bottom: 0;}
	.media-list .thumb{width: 360px;}
	.media-list .cover{height: 280px;}
	.media-list .title{font-size: 50px;}
	.media-detail .content{height: auto;}
}
@media screen and (max-width: 991px){
	.inner-header{margin-bottom: 20px;}

	.director-list .slick-slider .slick-dots li button{width: 40px; height: 40px;}
	.director-list .slick-arrow {width: 30px;height: 40px;}
	.director-list .slick-arrow.slick-prev{right: -75px;}
	.director-list .slick-arrow.slick-next{right: -75px; margin-bottom: -253px;}

	.director-detail .info{width: 100%;}
	.director-detail .content{height: auto; border-left: none;}
	.director-detail .content .inner{margin-bottom: 20px;}
	.director-detail .slider-nav{width: calc((50px * 10) + (10px * 9));}
	.director-detail .slider-nav .icon{width: 60px;height: 60px;}
	  
	.director-list .slick-dots-container > ul {transition: all 0.25s;}

	.infographic-list{bottom: 180px;}
	.infographic-list .title{width: 100%;}
	.infographic-list .slick-slider .slick-list .item{float: none;}
	.infographic-list .slick-slide>div{margin-left: 0;}
	.infographic-list .slick-slide .item:nth-child(1) .link,
	.infographic-list .slick-slide .item:nth-child(2) .link,
	.infographic-list .slick-slide .item:nth-child(3) .link{max-width: 100%; width: 90%; margin: 0 auto; margin-top: 0;}
	.infographic-list .slick-arrow.slick-prev{top: 460px; left: 40%;}
	.infographic-list .slick-arrow.slick-next{top: 460px; right: 40%;}
	.infographic-detail .slider-nav{width: calc((50px * 10) + (10px * 9));}
	
	.km-detail .slider-nav{width: calc((50px * 10) + (10px * 9));}

	.slick-arrow{width: 30px; height: 40px;}
	.media-list .thumb{width: 80%;}
	.media-list .cover{height: 450px;}
	.media-list .title{font-size: 40px;}
	.media-detail .wrapper{width: 100%;}
	.media-content .title{font-size: 30px;}
	.media-detail .content{font-size: 22px; padding: 0 0;}
	.media-detail .slider-nav {width: calc((50px * 10) + (10px * 9));}

	.location-block{bottom: 0;}
	.location-content .content{margin: 0 20px;}
	.location-list{width: 100%;}
	.location-map{height: 340px; overflow: hidden;}
	.location-list{height: 200px;}
	.location-map #map_canvas{height: 100%;}
	.location-nav .link{font-size: 28px; height: 75px;}
}
@media screen and (max-width: 767px){
	.director-detail .slider-nav {width: calc((15px * 10) + (10px * 9));}
	.director-detail .slider-nav .slick-arrow {width: 25px; height: 35px;}
	.director-detail .slider-nav .icon{width: 45px; height: 45px; line-height: 46px;}
	.director-detail .slider-nav .slick-arrow.slick-prev{left: -40px;}
	.director-detail .slider-nav .slick-arrow.slick-next{right: -40px;}
	.director-detail .content .inner{padding:0 0 0 15px;}
	.director-detail .content .title:before{top: 8px; left: -13px;}
	.director-detail .info{padding: 0;}

	.infographic-bg .item-1{top: 0;}
	.infographic-list{bottom: calc(100vh - 680px);}
	.infographic-list .title{font-size: 25px;}
	.infographic-list .slick-arrow.slick-prev{top: calc(100% - (-30px)); left: 40%;}
	.infographic-list .slick-arrow.slick-next{top: calc(100% - (-30px)); right: 40%;}
	.infographic-list .slick-arrow{width: 30px; height: 40px;}

	.infographic-detail .footer{padding-top: 10px; margin-bottom: -10px;}
	.infographic-content{height: calc(100vh - 230px);}
	.infographic-content .title{padding: 0; padding-right: 10px; font-size: 30px; margin-bottom: 20px;}
	.infographic-content .cover img{max-width: 100%;}
	.infographic-content .cover{padding: 0px; padding-right: 10px;}
	.infographic-content .html{padding: 0px; padding-right: 10px; font-size: 20px; margin-top: 20px;}
	.infographic-detail .slider-nav{width: calc((15px * 10) + (10px * 9));}
	.infographic-detail .slider-nav .icon{
		width: 45px;
		height: 45px;
		line-height: 46px;
	}
	.infographic-detail .slider-nav .slick-arrow{
		width: 25px;
		height: 35px;
	}
	.infographic-detail .slider-nav .slick-arrow.slick-prev{left: -40px;}
	.infographic-detail .slider-nav .slick-arrow.slick-next{right: -40px;}
	
	.modal-dialog{margin: 15px;}
	.modal-dialog .slider .slick-list{width: calc(100vw - 60px);}
	.modal-title{margin-bottom: 0; display: flex; align-items: center;}

	.km-list .title{font-size: 50px;}
	.km-list .circle{width: 340px;}
	.km-list .cover{width: 240px; height: 240px;}
	.km-list .slick-arrow{margin-top: 0; position: absolute; top: 365px;}
	.km-list .slick-arrow.slick-prev{left: 38%;}
	.km-list .slick-arrow.slick-next{right: 38%;}
	.km-content{height: calc(100vh - 210px);}
	.km-content .topic{font-size: 30px;}
	.km-content .contentHtml{font-size: 16px;}
	.km-content .mCSB_container{padding-right: 10px;}
	.km-detail .slider-nav {width: calc((15px * 10) + (10px * 9));}
	.km-detail .slider-nav .slick-arrow {width: 25px; height: 35px;}
	.km-detail .slider-nav .icon{width: 45px; height: 45px; line-height: 46px;}
	.km-detail .slider-nav .slick-arrow.slick-prev{left: -40px;}
	.km-detail .slider-nav .slick-arrow.slick-next{right: -40px;}
	.km-detail .footer{padding-top: 10px; margin-bottom: -10px;}
	
	.modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;}
	.mCSB_scrollTools .mCSB_draggerRail{width: 3px;}
	.modal .mCSB_outside+.mCSB_scrollTools{right: -2px;}

	.media-list{bottom: 0px;}
	.media-list .thumb{width: 100%;}
	.media-list .cover{height: 290px;}
	.media-list .title{font-size: 30px;}
	.media-list .slick-arrow{margin-top: 15px; position: absolute; top: 410px;}
	.media-list .slick-arrow.slick-prev{left: 40%;}
	.media-list .slick-arrow.slick-next{right: 40%;}
	.media-list .item{transform: scale(1);}

	.media-content{height: calc(100vh - 230px);}
	.media-content .title{margin-bottom: 20px;}
	.media-detail .content{font-size: 20px; padding: 0; padding-right: 10px;}
	.media-detail .content .inner{margin-top: 20px;}
	.media-detail .slider-nav {width: calc((15px * 10) + (10px * 9));}
	.media-detail .slider-nav .slick-arrow {width: 25px; height: 35px;}
	.media-detail .slider-nav .icon{width: 45px; height: 45px; line-height: 46px;}
	.media-detail .slider-nav .slick-arrow.slick-prev{left: -40px;}
	.media-detail .slider-nav .slick-arrow.slick-next{right: -40px;}
	.media-detail .footer{padding-top: 10px; margin-bottom: -10px;}

	.location-list .item-list li{padding: 10px 20px 0px 10px;}
	.location-content .content:before{border-radius: 5px;}
	.location-content .wrapper{border-radius: 5px;}
	
	.modal-content{padding: 0 15px; border-radius: 20px;}
	.modal-title{font-size: 30px; height: 60px;}
	.btn-mobile{width: 35px; height: 35px; min-width: auto; line-height: 1em; position: absolute; top: -86px; right: -22px; font-size: 35px;}
	.hide-xs{display: none;}
	.hide-lg{display: block;}

	.btn-mobile:focus{top: -85px !important;}

	.inner-page{overflow-y: auto;}

}
@media screen and (max-width: 575px){
	.home-for .action{bottom: 103px;}
	.home-for .action .btn{
		min-width: 140px;
		height: 44px;
		line-height: 49px;
		font-size: 23px;
	}

	.director-list{left: 0; right: 0; height: calc(100% - 150px);}
	.director-list .icon{transform: scale(1.1);}
	.director-list .content .title{font-size: 28px;}
	.director-list .content .desc{font-size: 22px;}
	.director-list .slick-arrow.slick-prev{transform: rotate(0); margin-bottom: 0; bottom: -60px; left: 40%;}
	.director-list .slick-arrow.slick-next{transform: rotate(0); margin-bottom: 0; bottom: -60px; right: 40%;}
	.director-detail .info .title{font-size: 28px;}
	.director-detail .info .desc{font-size: 22px;}
	.director-detail .content .title{font-size: 22px;}
	.director-detail .content .desc{font-size: 20px;}
	.director-detail .content .title:before{width: 7px; height: 7px;}

	.location-block{height: calc(100vh - 280px); bottom: 20px;}
	.location-content{margin-bottom: 15px; height: auto;}
	.location-content .content{margin: 0 15px;}
	.location-map{height: 420px;}
	.location-list{height: 180px;}
	.location-list .title{font-size: 20px;}
	.location-list .desc{font-size: 18px;}
	.location-nav{padding-bottom: 80px;}
	.location-nav .link{font-size: 18px; height: 60px; border-radius: 5px; padding: 0 5px;}
	.location-nav .slick-arrow{width: 30px; height: 40px;}
	.location-nav .slick-arrow.slick-prev{left: -60px; top: 20px;}
	.location-nav .slick-arrow.slick-next{right: -60px; top: 20px;}

	.modal-header{padding-top: 20px; padding-bottom: 10px;}
	.modal-back-home{display: none;}

	/* .back-home{position: fixed; bottom: 10px !important;} */
	.back-home {
		position: fixed;
		bottom: 0px !important;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.back-home.bottom {
		justify-content: flex-start;
		text-align: center;
		left: 0;
		right: 0;
		bottom: 10px;
		padding: 0 15px;
	}
	.back-home .link img{width: 50px;}
	.back-home .link .title{bottom: 10px; left: 55px;}
	.back-home .link + .link{margin-left: 100px;}

	@supports (backdrop-filter: none) {
		.back-home.bottom{
			background-color: rgba(255,255,255,0.15);
			-webkit-backdrop-filter: blur(30px);
			backdrop-filter: blur(30px);
		}
	}
	@supports not (backdrop-filter: none) {
		.back-home.bottom{
			background-color: rgba(215, 215, 215, 0.7);
		}
	}
}
@media screen and (max-width: 320.98px){
	.director-list{height: calc(100% - 60px);}
	.director-list .icon{transform: scale(0.8);}
	
	.infographic-list .cover{padding-top: 80%;}
	.infographic-list {bottom: calc(100vh - 580px);}
	.infographic-bg .item-1{top: 0;}

	.infographic-detail .slider-nav .icon,
	.media-detail .slider-nav .icon{width: 35px; height: 35px; line-height: 36px; font-size: 20px;}
	.media-detail .slider-nav .slick-arrow.slick-prev,
	.infographic-detail .slider-nav .slick-arrow.slick-prev{left: -20px;}
	.media-detail .slider-nav .slick-arrow.slick-next,
	.infographic-detail .slider-nav .slick-arrow.slick-next{right: -20px;}

	.location-list{height: 220px;}
	.location-map{height: 160px;}

	
	.inner-header .brand-text .title{font-size: 25px;}
	.modal-title{font-size: 22px; height: auto;}
	.btn-mobile{width: 30px; height: 30px; min-width: auto; line-height: 30px; position: absolute; top: -55px; right: -12px; font-size: 23px;}
}
@media screen and (width: 1024px) and (height: 1366px){
	/* director */
	.director-list{height: calc(100% - 470px);}

	.infographic-list{bottom: 260px;}

	.km-list{bottom: -200px}

	.media-list{bottom: 300px;}

	.location-block{bottom: 230px !important;}

	.media-detail .wrapper{width: 100%;}
}

@media screen and (width: 1024px) and (height: 768px){
	/* director */
	.director-list{height: calc(100% - 160px);}

	.infographic-list{bottom: -120px;}

	.location-block{bottom: -20px;}
	.location-content{margin-bottom: 20px;}
	.location-nav .link{height: 80px;}

	.media-detail .wrapper{width: 100%;}
}

@media screen and (min-height: 320px) and (max-height: 414px){
	.director-list{bottom: 180px;}
}








/*effect - guide - start*/
.home-header .welcome .title,
.inner-header .welcome .title{animation:h-wc-tt 2s linear infinite;}
@keyframes h-wc-tt{
    50% {color: #10b1f3;}
}

.home-header .welcome .desc,
.inner-header .welcome .desc{animation:h-wc-desc 1.5s linear infinite;}
@keyframes h-wc-desc{
    50% {color: #033b69;}
}

.home-cover .cover > img{animation:hc-c-img 50s linear infinite;}
@keyframes hc-c-img{
    0%  {transform: scale(1);}
    50% {transform: scale(1.1);}
    100%{transform: scale(1);}
}

.home-for .slick-current .circle{animation:hf-sl-cr-c 3s linear infinite;}
@keyframes hf-sl-cr-c{
    0%  {top: 0px;}
    50% {top: -10px;}
    100%{top: 0px;}
}

.home-nav .slick-current .circle{animation:hn-sl-cr-c 6s linear infinite;}
@keyframes hn-sl-cr-c{
    0%  {top: 0px;}
    50% {top: -10px;}
    100%{top: 0px;}
}
.home-nav .slick-current .circle:before{animation:hn-sl-cr-c-ba 20s linear infinite;}
.home-nav .slick-current .circle:after{animation:hn-sl-cr-c-ba 20s linear infinite;}
@keyframes hn-sl-cr-c-ba {
	0% {
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}    
	25% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	100% {
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

.bg-page img{animation:bg-page-img 50s linear infinite;}
@keyframes bg-page-img{
    0%  {transform: scale(1);}
    50% {transform: scale(1.1);}
    100%{transform: scale(1);}
}

.director-list .icon div{animation:drt-list-ic-div 2s linear infinite;}
@keyframes drt-list-ic-div{
    0%  {opacity: 1;}
    50% {opacity: 0.5;}
    100%{opacity: 1;}
}

.back-home .link img{animation:bh-link 2s linear infinite; position: relative;}
@keyframes bh-link{
    0%  {top: 0px;}
    50% {top: -5px;}
    100%{top: 0px;}
}

.slick-slider .slick-dots li.slick-active button,
.director-detail .slider-nav .slick-current .icon,
.infographic-detail .slider-nav .slick-current .icon,
.km-detail .slider-nav .slick-current .icon,
.media-detail .slider-nav .slick-current .icon{animation:slick-dot-btn 1s linear infinite;}
@keyframes slick-dot-btn{
    50% {background-color: #3fc2ff;}
}

.modal-back-home .link img{animation:modal-bh-link 2s linear infinite;}
@keyframes modal-bh-link{
    0%  {margin-top: 0px;}
    50% {margin-top: -5px;}
    100%{margin-top: 0px;}
}

.infographic-bg div{animation:infographic-bg-div 3s linear infinite;}
@keyframes infographic-bg-div{
    50% {background-color: #c0edf9;}
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{animation:mCSB-bar 3s linear infinite;}
@keyframes mCSB-bar{
    50% {background-color: #3bb1e4;}
}

.km-list .circle:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    background: url(../img/icon/km-active-before.png) center no-repeat;
    background-size: cover;
    animation:km-list-circle-before 30s linear infinite;
}
@keyframes km-list-circle-before{
    to {transform: rotate(360deg);}
}

.media-list .slick-center .thumb:before{animation:media-list-thumb-before 1.5s linear infinite;}
@keyframes media-list-thumb-before{
    50% {opacity: 1;}
}

.media-list .cover {animation:media-list-cover 2s linear infinite;}
@keyframes media-list-cover{
    50% {
    	-webkit-box-shadow: 0 60px 50px -50px rgb(7 108 190 / 70%);
    	box-shadow: 0 60px 50px -50px rgb(7 108 190 / 70%);
    }
}

.location-content .content:before{animation:location-content-content-before 1.5s linear infinite;}
@keyframes location-content-content-before{
    50% {opacity: 1;}
}

.location-nav .slick-current .link{animation:location-nav-slick-current-link 1s linear infinite;}
@keyframes location-nav-slick-current-link{
    50% {background-color: #459a13;}
}

.location-list .icon{animation:location-list-icon 2s linear infinite;}
@keyframes location-list-icon{
    50% {top: 0;}
}

.location-list .title{animation:location-list-title 1s linear infinite;}
@keyframes location-list-title{
    50% {color: #22d0ec;}
}

/*effect - guide responsive*/
@media screen and (max-width: 1600px){
}
@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 991px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 575px){
}
/*effect - guide - end*/