@charset "utf-8";
body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #217BAB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	line-height: 1.5em;
}

a {
	color: #3398CC;
}
a:hover {
	color: #5C8013;
}

#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	line-height: 1.5em;
	width: 980px;
	margin:auto;
	padding: 0px;
	text-align: left;
}

h1 {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	margin:0px 0px 15px 0px;
	padding:0px;
}

h2 {
    font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
	color: #AF61AF;
	font-size: 15px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.ind_top {
    margin-top:36px;
}
.left_pad {
    margin: 0px 33px 7px 11px;
}

#footer {
	height:50px;
	color:#FFF;
	padding-top:10px;
}

#footer a {
	color:#FFF;
	text-decoration: underline;
}

#footer a:hover{
	color:#FF9900;
	text-decoration: none;
}


#left_contact {
	background-image: url(images/left_bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	padding:0px 10px 0px 10px;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	padding:0px 10px 0px 1px;
	line-height: 1.5em;
}

.tex{
   width: 400px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px; 
	line-height: 1.5em;
  }

.tex ul{
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   font-size: 11px;
   line-height: 1.5em;
   margin:0px;
   padding:0px;
  }

.tex ul ul{
   margin:5px 0px 0px 0px;
   padding:0px;
  }

.tex li{
	background-image: url(images/pro/icon_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
	padding: 0px 0px 5px 10px;
	margin: 0px;
	font-size:12px;
  }
 
.tex li li{
	background-image: url(images/pro/icon_h_ov.gif);
	background-repeat: no-repeat;
	background-position: 1px 6px;
	list-style-type: none;
	padding: 0px 0px 5px 10px;
	margin: 0px;
  }


.tex_c{
    width: 680px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px; 
	line-height: 1.5em;
	margin-top:20px;
  }

.tex_c ul{
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   font-size: 11px;
   line-height: 1.5em;
   margin:0px;
   padding:0px;
  }

.tex_c ul ul{
   margin:5px 0px 0px 0px;
   padding:0px;
  }
  
.tex_c li{
	background-image: url(images/pro/icon_c.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
	padding: 0px 0px 5px 10px;
	margin: 0px;
	font-size:12px;
  }
.tex_c li li{
	background-image: url(images/pro/icon_h_ov.gif);
	background-repeat: no-repeat;
	background-position: 1px 6px;
	list-style-type: none;
	padding: 0px 0px 5px 10px;
	margin: 0px;
  }
  
  
.pad {
    float:right;
	padding:0px;
	margin:0px 5px 0px 0px;
}  

.company {
	float:right;
	padding:0px;
	background-image: url(images/company_img_bg.jpg);
	background-repeat: no-repeat;
	height: 409px;
	width: 200px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}  

.company_t {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AF61AF;
	font-size: 10px;
	font-weight: bold;
}
.company_t a{
	color: #AF61AF;
	font-size: 10px;
	text-decoration: underline;
}
.company_t a:hover{
	color: #000;
	text-decoration: none;
}

.ind_bunner {
	background-image: url(images/ind_bunner_02.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 680px;  
	margin-top:26px; 
	margin-bottom:10px;  
}
.ind_bunner a.click{
	background-image: url(images/click.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right:15px;
}  

.ind_bunner a.click:hover{
	background-image: url(images/click_ov.gif);
	background-repeat: no-repeat;
}

p {
	margin-top: 0.75em;
	}
	
.bg {
	background-image: url(images/top_line.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 980px;
	background-position: top;
	background-color: #fff;
}

.ind_bg {
    background-image: url(images/map.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}

#mainmenu {
	padding: 0px;
	margin: 0px 33px 0px 11px;
	text-align:center;
	list-style-type: none;
    }
		
#mainmenu ul {
    float: left;
	margin: 0px;
	padding: 0px;
    }
	
#mainmenu li {
	list-style:none;
	margin: 0px 0px 7px 0px;
    }

#mainmenu li div {
	padding:0px;
	list-style:none;
	clear: both;
	
    }
	
#mainmenu li div a { text-indent:-10000px; text-decoration:none; display:block; width:240px; height:28px;}	

#mainmenu .hs1 {background:url(images/pro_menu_01.gif) no-repeat; text-indent:-10000px; width:240px; height:28px; margin: 0px 0px 7px 0px;}
#mainmenu .m1 div a {background:url(images/pro_menu_02.gif) no-repeat;}
#mainmenu .m2 div a {background:url(images/pro_menu_03.gif) no-repeat;}
#mainmenu .m3 div a {background:url(images/pro_menu_04.gif) no-repeat;}
#mainmenu .m4 div a {background:url(images/pro_menu_05.gif) no-repeat;}
#mainmenu .m5 div a {background:url(images/pro_menu_06.gif) no-repeat;}
#mainmenu .m6 div a {background:url(images/pro_menu_07.gif) no-repeat;}

#mainmenu .m1 div a:hover {background:url(images/pro_menu_02_ov.gif) no-repeat;}
#mainmenu .m2 div a:hover {background:url(images/pro_menu_03_ov.gif) no-repeat;}
#mainmenu .m3 div a:hover {background:url(images/pro_menu_04_ov.gif) no-repeat;}
#mainmenu .m4 div a:hover {background:url(images/pro_menu_05_ov.gif) no-repeat;}
#mainmenu .m5 div a:hover {background:url(images/pro_menu_06_ov.gif) no-repeat;}
#mainmenu .m6 div a:hover {background:url(images/pro_menu_07_ov.gif) no-repeat;}	

/*=========¿ï³æ«ü¥Ü®ÄªG================*/
#s1 .m1 li,
#s2 .m2 li,
#s3 .m3 li,
#s4 .m4 li,
#s5 .m5 li,
#s6 .m6 li{ margin: 0px;}
/*=========¿ï³æ«ü¥Ü®ÄªG================*/

#mainmenu ul {
	margin:0;
	padding:0;
	display:none;
	text-align: left;
	height: auto;
	}



#s1 .m1 ul,
#s2 .m2 ul,
#s3 .m3 ul,
#s4 .m4 ul,
#s5 .m5 ul,
#s6 .m6 ul{ display:block;}



#mainmenu li li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#AF61AF;
	font-size: 11px;
	display:block;
	text-indent:45px;
	line-height:23px;
	vertical-align:middle;
	width:240px;
	height:24px;
	margin:0px;
	text-decoration: none;
	background-image: url(images/pro_menu_01_menu.gif);
	background-repeat: no-repeat;
	}

