/*body{ font-size: 14px; }*/
body{
	font-family: 'Poppins', sans-serif;
	color:#000;
}
html[lang="tc"] body{
	/* font-family: 'Microsoft JhengHei'; */
}
.clear::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	width:0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-sm-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-sm-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-sm-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-sm-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-sm-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-sm-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-sm-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-sm-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-sm-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-sm-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-sm-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-sm-12 {
  position: relative;
  height:100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0; 
}
.row {
  margin-right: 0;
  margin-left: 0; 
}

main{
	padding-top:85px;
}
/*html { font-size: 14px; }*/



.cus-brand img { display: block; width: auto; height: 100%; position: relative; }

@media (min-width: 768px) {
    .cus-brand { 
			padding: 0; 
			position: relative;
			bottom: 20px;
		}
}


.cus-navbar .dropdown.open a,
.cus-navbar .dropdown.open a:focus { background-color: transparent; }

@media (min-width: 768px) {
    /* .cus-navbar .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; } */
    .cus-navbar .dropdown-menu { border-radius: 0; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5); transition: opacity .5s ease; }
    .cus-navbar .dropdown-menu > li > a { padding-right: 25px; }
    .cus-navbar .dropdown-menu .dropdown > .dropdown-toggle .caret { position: absolute; right: 10px; top: 42%; }
    .cus-navbar .dropdown-menu .dropdown > .dropdown-menu { left: 90%; top: 0; }
}

.btn-share .dropdown-menu,
.btn-font-size .dropdown-menu,
.btn-lang .dropdown-menu { border-radius: 0; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5); }
.btn-lang .dropdown-menu { min-width: 80px; }
.btn-font-size .dropdown-menu { min-width: 50px; }
.btn-share .dropdown-menu { min-width: 20px; }
.btn-share .dropdown-menu > li a { padding-left: 8px; padding-right: 8px; }

.btn-print .dropdown-toggle,
.btn-print .dropdown-toggle:focus,
.btn-print .dropdown-toggle:hover,
.btn-print.open .dropdown-toggle,
.btn-print.open .dropdown-toggle:focus,
.btn-print.open .dropdown-toggle:hover,
.btn-share .dropdown-toggle,
.btn-share .dropdown-toggle:focus,
.btn-share .dropdown-toggle:hover,
.btn-share.open .dropdown-toggle,
.btn-share.open .dropdown-toggle:focus,
.btn-share.open .dropdown-toggle:hover,
.btn-font-size .dropdown-toggle,
.btn-font-size .dropdown-toggle:focus,
.btn-font-size .dropdown-toggle:hover,
.btn-font-size.open .dropdown-toggle,
.btn-font-size.open .dropdown-toggle:focus,
.btn-font-size.open .dropdown-toggle:hover,
.btn-lang .dropdown-toggle,
.btn-lang .dropdown-toggle:focus,
.btn-lang .dropdown-toggle:hover,
.btn-lang.open .dropdown-toggle,
.btn-lang.open .dropdown-toggle:focus,
.btn-lang.open .dropdown-toggle:hover { background-color: transparent; box-shadow: none; }

.btn-search .dropdown-toggle,
.btn-search .dropdown-toggle:focus,
.btn-search .dropdown-toggle:hover,
.btn-search.open .dropdown-toggle,
.btn-search.open .dropdown-toggle:focus,
.btn-search.open .dropdown-toggle:hover { background-color: transparent; box-shadow: none; }

header .navbar-nav>li{
	font-weight:bold;
	font-size: 1.2em;
}
header .navbar-default .navbar-nav>li>a{
	color:#000;
}

header { 
	display: block; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	position: fixed; 
	z-index: 10;
	background-color:#FFF;
}
header .cus-aside { position: relative; }
header .cus-aside::after { content: ""; display: block; clear: both; }
header .cus-aside > div { float: right; }
header .cus-aside .btn { border: none; }

header .cus-navbar { background: none; border: none; margin-bottom:0;}

@media (min-width: 768px) {
    header { padding: 10px 0; }
    header .cus-navbar { padding: 10px; }
    header .cus-navbar .container-fluid { padding-right: 0; }
    header .cus-navbar { border-bottom: none; }
}

