@charset "utf-8";


*{
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color: #333333;
}

#mm_main {
	background-color:#333333;
	width:810px;
	margin:0 auto;
	padding-top:20px;
}

#header_name{
margin:0 auto;
margin-bottom:5px;
width:800px;
}
#mm_headerbg{
	margin:0 auto;
	width:800px;
	height:100px;
	position:relative;
	text-align:center;
	color:#FFFFFF;
}

#mm_header{
	margin:0 auto;
	width:800px;
	height:100px;
	margin-bottom:5px;
	position:absolute;
	top:0px;
	left:0px;
}

.mm_header_enter{
margin:0 auto;
	width:800px;
	height:100%;
	background-color:#333;
	margin-bottom:10px;
	margin-top:10px;
}

#mm_content_1{
	margin:0 auto;
	width:800px;
	background-color:#FFFFFF;
}

#mm_content_2{
	margin:0 auto;
	width:800px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	margin-top: 5px;
}

#mm_footer{
	margin:0 auto;
	width:800px;
	height:55px;
	margin-bottom:5px;
}

/*黑色圓角squird css*/
/*最外圍的區塊 */
#round{
background-color:transparent;
margin:0 100px 10px 10x;
font:13px Arial,Helvetica,sans-serif;
color:red;
}
/* 放置圓角的區塊 */
.roundbox{
height:1px; /* 設定邊框的高度*/
overflow:hidden;
background-color:#262626; /*設定背景顏色*/

/*以下兩行為設計內四邊同樣為圓角，視需要定*/
border-right:5px solid #262626; /*設定右邊框的粗細及顏色*/
border-left:5px solid #262626;/*設定左邊框的粗細及顏色*/

}
/* 第1個圓角 */
.r1{
margin:0 7px;
border:none;
background-color:#262626;
}
/* 第2個圓角 */
.r2{
margin:0 5px;
}
/* 第3個圓角 */
.r3{
margin:0 4px;
}
/* 第4個圓角 */
.r4{
margin:0 3px;
}
/* 第5個圓角 */
.r5{
margin:0 2px;
}
/* 第6個圓角 */
.r6{
margin:0 1px;
}
/* 第7個圓角 */
.r7{
margin:0 1px;
}
/* 擺放內容的區塊 */
.content{
	font-size:20px;
    text-align:center;
	color:#CCCCCC;
	font-weight:200;
	height:auto;
	padding:5px;
	background-color:#000000;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #262626;
	border-left-color: #262626;
}
/*圓角css*/


/*白色圓角suqird css_gray*/
/*最外圍的區塊 */
#round_gray{
background-color:#333;
margin:0 100px 10px 10x;
font:13px Arial,Helvetica,sans-serif;
}
/* 放置圓角的區塊 */
.roundbox_gray{
height:1px; /* 設定邊框的高度*/
overflow:hidden;
background-color:#c8c8c8; /*設定背景顏色*/

/*以下兩行為設計內四邊同樣為圓角，視需要定*/
border-right:5px solid #c8c8c8; /*設定右邊框的粗細及顏色*/
border-left:5px solid #c8c8c8;/*設定左邊框的粗細及顏色*/

}
/* 第1個圓角 */
.r1_gray{
margin:0 7px;
border:none;
background-color:#262626;
}
/* 第2個圓角 */
.r2_gray{
margin:0 5px;
}
/* 第3個圓角 */
.r3_gray{
margin:0 4px;
}
/* 第4個圓角 */
.r4_gray{
margin:0 3px;
}
/* 第5個圓角 */
.r5_gray{
margin:0 2px;
}
/* 第6個圓角 */
.r6_gray{
margin:0 1px;
}
/* 第7個圓角 */
.r7_gray{
margin:0 1px;
}

/* 擺放內容的區塊 */
.content_gray{
	font-size:20px;
    text-align:center;
	font-weight:200;
	height:auto;
	padding:5px;
	padding-bottom:20px;
	background-color:#fff;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
}
/*圓角css*/



#mm_main a{
text-decoration:none;
color:#333333;
}

#mm_main a:hover{
color:#CCCCCC;
}

#mm_main img{
border:none;
}





#content_1_1{
	float:left;
	width:390px;
	height:185px;
	background-image:url('./images/content_1_1_bg.jpg');
	background-repeat:no-repeat;
}

#content_1_2{
	float:left;
	width:390px;
	height:185px;
}

.content_1_pic{
	margin-top:50px;
	margin-left:30px;
	margin-right:10px;
	float:left;
	width:143px;
	height:107px;
	border: thin solid #CCCCCC;
}

