﻿@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 : 1.2em;   
}	
 
p { text-align : left; 
    margin-top:0.5em; 
    margin-bottom:0.5em;
}

sup { vertical-align: super;  
      font-size: 0.9em; 
      font-weight:800;

}

sub {
    vertical-align :sub;
    font-size: 0.9em; 
    font-weight:800;
}

img {
      max-width:100%;  
      margin-top:5px;	  
}
 	 
 #header { font-family: 標楷體, Arial,Verdana; 
           font-weight : 700;

 }	

 

		 
h1 { font-size : 3em; 
     text-align : center; 
     margin: 10px 10px 25px 5px;
}
	
           h3 { font-size : 1.4em; color : #0000FF; margin:25px 0 0px 5px;}	
           h4 { font-size : 1.1em; color : #0000FF; margin:25px 0 0px 6px;}
           h5 { font-size : 1em; margin:25px 0 0px 25px; text-decoration : underline;} 
           h6 { font-size : 1em; margin:25px 0 0px 75px; }

           ul { margin-left : 0.8em; margin-right : 0.1em; padding-left:0.2em;}
           ol { margin-left : 1em; margin-right : 0.1em; padding-left:0.2em;}
		   li { margin-left : 1em; margin-top:0.25em; margin-right : 0.5em; line-height : 1.5em; } 
		  
           td li { margin : 0.05em; 
                   padding-left: 0.05em; }

           td p, li p { margin-left : 0.5em; margin-top : 0.3em; margin-bottom : 0.3em;     }

           .pos_left_0 { text-align : left; margin-left : 0em; }
		   .pos_left { text-align : left; margin-left : 1em; margin-right : 1em; }
           .pos_left_2 { text-align : left; margin-left : 2em; margin-right : 2em; }
           .pos_left_3 { text-align : left; margin-left : 3em; margin-right : 3em; }
           .pos_left_4 { text-align : left; margin-left : 4em; margin-right : 3em; }
		   .pos_right { text-align : right; margin-right : 1em; line-height : 1.3em;}
		   

           .font1 {font-size : 1.1em; font-weight : 600;}
           .font2 {font-size : 0.9em; }          
           .font_author {font-size : 1.1em; font-weight : 600;}
           .font_face_1 { font-family: 標楷體;}
           .font_face_2 { font-family: Arial, Helvetica, sans-serif;}
           .font_red { color : red;}
           .font_blue { color : blue;}
           .font_gray { color: #333333;}

           .font_weight_600 {font-weight : 600;}

           .bg_color_light_blue { background-color : #D7F3F9;}
           .bg_color_light_green {  background-color : #E2FDA8;}
           .bg_color_light_orange { background-color : #FDE3D8;}

           .list_style_none { list-style-type :none;}
           .list_style_cjk{list-style-type:cjk-ideographic;} 


           .tableStyle1 { border : 1px solid #0094ff; 
                    text-align :center;
                    margin-left : 25px;
                    margin-top : 10px;
					margin-bottom : 10px;
                    width : auto; 
                    padding : 2px 2px 2px 2px;                 
             }
			 
			 .tableStyle2 { border : 1px solid #0094ff; 
                    text-align :left;
                    margin-left : 25px;
                    margin-top : 10px;
					margin-bottom : 10px;
                    width : auto; 
                    padding : 2px 2px 2px 2px;                                  
             } 
			 
             th, td{ border-top : 1px solid #0094ff; 
                 padding : 5px 10px 5px 10px;
             }

             .dataTables tbody tr:nth-child(even) td,
             .dataTables th {
                 background-color: #D7F3F9;
        }

		     .auto-style1 {
                 text-decoration: underline;
             }

             .line_height_15 {line-height : 1.5em; }
			 .line_height_20 {line-height : 2em; }

             .float_left { float : left;}
             .float_clear { clear :both;}

            .hideData { display :none;}
			.text-align-left { text-align : left;}
            .text-align-center { text-align : center;}
          

            /* 圖片說明 -- 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; }

       .flex-container > div {   
            margin: 5px;  
           text-align: left;          
       }

              
       /*處理復健部系列文章用  #6361 */

         .img_illustrate {
                background-color : #fec37d;
                padding : 1px 10px 1px 12px;
                margin : 1px 5px 15px 15px;
                display : inline-block;                  
            }
            .img_area {
                background-color : #fffcc4;
                border-radius: 10px 60px;
                padding : 12px;
                margin : 10px 12px 20px 12px;
                
            }

            .div_border {
                border : 1px solid #fe7718;
                margin : 10px 3px 20px 3px;
                padding : 5px 10px 0px 10px;
            }

            .div_h4 {
                background-color : #feb77e;
                color : black;
                display : table-cell;
                padding : 5px 10px 6px 12px;
                margin-top : 25px;
                margin-left: 10px;
                border-radius : 5px 5px 5px 5px;
                font-size : 115%;
                font-weight :500;
            }

            #6390_rm {
             background-image:url("6390/list-image.jpg");
           }

           /*  end of 復健部系列文章*/

            /*處理營養室系列文章用  #6418  6422*/

            .div_border_6418 {
                border : 3px solid #4DACC7;
                margin : 30px 10px 20px 20px;                
                max-width : 1200px;
            }

            .pos_left_top_6418 { margin-left : -10px; margin-top: -13px; }
            .pos_left_article_6418 { padding : 5px 8px 5px 40px; }

            .div_banner_6422 { background-image:url(6422/6422_2.png);
                               background-repeat:no-repeat;
                               height : 46px;
                               width:163px; 
                               color:black;
                               padding-top :15px;
                               padding-left: 62px;                                                          
            }

            .pos_left_top_6422 {margin-left: -5px; margin-top: -5px; }

          