@media (max-width: 768px) { 
    header .cus-aside { position: absolute; right: 70px; top: 10px; z-index: 2; }
    
    header .cus-navbar { z-index: 1; }
    header .cus-navbar .dropdown-menu { width: auto; margin-top: 0; padding-left: 15px; position: static; float: none; background-color: transparent; border: none; box-shadow: none; }
    header .cus-navbar .dropdown-menu li a { padding: 5px 15px 5px 15px; line-height: 20px; color: #777; }
    header .cus-navbar .dropdown-menu li a:hover { text-decoration: none; background-color: #f5f5f5; }
    header .cus-navbar .open .dropdown-menu li a {padding-left: 15px; }
}


footer { 
	background-color:#FFF;
	/* background-image: url(https://dummyimage.com/1024x400/b3b3b3/b8b8b8); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-size: cover;  */
}
footer a { color: #333; }
footer a:focus,
footer a:hover { color: #333; text-decoration: none; }

footer .cus-list-group .list-group-item { background: none; }
footer .cus-list-group .list-group-item .list-group-item {  
	padding: 5px 0;
}
footer .cus-list-group > .list-group-item > .list-group { margin-top: 20px; }
footer .cus-list-group > .list-group-item > a { font-size: 1.2em; font-weight: bold; }
footer .copyright { display: block; width: 100%; padding: 15px 0; position: relative; }

@media (min-width: 768px) {
    footer { padding-top: 40px; padding-bottom: 40px; }
    
    footer .cus-list-group { display: flex; flex-wrap: wrap; padding-left: 15px; }
    footer .cus-list-group .list-group-item { flex: 1; border: none; }
}

@media (max-width: 768px) {
    footer .cus-list-group { padding-right: 0; }
    footer .cus-list-group .list-group-item { display: none; }
    
    footer .copyright { text-align: center; }
}
/* ==========================================================================
   Common
   ========================================================================== */
.cms-container>.cms-container-inside{padding:0 !important;}
@media (min-width: 1141px) {
	.mobile{display:none;}
}
@media (max-width: 1140px) {
	.desktop{display:none;}
}
/* ==========================================================================
   Header
   ========================================================================== */
header{
	padding:10px 0;
}
header .header-container{
	display:flex;
	align-items:center;
	width:95%;
	max-width:1600px;
	margin:0 auto;
}
header .logo{
	height:65px;
	display:inline-block;
	vertical-align:middle;
}
header .logo img{
	height:100%;
	width:auto;
	max-width:none;
}
header nav{
	width:100%;
	text-align:right;
	display:inline-block;
	vertical-align:middle;
}
header .navbar > li{
	display:inline-block;
	font-weight:bold;
	font-size:1.25em;
	text-align:center;
	min-width:220px;
	position:relative;
	padding:10px 10px;
}
header .navbar > li:hover{
	background-color:#ffead5;
}
header .navbar > li a{
	color:#000;
	font-weight:500;
	text-decoration:none;
}
html[lang="tc"] header .navbar > li a,
html[lang="sc"] header .navbar > li a,
html[lang="tc"] header .textSize-btn,
html[lang="sc"] header .textSize-btn{
	font-weight:bold;
}
header .navbar > li .caret{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
}
header .navbar > li.dropdown{
	min-width:270px;
}
header .navbar > li.dropdown:hover .dropdown-menu{
	display:block;
}
header .dropdown-menu{
	background-color:#fff6ed;
	font-size:1em;
	border:none;
	padding:10px 0;
	min-width: 100%;
	margin:0px;
	left:0;
	position: absolute;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    text-align: left;
}
header .dropdown-menu a:hover{
    background-color: transparent;
}
header .dropdown-menu li{
	margin-bottom:10px;
}
header .dropdown-menu li:last-child{
	margin-bottom:0;
}
header .header-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	min-height: 0;
    margin-bottom: 0;
	margin-right:20px;
}
header .textSize-btn{
	color:#000;
	font-size:1.1em;
	text-decoration:none;
}
header .textSize-btn .dropdown-menu{
	text-align:center;
}
header .textSize-btn a{
	text-decoration:none;
	color:#000;
}
header .lang-btn .dropdown-menu a{
	font-weight:500;
	font-size:1.1em;
	text-decoration:none;
}
header .mobile-menu-btn .open,
header .mobile-menu-btn.collapsed .close{
	display:none;
}
header .mobile-menu-btn.collapsed .open,
header .mobile-menu-btn .close{
	display:block;
}
header .header-item img{
	width:32.5px;
}
header .mobile-menu-btn{
	display:none;
}
header .fontsize-select{
	cursor:pointer;
}
header #mobile-menu{
	position: fixed;
    top: 55px;
    left: 0;
    height: calc(100% - 55px);
	background-color:white;
	width:100%;
	padding:0 5%;
	padding-top:30px;
	overflow:auto;
}
header #mobile-menu > ul{
	list-style:none;
	padding:0;
	font-size:1.7rem;
}
html[lang="tc"] header #mobile-menu a,
html[lang="sc"] header #mobile-menu a{
	font-weight:bold;
}
header #mobile-menu a.current_page{
	color:#f25c2a;
}
header #mobile-menu > ul li{
	width:100%;
	text-align:right;
}
header #mobile-menu > ul > li{
	margin:15px 0;
}
header #mobile-menu > ul > li.dropdown.active > ul{
	background-color: #fff6ed;
}
header #mobile-menu > ul li a{
	color:#000;
	display:inline-block;
	padding:15px 10px;
	min-width:250px;
	text-decoration:none;
	margin-bottom:7.5px;
}
header #mobile-menu > ul > li:hover > a,
header #mobile-menu > ul > li.dropdown.active > a{
	background-color:#ffead5;
}
header #mobile-menu > ul .dropdown-menu{
	position: relative;
    top: auto;
    float: none;
	background-color:transparent;
	box-shadow: none;
	margin-right:0;
	margin-left:auto;
	max-width: 350px;
    min-width: auto;
}
header #mobile-menu > ul .dropdown-menu li{
	margin-bottom:0;
	padding:25px 20px;
}
header #mobile-menu > ul .dropdown-menu li a{
	padding:0;
}
header #mobile-menu > ul .dropdown-menu li:last-child{
	border-bottom:0;
}
header #mobile-menu > ul .caret{
	display:none;
}
header #mobile-menu .tool-list{
	margin:40px 0;
	margin-bottom:50px;
}
header #mobile-menu .tool-list .toolbar{
	text-align:left;
	padding:10px 15px;
}
header #mobile-menu .tool-list .lang{
	float:right;
}
header #mobile-menu .tool-list .lang a{
	margin-right:15px;
}
header #mobile-menu .toolbar a{
	font-size:1.5rem;
	color:#000;
}
header #mobile-menu .tool-list .header-item{
	margin-left:35px;
	margin-right:0;
}
header #mobile-menu .tool-list .header-item img{
	width:27.5px;
}
header #mobile-menu .tool-list ul,
header #mobile-menu .tool-list ul li{
	text-align:center;
}
header #mobile-menu .tool-list .dropdown-menu{
	right:0; 
	left:auto;
	font-size:1.4rem;
}
header #mobile-menu .tool-list .caret{
	color:#000;
}
header #mobile-menu .social-media-list{
	margin-top:30px;
}
header #mobile-menu .social-media-list a{
	margin-left:5px;
}
header .search-bar{
	background-color:#ffead5;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	display:none;
}
header .search-bar .gsc-control-cse{background-color:transparent;}
header .search-bar .gsc-search-button{display:none;}
header .search-bar .gsc-input-box{
	padding:0;
	border:0;
	background:none;
}
header .search-bar input{font-size:1.5em;}
header .search-bar input::placeholder{font-size:1em;}
header .search-bar form,
header .search-bar table{
	margin:0;
}
header .search-bar .gsc-input input{background:none !important;}
header .search-bar .gsc-input span{display:none;}
header .search-bar .gsc-control-cse{border:0px;}
header .search-bar .close-btn{font-size: 3em; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor:pointer;}

