@charset "utf-8";

/* CSS Document */
body{ 	height:100%; margin: 0px;  	
		background: url(../images/bgg.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
a:visited {color:#ffcc00;}
/* 主要框架 */
#wrapper{ }
#left{ z-index:60; position: fixed; width:120px; height:100%; float:left; background-color:#FFF;}
#right{ height:100px; float:left; margin-left:120px;}
#title{ position:absolute; top:0; margin:15px;}
#menu{ text-align:center; vertical-align:middle; }
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; margin-top:-130px;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%; margin-top:-130px;}
#inner {position: relative; top: -50%; width:88px; margin-left:16px; } /* for explorer only */
#logo{ position:absolute; bottom:0; text-align:center; margin:15px;}

/* 按鈕設定 */
#menu li a{ display:block;　width:88px;　height:30px; margin-bottom:3px; background-color:#333; font-size:12px; line-height: 30px; text-decoration:none; text-align:left; padding-left:8px; color:#FFF;}
#menu li a:hover{ background-color:#ffcc00; color:#333; }


#thumb { float:left; margin-left:10px; margin-top:10px; background-color:#333333; padding:5px; font-family: TradeGothic , verdana, helvetica, sans-serif; font-size:12px; color:#FFF; line-height:30px;}

#thumb:hover{ background-color:#f1c427; color:#333333; cursor:pointer;}	

/* 字體設定 */  
h1{ font-size:13px; }
h2{ font-size:20px; font-family: TradeGothic , verdana, helvetica, sans-serif; color:#FFF;  margin-left:10px; margin-top:10px; }

.btnFont { font-family: TradeGothic , verdana, helvetica, sans-serif; font-size:13px;}