.content_1_desc{
	margin-top:50px;
	float:left;
	width:175px;
	height:107px;
	text-align: left;
}

.content_1_desc_title{
font-size:14px;
}

.content_1_desc_text{
margin-top:5px;
font-size:13px;
height:60px;
overflow:hidden;
/*最多36中文字*/
}

.content_1_desc_btn{
	margin-top:5px;
	float: right;
}



#content_2_1{
	float:left;
	width:390px;
	background-image:url('./images/content_2_1_bg.jpg');
	background-repeat:no-repeat;
}

#content_2_2{
	float:left;
	width:390px;
	background-image:url('./images/content_2_2_bg.jpg');
	background-repeat:no-repeat;
}

#content_2_3{
	float:left;
	width:390px;
}


#content_2_4{
	float:left;
	width:390px;
}


#content_2_2_table{
margin-top:60px;
margin-left:30px;
}

#content_2_4_table{
margin-top:20px;
margin-left:30px;

}

table 2-2
*
{
	border: 0;
	margin: 0;
	padding: 0;
}

table
{
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
}

table a, table, tbody, tfoot, tr, th, td 
{
    font-family: Arial, Helvetica, sans-serif;
	line-height: 2.5em;
	font-size: 12px;	
}
tbody td{
	line-height: 2.5em;
	text-align:left;
}

tbody th{
text-align:center;
}

table .odd th,table .odd td{
	background-color: #f1f1f1;
}



#content_2_2_table table
{
	border-spacing: 0px;
	border: 1px solid #e2e2e2;
	width:340px;
}




/*為必免mm_main a:黑色 所產生無法更改表格連結顏色加入*/
#mm_main #content_2_2_table table tbody tr td a{
	color: #FB7E00;
}

#mm_main #content_2_2_table table tbody .odd td a{
	color: #666;
}
/*以上*/




#content_2_2_table table .odd td{
	color: #666;
	padding-right: 1.0 em;
}

#content_2_2_table table th a:hover,
#content_2_2_table table th a:focus,
#content_2_2_table tbody tr:hover th
{   
   background-color: #FFCC99;
	color: #fff !important;
}



#content_2_2_table tfoot{
	background-image: url('./verlauf_schwarz.gif');
	border-top: 1px solid #fff;
	
	
}
#content_2_2_table tfoot th,tfoot td{
	color: #fff;
}

#content_2_2_table tbody th
{
	color: #25c1e2;
	font-style: normal;
	background-color: #fff;
}

#content_2_2_table tbody .odd th
{
	color: #25c1e2;
	font-style: normal;
	background-color: #f1f1f1;
}

#content_2_2_table td
{
   color: #FF8E1C;	
}


#content_2_2_table tbody tr:hover td
{
  background-color: #FFCC99;
}

#content_2_2_table tbody tr:hover td,
#content_2_2_table tbody tr:hover th,
#content_2_2_table tbody tr:hover a
{
	color: #fff !important;
}



.content_2_2_arrow{
float:right;
width:16px;
height:20px;
background-image:url('./images/arrow_1.gif')
}

.content_2_2_url{
float:left;
}


#content_2_4_table table{
	width:340px;
}

#content_2_4_table thead th
{
	background-image: url('./images/verlauf_schwarz.gif');
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
}




.menu4 {
	width: 800px;
	margin: 10px;
	border-color: #000;
	border-size: 1px;
	font-size:20px;
	padding:0px;
	margin:0px;
        }
		
.mm_header_enter .menu4 ul {
	text-decoration: none;
	list-style-type: none;
	text-align:center;
	padding:0px;
	margin:0px;
}


.mm_header_enter .menu4 li a {
        height: 32px;
		padding:0px;
    	margin:0px;
        }
.menu4 li a:active{
	display: block;
	background:  url('./images/menu4.gif');
 }
 
.menu4 li a:link{
	display: block;
	background:  url('./images/menu4.gif');
 }

.menu4 li a:visited{
	display: block;
	background:  url('./images/menu4.gif');
 }

.menu4 li a:hover{
 	display: block;
 	background:  url('./images/menu4.gif') 0 -32px;
 }
		
#footer_logo{
float:left;
width:150px;
height:40px;
overflow:hidden;
background-image:url('./images/footer_logo.jpg');
}

#footer_rights{
	color:#CCCCCC;
	font-size:12px;
	float:right;
	width: 300px;
	margin-top:20px;
}
#footer_name{
float:right;
width:150px;
height:40px;
overflow:hidden;
background-image:url('./images/footer_name.jpg');
}