/************************
KEY-VISUAL
************************/
.key-visual .pic,	
.key-visual .bk,
.key-visual { 
	position: relative;
	display: inline-block;
	}
[class*="slideshow"] {
	width: 100%;
	margin: 0 auto 40px;
	outline: none;
	overflow: hidden;
	}
	
.key-visual { 
	float: left;
	background-color: #1d0e32;
	}
.key-visual .pic,
.key-visual .bk,
.key-visual { 
	width: 100%;
	}
.key-visual .pic img { 
	display: none;
	}
	
.key-visual .text_content { 
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	padding: 30px 0px;
	z-index: 1;
	}
	
.key-visual .text_content,	
.key-visual .pic img,	
[class*="slideshow"] {
	height: 550px;
	}	
	
.key-visual .text_content .txt { 
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	}
.key-visual .txt img { 
	position: relative;
	display: inline-block;
	width: 90%;
	max-width: 800px;
	}
	
.key-visual .bk02 .txt img { 
	max-width: 1200px;
	}
	
.key-visual .block_btn { 
	text-align: center;
	}
	
@media screen and (min-width: 1920px) {
.key-visual .pic {
	text-align: center;
	background-color: #1d0e32;
	}
.key-visual .pic img {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 550px;
	}
}	
@media screen and (max-width: 992px) {
.key-visual .text_content,	
.key-visual .pic img,	
[class*="slideshow"] {
	height: 450px;
	}
.key-visual .bk02 .txt img { 
	padding-top: 30px;
	left: -10%;
	width: 120%;
	max-width: 800px;
	}
}
@media screen and (max-width: 768px) {
.key-visual .bk02 .txt img { 
	padding-top: 60px;
	}	
}
@media screen and (max-width: 480px) {
.key-visual .text_content,	
.key-visual .pic img,	
[class*="slideshow"] {
	height: 350px;
	}

}


/************************
BLOCK
************************/ 
.block ul li,
.block ul,
.block .dt,
.block .dd,
.block .pic img,
.block .txt,
.block .pic,
.block .box,
.block { 
    position: relative;
	display: inline-block;
    width: 100%;
	color: #ffffff;	
	}
.block { 
	float: left;
	line-height: 1.8em; 
	min-height: 100px;

	}	
.block .box { 
    z-index: 1;	
	}
.block .title { 
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0px 0px;

	font-size: 38px;
	line-height: 1.2em;	
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	}
	
