﻿body
{
    margin: 0;padding: 0;
	background: url(../images/main/bg.jpg) repeat-x;
	text-align: center;
	background-color: #22E100;
}

.container
{
    width: 1016px;
	margin:-2px auto 0 auto;
}

.main_border
{
    width:1016px;
	border: 2px solid #FFFFFF;
	float:left;
}

/*--------------------------------------------- 1. 商標區 ---------------------------------------------*/

#header
{
    width: 1016px;
    height: 69px;
    background: url(../images/main/main_02.jpg);
    float:left;
}

#head
{
    width: 440px;
    height: 25px;
    float: left;
    margin: 42px 0 0 468px;
}

#head span.menu01{width: 68px;float:left;}
#head span.menu01 a{width: 68px;float: left;height: 25px;}
#head span.menu02{width: 80px;float:left;}
#head span.menu02 a{width: 80px;float: left;height: 25px;}


/*--------------------------------------------- 主要導覽區 ---------------------------------------------*/

#menu
{
    width: 1016px;
    margin:0 0 0 0;
    float:left;
}

#menu span.menu01 a{width: 112px;float: left;height: 38px;}
#menu span.menu02 a{width: 112px;float: left;height: 38px;}
#menu span.menu03 a{width: 112px;float: left;height: 38px;}
#menu span.menu04 a{width: 112px;float: left;height: 38px;}
#menu span.menu05 a{width: 110px;float: left;height: 38px;}
#menu span.menu06 a{width: 112px;float: left;height: 38px;}
#menu span.menu07 a{width: 112px;float: left;height: 38px;}
#menu span.menu08 a{width: 110px;float: left;height: 38px;}
#menu span.menu09 a{width: 122px;float: left;height: 38px;}
#menu span.menu10 a{width: 112px;float: left;height: 38px;}
#menu span.menu11 a{width: 122px;float: left;height: 38px;}

#menu span.menu01{background: url(../images/menu/menu_01.jpg);width: 112px;float: left;}
#menu span.menu01 a:hover{background: url(../images/menu/menu-_01.jpg);}

#menu span.menu02{background: url(../images/menu/menu_02.jpg);width: 112px;float: left;}
#menu span.menu02 a:hover{background: url(../images/menu/menu-_02.jpg);}

#menu span.menu03{background: url(../images/menu/menu_03.jpg);width: 112px;float: left;}
#menu span.menu03 a:hover{background: url(../images/menu/menu-_03.jpg);}

#menu span.menu04{background: url(../images/menu/menu_04.jpg);width: 112px;float: left;}
#menu span.menu04 a:hover{background: url(../images/menu/menu-_04.jpg);}

#menu span.menu05{background: url(../images/menu/menu_05.jpg);width: 110px;float: left;}
#menu span.menu05 a:hover{background: url(../images/menu/menu-_05.jpg);}

#menu span.menu06{background: url(../images/menu/menu_06.jpg);width: 112px;float: left;}
#menu span.menu06 a:hover{background: url(../images/menu/menu-_06.jpg);}

#menu span.menu07{background: url(../images/menu/menu_07.jpg);width: 112px;float: left;}
#menu span.menu07 a:hover{background: url(../images/menu/menu-_07.jpg);}

#menu span.menu08{background: url(../images/menu/menu_10.jpg);width: 110px;float: left;}
#menu span.menu08 a:hover{background: url(../images/menu/menu-_10.jpg);}

#menu span.menu09{background: url(../images/menu/menu_09.jpg);width: 122px;float: left;}

#menu span.menu10{background: url(../images/menu/menu_11.jpg);width: 112px;float: left;}
#menu span.menu10 a:hover{background: url(../images/menu/menu-_11.jpg);}

#menu span.menu11{background: url(../images/menu/menu_12.gif);width: 122px;float: left;}

#menu span a.select01{background: url(../images/menu/menu-_01.jpg);}
#menu span a.select02{background: url(../images/menu/menu-_02.jpg);}
#menu span a.select03{background: url(../images/menu/menu-_03.jpg);}
#menu span a.select04{background: url(../images/menu/menu-_04.jpg);}
#menu span a.select05{background: url(../images/menu/menu-_05.jpg);}
#menu span a.select06{background: url(../images/menu/menu-_06.jpg);}
#menu span a.select07{background: url(../images/menu/menu-_07.jpg);}
#menu span a.select08{background: url(../images/menu/menu-_10.jpg);}
#menu span a.select10{background: url(../images/menu/menu-_11.jpg);}

/*------------------------------------------ 2. 主要內容區 ------------------------------------------*/

#main
{
    width: 1016px;
	height: auto;
	background: #2C2E2D;
	float:left;
}

/*------------------------------------------ 3. 版權資訊區 ------------------------------------------*/

#copyright
{
    width: 1016px;
    color: #909090;
    font-size: small;
    background: url(../PIC/copyright_bg.jpg) repeat-x;
    float:left;
}

#copyup
{
	width: 1016px;
	height: 69px;
	color: #909090;
	font-size: small;
	background: url(../images/copyright/cr_01.jpg);
	float:left;
}

.copyLOGO
{
	width: 58px;
	height: 56px;
	float: left;
	display:block;
	background: url(../images/copyright/web_logo_f.gif);
	margin: 7px 5px 0 5px;
}

.info
{
	width: 501px;
	height: 58px;
	float: left;
	margin: 5px 5px 0 0;
}

.copyright_info
{
    width: 490px;
    height: 10px;
    margin: 10px 5px -15px 5px;
    color:#FFFFFF;
    text-align: center;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
}

.commercial
{
	width: 400px;
	float: left;
	text-align: right;
	margin: 7px 0 0 30px;
}

.copy_commercial
{
	width: 108px;
	height: 55px;
    border-width:0px;
}
	
#copydown
{
	width: 1016px;
	height: 43px;
	color: #909090;
	font-size: small;
	background: url(../images/copyright/cr_03.jpg);
	float:left;
}

.copy_link
{
    float:left;  
    position:relative;
    top: 15px;
    left: 20px;
}

.copy_link a
{
    width: 80px;
    display: block;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Times New Roman' , Times, serif;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border-left:1px #999999 solid;
}
.copy_link a:hover
{
    color:#808080;
    text-decoration:underline;
}

.copy_text
{
	float: left;
	color: #FFFFFF;
	margin: 15px 0 0 150px;
}