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


    body {
        margin: 0px 0px 0px 0px;
       width:100%;
    }

    #banner{
        margin: 40px 0px 0px 0px;
    
    }



	a {
			font :  12px Georgia, serif;
	}



/* table */

#mainbanner {

display:none;
}

#mainbanner_m {
width:100%;
display: block;
padding-top:20px;

}
 
 
#maintable {

	 display: none;
} 
 
 
 #maintable_m {
table-layout: fixed;
width:100%;
 display: block;

} 


#inpicture {
			  margin-left: auto;
  margin-right: auto;
width:100%
}

#rightinimg {
		width: 30%;
		  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-right:0%;
}

#midimage {
	width: 100%;
}


/* Subject title */
#maintitle {
	font-size: 0px;
	text-align: center;
	font :  bold 20px Georgia, serif;
}


  td p{
	font :  18px Georgia, serif;
  }
  

#midtitlename {
	font-size:20px;
	 
}



#righttitlename {
	font-size:20px;
padding-left:0%;
	   padding-right:0%;
}

#rightintext {
	padding-left:0%;
	 padding-right:0%;
	
}


#lefttitlename {
	font-size:20px;
	  padding-left:0%;
	  padding-right:0%;
}

#leftintext {
	padding-left:0%;
	padding-right:0%;
}
 

#libname {
	font :  20px Georgia, serif;

}


 

 
 /* menu */
 
 #sub_menu a{
     font-size: 12px;
 }


/* header */
    .header {
       display: block;
         width: 100%;
    max-height: 100%;
   
      }
   

/* menu */




#menu .menubg{
  
    width: 100%;
    float: left;
    margin-left: 0%;
   
    
}



#menu {
  
    display: none;
     
}


#menu .space{
    width: 0%;
  
    }

#menu .menubar{
    float: left;
    width: 15%;
   }


  .container2 {

   width: 100%;
    font-family: Microsoft JhengHei;
float: right;
padding: 10px;
margin-right: auto;

}


.container2 a {
    float: left;
    font-size: 24px;
    color: #a31d3a;
    text-align: left;
    padding: 10px 10px;
    text-decoration: none;
	 font-family: Microsoft JhengHei;
	 font-weight: bold;
	 width:100%;
	 	margin-left:10px;
}

.dropdown {
    float: left;
    overflow: hidden;
	  width:100%;
   
}

.dropdown .dropbtn {
    font-size: 24px;    
    border: none;
    outline: none;
    color: #a31d3a;
    padding: 10px 10px;
 float: left;
   text-align:left;
	 font-family: Microsoft JhengHei;
	  font-weight: bold;
	margin-left:10px;
}


.container2 .   a:hover{
   
    width: 25%;
}




.dropdown-content {
    display: none;
    position: absolute;

	min-width: 160px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
    z-index: 1;
    word-wrap: break-word;
	margin-left:150px;
}

.dropdown-content a {
    float: none;
    color: #a31d3a;
    padding: 5px 16px;

    text-decoration: none;
    display: block;
   text-align: left;
	 font-size: 24px;
	 
}

.dropdown-content a:hover {
margin-left: 0px;
	
}


.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 24px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }



table {
	width:100%;
	font-size:12px;
}


table p{
	
	font :  12px Georgia, serif;
}

#page_top_hl {
	padding-top:50px;
	width:100%;
}


table img {
	width: 100%;
                height: auto;
}



#footer
{ 

	height:60px;
	background-color: #a31d3a;
margin-top: 45px;

}

#footer a {
    font-size:0.7em;

}
#footer .copyright {

     font-size: 0.8em;
    font :  bold 12px Georgia, serif;
  
}
 
            .banner_show {
                width: 100%;
				padding-top:40px;
            }
            .mySlides img {
                width: 100%;
                height: auto;
            }
 
 
}






/* Library picture */
#l_photo img{
	width:100px;
	
}