html {
	font:normal 16px/26px Arial, "Microsoft JhengHei"; color:#000;
	background:url(../images/back.gif) center top no-repeat fixed #fbe0b7; 
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, "Microsoft JhengHei";
}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 0;
}
em {
	color: inherit;
}
.uk-breadcrumb {
    font-size:0.7em;
}
.mc-desktopTopBar, .mc-mobileTopBar {
	max-width:1200px !important; margin:0 auto !important;				
}
.mc-desktopTopBar {
	height:131px; top:0; /* margin-top:-2px !important; */
	background:url(../images/top_desktop.jpg) right top no-repeat;
}
.mc-mobileTopBar .uk-container {
	height:47px; /* 41 */
	background:url(../images/top_mobile.jpg) left top no-repeat;
}
.mc-mobileTopBar a, .mc-mobileTopBar a:link, .mc-mobileTopBar a:visited, .mc-mobileTopBar a:hover, .mc-mobileTopBar a:active {
	color:#fff;
	margin:0; padding:0;
	text-shadow:2px 2px 5px #000;
}
.mc-offset-button {
	position:absolute;
	right:10px;
	top:8px;
    line-height:26px;
	width:80px;
	height:26px;
    min-height:28px !important;
}
.uk-navbar-toggle:after {
    content: "";
}
.uk-offcanvas-bar {
    width:225px;
}
.mobile-lang {
    position:absolute; right:96px; top:8px;
}
.mobile-lang a {
    padding:3px 5px !important;
}
.mobile-lang .uk-active {
    display:none;
}
.uk-badge a {
	color:#fff;
	text-decoration:none;
}
.uk-container {
	background:#fdefd8;
}
.footer .uk-container p {
	/* border-top:solid 1px #999; */
	color:#333;
	padding-top:5px;				
	font:normal 12px "Proxima Nova Regular","Segoe UI",Roboto,"Droid Sans","Helvetica Neue",Arial,sans-serif;
}
.uk-nav-side {
	/* border-top:solid 15px #fff; */
	padding-top:10px;
}
.uk-nav-side li {
	border-bottom:solid 1px #fcc;
}
.uk-nav-side li ul li {
	border:none;
}
.uk-nav-side li:last-child {
	border-bottom:none;
}
.uk-navbar-brand {
	padding:0;
}
.mc-mobileTopBar a, .mc-mobileTopBar a:link, .mc-mobileTopBar a:visited, .mc-mobileTopBar a:hover, .mc-mobileTopBar a:active {
    color: #aa383a;
    text-shadow:none;
	}
.uk-bottom-right {
    position:absolute; bottom:15px; right:15px;
}
.uk-navbar {
	border:none;
	border-radius:0;
	background:none;
}
.uk-nav-side>li.uk-active>a {
	background:#aa383a;
}
a.uk-active {
	background:#aa383a !important;
}
.uk-accordion {
    background:#fff;
}
.uk-accordion-title {
    background: #aac0f3;
    color: #fff !important;
}

.uk-offcanvas-bar {
    /*background:rgba(117,92,27,0.9);*/
    background:rgba(158,124,79,0.9);
}
.uk-offcanvas-page {
	margin-left:0 !important;
}
.uk-offcanvas .uk-small {
    margin-left:15px;    
}
.uk-offcanvas {
    color:#fff;
    background:none;
    /* background: rgba(0,0,0,.5); */
}
.uk-nav-offcanvas>li>a {
    color: #fff;
    border-top: 1px solid #fff;
    box-shadow:none;
    text-shadow:none;
}
.uk-offcanvas-bar:after {
    box-shadow:none;
}
.uk-offcanvas a {
    color:aqua;
}
.uk-offcanvas .uk-pagination {
    margin:10px;
    text-align:right;
}
.uk-nav-offcanvas {
    border-bottom: solid 1px #fff;
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background: #aa383a;
}
.uk-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: rgba(170,56,58,0.2);
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #000;
}
.uk-nav-offcanvas>li>a {
    padding: 5px 15px;
}
    
