@keyframes fadeInToBlack {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


html {
	animation: fadeInToBlack 1.5s ease;
}


body, html, ul, li {
	margin:0;
	padding:0;

}

body {
	/*background: radial-gradient(50% 50% at 50% 50%, #132236 0%, #0E0E17 100%);*/
	background-color: #0D3DD5;
	color:#EBF0F6;
	font-family: 'Noto Sans TC', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:0px 40px 0 40px;
    margin:0;
    letter-spacing: 0.01rem;
}

/*.crossUL {background-image: url(../images/cross.svg); position: fixed; top:16px; left:16px; background-size: 8px 8px; background-repeat: no-repeat; width: 16px; height: 16px; } .crossUR {background-image: url(../images/cross.svg); position: fixed; top:16px; right:16px; background-size: 8px 8px; background-repeat: no-repeat; width: 16px; height: 16px; } .crossLL {background-image: url(../images/cross.svg); position: fixed; bottom:16px; left:16px; background-size: 8px 8px; background-repeat: no-repeat; width: 16px; height: 16px; } 
*/


.visualmenu {
	display: inline-flex;
	flex-direction: row;
	padding: 0px 0 40px 0;
	grid-row:1;
	justify-content: left;
}

.crossLRFacebook {
	background-image: url(../images/facebook.svg); 
	background-size: 24px 24px; 
	background-repeat: 
	no-repeat; width: 24px; 
	height: 24px; 
	padding-right: 8px;
} 

.crossLRTwitter{
	background-image: url(../images/twitter.svg); 
	background-size: 24px 24px; 
	background-repeat: 
	no-repeat; width: 24px; 
	height: 24px;
	padding-right: 8px; 
}

.crossLRLinkedin {
	background-image: url(../images/linkedin.svg); 
	background-size: 24px 24px; 
	background-repeat: 
	no-repeat; width: 24px; 
	height: 24px; 
}

.crossLRFacebook:hover {color:#505;}
.crossLRTwitter:hover {filter: hue(5);}
.crossLRLinkedin:hover {filter: hue(5);}

.gray {/*color: #718096;*/ color:#a4bad6;}
.bright {color:  #C8FFFF;}
.yellow {color: #EAFF97;}

.logo {
    background-image: url(../images/logo3.svg);
    background-size: 60px;
    background-repeat: no-repeat;
    background-position-x: left;
    width: 100%;
    text-align: left;
    /* grid-row: 1 / span 1; */
    padding: 0px 0 96px 0;
    margin-top: 64px;}



h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 22px;
	letter-spacing: 0;
	text-align: left;
	margin:0;
}

h2 {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 160%;
	color: #7C8DA6;
	text-align: left;
	letter-spacing: 5%;
}

h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #7C8DA6;
}

.ventures h3, .clients h3, .menu h3 {
	padding: 32px 0 0px 0;
}



ul {padding: 0;
    list-style-type: none;
}

.ventures, .clients, .menu {
	padding: 40px 0 0 0;
}

.menu ul li a {
	font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 240%;
    text-decoration: none;
    color: #EBF0F6;
    width: 100%;
    line-height: 210%;
    border-bottom: none;
    transition: 0.2s;
}

section ul li a {
	font-family: 'Noto Sans TC', serif;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	letter-spacing: 0em;
	color: #EBF0F6;
	text-decoration: none;
	
	font-size: 3rem;
  	/*  background-image: url(../images/arrow.svg);*/
    background-repeat: no-repeat;
    /*width: 100%;*/
    background-position: right;
    /*display: block;*/
    /*border-bottom: 2px solid #fff;*/
}


section div, nav {
	width: 100%;
}

nav, header, section {
	max-width: 960px;
    margin:0 auto;
}

.partnerwithus {
    transition: .2s;
    padding:40px 0;
}

.partnerwithus:hover {
	color: #EAFF97;
	cursor: pointer;
	padding-left: 24px;
}	

.descriptor {
	/*padding-bottom: 64px;*/
}

/* ################################## Case #################################### */