@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* font-family: 'cwTeXHei', sans-serif; 黑體 */

/* CSS Reset & Default ------------------------------------------------------ */
* { padding:0; margin:0; }
html,body { height:100%; }
body { background-image:url(images/wood_1.jpg); overflow: hidden; }
:focus{ outline:none; }

/* #main區域 ----------------------------------------------------------------- */
#main { width:1000px; margin: 0 auto; box-shadow:0 0 10px #000; max-width: 100%; 
		position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%); }
#main>img { display:block; width: 100%; height: auto; }

/* map區域 ----------------------------------------------------------------- */
map { /*position:relative;*/ }
#main map img{ position:absolute; /*display:none;*/ opacity:0; transition:all 0.5s;
    -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;  }
map img:nth-child(2) {left:865px; top:565px;}
map img:nth-child(4) {left:465px; top:595px;}
map img:nth-child(6) {left:375px; top:395px;}
map img:nth-child(8) {left:190px; top:270px;}
map img.goHome {left:880px; top:515px;}
#main map area:hover+img { /*display:block;*/ opacity:1; }



/* aside按鈕區域 ========================================================== */
aside { position:fixed; right:0; top:50%; margin-top:-200px; z-index:9999; }
aside a { display:block; background-color:rgba(255,255,255,0.2); color:rgba(255, 255, 255, 0.4);
          padding:10px; right:-155px; position:relative;
          transition: all 0.5s; text-decoration:none; font-weight: bold;
          font-family: 'cwTeXHei', sans-serif; font-size: 18px; }

aside a:hover { right:0; background-color:rgba(255,255,255,0.80); 
				box-shadow:2px 2px 2px rgba(0,0,0,0.66); color:rgb(0, 0, 0);
				border-top-left-radius:5px; border-bottom-left-radius:5px; }

aside a:first-child { border-top-left-radius:5px; }
aside a:last-child { border-bottom-left-radius:5px; }