.block .t-c01 { 
	color: #ffffff;
	background: linear-gradient(to bottom, #ffffff 10%,#db9a02 90%);
	background: -webkit-linear-gradient(to bottom, #ffffff 0%,#db9a02 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	}
.block .t-c02 { 
	color: #ffffff;
	background: linear-gradient(to bottom, rgba(255,255,255,1.0) 40%, rgba(255,255,255,0.0) 80%);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,1.0) 40%, rgba(255,255,255,0.0) 80%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	}
.block .t-c03 { 
	color: #ffffff;
	}
	
.block .t-xl { 
	font-size: 78px;
	line-height: 1.2em;	
	font-weight: 700;
	letter-spacing: 0.0em;
	}
.block .t-l { 
	font-size: 58px;
	line-height: 1.2em;	
	font-weight: 700;
	}
.block .t-m { 
	font-size: 38px;
	line-height: 1.2em;	
	font-weight: 700;
	}
.block .t-s { 
	font-size: 28px;
	line-height: 1.2em;	
	font-weight: 700;
	}
	
.block .title img { 
	width: 60%;
	max-width: 600px;
	}
.block .title .t-xl {
	opacity: 0.8;
	}	
.block .title .t-m {
	margin-top: -10px;
	margin-bottom: 20px;
	}
.block .title .pic {
	top: -30px;
	}
	
@media screen and (max-width: 992px) {
.block .title img { 
	width: 80%;
	max-width: 600px;
	}	
}

@media screen and (max-width: 768px) {
.block .t-xl { 
	font-size: 42px;
	}	
.block .t-m { 
	font-size: 28px;
	}
	
.block .title img { 
	width: 96%;
	max-width: 600px;
	}
.block .title { 
	font-size: 30px;
	}

}

/************************/ 
.block_00 {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background-color: #1d0e32;	
	}

.block_00 .box_03 {
	width: 100%;
	margin-bottom: 50px;
	}
.carousel-container {
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
}

.carousel-track-wrapper {
  overflow: hidden;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  flex: 0 0 25%;
  box-sizing: border-box;
  padding: 5px;
}

.carousel-item img {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 8px;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  font-size: 2rem;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 2;
}

.carousel-prev { left: 10px; }
.carousel-next { right: 10px; }

@media (max-width: 768px) {
  .carousel-item { flex: 0 0 33.3%; }
}
@media (max-width: 480px) {
  .carousel-item { flex: 0 0 50%; }
}


	
/************************/ 
.block_01 { 
	padding: 50px 2%;
	text-align: center;
	color: #ffffff;
	background-color: #1d0e32;

	background-image: url(../images/bk06.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	}

.block_01 .box_02 { 
    color: #ffffff;
	margin-bottom: 50px;
	}
	
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}

/************************/
.block_01 .box_04 {
	min-height: 700px;
	padding-bottom: 50px;
	}
	
.block_01 .box_04 .pic,
.block_01 .box_04 .txt {
	position: absolute;	
	display: inline-block;
	float: left;
	}
	
.block_01 .box_04 .pic {
	top: 0px;
	right: 0;
	width: 50%;
	height: 600px;

	background-color: #000000; 
	background-image: url(../images/board-sec1-bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 600px;
	background-position: bottom right;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 1;
	overflow: hidden;	
	}
	
.block_01 .box_04 .txt {
	top: 80px;
	left: 0;
	width: 60%;
	min-height: 400px;
	padding: 50px 50px;	
	background-color: rgba(0,0,0,0.8);
	text-align: left;
	z-index: 2;
	}
.block_01 .box_04 .txt .dt {
	padding-top: 20px;	
	}
.block_01 .box_04 .txt .block_btn {
	text-align: center;	
	}

@media screen and (max-width: 768px) {
.block_01 .box_04 .pic,
.block_01 .box_04 .txt {
	position: relative;	
	top: 0px;
	width: 100%;
	}
.block_01 .box_04 .pic {
	height: 350px;
	background-size: auto 500px;
	background-position: top right;
	}
}
@media screen and (max-width: 480px) {

}


/************************/
.block_05 {	
	padding: 50px 20px;	
	}
.block_05 .box_02 li a,	
.block_05 .box_02 li,
.block_05 .box_02 ul,
.block_05 .box_02 {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	}
.block_05 .box_02 {	
	padding: 50px 0px;	
	overflow: hidden;	
	}
.block_05 .box_02 li  {
	padding: 0px 5px;
	vertical-align: top;	
	}	
.block_05 .box_02 li a {
	width: 100%;
	min-height: 400px;
	background-color: #211a31; 
	border: 2px solid #edae0a;		
	}
	
.block_05 .box_02 li a:hover {
	border: 2px solid rgba(219,27,137,1.0);
	
	background-image: url(../images/bk07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}	
	
.block_05 .box_02 li .pic {
	position: relative;	
	display: inline-block;
	width: 100%;
	height: 300px; 
	text-align: center;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	}	
.block_05 .box_02 li .txt {
	text-align: left;
	padding: 10px 20px;
	}
.block_05 .box_02 li .dt {
	height: 95px;
	font-size: 20px; 
	font-weight: 900;
	line-height: 1.4em; 
	padding: 10px 0px;
	overflow: hidden;
	}
.block_05 .box_02 li .time {
	color: #9bb1ca; 
	}
.block_05 .box_02 li .time span {
	color: #ffffff;
	padding: 0px 5px;
	background-color: #e98878; 
	}		
.block_05 .box_02 li .dd {
	display: none;
	}
.block_05 .block_btn {
	padding-top: 30px;
	text-align: center;	
	}	
	
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}	
	
/************************/ 
.block_02 { 
	padding: 50px 2%;
	text-align: center;
	background-color: rgba(11,11,28,1.0);

	background-image: url(../images/bk08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	}
.block_02 .bg-overlay {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: linear-gradient(to right, #d7197e 0%,#5f28bc 100%);
	opacity: 0.8;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}	
.block_02 .box_02 { 
	padding: 10px 20px;

	}


@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}

/************************/ 
.block_03 { 
	padding: 50px 2%;
	text-align: center;

	background-color: rgba(11,11,28,1.0);

	background-image: url(../images/bk07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	}
.block_03 .box_02 { 
	padding: 0px 0px;
	margin-bottom: 10px;
	}

ul.book_g02 { 
	display: inline-block;
	float: left;
	width: 100%;
	}	
ul.book_g02 li { 
	display: inline-block;
	width: auto;
	list-style: none;
	padding: 0px 10px;
	}
ul.book_g02 .pic, 	
ul.book_g02 .txt,
ul.book_g02 a { 
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	text-align: left;
	}
ul.book_g02 .txt {
	width: 100%;
	text-align: center;	
	padding: 10px 15px;
	padding-bottom: 40px;
	}
ul.book_g02 .dt,	
ul.book_g02 .dd { 
	display: inline-block;
	width: 100%;
	text-align: center;	
	color: #ffffff;
	}
ul.book_g02 .dt { 
	font-size: 20px; 
	font-weight: 900;
	min-height: 50px; 
	}	
ul.book_g02 .dd { 
	padding-top: 5px;
	padding-bottom: 10px;
	min-height: 80px; 
	
	}	
ul.book_g02 a.btn_c01 { 
	color: #000000;
	}
ul.book_g02 .pic { 
    width: 100%;
	text-align: center;	

	max-width: 650px;
	}

ul.book_g02 .pic img { 
    width: 90%;
	border: 5px solid #ffb973;	
	border-radius: 500px;	
	overflow: hidden;
	transition: all ease 500ms;
	}
/*	
ul.book_g02 .pic:hover img { 
    width: 110%;
    transition: all ease 500ms;
	max-width: 650px;
	}	
*/	
	
@media screen and (max-width: 992px) {

}	
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}

/************************/ 
.block_04 { 
	padding: 50px 2%;
	text-align: center;
	background-color: rgba(11,11,28,1.0);

	background-image: url(../images/bk03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	}
.block_04 .box_02 { 
	padding: 0px 0px;
	margin-top: 10px;
	}


@media screen and (max-width: 992px) {

}	
@media screen and (max-width: 768px) {
.block_04 { 
	padding: 30px 5%;
	}
}
@media screen and (max-width: 480px) {
.block_04 .box_02 ul { 
	width: 96%;
	}

}
	
/************************/
.block_10 {
	padding: 30px 2%;
	padding-top: 100px;
	text-align: center;
	background-color: #bbbbbb; 
	}
.block_10 .tt { 
	width: 100%;
	font-size: 28px; 
	font-weight: 900;
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: left;
	color: #000000; 
	}
.block_10 .box_01 { 
	padding-bottom: 10px;
	}	
	
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}

/************************
發展歷程
************************/ 
.course {
	position: relative;	
	display: inline-block;
	float: left;
	width: 100%;
	padding: 50px 0px;
	background-color: rgba(11,11,28,1.0);
	}
.course .bg-overlay {
	position: absolute;
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	background-image: url("../images/bg_course.jpg");
	background-repeat: repeat-y;
	background-size: 100%;
	opacity: 0.2;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}
	
.course .box_01 .dt {
	font-size: 20px;
	font-weight: 600;
	top: -20px;
	}
	
.course .year .list ul li,
.course .year .list ul,	
.course .year .dt,
.course .year .list,
.course .year {
	position: relative;	
	display: inline-block;
	float: left;
	width: 100%;
	}
.course .year {
	border-top: 1px solid #ffffff;	
	padding: 10px 0px;
	margin: 5px 0px;
	overflow: hidden;
	}	
	
.course .year .dt,	
.course .year h2 {
	font-size: 24px;
	line-height: 30px;
	}

	
.course .year h2 {
	position: absolute;
	width: 170px;	
	padding-right: 30px;
	text-align: right;
	color: #dddddd;
	}
.course .year h2 span {
	font-size: 35px;
	color: #ff5c26;
	font-weight: 600;
	font-family: Gilda Display, serif;
	}	
	
.course .year .list {
	margin-left: 180px;
	padding-left: 20px;
	padding-right: 210px;
	border-left: 1px solid #221a35;	
	}
	
.course .year .dt a {
	color: #bfcfff;
	font-weight: 600;
	}
.course .year .dt .date {
	color: #ff5c26;
	}
	
.course .year .dt {
	padding-left: 0px;
	}	
.course .year .dt i {
	position: relative;	
	display: inline-block;
	height: 0;
	width: 0;
	left: 10px;
	top: 0px;
	border-width: 6px;
	border-style: solid;
	border-color: #bfcfff transparent transparent transparent;
	
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	
	-webkit-transform-origin: 6px 3px;
	-moz-transform-origin: 6px 3px;
	-ms-transform-origin: 6px 3px;
	-o-transform-origin: 6px 3px;
	transform-origin: 6px 3px
	}
.course .year .dt.open i {

	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
	}	
.course .year .list ul {
	margin-top: 10px;
	margin-bottom: 20px;
	}

@media screen and (max-width: 768px) {
.course .year {
	padding-top: 30px;
	}	
.course .year h2 {
	position: relative;	
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 0px 20px;
	}
.course .year h2 span {
	font-size: 60px;
	}		
.course .year .list {
	margin-left: 0px;
	padding: 0px 20px;
	border: 0px solid #ffffff;	
	}	
}
	
/************************
高峰論壇
************************/
.forum {
	position: relative;	
	display: inline-block;
	float: left;
	width: 100%;
	}
.forum {
	padding-top: 50px;	
	padding-bottom: 250px;
	
	background-color: rgba(11,11,28,1.0);
	background-image: url(../images/bk06.png);
	background-repeat: no-repeat;
	background-size: 100% 1200px;
	background-position: 50% bottom;
	}	
	
.forum .title {
	padding-top: 50px;
	text-align: center;
	}
	
.forum .box_02 .tt,	
.forum .box li,
.forum .box ul {
	position: relative;	
	display: inline-block;
	}
.forum .box_01 {
	padding: 0px 20px;
	}

.forum .box_01 .dt {
	width: 100%;
	font-weight: 900;
	text-align: center;
	}	
.forum .box_01 .dd {
	font-size: 20px; 
	font-weight: 900;
	line-height: 1.6em; 
	padding: 10px 0px;
	}

.forum .box_01 .block_btn {
	width: 100%;
	text-align: center;
	}	

.forum .box_02  {
	margin-top: 60px;
	padding: 0px 20px;
	}
.forum .box_02 .tt {
	width: 100%;
	padding: 20px 0px;
	text-align: center;
	}	
.forum .box_02 ul {
	width: 100%;
	padding: 0.5%;
	
	}
	
.forum .box_02 li {
	width: 100%;
	padding: 10px 0px;
	float: left;
	}
.forum .box_02 li + li{
	border-top: 1px solid #242433;	
	}
		
.forum .box_02 li:nth-child(odd){ 
	color: #ffffff;   
	background: linear-gradient(to right, rgba(16,4,75,0.0) 0%, rgba(16,4,75,1.0) 10%,rgba(117,12,170,1.0) 90%,rgba(117,12,170,0.0) 100%);
	}
	
.forum .box_02 li .time,
.forum .box_02 li .txt {
	position: relative;	
	display: inline-block;
	float: left;
	padding: 5px 10px;
	}
	
.forum .box_02 li .dd b,	
.forum .box_02 li .dt,	
.forum .box_02 li .time {
	font-size: 24px; 
	font-weight: 600;
	line-height: 1.4em; 	
	}
	
.forum .box_02 li .time {
	width: 25%;
	text-align: right;
	}
	
.forum .box_02 li .txt {
	width: 75%;
	}
.forum .box_02 li .dd b {
	color: #ff2883;
	}
	
@media screen and (max-width: 768px) {
.forum .box_02 li .time,
.forum .box_02 li .txt {
	width: 100%;
	text-align: left;
	}	
}
	
/************************/
.forum .box_03  {
	margin-top: 60px;
	}
.forum .box_03 ul {
	text-align: center;
	}
	
.forum .box_03 li {
	vertical-align: top;
	width: 350px;
	min-height: 400px;
	margin: 5px 0.5%;
	padding: 0px 0px;
	border-radius: 10px;
	background-color: #211a31; 
	border: 2px solid #2a243f;	
	}
	
.forum .box_03 li:hover {
	border: 2px solid rgba(219,27,137,1.0);	
	
	background-image: url(../images/bk07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}
	
.forum .box_03 li .icon {
	position: relative;	
	display: inline-block;
	float: left;
	width: auto;	
	padding: 0px 10px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff; 
	background-color: rgba(88,35,188,1.0);

	background: linear-gradient(to right, rgba(88,35,188,0.8) 0%, rgba(219,27,137,0.8) 100%);
	}
.forum .box_03 li .pic {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	}	
.forum .box_03 li .txt {
	text-align: left;
	padding: 20px 20px;
	}	
.forum .box_03 li .tt {
	position: relative;	
	display: inline-block;
	width: 100%;
	font-size: 32px; 
	font-weight: 600;
	}	
.forum .box_03 li .dt {
	min-height: 60px;
	
	font-size: 20px; 
	font-weight: 900;
	line-height: 1.4em; 
	padding: 10px 0px;
	}
.forum .box_03 li .dd {
	text-align: left;
	min-height: 300px;
	}	

@media screen and (max-width: 768px) {
.forum .box_03 li {
	width: 48%;
	}
}
@media screen and (max-width: 480px) {
.forum .box_03 li {
	width: 92%;
	min-height: 300px;
	}
.forum .box_03 li .dd {
	min-height: 200px;
	}
}


	
/************************/
.bk-video {
	position: absolute;
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
    height: 900px;
	z-index: 0;
	overflow: hidden;
	}
.bk-video > video {
	display: inline-block;
	object-fit: cover;
	width: 100%;
    height: 100%;
	z-index: 0;
	opacity: 0.9;
	filter: contrast(150%);
	}

.bk-mask { 
	position: absolute;	
	display: inline-block;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
    height: 900px;
	}
.bk-mask { 
	z-index: 1;
	}
.bk-mask span { 
	/*
	background: url(images/raster.png);
	*/
	position: relative;	
	display: inline-block;
	float: left;
	width: 100%;
    height: 900px;
	background: linear-gradient(to top,  rgba(11,11,28,1.0) 0%,rgba(11,11,28,0.3) 50%); 	
	}	
/************************
發展歷程
************************/
.about .box_02 .txt,
.about {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 50px 20px;	
	overflow: hidden;
	}
.about {
	padding: 50px 20px;	
	overflow: hidden;
	}
	
.about .box_02 .dd {	
	padding-bottom: 10px;
	}
.about .box_02 .pic {	
	text-align: center;
	}	
.about .box_02 .pic img {	
	width: 100%;
	max-width: 550px;
	}

.about .box_03 {	
	padding-bottom: 80px;
	}
	
.video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 比例 */
	height: 0;
	overflow: hidden;
	}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	}

.about .box_04 {
	min-height: 700px;
	padding-bottom: 100px;
	}
	
.about .box_04 .pic {
	position: absolute;	
	display: inline-block;
	float: left;
	}
	
.about .box_04 .pic {
	top: 0px;
	right: 0;
	width: 80%;
	height: 700px;

	background-color: #000000; 
	background-image: url(../images/board-sec1-bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 700px;
	background-position: bottom right;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 1;
	overflow: hidden;	
	}
	
.about .box_04 .txt {
	width: 80%;
	min-height: 500px;
	padding: 50px 50px;	
	margin-top: 400px;	
	background-color: rgba(0,0,0,0.8);
	z-index: 2;
	}
.about .box_04 .txt .dt {
	padding-top: 20px;	
	}	

@media screen and (max-width: 768px) {
.about .box_04 {
	min-height: 300px;
	padding-bottom: 100px;
	}
.about .box_04 .pic,
.about .box_04 .txt {
	position: relative;	
	width: 100%;
	top: 0px;
	margin: 0px;	
	}
.about .box_04 .pic {
	height: 420px;
	background-size: auto 600px;
	background-position: top right;
	}	
}
@media screen and (max-width: 480px) {

}	


/************************/
.talent_view,
.talent {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 50px 20px;	
	overflow: hidden;
	}
.talent .box_04  {
	margin-bottom: 50px;
	}	
.talent .box_04 .dd {
	font-size: 20px;
	font-weight: 600;
	}
	
.talent .box_02 {
	padding-bottom: 80px;	
	}
.talent_view .box_02 li,	
.talent .box_02 li {
	vertical-align: top;
	width: 24%;
	min-height: 100px;
	margin: 5px 0.32%;
	padding: 0px 0px;
	border-radius: 10px;
	background-color: #211a31; 
	border: 2px solid #2a243f;	
	}
	
.talent .box_02 li:hover {
	border: 2px solid rgba(219,27,137,1.0);	
	
	background-image: url(../images/bk07s.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}
	
.talent .box_02 li .icon {
	position: relative;	
	display: inline-block;
	float: left;
	width: auto;	
	padding: 0px 10px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff; 
	background-color: rgba(88,35,188,1.0);

	background: linear-gradient(to right, rgba(88,35,188,0.8) 0%, rgba(219,27,137,0.8) 100%);
	}
.talent .box_02 li .pic {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	}
.talent .box_02 li .txt {
	padding: 10px 10px;
	}

.talent .box_t  {
	text-align: center;
	}
.talent .box_t ul  {
	width: 1400px;
	}

/***	
.talent .box_t li {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	border: 0px solid #2a243f;	
	overflow: hidden;
	}
***/
.talent .box_t li {
	position: relative;	
	float: left;

	width: 16.66%;
	height: 0;
	margin: 0px;
	padding: 0px;
	padding-bottom: 16.66%;
	border-radius: 0px;	
	border: 0px solid #2a243f;
	overflow: hidden;
	}

.talent .box_t li .pic {
	border-radius: 0px;
	}
.talent .box_t li .txt {
	display: none;	
	text-align: left;
	padding: 20px 10px;
	}
.talent .box_t li:hover {
	border: 0px solid #2a243f;	
	}	
.talent .box_t li:hover .txt {
	position: absolute;	
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to  bottom, rgba(88,35,188,0.8) 0%, rgba(64,0,16,0.8) 100%);
	}
	
.talent_view .box_02 .tt,
.talent .box_02 li .tt {
	position: relative;	
	display: inline-block;
	width: 100%;
	font-size: 32px; 
	font-weight: 600;
	}
.talent_view .box_02 .dt,
.talent .box_02 li .dt {
	min-height: 30px;
	font-size: 16px; 
	font-weight: 900;
	line-height: 1.4em; 
	padding: 10px 0px;
	}
.talent .box_02 li .dd {
	text-align: left;
	min-height: 300px;
	}
	
@media screen and (max-width: 1440px) {
.talent .box_t ul  {
	width: 1200px;
	}
}
@media screen and (max-width: 1280px) {
.talent .box_t ul  {
	width: 100%;
	padding: 0px 5%;
	}
.talent .box_t li {
	width: 25%;
	padding-bottom: 25%;
	}
}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
.talent .box_02 li {
	width: 48.5%;
	}
.talent .box_t li {
	width: 50%;
	padding-bottom: 50%;
	}	
}
@media screen and (max-width: 480px) {

}
/************************/
.talent_view .box_02 {
	padding-top: 30px;	
	padding-bottom: 80px;	
	}
.talent_view .box_02 .txt,
.talent_view .box_02 .pic {
	position: relative;	
	display: inline-block;
	width: 100%;	
	}

.talent_view .box_02 .txt {
	width: 65%;
	padding: 0px 10px;
	text-indent: 2em;
	}
.talent_view .box_02 .txt p {
	padding-bottom: 10px;
	}
.talent_view .box_02 .pic {
	float: left;
	width: 35%;
	padding: 0px 20px;
	}

	
/************************/
.news_view,
.news .box_news li,
.news .box_news ul,
.news {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	}
.news_view,	
.news {	
	padding: 50px 20px;	
	overflow: hidden;	
	}
	
.news .box_02 li {
	width: 48%;
	vertical-align: top;
	min-height: 400px;
	margin: 5px 0.5%;
	padding: 0px 0px;
	background-color: #211a31; 
	border: 3px solid #ffdc73;	
	}
	
.news .box_02 li:hover {
	border: 3px solid rgba(219,27,137,1.0);	
	
	background-image: url(../images/bk07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}	
	
.news .box_03 {
	padding: 20px 0px;
	}
	
.news .box_03 li {
	width: 98%;
	}	
.news .box_03 li + li {
	border-top: 1px solid rgba(85,85,85,0.4);	
	}	
.news .box_03 li:hover {
	background-image: url(../images/bk07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}
	
.news .box_02 li .pic {
	position: relative;	
	display: inline-block;
	width: 100%;
	height: 300px; 
	text-align: center;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	overflow: hidden;
	}	
.news .box_news li .txt {
	text-align: left;
	padding: 10px 20px;
	}
.news_view .box_02 .dt,	
.news .box_news li .dt {
	height: 65px;
	font-size: 20px; 
	font-weight: 900;
	line-height: 1.4em; 
	padding: 10px 0px;
	overflow: hidden;
	}
.news .box_03 li .dt {
	height: 35px;
	}
.news_view .box_02 .time,
.news .box_news li .time {
	color: #9bb1ca; 
	}
.news_view .box_02 .time span,	
.news .box_news li .time span {
	color: #ffffff;
	padding: 0px 5px;
	margin-left: 10px;
	background-color: #e98878; 
	}		
.news .box_02 li .dd {
	display: none;
	}
	
/************************/	
.news_view .box_02 {
	padding-top: 0px;
	padding-bottom: 80px;
	}
.news_view .box_02 .dt {
	font-size: 25px; 
	}
.news_view .box_02 .dd p {
	padding-top: 10px;
	text-indent: 2em;
	}
	
	
@media screen and (max-width: 768px) {
.news .box_02 li {
	width: 98%;
	}
.news .box_03 li .dt {
	height: 65px;
	}
}
@media screen and (max-width: 480px) {

}	
	
/************************/
.contact .box img,
.contact .box_02 .pic_logo,
.contact .box_02 .pic,
.contact .box_02 .txt,
.contact {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 100%;
	}
.contact {	
	padding-top: 50px;
	padding-bottom: 50px;
	}
.contact .box_02 .pic_logo {	
	padding: 20px 0px;
	padding-bottom: 50px;	
	text-align: center;
	}	
	
.contact .box_02 .pic_logo img {	
	width: 80%;
	}
	
.contact .box_02 .pic {	
	float: left;
	width: 35%;
    height: 400px;
	background-image: url(../images/ieat.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% bottom;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;	
	}
	
.contact .box_02 .txt {	
	float: right;
	width: 60%;
	font-size: 18px;
	}
.contact .box_02 .txt .dd2 {	
	padding-left: 90px;	
	text-indent: -90px;
	}
	
.contact .box_02 .txt .dd3 {	
	padding-left: 125px;	
	text-indent: -125px;
	}
	
@media screen and (max-width: 768px) {
.contact .box_02 .pic {	
	width: 100%;
    height: 800px;
	}
.contact .box_02 .txt {	
	width: 100%;
	padding: 20px 20px;
	}
}
@media screen and (max-width: 480px) {
.contact .box_02 .pic {	
    height: 600px;
	}
}

/************************
TOTAL
************************/

.show { display: block; }
.hide { display: none; }

.cs01  { color:#d80012; }
.dot  { font-size: 11px; top: -2px; position: relative; }

.fs-16 {
	font-size: 16px;
}
.fw-500 {
	font-weight: 500;
}
.d-flex {
	display: flex;
}
.align-items-center {
	align-items: center;
}
.line-height-sm {
	line-height: 1.3;
}
small {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.d-flex {
		flex-direction: column;
	}
}
/************************/
.pc_768, .pc_480 { display: block; }
.mo_768, .mo_480 { display: none; }
	
@media screen and (max-width: 768px) {
.pc_768 { display: none; }
.mo_768 { display: block; }	
}
@media screen and (max-width: 480px) {
.pc_480 { display: none; }
.mo_480 { display: block; }	
}


/************************
DRAWER-ITEM 
************************/ 
.block_20 {
	position: relative;
	display: inline-block;
	float: left; 
	width: 100%;
	text-align: center;	
    background: #d7dce0;
	}

.drawer-header,
.drawer-item {
	position: relative;
	display: inline-block;
	width: 100%;	
    }

.drawer-item {
	max-width: 1000px;
	text-align: center;	
	padding: 50px 1%;
    }
	
.drawer-header {
	cursor: pointer;
	margin: 0px;
	padding: 14px 10px;
	font-size: 40px;
	line-height: 20px;	
	font-weight: 600;
	height: 45px;
	color: #212121;
	transition: 0.25s;
	overflow: hidden;
    }
.drawer-item-active .drawer-header {
	transition: 0.25s;
	color: #dddddd;
    }	

.drawer-header-icon {
	display: inline-block;
	float: left;
    }	
.drawer-header-icon {
	font-size: 18px;
	width: 20px;
	height: 20px;
	color: #4c4c4c;
    }
.drawer-item-active .drawer-header-icon {
	display: inline-block;
	float: left;
	color: #4c4c4c;
	transform: rotate(90deg);
    }
.drawer-content {
	display: inline-block;
	width: 100%; 
	padding: 2% 20px; 
	padding-bottom: 4%; 
    color: #474747;  
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8em;
	text-align: justify;
	}
.drawer-content h3 {
	color: #000000; 
	margin-top: 2px;
	}
.drawer-content ul,
.drawer-content ol {
	list-style-type:none;
	max-width: 100%;
	
    }
.drawer-content ul {
	margin-bottom: 20px;
    }

@media only screen and (max-width: 768px) {
.drawer-content {
	font-size: 14px;
	}
}