@charset "utf-8";
body {margin:0; padding:0; font-family:"微軟正黑體"; line-height:160%;
}
*{box-sizing:border-box;}

a{text-decoration:none;}
.contentarea,#footer{width:100%; height:auto; float:left; box-sizing:border-box;}
#logo{position:fixed; z-index:101; top:0; cursor:pointer;}
#header{ text-align:center; position:fixed; top:0; z-index:100; width:100%; height:auto;}
#header div{ width:100%; height:auto; float:left;}
#header h2{color:#fff; font-size:20px; line-height:155%;}
#footer{font-size:12px; color:#737a96; text-align:center; padding:20px 0;}

/*default*/
#defaulttable tr td{font-size:16px; color:#1d2855;}
#defaulttable h2{margin-bottom:5px; padding:0;}

#classlist{width:100%; height:auto; float:left; box-sizing:border-box; line-height:140%; margin-top:20px;}
#classlist .block{width:100%; height:auto; float:left; margin:2% 0; background:#e6e6e6; padding:3%; color:#333; box-sizing:border-box;}
#classlist .block div{width:40%; height:auto; overflow:hidden; float:left; margin-right:2%;}
#classlist .block h3{ margin:0; padding:0; text-align:left;}
#classlist .block p{font-size:15px; text-align:justify; margin:0; padding:0;}
/*contact*/
.contact td{background:#fff; color:#666; font-size:15px; line-height:160%;}
.contact input, .contact textarea{border:0; color:#666; width:100%; line-height:180%;}
.block{width:97%; height:auto; float:left; list-style:none; margin:0; padding:0 3%;}
.block li{display:inline-block; float:left; height:auto; list-style:none; margin:0; padding:0; text-align:center; line-height:200%; list-style:none;}
.block li img{width:100%; height:auto;}
.block li{width:50px; height:50px; margin:2%; text-align:center; background:#666;}
.innerhtml{width:100%; height:auto; float:left;}
.innerhtml img{max-width:100%; height:auto;}
/**/
#relative{width:100%; height:auto; float:left;}
#relative .block{width:20%; float:left; list-style:none; padding:5px;}
#relative .block img{width:100%; height:auto; float:left;}


/*Bottom*/
.btn{background:#a0bd0d; color:#fff; text-align:center; display:block; margin:10px 0;}
.btn:hover{background:#666;}
.submenu{width:25%; height:auto; line-height:300%; display:block; float:left; border-bottom:5px solid rgba(176,176,176,0); color:#fff;}
.submenu:hover{border-bottom:5px solid rgba(176,176,176,1);}
.pagenum a{background:#b5b5b5; color:#fff; padding:0.3em 0.5em; margin:0.2em;}
.pagenum a:hover,.pagenum a:active{background:#1e2855;}

/*nav*/
#nav{position:fixed; z-index:101; background:#f6f6f6; color:#666; font-size:18px; padding:0; width:45%; height:100vh; display:none; top:0;}
#nav ul{list-style:none; margin:0; padding:0 3%; width:100%;}
#nav ul li{display:block; width:100%; height:auto;}
#nav ul li a{color:#666; display:block; width:100%; height:auto; line-height:240%; border-bottom:1px solid #ccc; padding:0 0 0 5%; box-sizing:border-box;}

#nav ul li ul li a{padding-left:20px; box-sizing:border-box; border-bottom:0;}


/*patent detail*/
.type{width:100%; height:auto; float:left; padding:5%;}
.type1, .type2{height:auto; float:left; padding:5%;}
.type1 img, .type2 img, .type3 img, .type4 img{width:100%; height:auto;} 
.imgframe, .wframe{float:left;} 
.wframe{line-height:160%; text-align:justify;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }
.type1{width:100%;}
.type1 .imgframe{width:100%;}
.type1 .wframe{width:100%; padding:1%;}
.type2{width:100%;}
.type2 .imgframe{width:100%;}
.type2 .wframe{width:100%; padding:1%;}
.type3{width:100%; height:auto; float:left; padding:1%;}
.type3 .imgframe{width:100%;}
.type3 .wframe{width:100%; padding:1%;}
.type4{width:100%; height:auto; float:left; padding:1%;}
.type4 .imgframe{width:100%;}
.type4 .wframe{width:100%; padding:1%;}
.type1 .wframe p{line-height:160%;}
