@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* sitting */
iframe{border:0 none;}
img {max-width:100%; height:auto;}
.editor a {word-wrap:break-word;word-break:break-all;}
body, input{font-size:14px; margin:0; padding:0; font-family:"微軟正黑體", 'Open Sans', sans-serif;}
body{background:url("../images/bg_01.jpg") repeat; padding:0;}
a{transition:color .2s ease-in-out;}
a.current, a:hover{color:#66ccff;}

.table_scroll{ overflow-x: auto; }
table.datatable{}

.header{width:1000px; margin:0 auto; background:#dcdcdc; position:relative; padding:5px 0 3px;}
.header::before{content:""; height:23px; width:100%; background:linear-gradient(to right, #2a2a2a 75%,#dcdcdc 100%); position:absolute; bottom:2px; z-index:0;}

.collapse-button {position:absolute; display:none; right:3px; top:19%; transform:translate(0, -50%); width:34px; height:34px; background:#cda746; border-radius:2px; padding:7px 2px; cursor:pointer; text-align:center; box-sizing:border-box; border:1px solid #fff;}
.collapse-button:hover, .collapse-button:focus {background-image:none; color:#fff;}
.collapse-button .icon-bar {background:#F5F5F5; border-radius:1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); display:block; height:2px; width:18px; position:absolute; margin-left:5px; transition:all .4s ease;}
.collapse-button .font::before{content:"MENU"; position:absolute; bottom:0; left:50%; transform:scale(.6) translateX(-82%); color:#fff;}
.collapse-button .icon-bar:nth-child(1){top:3px;}
.collapse-button .icon-bar:nth-child(2){top:8px;}
.collapse-button .icon-bar:nth-child(3){top:13px;}
.collapse-button.close .icon-bar:nth-child(1){transform: rotate(-45deg); top:10px;}
.collapse-button.close .icon-bar:nth-child(2){opacity:0;}
.collapse-button.close .icon-bar:nth-child(3){transform: rotate(45deg); top:10px;}

.logo, .header .img{position:relative; z-index:2; display:inline-block; vertical-align:bottom;}
.logo{margin-bottom:-2px;}
.header .img img{margin-bottom:-6px; margin-left:3px;}
.header .img img:nth-child(2){margin-bottom:-8px;}
.top{position:absolute; top:27px; right:45px;}
.language{font-size:12px;}
.language a{margin:0 2px; padding:0 2px;}
.language a:link, .language a:visited{color:#000; text-decoration:none;}
.language a:hover{text-decoration:underline; color:#66ccff;}
.language span::before{content:"|"; display:inline-block;}
.language span:first-child::before{content:"";}
nav{z-index:1;}
nav ul, nav li{ margin:0; padding:0; text-align:center; }
nav ul{ background:url("../images/menu-bg.jpg") repeat; position:absolute; left:0; width:100%; }
nav li{display:inline-block; position:relative; }
nav li::before, nav li:first-child::after{ content:''; position:absolute; height:calc(100% - 1px); width:1px; background:#c3c7ca; top:0; }
nav li:first-child::after{ left:0; }
nav li::before{ right:0; }
nav li a{color:#2a2a2a; font-size:15px; font-weight:bold; text-decoration:none; display:block; padding:0 27px; height:31px; line-height:31px;}

@media only screen and (max-width:1000px) {
	body{padding:0;}
	.header{height:auto; width:100%; position:relative;}
	.header::before{content:none;}
	.header .img{text-align:center;}
	.header .img img{margin:0;}
	.logo{display:block; width:20%; margin:0 0 0 3%; padding:5px 0;}
	.collapse-button{display:block;}
	nav{display:none; background:#4c4c4c; position:absolute; width:100%; height:auto; padding-top:2px; z-index:10;}
	body nav ul{float:none; margin:0; bottom:0; position:relative;}
	nav li{display:block; text-align:center;}
	nav li a{display:block;}
	.top{position:absolute; top:0; right:auto; text-align:center; padding:4% 0 0 0; width:100%;}
	#main>div{width:auto; display:block;}
	#content #main{padding:0; width:auto; display:block;}
	#content #main > div:first-child{padding:0;}
}

@media only screen and (max-width:800px) {

}