@media (max-width: 1140px) {
	header .search-bar.desktop{
		display:none !important;
	}
	header{padding:5px 0;}
	header .logo {height: 45px;}
	header .search-bar.desktop{display:none !important;}
	header .search-bar.mobile{
		position: relative;
		background-color: #eee;
		margin-top:30px;
		margin-bottom:50px;
		overflow:hidden;
	}
	header .search-bar.mobile input{
		font-size:0.9em;
	}
	header .search-bar.mobile .gsc-control-cse{
		padding:5px;
	}
	header .search-bar.mobile .gsc-search-button{
		display:inline;
		width:0;
		position:absolute;
		left:10000px;
	}
	header .search-bar.mobile .custom-search-btn{
		position:absolute;
		right:15px;
		height:20px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
	} 
}
@media (min-width: 1141px) {
	header #mobile-menu{display:none !important;}
}
/* ==========================================================================
   Footer
   ========================================================================== */
footer{background:linear-gradient(180deg,rgba(255,255,255,0) 50%, rgba(102,102,102,1) 50%);padding-top:0px;padding-bottom:50px;margin-top:30px;}
footer .footer-container{width:95%;max-width:1200px;margin:0 auto;}
footer .bottom .left a{color:white;}
footer .bottom .left{width:calc(70% - 6px);display:inline-block;vertical-align:middle;color:white;font-size:0.8em;line-height:24px;}
footer .bottom .right{display: flex;float: right;width:50%;/*display:inline-block;*/vertical-align:middle;text-align:right;}
footer .bottom .right > a,footer .bottom .right > img{margin-left:10px;}
footer .bottom .right .footer-icon{width: 200px;}

