@charset "utf-8";
/* CSS RESET */
body, html { padding:0; margin:0; height:100%; }
body{ background:#000}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; color: #747474; font-size: 12px; }
ol, ul { list-style-type: none; }
fieldset, img { border:0; }
a:active, a:focus { outline:none; }

/* 架構 */
#wrap{ width:100%; height:100%; /*min-width:995px; min-height:600px;*/}
	#wrap .bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url(../images/loading.gif) no-repeat center;}
	#wrap .bg img { position:absolute; top:0; left:0; z-index:1; display:none;}
	#wrap .bg-shadow { position:absolute; top:0; left:0; width:550px; height:100%; background:url(../images/top-gradation.png) repeat-y left top; z-index:10}
	#wrap .bg-shadow1 { position:absolute; top:0; left:0; width:165px; height:100%; z-index:10; background-color:#000;}
	#wrap .menu { position:absolute; width:165px; height:100%; background:url(../images/menu_p2.jpg) no-repeat center bottom; z-index:11}
	#wrap .menu .logo {  position:relative; width:124px; height:73px; margin:35px auto 0;}
	#wrap .menu ul { position:absolute; width:115px; height:117px;  left:24px; bottom:111px;}
	#wrap .menu ul li { width:115px; height:39px; overflow:hidden; }
	#wrap .menu ul li a{ display:block; width:115px; height:39px; background-position:center top;}
	#wrap .menu ul li a.hm-btn1{ background-image:url(../images/menu_p3.jpg);}
	#wrap .menu ul li a.hm-btn2{ background-image:url(../images/menu_p4.jpg);}
	#wrap .menu ul li a.hm-btn3{ background-image:url(../images/menu_p5.jpg);}
	#wrap .menu ul li a:hover{ background-position:center -39px;}
	
	#wrap .menu1 { position:absolute; width:165px; height:100%; background:url(../images/menu_p2.jpg) no-repeat center bottom; z-index:11}
	#wrap .menu1 .logo {  position:relative; width:124px; height:73px; margin:35px auto 0;}
	#wrap .menu1 ul { position:absolute; width:115px; height:78px;  left:24px; bottom:111px;}
	#wrap .menu1 ul li { width:115px; height:39px; overflow:hidden; }
	#wrap .menu1 ul li a{ display:block; width:115px; height:39px; background-position:center top;}
	#wrap .menu1 ul li a.hm-btn2{ background-image:url(../images/menu_p4.jpg);}
	#wrap .menu1 ul li a.hm-btn3{ background-image:url(../images/menu_p5.jpg);}
	#wrap .menu1 ul li a.hm-btn4{ background-image:url(../images/menu_p4.jpg); background-position:center -39px;}
	#wrap .menu1 ul li a.hm-btn5{ background-image:url(../images/menu_p5.jpg); background-position:center -39px;}
	#wrap .menu1 ul li a:hover{ background-position:center -39px;}
	
	#wrap .menu1 .m2 ul { position:absolute; width:84px; height:80px; left:37px; bottom:220px;}
	#wrap .menu1 .m2 ul li { width:37px; height:32px; margin-left:5px; margin-top:8px; overflow:hidden; float:left;}
	#wrap .menu1 .m2 ul li a{ display:block; width:37px; height:32px; background-position:center top; opacity:0.6; filter:alpha(opacity=60);}
	#wrap .menu1 .m2 ul li a.hm-btn1{ background-image:url(../images/menu_p6.jpg);}
	#wrap .menu1 .m2 ul li a.hm-btn2{ background-image:url(../images/menu_p7.jpg);}
	#wrap .menu1 .m2 ul li a.hm-btn3{ background-image:url(../images/menu_p8.jpg);}
	#wrap .menu1 .m2 ul li a.hm-btn4{ background-image:url(../images/menu_p9.jpg);}
	#wrap .menu1 .m2 ul li a:hover{ opacity:1.0; filter:alpha(opacity=100)}
	
	#wrap .bg1 { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:#FFF;}
	
#footer{ position:relative; width:100%; margin-top:-30px; height:30px; text-align:left; overflow:hidden; z-index:12}

/* index */

.map a { padding:1px 4px; font-size:12px; color:#000; background-color:#777777;}
.map a:hover{ color:#000; background-color:#90c31f;}

/* 文字樣式 */
.text_1{ font-size:12px; color:#9c9c9b; line-height:20px;}
.text_2{ font-size:12px; color:#555555; line-height:20px;}
.text_2 { font-size: 12px; color: #4e4e4e; line-height: 20px; }
.text_2 a { font-size: 12px; color: #4e4e4e; text-decoration: none; }
.text_2 a:hover { font-size: 12px; color: #9b9e9e; text-decoration: none; }