#mainmenu .m1 li a:hover,
#mainmenu .m2 li a:hover,
#mainmenu .m3 li a:hover,
#mainmenu .m4 li a:hover,
#mainmenu .m5 li a:hover,
#mainmenu .m6 li a:hover{	background: url(images/pro_menu_01_menu_ov.gif); color: #000;}





#navigation {
	margin: 0px 33px 0px 11px;
	padding:0;
	}

#navigation li {
	list-style:none;
	margin: 0px 0px 7px 0px;
	}
#navigation li div {
	height:28px;
	width:240px;
	}

#navigation li div a {
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	width:240px;
	height:28px;
	
	}	

#navigation .hs1 { background:url(images/pro_menu_01.gif) no-repeat; text-indent:-10000px; width:240px; height:28px; margin: 0px 0px 7px 0px;}	
#navigation .m1 div a{ background:url(images/pro_menu_02.gif); }
#navigation .m2 div a{ background:url(images/pro_menu_03.gif); }
#navigation .m3 div a{ background:url(images/pro_menu_04.gif); }
#navigation .m4 div a{ background:url(images/pro_menu_05.gif); }
#navigation .m5 div a{ background:url(images/pro_menu_06.gif); }
#navigation .m6 div a{ background:url(images/pro_menu_07.gif); }


#navigation .m1 div a:hover{ background:url(images/pro_menu_02_ov.gif); }	
#navigation .m2 div a:hover{ background:url(images/pro_menu_03_ov.gif); }	
#navigation .m3 div a:hover{ background:url(images/pro_menu_04_ov.gif); }	
#navigation .m4 div a:hover{ background:url(images/pro_menu_05_ov.gif); }	
#navigation .m5 div a:hover{ background:url(images/pro_menu_06_ov.gif); }	
#navigation .m6 div a:hover{ background:url(images/pro_menu_07_ov.gif); }




