#hot{
	background: #FFFF;
	padding: 5%;
}
#my-hot .uk-close svg {
	width: 40px;
	height: 40px;
	padding: 5px;
}
#my-hot .uk-close {
	color: #FFFFFF;
	top: -3%;
	right: -3%;
	border-radius: 50px;
	background: #D2AC75;
}
#my-hot .uk-modal-dialog {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 90vh;
	background: transparent;
}
#hot .hot_con{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding: 0;
	margin: 0;
}
.inf_con .txt a{
	color: #12373b;
}
.inf_con .txt a:hover{
	color: #12373b;
	text-decoration: none;
}
.inf_con .txt{
	color: #12373b;
}
.inf_con ul li img {
	width: 2.86vw;
	height: 2.86vw;
	margin: 0 1vw 0 0;
}
.inf_con ul li{
	padding: 0;
	display: flex;
	margin: 0;
	color: #12373b;
	font-family: 'Arial';
	font-size: 1vw;
	letter-spacing: 0.05vw;
}
.inf_con ul{
	padding: 0;
	display: flex;
	margin: 0 0 0 3.4vw;
	width: 47%;
	justify-content: space-between;
}
#talents .inf_con h3 {
	color: #12373b;
	font-size: 1.3vw;
	letter-spacing: 0.12vw;
	font-family: "Noto Sans TC", serif;
	font-weight: bold;
	margin: 0;
	line-height: 1.8;
	padding: 0.5vw 3.2vw 0.5vw 0;
	border-right: 2px solid rgba(0,44,53,0.5);
}
#talents .inf_con{
	margin: 0 0 0 30.5vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}
