/*分類由每一頁面共同使用開始，其次進入首頁等各頁面
    由區塊開始，再到文字等效果*/
*{margin:0 auto;
   padding:0;
   font-family:Arial, 新細明體, sans-serif;
   }
#index{/*首頁*/
      width:1064px;
	  }
#mainhome{/*全包*/
      width:970px;
	  }
#head{/*包含logo加上upbar*/
      width:950px;
	  height:80px;
	  margin:0;
	  }
#logo{/*就是logo圖示的位置*/
      width:665px;
	  height:40px;
	  margin:0;
	  padding-top:40px;
	  float:left;
	  }
#upbar{/*上方導覽列，每一頁面都有*/
      margin:0;
	  width:280px;
	  float:left;
	  height:20px;
	  padding-top:60px;
	  color:#396bb9;
	  text-align:right;
	  font-size:16px;
	  }
#upbar a{/*上方導覽列連結效果*/
      text-decoration:none;
	  font-style:normal;
	  color:#396bb9;
	  }        
#bluepic{/*藍色跑馬燈位置，位於左側導覽列下方、每一頁面都有*/
      width:169px;
	  height:140px;
	  }

/*以下開始首頁專用*/
#homenav{/*首頁的導覽列最外層，包含homebar還有bluepic*/
      width:169px;
	  height:320px;
	  clear:both;
	  float:left;
	  font-size:14px;
	  	 }
#homebar{/*首頁導覽列*/
         background:#ebebeb url(../../image/navTop.gif) no-repeat;
         height:165px;
		 padding:5px 0px 0px 20px;
		 color:#8c8c8c;
		 line-height:21px;
		 letter-spacing:3px;
		 }
#homebar a:link{/*首頁導覽列連結效果*/
                  text-decoration:none;
		          font-style:normal;
				  color:#8c8c8c;
		            }  
#homebar a:visited{/*首頁導覽列連結效果*/
                  text-decoration:none;
		          font-style:normal;
		          color:#8c8c8c;
		            } 
#homebar a:hover{/*首頁導覽列連結效果*/
                  text-decoration:none;
		          font-style:normal;
		          color:#396bb9;
		            }               
#homebar a:active{/*首頁導覽列連結效果*/
                  text-decoration:none;
		          font-style:normal;
		          color:#8c8c8c;
				  }
#flashin{
            float:left;
			height:320px;
			}
#footer{ /*首頁最下方的三個說明*/
             padding:20px;             
             clear:both;
			 height:120px;
			 width:1024px;	 
			 }	  
.downpic{/*目前僅使用於首頁下方說明圖示*/
            float:left;
			width:120px;
			height:120px;
			}
.downtext{/*目前僅使用於首頁下方圖示旁的文字介紹*/
            float:left;
			width:128px;
			padding:0px 20px 0px 20px;
			height:120px;
			line-height:17px;
			font-size:14px;
			}
.downtext dt{
           color:#ff8b38;
		   }
.downtext dd{
           font-size:12px;
		   }	  
/*首頁區塊結束*/	  


/*開始進入內頁的分類*/
#nav1{/*內含leftbar、bluepic、color三個div，目前每一內頁都使用*/
      clear:both;
	  width:169px;
	  float:left;
	  font-size:14px;
	  }
#leftbar{  /*內頁導覽列*/
        background:#ebebeb url(../../image/navTop.gif) no-repeat;
		padding:15px 0px 10px 20px;
		line-height:26px;
		letter-spacing:3px;
		color:#8c8c8c;
         }
#leftbar a{/*內頁導覽連結效果*/
         text-decoration:none;
		 font-style:normal;
		 color:#8c8c8c;
		 }  
#color{/*內頁左方導覽列在bluepic層下方的灰色區塊*/
           height:200px;
		   background-color:#EBEBEB;
		   }
#route{ /*內頁中間區塊，主要為圖片，呈現視覺效果*/
        float:left;
		width:335px;
		padding:20px 20px 20px 20px;
		background:url(../../image/shadowtop.gif) repeat-x;
		font-size:14px;
		line-height:28px;
		}
#main{/*內頁右側為文字說明主要區域*/
        float:left;
		width:400px;
		height:450px;
		overflow:auto;
		background:url(../../image/shadowtop.gif) repeat-x top;
		background-position:fixed;
		padding:20px 20px 20px 0px;
		font-size:16px;
		line-height:28px; 
		}
#main dt{/*對main層中的dt做規範*/
       color:#396BB9;
	   }

/*action與news與viewpast頁面設定*/
#news{/*news主頁面的大區塊*/
           width:760px;
		   padding:0px 0px 0px 20px;
		   float:left;
		   font-size:14px;
		   }
#action{/*action主頁面的大區塊*/
           width:760px;
		   padding:0px 0px 0px 20px;
		   float:left;
		   font-size:14px;
		   }
#viewpast{/*viewpast主頁面的大區塊*/
          width:760px;
		   padding:0px 0px 0px 20px;
		   float:left;
		   font-size:14px;
		   }
.smallnews{/*每一個小說明*/
          width:760px;
		  height:250px;
		  border-width:1px 0px 0px 0px;
		  border-color:#396bb9;
		  border-style:solid;
		  }
