@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', "sans-serif", "Helvetica", "LiHei Pro","黑體-繁","微軟正黑體", sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}

h1, h2 {
    line-height: 110%;
}

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

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

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

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

/* Nav List */
/* 
* Header
*/
#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: 24px;
	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: 24px;
	font-weight: 400;
	padding: 6px 18px 6px 18px;
	position: relative;
	text-transform: none;
	text-decoration: none;
	letter-spacing: -0.5px;
}

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

@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-container {
    	height: 120px;
    }

	#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 (max-width: 991px) {
    #header .header-container {
    	height: 80px;
    }

    #header .header-logo {
    	margin: 5px 0;
    	margin: 1rem 0;
    	position: relative;
    	z-index: 1;
    }

    #header .header-logo img {
    	width: 320px;
    	transition: all 0.3s ease;
    	position: relative;
    	top: 0;
    	image-rendering: -webkit-optimize-contrast;
    	transform: translateZ(0);
    }
}





/* header */
.header-body {
	border-bottom: 3px solid #f87772;
}

header,  #header{
}

/* main */
.main-top {
	border-bottom: 3px solid #f87772;
}


/* footer */
footer, #footer {
	border-top: 3px solid #f87772;
}


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

}

/* text shadow */
.text-right {
    text-align: right;
    float: right;
}

.text-left {
    text-align: left;
    float: left;
}

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