#talents img.page {
	width: 23.5vw;
	position: absolute;
	left: 0;
	bottom: 0;
}
#talents .inf{
	background: #D2AC75;
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 1.5vw 0 1.5vw 0;
}
#talents .pic:after {
	content: '';
	width: 0.645vw;
	height: 7.2vw;
	background: rgba(210, 172, 117, 1);
	position: absolute;
	left: -0.3225vw;
	top: 5.6vw;
}
#talents ul.item_list li.list2{
	background-position: left 0.5vw;
}
.item_bot .item_list{
	margin: 3vw 0 0 0;
}
.item_bot {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 4vw 0;
}
.item_bot .item{
	padding: 5.8vw 0 0 2.5vw;
	width: 28vw;
}
.item_bot .item{
	border-top: 2px solid rgba(210, 172, 117, 0.5);
}
#talents .pic{
	width: 47.8vw;
	padding: 1.2vw 0 1.2vw 1.2vw;
	border: 2px solid rgba(210, 172, 117, 0.5);
	position: relative;
}
#talents .en2{
	width: 5.3vw;
	margin: 2.1vw 0 0 1.8vw;
}
.item_l{
	width: 81%;
	display: inline-block;
	vertical-align: top;
}
.item_top .item:nth-child(1){
	border-bottom: 2px solid rgba(210, 172, 117, 0.5);
}
.item_top .item:nth-child(2) h2{
	margin: 3.4vw 0 0 0;
}
.item_top .item:nth-child(1) h2{
	margin: 3.4vw 0 0 0;
}
.item_top .item:nth-child(1) .item_list{
	margin: 1.6vw 0 3.7vw 11.9vw;
}
.item_top .item:nth-child(2) .item_list{
	margin: 3.75vw 0 3.7vw 8.9vw;
}
.item_list{
	padding: 0;
	margin: 0;
}
#talents .item_bot ul.item_list li.tip{
	background-image: inherit;
	padding: 0;
	margin: 1.45vw 0 0 0;
}
#talents ul.item_list li.tip{
	background-image: inherit;
	padding: 0;
	margin: 2.1vw 0 0 0;
}
#talents ul.item_list li{
	margin: 0;
	padding: 0 0 0 1.7vw;
	list-style: none;
	background-image: url(../img/talents/item.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.2vw;
	color: #002C35;
	letter-spacing: 0.13vw;
	line-height: 2.4;
	font-size: 0.93vw;
}
.item_l .item{
	display: flex;
	padding: 0 0 0 2.5vw;
}
.item_con{
	width: 84vw;
	padding: 7vw 0 0 15.5vw;
}
.item .add {
	font-size: 1.28vw;
	letter-spacing: 0.05vw;
	margin: 1.2vw 0 0 0;
}
.item h2{
	color: #002C35;
	font-size:2.7vw;
	letter-spacing: 0.4vw;
	font-family: "Noto Sans TC", serif;
	font-weight: bold;
}
#map iframe{
	width: 100%;
	height: 100%;
}
#matching main .txt_con{
	margin: 4vw 0 0 6.875vw;
	display: flex;
	width: 31vw;
	flex-direction: column;
	justify-content: space-between;
}
#matching #map{
	width: 47vw;
	height: 37.7vw;
	padding: 1.5vw 1.5vw 1.5vw 0;
	border: 1px solid rgba(210,172,117,0.5);
	display: inline-block;
	position: relative;
}
#matching #map:before{
	content: '';
	background:rgb(210,172,117);
	width: 0.8vw;
	height: 7.4vw;
	top: 16.5vw;
	right: -0.4vw;
	position: absolute;
}
#classic .txt_con .year_num{
	color: #D2AC75;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 5.8vw;
	letter-spacing: 0.01vw;
}
#classic .txt_con_r:before{
	content: '';
	width: 0.645vw;
	height: 7.9vw;
	background: #D2AC75;
	position: absolute;
	right: 0;
	top: 9.8vw;
}
#classic .txt_con_r:after{
	content: '';
	border: 1px solid rgba(210,172,117,0.5);
	width: 97%;
	height: 31.45vw;
	position: absolute;
	left: 1.35vw;
	top: 5vw;
}
#classic .txt_con .txt a{
	display: inline-block;
	width: 3vw;
	height: 3vw;
	margin: 1.9vw 0 0 0;
	position: relative;
	z-index: 2;
}
#classic .txt_con_txt{
	margin: 8vw 0 0 6.1vw;
}
#classic .txt_con .year_num{
	color: #D2AC75;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 5.8vw;
	letter-spacing: 0.01vw;
}
#classic .txt_con h3{
	color: #ffffff;
	font-size: 1.4vw;
	letter-spacing: 0.1vw;
	text-align: right;
	margin: 0 0 7.2vw 0;
	line-height: 1.35;
}
#classic .txt{
	color: #ffffff;
	font-size: 1vw;
	text-align: right;
	flex-direction: column;
	line-height: 2;
	letter-spacing: 0.06vw;
	display: inline-block;
}
#classic .txt_con_r {
	display: flex;
	position: relative;
	width: 100%;
}
#brand .ds2 .txt{
	margin: 2.7vw 0 0 0;
	text-align: center;
}
#brand .ds1 .en{
	width: 5.2vw;
	height: auto;
	margin: 0.55vw 0 0 0;
	max-width: initial;
}
#brand .ds2 .en{
	width: 26.6vw;
	height: auto;
	margin: 2.5vw 0 0 0;
	max-width: initial;
}
#brand .ds1 .txt_con h3{
	font-family: "Noto Sans TC",sans-serif;
}
@keyframes scroll_down_an {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}
.scroll_down:after{
	content: '';
	width: 1px;
	background: rgba(255,255,255,0.5);
	height: 14.3vw;
	position: absolute;
	left: 50%;
	bottom: 0;
}
#cases .top_con
h2{
	bottom: 8.5vw;
}
.copyright a img{
	width: 0.7vw;
	height: 0.7vw;
}
.copyright a:hover{
	text-decoration: none;
}
footer .menu_slink .line_btn {
	width: 10.5vw;
	height: auto;
}
footer .menu_slink .line_btn {
	position: static;
	width: 7.1vw;
	height: auto;
}
.menu_slink .line_btn{
}
body#index #main:after {
	content: '';
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
}
.case_bot a:hover{
	text-decoration: none;
	color: #002C35;
}
.year.uk-sticky-below{
	position: absolute !important;
	right: 6.7% !important;
	top: 32.3vw !important;
}
.year.uk-sticky-fixed{
	width: 6.4vw!important;
	height: auto;
	position: absolute;
	right: 6.7%;
}
.case_bot .uk-table tbody tr{
	line-height: 2.1;
}
.cases_inf .uk-table th{
	width: 5.5vw;
}
.cases_items li:nth-child(1){
	margin-left: 0;
}
.cases_items:before{
	content: '';
	width: 5vw;
	height: 0.7vw;
	background: #D2AC75;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -0.35vw 0 0 0;
}
.cases_inf .uk-table th,.cases_inf .uk-table td{
	color: #002C35;
	font-size: 0.93vw;
	padding: 0;
	margin: 0;
	letter-spacing: 0.1vw;
}
.cases_list li:hover a,.cases_list li.active a{
	color: #FFFFFF;
}
#classic .cases_list:after{
	background: rgba(255,255,255,0.5);
}
#classic .cases_list li{
	border: 1px solid rgba(255,255,255,0.5);
	background: #002C35;
}
#classic .cases_list li a {
	color: #FFFFFF;
}
@keyframes hp {
	0% {
		opacity: 0;
	}

	50% {
		transform: scale(1,1);
		opacity: 1;
	}
	70% {
		transform:translateY(-3px)scale(1.4,1.4);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
#news main .link:nth-child(1) .hand{
	left: 44.5vw;
	top: 32.3vw;
}
@keyframes hm {
	0% {
		transform: translateY(-3px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}
@keyframes aa {
	0% {
		transform: translateY(-3px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}
.op:after{
	height: 35vw;
}
.op:after{
	content: '';
}
#index h2{
	position: absolute;
	left: 3.75%;
	top: 0;
	z-index: 2;
}
.menu_link li:hover #b_x5F_e,.menu_link li:hover #s_x5F_e,body#brand .menu_link li:nth-child(1) #b_x5F_e,body#brand .menu_link li:nth-child(1) #s_x5F_e,body#talents .menu_link li:nth-child(5) #b_x5F_e,body#talents .menu_link li:nth-child(5) #s_x5F_e,body#matching .menu_link li:nth-child(4) #b_x5F_e,body#matching .menu_link li:nth-child(4) #s_x5F_e,body#news .menu_link li:nth-child(6) #b_x5F_e,body#news .menu_link li:nth-child(6) #s_x5F_e,body#cases .menu_link li:nth-child(2) #b_x5F_e,body#cases .menu_link li:nth-child(2) #s_x5F_e,body#classic .menu_link li:nth-child(2) #b_x5F_e,body#classic .menu_link li:nth-child(2) #s_x5F_e{
	color: #002C35;
}
.brand_pic{
	width: 38.28vw;
	height: 33.85vw;
	margin: 4vw 0 0 0;
}
#classic .en{
	width: 8.3vw;
	height: 38vw;
	display: inline-block;
	margin: 6% 5.2vw 0 0;
}
#classic .txt_con{
	width: 76%;
	display: flex;
	flex-direction: row;
	margin: 0 0 0 12.5%;
	padding-bottom: 5.7vw;
}
#brand .ds1 .txt,#brand .ds2 .txt{
	font-size: 0.9vw;
	letter-spacing: 0.1vw;
	line-height: 217%;
	color: #ffffff;
}
#brand .ds2 .txt{
	margin: 2.7vw 0 0 0;
	text-align: center;
}
#brand .ds1 .txt{
	margin: 4.1vw 0 0 0;
}
#brand .ds1 .s_tit{
	font-size: 1.3vw;
	letter-spacing: 0.1vw;
	margin: 0.65vw 0 0 0;
}
#brand .ds2 .txt_con_r{
	display: inline-block;
	width: 31.5vw;
	margin: 14vw 0 0 34vw;
	text-align: center;
	position: absolute;
}
#brand .ds1 .txt_con_r{
	width: 31vw;
	display: inline-block;
	margin: 1vw 0 0 5.6vw;
	position: relative;
	z-index: 1;
}
#brand .ds1 .txt_con{
	width: 43.75vw;
	margin: 0 0 0 12vw;
	z-index: 2;
	display: flex;
	padding: 5vw 0;
}
#brand .ds1 .en{
	width: 5.2vw;
	height: auto;
	margin: 0.55vw 0 0 0;
	max-width: initial;
}
#brand .ds2 .en{
	width: 26.6vw;
	height: auto;
	margin: 2.5vw 0 0 0;
	max-width: initial;
}
#brand .ds1 .img{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: auto;
}
#brand .ds1 .txt_con{
	color: #ffffff;
}
#brand .ds1 .txt_con h3{
	color: #ffffff;
	font-size: 3vw;
	font-weight: bold;
	letter-spacing: 0.1vw;
	font-family: "Noto Sans TC",sans-serif;
}
@keyframes scroll_down_an {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}
.scroll_down{
	animation: scroll_down_an 2s ease-in-out infinite;
	position: absolute;
	left: 8vw;
	bottom: 0;
	height: 21vw;
}
.scroll_down:after{
	content: '';
	width: 1px;
	background: rgba(255,255,255,0.5);
	height: 14.3vw;
	position: absolute;
	left: 50%;
	bottom: 0;
}
.scroll_down div{
	writing-mode: tb;
	color: #FFFFFF;
	font-family: 'Arial';
	letter-spacing: 0.01vw;
	font-size: 0.9vw;
}
#cases .top_con h2{
	bottom: 8.5vw;
}
.top_con h2{
	position: absolute;
	z-index: 2;
	color: #ffffff;
	right: 12vw;
	bottom: 7.5vw;
	font-size: 1.6vw;
	letter-spacing: 0.2vw;
}
.top_con h2 div{
	text-align: right;
}
#brand .top_con h2 img{
	z-index: 2;
	color: #ffffff;
	height: 6.45vw;
	width: auto;
	max-width: inherit;
}
.top_con h2 img{
	z-index: 2;
	color: #ffffff;
	height: 4.92vw;
	width: auto;
	max-width: inherit;
}
.copyright a img{
	width: 0.7vw;
	height: 0.7vw;
}
.copyright a{
	color: #ffffff;
	margin: 0 0 0 0.4vw;
}
.copyright a:hover{
	text-decoration: none;
}
.copyright{
	font-family: Microsoft JhengHei;
	position: relative;
	width: 95%;
	margin: 0.8vw 0 0 0;
}
.copyright:after{
	content: '';
	width: 100%;
	position: absolute;
	height: 1px;
	background: rgba(255,255,255,0.5);
	left: 0;
	bottom: 50%;
}
.copyright div{
	background: #002C35;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	letter-spacing: 0.05vw;
	position: relative;
	z-index: 1;
	padding: 0 0 0 1vw;
}
.f_menu li a{
	text-decoration: none;
	color: rgba(255,255,255,0.6);
	display: inline-block;
}
.f_menu li a:hover{
	color: rgba(255,255,255,1);
}
.footer_tit h3{
	text-align: right;
	font-size: 1vw;
	letter-spacing: 0.095vw;
	font-family: 'Arial';
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	display: inline-block;
	float: right;
	padding: 0 3.5vw 1vw 3.5vw;
	margin: 0 2.5vw 0 0;
}
.footer_tit h3:after{
	content: '';
	width: 100%;
	height: 0.3vw;
	background: #D2AC75;
	position: absolute;
	left: 0;
	bottom: -1.75px;
}
.footer_tit{
	position: relative;
	width: 100%;
	display: inline-block;
}
.footer_tit:before {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	bottom: 0;
	right: 0;
}
footer .menu_slink .line_btn {
	width: 10.5vw;
	height: auto;
}
footer .menu_slink .line_btn {
	position: static;
	width: 7.1vw;
	height: auto;
}
footer .menu_slink {
	justify-content: flex-start;
}
footer .menu_slink li svg {
	width: 1.5vw;
	height: 1.5vw;
	margin: 0 0.1vw 0 0;
}
footer .menu_slink li {
	font-size: 0.8vw;
	letter-spacing: 0.06vw;
}
footer .menu_slink li + li {
	margin-left: 1.75vw;
}
.footer_menu{
	width: 73%;
}
footer h2.f_logo{
	width: 9%;
	height: auto;
	margin: 0 0 0 9%;
	position: static !important;
}
.f_menu.en_menu li {
	letter-spacing: 0;
	font-size: 0.74vw;
}
.f_menu li {
	letter-spacing: 0.1vw;
	font-size: 0.8vw;
}
footer{
	background: #002C35;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	padding: 3.2vw 0 1.6vw 0;
	width: 100%;
	box-shadow: 2vw 0 1vw rgba(0, 0, 0, 0.5);
}
.footer_menucon {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	text-align: left;
	justify-content: space-between;
	align-items: stretch;
}
.f_menu.ch_menu li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.6);
	padding: 0 0 0 0.75vw;
	margin: 0 0 0 0.75vw;
}
.f_menu.en_menu li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.6);
	padding: 0 0 0 0.55vw;
	margin: 0 0 0 0.55vw;
}
.ch_menu {
	display: flex;
	width: 100%;
	text-align: left;
	margin: 0 0 1vw 0;
	flex-direction: row;
	padding: 1vw 0 0 0.7%;
}
.en_menu {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	text-align: left;
	margin: 0 3% 0 0;
	padding: 0 0 0 0.7%;
}
#brand .video{
	background: #002C35;
	display: inline-block;
}
#muteYouTubeVideoPlayer {
	width: 66.5vw;
	height: 37.4vw;
	margin: 0 0 3.5vw 16.75vw;
	position: relative;
	z-index: 2;
	padding:0;
}
.menu_slink .line_btn{
	position: static;
	width: 10.5vw;
	height: auto;
}
.line_btn{
	position: absolute;
	right: 16.5vw;
	width: 7vw;
	height: 1.8vw;
	bottom: 4vw;
}
.line_btn a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
body{
	font-family: "Noto Sans TC", serif;
	overflow-x: hidden;
}
body#index #main:after {
	content: '';
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
}
body#index,body#brand,body#cases,body#classic,body#classic,body#matching,body#talents{
	background: #002C35;
	overflow-x: hidden;
}
body#cases #main{
	background: url("../img/cases/bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
}
body#classic #main main{
	background: url("../img/cases/bg2.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
body#talents #main main{
	background: url("../img/talents/bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}
body#matching #main main{
	background: url("../img/matching/bg.jpg") #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left bottom;
}
.case_bot a:hover{
	text-decoration: none;
	color: #002C35;
}
.case_bot a{
	color: #002C35;
}
.year.uk-sticky-below{
	position: absolute !important;
	right: 6.7% !important;
	top: 32.3vw !important;
}
.year_con{
	padding: 4.5vw 0 9vw 0;
	position: relative;
}
.year_con article + article{
	margin: 4.4vw 0 0 18%;
}
.year_con .year{
	position: absolute;
	right: 6.7%;
	top: 3.3vw;
	z-index: 0 !important;
}
.year.uk-sticky-fixed{
	width: 6.4vw!important;
	height: auto;
	position: absolute;
	right: 6.7%;
}
.year{
	width: 6.4vw;
	height: auto;
	height: 27vw;
}
.case_bot .uk-table tbody tr{
	line-height: 2.1;
}
.case_bot{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
.cases_inf .uk-table th{
	width: 5.5vw;
}
.case_tit,.cases_con article .uk-table{
	margin:0 0 0 3vw ;
	letter-spacing: 0.01vw;
}
.cases_items{
	display: flex;
	padding: 0 22% 0.5vw 3vw;
	margin: 2.5vw 0 0 0;
	position: relative;
	justify-content: flex-start;
	width: 78%;
}
.cases_items li:nth-child(1){
	margin-left: 0;
}
.cases_items li{
	position: relative;
	z-index: 2;
	margin: 0 0.5vw;
	width: 2.6vw;
	height: 2.6vw;
}
.cases_items:before{
	content: '';
	width: 5vw;
	height: 0.7vw;
	background: #D2AC75;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -0.35vw 0 0 0;
}
.cases_items:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #D2AC75;
	position: absolute;
	left: 0;
	bottom: 50%;
}
body#cases main{
}
.cases_items svg{
	color: #CDA874;
	width: 2.6vw;
	height: 2.6vw;
	border: 1px solid #CDA874;
	background: #ffffff;
}
.cases_inf h2{
	font-size: 2.7vw;
	font-family: "Noto Sans TC", serif;
	font-weight: bold;
	color: #002C35;
	letter-spacing: 0.3vw;
	margin: 4vw 0 1vw 0;
}
.cases_inf{
	display: flex;
	flex-direction: column;
	color: #002C35;
	position: relative;
	margin: 0 8% 0 0;
	width: 50%;
}
.cases_inf .slogan,.item .slogan{
	font-size: 1.2vw;
	font-family: "Noto Sans TC", serif;
	font-weight: bold;
	letter-spacing: 0.1vw;
}
.item .slogan{
	color: #002C35;
	margin: 0 0 2vw 0;
}
.cases_inf .uk-table th,.cases_inf .uk-table td{
	color: #002C35;
	font-size: 0.93vw;
	padding: 0;
	margin: 0;
	letter-spacing: 0.1vw;
}
#cases .uk-sticky-placeholder,#classic .uk-sticky-placeholder{
	height: auto !important;
}
.cases_con article{
	width: 75%;
	display: flex;
	margin: 0 0 0 18%;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 25vw;
	justify-content: flex-start;
}
.cases_con article .case_img{
	width: 25vw;
	height: 25vw;
}
.cases_list.uk-sticky-fixed:after{
	left: 8.6vw;
	height: 85%;
	bottom: 0;
	top: auto;
}
.cases_list li+li{
	margin: 1vw 0 0 0;
}
.cases_list li:hover,.cases_list li.active,#classic .cases_list li.active{
	border: 1px solid rgba(104,150,83,1);
	background:rgba(104,150,83,1) ;
}
.cases_list li:hover a,.cases_list li.active a{
	color: #FFFFFF;
}
.cases_list{
	display: flex;
	position: absolute;
	width: 9.8% !important;
	z-index: 1!important;
}
.cases_list:after{
	content: '';
	position: absolute;
	right: 1vw;
	top: 0;
	height: 97%;
	width: 1px;
	background: rgba(0,44,53,0.5);
}
#classic .cases_list:after{
	background: rgba(255,255,255,0.5);
}
.cases_list ul{
	padding: 7vw 0 0 0;
	margin: 0 0 0 7.5vw;
}
#classic .cases_list li{
	border: 1px solid rgba(255,255,255,0.5);
	background: #002C35;
}
.cases_list li {
	font-size: 1.4vw;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	border: 1px solid rgba(0,44,53,1);
	padding: 1.4vw 0;
	letter-spacing: 0.1vw;
	background: #FFFFFF;
	position: relative;
	z-index: 1;
}
.cases_list li a{
	text-decoration: none;
	color: #002C35;
	font-size: 1.2vw;
	font-weight: bold;
}
#classic .cases_list li a {
	color: #FFFFFF;
}
.hand{
	width: 2.3vw;
}
.hand img{
	width: 100%;
	max-width: none;
}
.hand .hand_mov{
	position: absolute;
	z-index: 2;
}
.hand .poinnt{
	position: absolute;
	left: 0;
	top: 0;
	-ms-animation: hp 1.2s infinite linear;
	-o-animation: hp 1.2s infinite linear;
	-moz-animation: hp 1.2s infinite linear;
	-webkit-animation: hp 1.2s infinite linear;
	animation: hp 1.2s infinite linear;
	transform-origin: 37% 22%;
}
@keyframes hp {
	0% {
		opacity: 0;
	}

	50% {
		transform: scale(1,1);
		opacity: 1;
	}
	70% {
		transform:translateY(-3px)scale(1.4,1.4);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
#news main .link:nth-child(1) .hand{
	left: 44.5vw;
	top: 32.3vw;
}
#news main .link:nth-child(2) .hand{
	left: 63.5vw;
	top: 32vw;
}
#news main .link .hand{
	display: inline-block;
	position: absolute;
	-ms-animation: aa 1.2s infinite linear;
	-o-animation: aa 1.2s infinite linear;
	-moz-animation: aa 1.2s infinite linear;
	-webkit-animation: aa 1.2s infinite linear;
	animation: aa 1.2s infinite linear;
}
#news main .link .hand_mov{
	-ms-animation: hm 1.2s infinite linear;
	-o-animation: hm 1.2s infinite linear;
	-moz-animation: hm 1.2s infinite linear;
	-webkit-animation: hm 1.2s infinite linear;
	animation: hm 1.2s infinite linear;
}
@keyframes hm {
	0% {
		transform: translateY(-3px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}
@keyframes aa {
	0% {
		transform: translateY(-3px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}
.top_btn{
	position: absolute;
	left: 0;
	top: 0;
	-ms-animation: aa 1.2s infinite linear;
	-o-animation: aa 1.2s infinite linear;
	-moz-animation: aa 1.2s infinite linear;
	-webkit-animation: aa 1.2s infinite linear;
	animation: aa 1.2s infinite linear;
}
.gotop{
	position: absolute;
	width: 3.9vw;
	height: 2.6vw;
	right: 1.9vw;
	top: -2.55vw;
	z-index: 1;
}
h1#logo{
	position: fixed;
	width: 8.59vw;
	left: 3.7vw;
	top: 1.86vw;
	z-index: 9;
}
h1#logo a{
	display: block;
	position: relative;
	z-index: 1;
}
.menu_slink{
	display: flex;
	padding-left: 0;
	margin: 2.5vw 15vw 0 0;
	width: 100%;
	flex-direction: row;
	justify-content: flex-end;
}
.menu_slink svg{
	color: #ffffff;
}
.menu_slink li{
	display: flex;
	color: #FFFFFF;
	align-items: center;
	font-size: 1vw;
	letter-spacing: 0.2vw;
}
.gradient,.op:after{
	background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.gradient{
	height: 13vw;
}
.op:after{
	height: 35vw;
}
.op:after{
	content: '';
}
.menu_btn svg{
	width: 100%;
}
.menu_btn{
	width: 8.125%;
	cursor: pointer;
	transition: 0.2s;
	display: inline-block;
	position: fixed;
	right: 0;
	top: 1.9vw;
	z-index: 13;
	height: auto;
}
.menu_btn svg{
	color: #ffffff;
}
.menu_link li{
	transition: 0.5s all;
	width: 20%;
}
.menu_link li:hover #b_x5F_e,.menu_link li:hover #s_x5F_e,body#brand .menu_link li:nth-child(1) #b_x5F_e,body#brand .menu_link li:nth-child(1) #s_x5F_e,body#talents .menu_link li:nth-child(5) #b_x5F_e,body#talents .menu_link li:nth-child(5) #s_x5F_e,body#matching .menu_link li:nth-child(4) #b_x5F_e,body#matching .menu_link li:nth-child(4) #s_x5F_e,body#news .menu_link li:nth-child(6) #b_x5F_e,body#news .menu_link li:nth-child(6) #s_x5F_e,body#cases .menu_link li:nth-child(2) #b_x5F_e,body#cases .menu_link li:nth-child(2) #s_x5F_e,body#classic .menu_link li:nth-child(2) #b_x5F_e,body#classic .menu_link li:nth-child(2) #s_x5F_e{
	color: #002C35;
}
.menu_link li:hover,body#brand .menu_link li:nth-child(1),body#talents .menu_link li:nth-child(5),body#matching .menu_link li:nth-child(4),body#news .menu_link li:nth-child(6),body#cases .menu_link li:nth-child(2),body#classic .menu_link li:nth-child(2){
	background: rgba(255,255,255,1);
}
.menu_link li #b_x5F_e{
	color: #ffffff;
}
.menu_link li #s_x5F_e{
	color: #ffffff;
}
.menu_link li #txt{
	color: #D2AC75;
}
.menu_list {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	padding-left: 0;
	padding-top: 0;
	overflow: auto;
	z-index: 3;
	margin-top: 0;
	min-height: 100vh;
	background: #002C35;
	display: none;
}
.menu_link{
	display: flex;
	width: 85%;
	padding: 0;
	margin: 5vw 0 0 0;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255,255,255,1);
}
.menu_link li + li{
	border-left: 1px solid rgba(255,255,255,1);
}
.menu_con{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
}
.menu_slink li + li{
	margin-left: 3vw;
}
.menu_slink li svg{
	width: 2vw;
	height: 2vw;
}
.menu_slink a,.menu_slink a:hover{
	text-decoration: none;
	color: #ffffff;
}
#matching .tit img{
	width: 28.85vw;
	height: auto;
}
#matching .txt_con_r{
	padding: 4.4vw 0 4.4vw 0;
	display: flex;
}
#matching .tit h2{
	font-size: 2.75vw;
	font-family: "Noto Sans TC", serif;
	font-weight: bold;
	color: #002C35;
	letter-spacing: 0.4vw;
	margin: 2.7vw 0 1vw 0;
}
#matching .uk-table th {
	font-family: "Noto Sans TC", serif;
	font-size: 1vw;
	color: #002C35;
	padding: 0 0.6vw 0 0;
}
#matching .uk-table{
	margin: 0 0 4.6vw 0;
}
#matching .uk-table td {
	padding: 0;
	color: #002C35;
	font-size: 1.2vw;
	font-weight: bold;
	letter-spacing: 0.15vw;
	text-align: left;
}
#matching .uk-table tbody tr{
	line-height: 1.9;
}
#matching .uk-table td  a{
	color: #002C35;
	text-decoration: none;
}
#talents main{
	background: #ffffff;
}
.item_top .item:nth-child(3) h2 {
	margin: 8.9vw 0 0 0;
}
.item_top .item:nth-child(3) .item_list {
	margin: 3.75vw 0 3.7vw 5.8vw;
}
.item_top .item:nth-child(2) {
	border-bottom: 2px solid rgba(210, 172, 117, 0.5);
}
.inf_con .txt span{
	display: block;
}
@media (max-width: 960px) {
	#hot .hot_con {
		height: 95vw;
		overflow-y: auto;
		font-size:12px;
	}
	#my-hot .uk-close svg {
		width: 30px;
		height: 30px;
	}
	.hot_con h3{
		font-size: 20px;
	}
}