﻿ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

  /*div {border: 5px solid red;}*/ 
 
  
 
 * { box-sizing: border-box;
			   -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;      
   }
 
html, body {
    font-size : 16px; 
    margin : 1em;   
}	
 
p { text-align : left; 
    margin-top:0.5em; 
    margin-bottom:0.5em;
}


img {
      max-width:100%;  
      margin-top:5px;	      
}
 	 
 #header { font-family: 標楷體, Arial,Verdana; 
           font-weight : 700;

 }

#div1 { width : 19%;
}

/*#div2 {  width:80%
}*/
		 
/*h1 { font-size : 3em; 
     text-align : center; 
     margin: 10px 10px 25px 5px;
}*/
	
     h3 { font-size : 1.4em; color : #0000FF; }	          

     td p, li p { padding : 0.3em;}


    .tableStyle2 {
          border: 1px solid #0094ff;
          text-align: left;
          margin: 5px 10px;
          /*width:550px;*/
          padding: 2px 2px 2px 2px;}

    th, td{ border-top : 1px solid #0094ff; 
                 padding : 5px 10px 5px 10px;
             }
    td a{text-decoration: none;}

	/*.float_left { float : left;}
    .float_clear { clear :both;}*/

    .hideData { display :none;}
	.text-align-left { text-align : left;}
    .text-align-center { text-align : center;}
	.text-align-right { text-align : right; margin-right:2em;}
    
          

    /* 圖片說明 -- notice :p 只做置中功能, 長度隨螢幕寬度而變 */
            .img_caption { margin : 0em; margin: 0em;}
            .img_caption p {
                    padding: 0em;
                    margin: 0px 0px 0px 10px;
       } 

     /*處理畫面字體大小*/

       .fs a{ padding: 3px 5px; 
             border: 1px solid #096563; color: #096563;
             margin-right:3px; 
             text-decoration: none; 
             font-size: 15px; }
      .fs a:hover{ background: #096563; 
                   color: #fff;}


     
       /*處理浮動排列*/
       .flex-container {
            display: flex;
            flex-wrap: wrap; }

       /* 20241126 為電子書設背景色 */        
          .bg_color_light_orange { 
                     background-color : #FDE3D8;
                     font-size : 1.2em;}

       