@charset "utf-8";
/* CSS Document */

body {
        margin: 0px;   /*緊貼頂部(上下左右)，沒有空隙*/
        background-image: url(b081.jpg); /*背景色設定*/
        }

#wrapper {
        width: 1000px;   /*寬度設定為900px*/
        margin: auto;   /*版面居中對齊*/
        font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
        color: #C6C6C6;  /*文字顏色設定*/
        border: 0px solid #003; /*網頁做外框的設定*/
        }
		
#header1 {
        margin-left: 25px;   /*版面居中對齊*/
        }
        
#header2 {
        margin-left: 267px;   /*版面居中對齊*/
        }

#content {
        width:930px;/*可不用設定寬度和高度，由文字來決定高度*/
        height:1500px;
        background-color:#D7E1FF;  /*背景色設定*/
        font-size: 14px; /*字體大小*/
        line-height: 2em;   /*字體行間為兩個字距*/
        color:#000; /*文字顏色設定*/
        padding: 10px; /*文字與#content間的內距*/
        margin-left: 267px;   /*版面居中對齊*/
        }
  
#content1 {
        width:930px;/*可不用設定寬度和高度，由文字來決定高度*/
        height:1500px;
        background-color:#A8D4FA;
        font-size: 14px; /*字體大小*/
        line-height: 2em;   /*字體行間為兩個字距*/
        color:#000; /*文字顏色設定*/
        padding: 10px; /*文字與#content間的內距*/
        margin-left: 25px;   /*版面居中對齊*/
        margin-top:-10px; 
        }
        
#content2 {
        width:890px;/*可不用設定寬度和高度，由文字來決定高度*/
        height:200px;
        background-image: url(b094.jpg);  /*背景色設定*/
        font-size: 12px; /*字體大小*/
        line-height: 1em;   /*字體行間為兩個字距*/
        color:#000; /*文字顏色設定*/
        padding: 1px; /*文字與#content間的內距*/
        margin-left: 0px;   /*版面居中對齊*/
        margin-top:0px; 
        } 
        
#content3 {
        width:930px;/*可不用設定寬度和高度，由文字來決定高度*/
        height:900px;
        background-image: url(b094.jpg); /*背景色設定*/
        font-size: 14px; /*字體大小*/
        line-height: 2em;   /*字體行間為兩個字距*/
        color:#FFFFF; /*文字顏色設定*/
        padding: 10px; /*文字與#content間的內距*/
        margin-left: 25px;   /*版面居中對齊*/
        margin-top:10px; 
        }   

#footer {
        width:910px;/*可不用設定寬度和高度，由文字來決定高度*/
        background-color:#0E7F55;     
        font-size: 14px; /*文字尺寸設定*/
        line-height: 1.5em; /*文字行高設定為1.5字高*/
        color: #FFF; /*文字顏色設定*/
        padding: 20px; /*內距設定*/
        margin-left: 25px;   /*版面居中對齊*/
       }
       
#line {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: dotted;
	border-top-color: #000;
}

#table {
        font-family: "微軟正黑體";
        color:#00000;
}

#container {
    position: relative;
    width: 50%;
}

#image {
  opacity: 1;
  display: block;
  width: 200;
  height: 132;
  transition: .5s ease;
  backface-visibility: hidden;
}

#container:hover .image {
  opacity: 0.6;
}

# {
  box-sizing: border-box;
}


#container1 {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

#container1 img {vertical-align: middle;}

#container1 .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 200%;
  padding: 5px;
}