@import "/css/custom/FloatingActionButton.css";
@import "/css/custom/tables.css";
@import "/css/custom/color.css";

/*
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
	background-color: var(--light);
	color: var(--default);
    font-family: 'Noto Sans TC', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}
*/


@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');

/* Grey Colors */
:root {
	--grey-100: #FFFFFF;
}


body {
	background-color: var(--light);
	color: var(--default);
    font-family: 'cwTeXYen', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif !important;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
}

td, th  {
    font-family: 'cwTeXYen', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro", '微軟正黑體', sans-serif !important;
	font-size: 16px;
	line-height: 120%;
    letter-spacing: 1px;
    margin: 2;
}

.main {
	background-color: var(--light);
}

.custom-font-secondary {
    font-family: 'cwTeXYen', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
}

.custom-card-style-1-description {
    font-size: 16px;
	font-family: 'cwTeXYen', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
}

.card-title {
    line-height: 120%;
}

.custom-drop-caps .custom-drop-caps-number {
		font-weight: bold;
		float: left;
		font-size: 95px;
		line-height: 95px;
		padding: 0;
		margin-right: 15px;
		margin-top: 0;
}

.line-height-body p {
    line-height: 130%;
}


/* Nav List */
/* 
* Header
*/
@media (min-width: 1200px) {
		#header .header-nav-main nav > ul > li {
				margin-left: 5px;
		}
}

@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
				font-size: 14px;
				padding: 0 1rem !important;
				font-weight: 600;
		}
}

@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
                font-family: 'cwTeXYen', "Poppins", "Arial", "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
				font-size: 20px;
				font-weight: 1200;
				padding: 0 0.8rem !important;
		}
}

@media (min-width: 1200px) {
		#header .header-nav-main nav > ul > li > a {
				padding: 0 0.8rem !important;
		}
}


    #header .header-nav-main nav > ul > li > a {
    	display: inline-flex;
    	align-items: center;
    	white-space: normal;
    	border-radius: var(--border-radius);
    	color: var(--grey-500);
        /*font-size: 1.3em;*/
    	font-size: 20px;
    	font-style: normal;
    	font-weight: 600;
    	padding: 0.5rem 1rem;
    	letter-spacing: -0.5px;
    	text-transform: uppercase;
    	text-decoration: none;
    }

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		border-bottom: 1px solid var(--grey-100);
		color: var(--default);
        /*font-size: 1.3em;*/
    	font-size: 20px;
		font-weight: 400;
		padding: 6px 18px 6px 18px;
		position: relative;
		text-transform: none;
		text-decoration: none;
		letter-spacing: -0.5px;
	}


/* text shadow */
.text-shadow {
    text-shadow: -1px -1px 3px #ffffff,
                  1px -1px 3px #ffffff,
                  -1px 1px 3px #ffffff,
                  1px 1px 3px #ffffff;

}

/* background */
.bg-green {
	background-color: green;
	color: #333;
}


h3 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 48px;
	margin-bottom: 33px;
	text-transform: uppercase;
}


body  {
	background-color: var(--light);
	color: var(--default);
    font-family: 'cwTeXYen', "Arial", "sans-serif", "Helvetica", "LiHei Pro", "黑體-繁" , "微軟正黑體", sans-serif !important;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
}





@media (max-width: 768px) {
	.custom-screens-carousel {
			margin-top: -40px;
	}

    .line-height-2 {
    	line-height: 0.9 !important;
    }

    .text-5 {
    	font-size: 1.50em !important;
    	line-height: 120%;
    }

    .card-title {
        line-height: 120%;
    }

}