/* default */
.dark .light , .light  , .dark .light  , .light  {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 22px;
	line-height: 1.5;
	color: #333;
}
.footer  {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 15px;
	line-height: 1.5;
	color: #333;
}
.enquiry  {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 15px;
	line-height: 1.5;
	color: #333;
}
.dark-page {
	background-color: #333;
}

.dark .bg-wrap.light, .light .bg-wrap, .dark .light .bg-wrap, .bg-wrap.light, .dark .bg-default.light, .light .bg-default, .dark .light .bg-default, .bg-default.light {
	background-color: #fff;
}

.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 100px;
	font-weight: 200;
	font-style: normal;
	color: #222;
}

.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 50px;
	font-weight: 300;
	font-style: normal;
	color: #222;
}

.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 34px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top: 200px;
	padding-bottom: 100px;
}

.dark a.light:not(.btn), .light a:not(.btn), .dark .light a:not(.btn), a.light:not(.btn) {
	color: #333;
	text-decoration: none;
	font-weight: 1200;
	font-style: bold;
}

.dark a.light:not(.btn):hover, .light a:not(.btn):hover, .dark .light a:not(.btn):hover, a.light:not(.btn):hover {
	color: #999;
	text-decoration: none;
	font-weight: 1200;
	font-style: bold;
}

.dark .navbar-nav.light a, .light .navbar-nav a, .dark .light .navbar-nav a, .navbar-nav.light a {
	color: #777;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}

.dark .navbar-nav.light a.nav-link:hover, .light .navbar-nav a.nav-link:hover, .dark .light .navbar-nav a.nav-link:hover, .navbar-nav.light a.nav-link:hover, .dark .navbar-nav.light .nav-item:hover > a.nav-link, .light .navbar-nav .nav-item:hover > a.nav-link, .dark .light .navbar-nav .nav-item:hover > a.nav-link, .navbar-nav.light .nav-item:hover > a.nav-link, .dark .navbar-nav.light a.nav-link.active, .light .navbar-nav a.nav-link.active, .dark .light .navbar-nav a.nav-link.active, .navbar-nav.light a.nav-link.active {
	color: #222;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}

.dark .nav-tabs.light a.nav-link, .light .nav-tabs a.nav-link, .dark .light .nav-tabs a.nav-link, .nav-tabs.light a.nav-link {
	color: #A2AAB1;
}

.dark .nav-tabs.light, .light .nav-tabs, .dark .light .nav-tabs, .nav-tabs.light {
	border-color: #D1D7DD;
}

.dark .nav-tabs.light a.nav-link:hover, .light .nav-tabs a.nav-link:hover, .dark .light .nav-tabs a.nav-link:hover, .nav-tabs.light a.nav-link:hover, .dark .nav-tabs.light a.nav-link.active, .light .nav-tabs a.nav-link.active, .dark .light .nav-tabs a.nav-link.active, .nav-tabs.light a.nav-link.active {
	color: #333;
	border-color: #333;
}

.dark .pagination.light .page-link, .light .pagination .page-link, .dark .light .pagination .page-link, .pagination.light .page-link {
	border-color: #D1D7DD;
}

.dark .pagination.light .page-link:hover, .light .pagination .page-link:hover, .dark .light .pagination .page-link:hover, .pagination.light .page-link:hover, .dark .pagination.light .page-link.active, .light .pagination .page-link.active, .dark .light .pagination .page-link.active, .pagination.light .page-link.active {
	border-color: #D1D7DD;
	background-color: #D1D7DD;
}


/* end default */
@media all and (max-width: 3770px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 90px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 50px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top:280px;
	padding-left:0px;
	padding-bottom:100px;
	}
}

@media all and (max-width: 1479px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 70px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 40px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top:150px;
	padding-left:0px;
	padding-bottom:0px;
	}
}
	
@media all and (max-width: 1279px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 70px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 40px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top:150px;
	padding-left:50px;
	padding-bottom:5px;
	}
}

@media all and (max-width: 720px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 60px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 30px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top:100px;
	padding-left:30px;
	padding-bottom:230px;
	}
}

@media all and (max-width: 576px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 30px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 25px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	color: #333;
	padding-top:50px;
	padding-left:15px;
	padding-right:40px;
	padding-bottom:70px;
	}
}

@media all and (max-width: 380px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 24px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 20px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'NotoSansTC-VariableFont_wght, Balsamiq Sans, sans-serif';
	font-size: 10px;
	font-weight: 200;
	font-style: normal;
	color: #333;
	padding-top:0px;
	padding-left:15px;
	padding-right:85px;
	padding-bottom:60px;
	}
}