/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:15px;}
.datatable { width:100%; border-spacing:1px;}
.datatable th {color:#fff; font-size:15px; text-align:center; padding:6px; line-height: 140%; width: 120px; background: #656565;}
.datatable td { color:#555; font-size:15px; text-align:left; padding:6px; line-height: 140%;}
.datatable tr:nth-child(even) { background: #f3f3f3;}

.list-disc li { list-style-type:disc; margin:0 0 0 20px;}


header { background: #fff; height: 150px;}
.header-top { height: 47px; position: relative; background: #ebebeb;}
.header-top:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #c8c8c8;}
.header-top-content{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 6px 20px 0 20px;}
.lang { display: flex; flex-direction: row; flex-wrap: nowrap;}
.lang > a {display: block; letter-spacing: 1px ;font-size: 13px; color: #353535; }
.lang > a:after { content: "|"; display: inline-block; vertical-align: top; padding:0 3px;}
.lang > a:last-child:after {display: none;}
.lang > a:hover { color: #000; text-decoration: underline;}
.search { background: #fff; width: 175px; border-radius: 5px; height: 32px;}
.search input[type="text"] { display: inline-block; vertical-align: top; width: calc(100% - 40px - 7px); color: #353535; font-size: 14px; line-height: 140%; letter-spacing: 1px; background: none; border-width: 0; padding-top: 5px; padding-left: 10px;}
.search a { display: inline-block; vertical-align: top; width: 40px; color: #4c4c4c; font-size: 22px; text-align: center;}
.search a:hover { opacity: 0.6;}
.search input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #353535; opacity:0.5;
}
.search input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #353535; opacity:0.5;
}
.search input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #353535; opacity:0.5;
}
.search input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #353535; opacity:0.5;
}
.header-bottom { padding: 0;}
.logo { position:relative; z-index:10000; left: 16px; top:11px; display: inline-block;}
nav {position: absolute; width: 100%; top:40px;}

.gudingx {
   position:fixed;
   width:100%;
   height:103px;
   top:0px;
   z-index:9;
    box-shadow: 0px 0px 15px rgba(0,0,0,.5);
   }  
       
   
.header-topx {
   display:none;
   }   
@media only screen and (max-width: 980px) {
	header{height: 130px;}
	.header-top-content {padding: 6px 10px;}
.lang {width: 140px;}
.search {width: calc(100% - 140px);}
nav {top:15px;}
	.logo {top:7px;}
.logo img { max-width:220px; }
.showhide:before { content:"選單"; display:block; position:absolute; right:23px; bottom:-20px; text-align:right; font-size:12px; color:#363636; width:50px;}

.showhide-rotate em:nth-of-type(1) { position:relative; top:10px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.showhide-rotate em:nth-of-type(2) { display:none;}
.showhide-rotate em:nth-of-type(3) { position:relative; top:1px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}
}

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

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

}