@media (max-width: 1140px) {
	footer .bottom{display:flex;flex-wrap:wrap;}
	footer .bottom .right{width:100%;text-align:center;margin-bottom:20px;order:1;}
	footer .bottom .left{width:100%;text-align:center;margin-bottom:10px;order:2;}
}
/* ==========================================================================
   Nav
   ========================================================================== */
.nav-list{text-align:center;}
.nav-list .cms-block{line-height:1em;color:#D64210;display:inline-block;margin:0 15px;margin-bottom:0;cursor:pointer;position:relative;}
.nav-list .cms-block:not(:last-child):after{
	content:'·';
	position:absolute;
	top:50%;
	left:calc(100% + 15px);
	font-size:2em;
	transform:translate(-50%,-50%);
	color:#000;
}
.nav-list .cms-block p{margin-bottom:0;}
.nav-list .cms-block.active{color:black;}
.nav-content{display:none;font-size:1.2em;}
/*.nav-content:not(.archive){width:95%;margin:0 auto;}*/
.nav-content{width:95%;margin:0 auto;}
.nav-content.active{display:block;}
.nav-content::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	width:0;
}
@media (max-width: 1140px) {
	.nav-list{margin-bottom:30px !important;position:relative;}
	.nav-list > .cms-container-inside{white-space:nowrap;overflow:auto;}
	.nav-list .block-title{font-size:1em !important;}
	.nav-content{font-size:1em;}
	.nav-list:after {
		content: '';
		position: absolute;
		right: 0px;
		top: 0;
		height: 100%;
		width: 35%;
		background: linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 70%);
		pointer-events: none;
	}
	.nav-list .cms-block:last-child{margin-right:90px;}
}
/* ==========================================================================
   Popup
   ========================================================================== */
.cms-block.cms-popup,
.cms-block.enquiries{	
	display:none !important;
}
#popupModal{
	line-height:1.5em;
	font-weight: 500;
}
#popupModal .cms-block.cms-popup{
	display:block;
	max-width:none;
	width:100%;
}
#popupModal .modal-dialog{
	min-height:calc(100vh - 60px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	overflow:auto;
	width:90%;
	max-width:1200px;
	margin:10px auto;
}

#popupModal .modal-header{
    border-bottom: 0;
    padding-top: 3%;
    padding-right: 3%;
}
#popupModal .modal-content{
	font-size:1.2em;
	/* border-radius: 0; */
	/* background-image: url(../images/common/footer_bg.jpg);
	background-size:cover; */
}
#popupModal .modal-content .modal-body{
	padding:0px 50px 60px;
}
#popupModal .title{
	color:cornflowerblue;
	/* text-align:center; */
	font-size:1.7em;
	margin-bottom:20px;
	font-weight: 500;
}

#popupModal .news-title{
    font-size:1.7em;
	margin-bottom:20px;
	font-weight: 500;
}

#popupModal a{
    color:cornflowerblue;
}

html[lang="tc"] #popupModal .title,
html[lang="sc"] #popupModal .title{
	font-weight:bold;
}
#popupModal p{
	line-height:1.8em;
	margin-bottom:20px;
}
#popupModal table{
	font-size:0.9em;
	margin-top:30px;
	min-width:700px;
}
#popupModal table tr:first-child td,
#popupModal table tr:first-child th{
	color:#000;
}
#popupModal tr td,
#popupModal tr th{
	padding:20px;
}
#popupModal tr td{
	border:2px solid #000;
}
#popupModal .close-btn{
	position:absolute;
	right:5%;
	top:30px;
	z-index:2;
	cursor:pointer;
}
#popupModal .table-container{
	max-width:100%;
	overflow:auto;
}
@media (max-width: 1140px) {
	#popupModal{
		font-size:0.75em;
	}
	#popupModal .modal-content .modal-body{
		padding:30px;
	}
	#popupModal .close-btn{
		right:10px;
		top:10px;
	}
}
/* ==========================================================================
   Archive
   ========================================================================== */
.archive{text-align:center;}
.nav-content.archive{width:100%;}

.container1{
	background-color:#2e2e2e;
}


.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
    line-height: 1.42857143;
    color: #333;
}

.dropdown-toggle::after {
	display:none;
}

span.sr-only{
	display:none;
}