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

.navigation{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.navigation .item{
    position:absolute;
}
.info{
    top:125px;
    left:110px;
}
.theme{
   top:50px;
   left:360px;
}
.programme{
   top:90px;
   left:625px;
}
.speaker{
   top:230px;
   left:835px;
}
.online{
   top:420px;
   left:950px;
}
a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.info a.icon{
    background:transparent url(../images/info.png) no-repeat 0px 0px;
}
.theme a.icon{
    background:transparent url(../images/theme.png) no-repeat 0px 0px;
}
.programme a.icon{
    background:transparent url(../images/programme.png) no-repeat 0px 0px;
}
.speaker a.icon{
    background:transparent url(../images/speaker.png) no-repeat 0px 0px;
}
.online a.icon{
    background:transparent url(../images/online.png) no-repeat 0px 0px;
}
.navigation .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
	position:absolute;
	width:147px;
	height:52px;
	color:#222;
	font-size:18px;
	top:0px;
	left:52px;
	text-indent:10px;
	line-height:52px;
	text-shadow:1px 1px 1px #fff;
	text-transform:uppercase;
	font-family: "微軟正黑體";
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}
.item ul li{
	font-size:12px;
	text-shadow:1px 1px 1px #fff;
	width: 100px;
}
.item ul li a{
	font-size:12px;
	text-decoration:none;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:#222;
	padding:3px;
	float:left;
	clear:both;
	width:105px;
	text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}
            *{
                margin:0;
                padding:0;
            }
            body{
                font-family:Arial;
                background:#fff url(../images/bg.png) no-repeat top left;
            }
            .title{
	width:613px;
	height:376px;
	position:absolute;
	top:230px;
	left:190px;
	background-color: transparent;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
						}
			a{ 
				outline: none; /* for Firefox Google Chrome */
				behavior:expression(this.onFocus=this.blur()); /* for IE */ 
			}
            a.back{
                background:transparent url(back.png) no-repeat top left;
                position:fixed;
                width:150px;
                height:27px;
                outline:none;
                bottom:0px;
                left:0px;
            }
            #content{
                margin:0 auto;
            }