/*body{ font-size: 14px; }*/
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:120px;
}

@media (max-width: 768px) {
	main{
		padding-top:50px;
	}
}

/*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: 11;
	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-top: 20px; }
    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; }
}



/* ----- customize style ----- */


header .cus-aside .btn-font-size,
header .cus-aside .btn-share,
header .cus-aside .btn-print { display: none; }
header .cus-aside .btn-search .btn,
header .cus-aside .btn-lang .btn,
header .cus-aside .btn-lang.open .btn { color: #e6562c; }
header .cus-aside .btn-lang .btn .caret { margin-left: 0; vertical-align: top; border: none; }
header .cus-aside .btn-lang .btn .caret::before { content: "\f107"; font-family: 'FontAwesome'; }

header .navbar-nav > li { position: relative; font-family: 'DFTTWW5'; font-size: 1.3em; font-weight: normal; }
header .navbar-nav > li a { padding-left: 8px; padding-right: 15px; }
header .navbar-nav > li:nth-child(1) a,
header .navbar-nav > li:nth-child(1):hover a { color: #77a737; }
header .navbar-nav > li:nth-child(2) a,
header .navbar-nav > li:nth-child(2):hover a { color: #2a818b; }
header .navbar-nav > li:nth-child(3) a,
header .navbar-nav > li:nth-child(3):hover a { color: #e14136; }
header .navbar-nav > li:nth-child(4) a,
header .navbar-nav > li:nth-child(4):hover a { color: #d77e17; }
header .navbar-nav > li:nth-child(5) a,
header .navbar-nav > li:nth-child(5):hover a { color: #be117d; }
header .navbar-nav > li:nth-child(6) a,
header .navbar-nav > li:nth-child(6):hover a { color: #802780; }
header .navbar-nav > li:nth-child(7) a,
header .navbar-nav > li:nth-child(7):hover a { color: #008051; }
header .navbar-nav > li:nth-child(8) a,
header .navbar-nav > li:nth-child(8):hover a { color: #0080c0; }

header .navbar-nav > li > a::after { content: ""; display: block; width: 57px; height: 6px; position: absolute; left: -10px; bottom: 6px; opacity: 0;
    background-repeat: no-repeat; 
    background-position: center;
    transition: all 600ms ease-in-out;
}
header .navbar-nav > li:hover > a::after { left: 6px; opacity: 1; }
header .navbar-nav > li:nth-child(1) a::after { background-image: url(../images/header/navbar-border-01.png); }
header .navbar-nav > li:nth-child(2) a::after { background-image: url(../images/header/navbar-border-02.png); }
header .navbar-nav > li:nth-child(3) a::after { background-image: url(../images/header/navbar-border-03.png); }
header .navbar-nav > li:nth-child(4) a::after { background-image: url(../images/header/navbar-border-04.png); }
header .navbar-nav > li:nth-child(5) a::after { background-image: url(../images/header/navbar-border-05.png); }
header .navbar-nav > li:nth-child(6) a::after { background-image: url(../images/header/navbar-border-06.png); }
header .navbar-nav > li:nth-child(7) a::after { background-image: url(../images/header/navbar-border-07.png); }
header .navbar-nav > li:nth-child(8) a::after { background-image: url(../images/header/navbar-border-08.png); }

header .navbar-nav > li .dropdown-menu > li a { font-size: 1.2em; }
header .navbar-nav > li .dropdown-menu > li:hover a { color: #ffffff; }
header .navbar-nav > li:nth-child(1) .dropdown-menu > li:hover a { background-color: #77a737; }
header .navbar-nav > li:nth-child(2) .dropdown-menu > li:hover a { background-color: #2a818b; }
header .navbar-nav > li:nth-child(3) .dropdown-menu > li:hover a { background-color: #e14136; }
header .navbar-nav > li:nth-child(4) .dropdown-menu > li:hover a { background-color: #d77e17; }
header .navbar-nav > li:nth-child(5) .dropdown-menu > li:hover a { background-color: #be117d; }
header .navbar-nav > li:nth-child(6) .dropdown-menu > li:hover a { background-color: #802780; }
header .navbar-nav > li:nth-child(7) .dropdown-menu > li:hover a { background-color: #008051; }
header .navbar-nav > li:nth-child(8) .dropdown-menu > li:hover a { background-color: #0080c0; }

header .navbar-nav > li a .caret { margin-left: 0; vertical-align: inherit; border: none; }
header .navbar-nav > li a .caret::before { content: "\f107"; font-family: 'FontAwesome'; }

header .search-area { display: none; width: 100%; position: absolute; left: 0; top: 0;  z-index: 999; }
header .search-area form { display: block; width: 100%; position: relative; background-color: #f2f5ff; }
header .search-area form input { display: block; width: 100%; padding: 26px; position: relative; box-sizing: border-box; background-color: transparent; border: none; }
header .search-area .gsc-control-cse { height: 0; padding: 0; }

@media (min-width: 768px) {
    header { position: relative; }
    
    header .cus-aside .btn-lang .btn,
    header .cus-aside .btn-lang.open .btn { font-size: 1.2em; }

    header.fixed { padding-top: 20px; position: fixed; left: 0; top: 0; box-shadow: 0 3px 4px -5px rgba(0, 0, 0, 0.3); }
    header.fixed .cus-brand::before { display: none; }
    
    header .cus-navbar .container-fluid .navbar-nav > .dropdown:hover > .dropdown-menu { display: block; }
    header .cus-navbar .container-fluid .navbar-nav > li .dropdown-menu { padding-top: 0; padding-bottom: 0; }
    header .cus-navbar .container-fluid .navbar-nav > li .dropdown-menu > li a { padding: 10px 20px; text-align: center; }
}

@media (min-width: 1200px) {
    header { padding-top: 10px; position: absolute; left: 0; top: 0; background-color: transparent; }
    
    header .cus-aside { margin-bottom: 10px; z-index: 2; }
    header .cus-aside .btn-search { position: absolute; right: -12px; top: 70px; }
    
    header .cus-navbar { width: 100%; padding: 15px 0; box-sizing: border-box; z-index: 1; }
    header .cus-navbar::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #ffffff; }
    header .cus-navbar .container-fluid { width: 1170px; padding-right: 15px; box-sizing: border-box; }
    header .cus-navbar .container-fluid .navbar-nav { margin-right: 20px; } 
    header .cus-brand { bottom: 0; }
    header .cus-brand::before { content: ""; display: block; width: 264px; height: 209px; position: absolute; left: 17px; top: -70px;
        background-color: transparent;
        background-image: url(../images/common/bg-img-03.png);
        background-repeat: no-repeat; 
	    background-position: center; 
        background-size: cover;
    }
    
    header.fixed { padding-top: 0; }
    header.fixed .cus-aside { width: 100%; padding-left: 0; padding-right: 0; position: absolute; top: -32px; }
    header.fixed .cus-aside > .btn-group { display: block; width: 1170px; margin: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; float: none; }
    header.fixed .cus-aside > .btn-group::after { content: ""; display: block; clear: both; }
    header.fixed .cus-aside > .btn-group .btn-search { position: relative; float: right; top: 56px; }
    header.fixed .cus-navbar .container-fluid .navbar-nav { margin-right: 15px; }
}


main { padding-top: 0; }


footer {
    min-height: calc(100vw * 0.54);
	background-color: #FFF;
	background-image: url(../images/common/bg-img-02.jpg); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-size: cover;
}
footer .cus-list-group > .list-group-item > a { color: #88479a; font-size: 1.7em; }

@media (min-width: 1200px) {
    footer .cus-list-group > .list-group-item { padding-left: 8px; padding-right: 8px; }
    footer .copyright { font-size: 1.1em; }
}


/* ----- ----- */