.snpic{/*小說明的圖片區*/
         width:250px;
		 height:220px;
		 float:left;
		 padding:15px 0px 15px 0px;
		 }
.sntext{/*小說明的文字區域*/
        width:470px;
		height:220px;
		float:left;
		line-height:18px;
		padding:15px 0px 15px 0px;
		}

/*artist頁面設定*/
#artall{/*針對藝術家頁面的全部藝術家一覽*/
            width:760px;
			background:url(../../image/shadowtop.gif) repeat-x;
			float:left;
			padding:20px 20px 20px 15px;
			}
#artall table{/*所有藝術家的表格*/
            border-width:0;
			padding:0;
			}
#artall td{/*藝術家表格對齊方式*/
            text-align:center;
			 padding:10px 0px 10px 0px;
			 vertical-align:bottom;
			 }
/*藝術家比賽圖片頁面*/
#gamehead{
             width:1300px;
			 }
#gamehead1{
             width:1064px;
			 }
#gamepic{/*藝術家比賽圖片區域大小*/
             width:1300px;
			 padding:0px 15px 0px 15px;
			 }
#gamepic1{/*藝術家比賽圖片區域大小*/
             width:900px;
			 padding:0px 15px 0px 15px;
			 }
#gamepic table{/*所有比賽圖片的表格*/
            border-width:0;
			padding:0;
			}
#gamepic td{/*比賽圖片表格對齊方式*/
            text-align:center;
			 padding:15px 15px 15px 15px;
			 vertical-align:bottom;
			 }
#gamepic1 table{/*所有比賽圖片的表格*/
            border-width:0;
			padding:0;
			}
#gamepic1 td{/*比賽圖片表格對齊方式*/
            text-align:center;
			 padding:15px 15px 15px 15px;
			 vertical-align:bottom;
			 }
/*英文展覽回顧圖片頁面*/
#viewhead{
             width:1064px;
			 }
#viewpic{
             width:1064px;
			 padding:30px 15px 15px 15px;
			 }
/*以下為文字、其他效果與尺寸設定*/

.midpic{/*主要針對在route的圖片尺寸設定*/
	  width:335px;
	  }

.mid{/*文字居中、粗體*/
      text-align:center;
	  font-weight:bold;
	  }
.mid2{/*文字居中、正常字體*/
      text-align:center;
	  font-weight:normal;
	  }
p.firstline{/*首行縮排*/
         text-indent:2em;
		 }
.nolist{/*列表不產生圈圈*/
         list-style-type:none;
		 }
.nolist2{/*主要針對內頁的左側導覽列的小標，列表不產生圈圈且縮排*/
         list-style-type:none;
		 padding-left:10px;
		 }
.liststyle3{/*列表以abc表示*/
         list-style-type:lower-alpha;
		 list-style-position:inside;
		 }
a img{/*所有圖片連結，皆不出現外框*/
      border-width:0;
	  }
table a img{/*表格所有圖片連結，皆不出現外框*/
        border-width:0;
		}
a.llnknochange{/*所有文字連結無變化，文字為黑色*/
         text-decoration:none;
		 font-style:normal;
		 color:#000000;
		 }     
a.linkstyle{/*文字連結無變化。文字為橘色*/
        text-decoration:none;
		 font-style:normal;
		 color:#ff8b38;
		 }     
a.linkstyle2{/*文字連結無變化。文字為橘色、粗體*/
        text-decoration:none;
		font-weight:bold;
		 font-style:normal;
		 color:#ff8b38;
		 }     
#linkstyle a{/*文字連結無變化。文字為藍色*/
        text-decoration:none;
		 font-style:normal;
		 color:#396bb9;
		 }     
#linkstyle2 a{/*文字連結無變化。文字為藍色14級字*/
        text-decoration:none;
		 font-style:normal;
		 color:#396bb9;
		 font-size:14px;
		 }     
h1{/*設定為黑色18級粗體字*/
     color:#000000;
	 font-size:18px;
	 font-weight:700;
	 }
h2{/*設定為18級藍色字*/
    color:#396BB9;
	font-size:18px;
	}
h3{/*設定為18級字*/
    font-size:18px;
	}
.bold{/*設定為粗體*/
    font-weight:700;
	}
em{/*橘色正常字體*/
      font-style:normal;
      color:#FF8B38;
	  }
pre{/*正常字體*/
     font-style:normal;
	 font-weight:normal;
	 font-size:16px;
	 }
.style1{/*顏色為藍色*/
   color:#396bb9;
   }
.style2{/*10級字*/
    font-size:10px;
	letter-spacing:2px;
	}
.style3{/*12級字*/
   font-size:12px;
   }
.style4{/*表格對齊上方，文字橘色*/
   color:#ff8b38;
   vertical-align:top;
   }
.style5{/*16級字*/
   font-size:16px;
   }
.style6{/*文字靠右*/
    text-align:right;
	}
.style7{/*18級藍色字*/
    font-size:18px;
	color:#396bb9;
	}
.style8{/*16級紅色粗體字*/
    font-size:16px;
	color:#FF0000;
	font-weight:bold;
	}
.style9{/*16級紅色字*/
    font-size:16px;
	color:#FF0000;
	}
body{/*設計滾動bar的顏色，不支援所有瀏覽器*/
 scrollbar-base-color:#ffffff;
   }