#navigation ul {
	margin:0;
	padding:0;
	display:none;
	}



#s1 .m1 ul,
#s2 .m2 ul,
#s3 .m3 ul,
#s4 .m4 ul,
#s5 .m5 ul,
#s6 .m6 ul{display:block; }



#navigation li li a {
	display:block;
	background:#f2f2f2;
	text-indent:25px;
	line-height:18px;
	vertical-align:middle;
	width:240px;
	height:20px;
	color:#AF61AF;
	border-bottom: 1px dashed #999999;
	text-decoration: none;
	margin:0px;
	}


#navigation .m1 li a:hover{ color:#217BAB; text-decoration: underline;}
#navigation .m2 li a:hover{	color:#217BAB; text-decoration: underline;}
#navigation .m3 li a:hover{	color:#217BAB; text-decoration: underline;}
#navigation .m4 li a:hover{	color:#217BAB; text-decoration: underline;}
#navigation .m5 li a:hover{	color:#217BAB; text-decoration: underline;}
#navigation .m6 li a:hover{	color:#217BAB; text-decoration: underline;}






	
.more {
	background: url(images/read_more.gif) no-repeat left center;
	text-indent:-1000px;
	margin-top: 20px;
	padding: 0px;
	height: 20px;
	width: 110px;
	float: left;
}
.more a:hover {
	background-image: url(images/read_more_ov.gif);
	height: 20px;
	width: 110px;
}	
	
#left_bunner {
	background-image: url(images/left_bunner.gif);
	background-repeat: no-repeat;
	margin:0px 0px 7px 11px;
	padding: 0px;
	height: 56px;
	width: 240px;    

}

.adsl a {
	background-image: url(images/adsl.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	height: 20px;
	width: 90px;

} 

.adsl a:hover{
	background-image: url(images/adsl_ov.gif);
	background-repeat: no-repeat;
} 


.more1 {
	float:right;
	clear:both;
	text-indent:1em;
	background: url(images/icon/ctn_icon.gif) no-repeat left 5px;
	margin-bottom: 1em;
	}

.more1 a {
	font-size: 11px;	
	color: #003D6C;
	text-decoration: underline;
	}
.more1 a:hover {
	color: #000;
	text-decoration: none;
	}

.tab {
	width:680px;
	font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
	color: #505050;
	font-size: 12px;
	background-color: #F9F9F9;
	margin-bottom:15px;
}

.tab td {
	font-weight: bold;
	font-size: 11px;
	height: 20px;  
	padding:5px 10px 5px 5px; 
	border: 1px solid #FFFFFF; 
}

.tab th {
	font-weight: bold;
	background-color: #BDDDEE;
	height: 20px;
	padding:0px 5px 0px 5px;
	border: 1px solid #FFFFFF;
	text-align: center;
}

.tab_b {
	width:680px;
	font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
	color: #505050;
	font-size: 12px;
	background-color: #F9F9F9;
	margin-bottom:15px;
	margin-top:15px;
}

.tab_b td {
	font-size: 11px;
	height: 20px;  
	padding:5px 10px 5px 5px; 
	border: 1px solid #FFFFFF; 
}

.tab_b th {
	font-weight: bold;
	background-color: #FFE5C0;
	height: 20px;
	padding:0px 5px 0px 5px;
	border: 1px solid #FFFFFF;
	text-align: left;
}

.youarehere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	margin:0px;
	height: 36px;
	padding: 10px 0px 0px 284px;
}


.input {
	border:1px solid #AAD7F3;
	width:180px;
	height:20px;
	}
.ido {
	border:1px solid #AAD7F3;
	width:400px;
	height:100px;
	}
.prm {
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.prm a {
	color: #FFFFFF;
	text-decoration: none;
}
.prm a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.flotvideo {
	float: right;
	margin-bottom: 5px;
	clear: right;
	padding: 0px;
	margin-right: 150px;
	text-align: right;
}