.uk-nav-desktop-main, .uk-nav-desktop-main .uk-nav-side>li>a {
    color:#fff;
}
.uk-nav-desktop-main .uk-nav-side li {
    border-bottom: solid 1px #fff;
}
.uk-nav-desktop-main a {
    color:aqua;
}
.uk-nav-side>li>a:focus, .uk-nav-side>li>a:hover {
    background: rgba(170,56,58,0.2);
    text-shadow: none;
}
.uk-dotnav {
    width:155px;
    margin:15px auto;
}
.no-underline {
    text-decoration:none !important;
}
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #fce5c1;
}
.uk-table-striped tbody tr:nth-of-type(even) {
    background: #fbdeb1;
}
.uk-table-hover tbody tr:hover {
    background: #e9d758;
}
.logo-sm {
    float:left;
    height:35px;
    margin-top:6px;
}
.logo-xs {
    float:left;
    height:35px;
    margin-top:6px;
}
h1 {
	color:#fff;
	background: #369;
	padding-left:5px;
	font-weight:bold;
}
h2 {
	color:#6e0b0c;
	border-bottom:solid 1px #666;
    font-size:1.8rem;
	line-height:1.9rem;
	margin:35px 0;
	font-weight:bold;
    background:#fff;
    background:linear-gradient(to right, #fff , rgba(255,255,255,0));
    padding:10px 0 0 4px;
}
h2 small {
	color:#d4b6b7;
}
h3 {
    font-size:1.3em;
	color:#193ece;
	margin-bottom: 5px !important;
	font-weight:bold;
}
h4 {
	color:#4b7410;
	font-weight:bold;
}
.uk-table th, .uk-table td { border:solid 1px; }
.uk-table { border:solid 2px; }
.uk-table th { text-align:center; }


.target {
	position:absolute;
	width:10px; height:10px;
}
.uk-half {
	max-width:50%;
}
.uk-breadcrumb>li:nth-child(n+2):before {
	content:">";
}
.book-shade {
	box-shadow: 4px 4px 16px rgba(0,0,0,0.3);
}
.uk-small {
	font-size:13px;
	line-height:18px !important;
}
.right-col {
    background:#333;
} 
.uk-panel-box {
    /* background: #fdefd8; */
    background: #fff;
}
.uk-panel-box, .uk-panel-teaser {
    border:none;
}
.uk-panel-box>.uk-panel-teaser {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}
.panel-button-teaser {
    border-radius: 6px 6px 4px 4px;
}
.panel-button {
    background:#78685e;
    text-decoration: none !important;
    color:#fff;
    cursor:pointer;
}
.panel-button .uk-panel-title {
    text-decoration: none !important;
    color:#fff;
}
.panel-button:hover, .panel-button:active, .panel-button:focus {
    color:#fff !important;
    text-decoration: none !important;
    background:#aa383a;
}
.news-footer {
    font-style:italic;
}
.em-footer {
    font-style:italic;
    color:#c00;
}
.related-footer p {
    font-weight:bold;
    margin-bottom:0;
}
.related-footer ul {
    margin-top:0;
}
.compact-list p {
    margin-bottom:0;
}
.compact-list ul {
    margin-top:0;
}
.author {
    text-align:right;
}
.uk-thumbnail-mini {
	min-height:160px;
}
.uk-thumbnail-caption {
	font-size:12px;
	line-height:15px;
}

#form1 th {
	vertical-align:bottom;
	line-height:1.2em;
}
#form1 .cell-num {
	white-space:nowrap;
	vertical-align:top;
	padding-right:0;
}
#form1 table {
	border-collapse:collapse;
}
.v-top {
	vertical-align:top !important;
}
.h-cent {	
	text-align:center;
}
.v-bot {
	vertical-align:bottom;
}
.mc-en-vertical, .mc-zh-vertical {
	/* white-space:nowrap; */
	margin:0 5px;
	font-size:0.7rem;
	line-height:0.9rem;
}

.logo-xs {
	display:none;   
}
.logo-sm {
	display:block;
}

#levelSwitch {
    margin-top:0;
}

#levelSwitch h2 {
    margin-bottom:15px;
}

@media (min-width: 768px) {
    #levelSwitch {
        z-index:1100;
        position:relative; /* IE 9,10 */
        margin-top:15px;
    }
    #levelSwitch h2 {
        margin-bottom:25px;
    }
    .uk-dotnav {
        margin:15px 30% 15px auto;
    }
    .uk-slidenav-position .uk-slidenav-previous {
        left:30%;
    }
	.footer .uk-container p {
		text-align:right;
	}
}
@media (max-width: 767px) {
	.uk-half {
		max-width:380px;
	}
    .uk-container {
        padding:0 15px;
    }
	.mc-en-vertical {
		/* position:absolute;
		transform:rotate(90deg);
		transform-origin:0 0; */
		word-break:break-all;
		width:0.1rem;
		text-align:center;
		line-height:0.7rem;
	}
}
@media (max-width: 480px) {
	h1 {
		background-image:none;
	}
	.uk-half {
		max-width:100%;
	}
}
@media (max-width: 394px) {
    .logo-sm {
        display:none;
    }
    .logo-xs {
        display:block;   
    }
}

@media print {
    html {
        font-size: 14px;
        line-height:20px;
        background:#fff;
    }
    html, body, uk-container {
        width:980px;
    }
    .uk-navbar-nav>li>a {
        padding: 0 8px;
    }
	h1 {
		margin:70px 0 10px 0;
		background: none;
		padding:0;
	}
    #jMonthCalendar {
        position:absolute;
        right:15px;
        top:15px;
    }
    .uk-slidenav-position .uk-slidenav {
        top:90% !important;
    }
    .uk-dotnav {
        top:90%;
    }
    .fbp-container, .fb-page {
        width:280px !important;
        overflow:hidden;
    }
    .uk-visible-small {
        display:none !important;
    }
    .uk-hidden-small {
        display:block !important;
    }
    .uk-width-medium-1-3 {
        width:33%;
    }
    .uk-width-medium-2-3 {
        width:66%;
    }
    .uk-width-medium-3-4 {
        width:75%;
    }
    .uk-width-medium-1-4 {
        width:25%;
    }
    .uk-width-medium-1-2 {
        width:50%;
    }
    .uk-align-medium-right {
        float:right;
        margin-left:15px;
    }
    .uk-align-medium-left {
        float:left;
        margin-right:15px;
    }
    .footer .uk-container p {
        text-align: right;
    }
}