body{width:100%; margin:0; padding:0; background-color:#CCCCCC; color:#4E4E4E; font-family:Lucida Sans Unicode,Trebuchet MS,Arial,Verdana;}
#wrapper{width:100%; margin:0; padding:0;}
.wrapper{width:700px; min-height:0px; margin:0 auto; overflow:hidden;}
a{color:#4E4E4E; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
ul{list-style:none; margin:0; padding:0;}
h3{font-family:"微軟正黑體", Arial;}
h4{font-family:"微軟正黑體", Arial;}
.page_title{color:#8A0A05; font-weight:bold;}
.pg_title{font-weight:bold;}


/* Shared */



/* Header */
#header{}




/* Content */
#content{margin:25px 0 0 0;}
#content .wrapper{width:900px; height:640px; overflow:hidden; background:#FFFFFF}
#content .wrapper .scene{height:100%; width:100%; position:relative;}


.hide_item{display:none;}
#seq_1{text-align:center; margin-top:30%; color:#7F7F7F; letter-spacing:1px;}
#seq_1 .line_1{display:block; font-size:larger; font-weight:bold;}
#seq_1 .line_2{display:block; font-size:smaller; margin:5px 0 0 0; line-height:13px;}

#seq_2{position:relative;}
#seq_2 .line_1{display:block;width:212px; height:183px; background:url(../images/word_night.png) no-repeat; position:absolute; top:30%; left:10%;}
#seq_2 .line_2{display:block;width:212px; height:183px; background:url(../images/word_day.png) no-repeat; position:absolute; top:30%; right:10%;}

#main_content{width:100%; height:550px;}
#content_wrapper{width:100%; height:100%; overflow:hidden;}
#bottom_menu{width:100%; height:90px; padding:3px; position:absolute; border-top:#E1E1E1 1px solid; bottom:0; left:0;}
#bottom_menu a.night{display:block; float:left;width:77px; height:59px;background:url(../images/words.png) no-repeat 0px -120px;}
#bottom_menu a.night:hover{background-position:0px 0px}
#bottom_menu a.night.active{background-position:0px -59px}
#bottom_menu a.day{display:block; float:right;width:61px; height:59px;background:url(../images/words.png) no-repeat -76px -120px;}
#bottom_menu a.day:hover{background-position:-76px 5px}
#bottom_menu a.day.active{background-position:-76px -57px}
#bottom_menu a.home{position:absolute; display:block; padding:3px; left:3px; bottom:3px; font-size:11px;}
#bottom_menu a.contact{position:absolute; display:block; padding:3px; right:3px; bottom:3px; font-size:11px;}
#bottom_menu #submenu{position: absolute;;text-align: center; left:45%;}

.external_wrapper{padding: 70px; font-size: 11px;line-height: 20px;position: relative;}
.external_wrapper .page_title{ font-size: 14px;line-height: 30px; display:block;margin-bottom: 25px;}
.external_wrapper .title{font-weight:bold; display:block;}
.external_wrapper .title2{font-style:italic; margin-bottom:10px;display:block;}
.external_wrapper .column{float:left; width:48%; padding-left: 3%; padding-right: 3%;}
.external_wrapper .column:last-child{margin-left:30px;}

a.calendar{display:block; background:url(../images/calendar.png) no-repeat 0px 0px; width:30px; height:30px;margin: 0 auto;}
a.calendar:hover{background-position:0 -29px}

#external_menu ul{list-style:none; padding:0;}
#external_menu ul li{float:left; padding:0px 10px;}
#external_menu ul li a.dot{display:block;background:url(../images/dot.png) no-repeat 0px 0px; width:13px; height:13px;margin-top: 6px;}
#external_menu ul li a.dot:hover{background-position:0px -11px}
#external_menu ul li a.dot.active{background-position:0px -11px}


/* Contact */
.external_wrapper .contact_info{}
.external_wrapper .contact_info .page_title{margin-bottom:0px;}
.external_wrapper .contact_info span{display:block;}
.external_wrapper .contact_info p span:last-child{margin-bottom:20px;}
.external_wrapper .contact_photo{position: absolute;top: 70px;right: 70px;}


/* Footer */
#footer{}