/* boisn et media website style */

/* Global Settings */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFF;
	text-align:center;
}
*{ margin:0; padding:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
div,p {display:block;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}

h1,h4{ margin:0; padding:0;}
h2{ margin:0; padding-top:5px; font-size:10px; font-weight:normal; color:#00C4DC;}
h5{ text-align:left; padding-left:50px; font-size:19px; color:#FFF; font-weight:bold; padding-top:25px;}
h7{ margin:0; padding:0; height:78px; display:block;}
h8{ display:block; height:35px; background:#8C8C8C; color:#FFF; font-weight:bold; line-height:35px;}
h9{ height:35px; line-height:35px; display:block;}
h11{ height:600px; line-height:600px; display:block; background:#CCCCCC;}


/* login style */
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000000; z-index:1001;
-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=40); }
.white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; z-index:1002; overflow: auto; }

#login{ width:352px; height:120px; margin:auto; padding:15px; border: 1px solid #FFFFFF; background:#F5F5F5;}
#title{ height:25px; font-size:18px; font-weight:bold; color:#3C4204;}
#title ul{ margin:0; list-style:none;}
#title li{ float:left; height:30px;}
.user{ margin:0; font-size:18px; color:#7B926C; font-weight:bold;}
.username{ color:#FFF;}
.input{ width:150px; border:0; color:#333; font-size:12px;}
#loginbox{ width:350px; padding:3px; background:#B9C8B0;}
#getpassword{ text-align:right; padding-right:5px; background:#9BB08E;}
#getpassword a{ text-decoration:none; color:#fff; font-weight:bold; line-height:30px;}
#getpassword a:hover{ color:#DCF2B1;}


/* top style */
#top{ margin:0; background:#000;}
#topnav{ width:900px; height:30px; margin:0 auto; color:#FFF;}
#topnav img{ padding-right:4px;}
#topnav ul{ list-style: none; padding-top:6px;}
#topnav li{ float:right; padding-right:20px;}
#topnav a:link{color:#FFF;}
#topnav a:visited{ color:#FFF;}
#topnav a:hover{color: #FF8A00;}
.welcome{ margin:0; width:600px; text-align:left;}

/* nav and logo style */
#nav{ height:80px; background: url(../images/navbak.gif) top repeat-x;}
#navmenu{ width:900px; margin: 0 auto;}
#navmenu ul{ list-style:none;}
#navmenu li{ float:right; display:block; margin-right:10px; line-height:61px;}
#navmenu a{ color:#666; font-weight:bold; text-align:center; padding:23px 10px 24px 10px;}
#navmenu a:hover{ text-decoration:none; color:#FFF; background:url(../images/navback_2.gif) top right no-repeat;}
#navmenu span{ color:#FFF; font-weight:bold; padding:23px 10px 24px 10px; background:url(../images/navback_2.gif) top right no-repeat;}
.logo{ width:360px; height:80px; float:left; background:url(../images/etmedia_logo.gif) left bottom no-repeat;}

/* ad style */
#ad{ margin:5px 0 0 0; padding:5px 0; clear:both; background:#DDE6D8;}
#adp{ margin:0 auto; padding:0; width:900px; height:300px; text-align:left; background:#000000;}
.adg{ float:right; margin:0; padding:0; border:0;}

/* content style */
#content{ width:900px; margin:3px auto; display:block; text-align:left;}
#content img{ padding-right:5px;}
#content p{ margin:0; padding:0;}
#intab{ float:left; width:640px; margin:0;}
#matab{ float:left; width:676px; margin:5px auto; text-align:left;}
#nTab{ float: left; margin:0;}
#TabTitle{ clear: both; height: 35px; overflow: hidden; }
#TabTitle ul{ margin:0; list-style:none;}
#TabTitle li{ float: left; margin-right:1px; width: 167px; height:35px; cursor: pointer;}

#mTabTitle{ clear: both; height: 35px; overflow: hidden; }
#mTabTitle ul{ margin:0; list-style:none;}
#mTabTitle li{ float: left; margin-right:1px; height:35px; cursor: pointer;}
.pd{ padding:0 18px;}

.active{ line-height:35px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; background: url(../images/menubak_3.gif) top right no-repeat; }
.normal{line-height:35px; font-size:14px; color: #666; font-weight:bold; text-align:center; background:url(../images/menubak_2.gif) top right no-repeat; }

.activeA{ line-height:35px; padding:0 18px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; background: url(../images/menubak_3.gif) top right no-repeat; }
.normalA{line-height:35px; padding:0 18px; font-size:14px; color: #666; font-weight:bold; text-align:center; background:url(../images/menubak_2.gif) top right no-repeat; }
#TabContent{
	line-height:150%;
	border-top-width: 1px;
	display:block;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	

}
#myTab1_Content1{ line-height:150%;}
#myTab1_Content0{}
#TabContent ul{ margin:0; list-style:none;}
#TabContent li{ line-height:150%; text-indent:20px; padding-top:5px;}
#textcontent { padding:15px;}
#textcontentA { padding:15px;}
.none {display:none;}
.more{ line-height:18px; color:#FFF; background:#FF9900; padding:0 10px;}

/* news style */
#new{ float:right; width:240px;}

#news{ margin:0; float:right; width:240px;}
#news ul{ list-style:none; margin:3px 0 0 0; background:#DEDEDE;}
#news li{ padding:8px; line-height:150%;}
#news a{ display:block; color:#666; text-decoration:none; padding:5px;}
#news a:hover{ display:block; color:#fff; background: #7B926C; padding:5px;}
#new img{ padding-right:5px;}
.newsbig{ font-size:16px; font-weight:bold; color: #FF6600;}

#newsA{ margin:0; float:left; width:220px; text-align:left;}
#newsA ul{ list-style:none; margin:3px 0 0 0; background:#DEDEDE;}
#newsA li{line-height:150%;}
#newsA a{ display:block; color:#666; text-decoration:none; padding:13px;}
#newsA a:hover{ display:block; color:#fff; background: #7B926C; padding:13px;}
#newsA img{ padding-right:5px;}


/* foot style */
#foot{ margin:0; clear:both; background:#000;}
#footmenu{ width:900px; height:100px; margin:0 auto; display:block;}
#footleft{ float:left; margin:0; width:640px;}
#footleft ul{ list-style:none;}
#footleft li{ float:left; padding:15px 10px 0 0;}
#footleft a{ color:#B3B3B3; font-weight:bold;}
#copyright{ float:left; text-align:left; clear:both; width:640px; color:#909B36; padding-top:10px;}


#footright{ float:right; clear:right; margin:0; width:240px;}
#footright ul{ width:240px; float:right; list-style:none;}
#footright li{height:35px; text-align:center;}
.about{ background:#555;}
.job{ background:#333; margin-top:1px;}
#footright a{ display:block; line-height:35px; color:#B3B3B3; font-weight:bold;}
#footgreen{
	margin:0;
	height:30px;
	background:#9BB08E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/*  main style */

#mainad{ width:900px; margin:0 auto;}
#mainleft{ float:left; margin-top:4px; width:220px;}
.lefttitle{ margin:0; padding:0; height:94px; background:url(../images/l_p.gif) top no-repeat;}
.leftA{ height:45px; line-height:45px; background:#333; font-size:14px; color:#FFF;}
.leftB{ height:25px; line-height:25px;}
.leftC{ height:78px; margin-top:1px;}
.leftD{ margin-top:1px;	border: 1px solid #DEDEDE;}

#leftE{ float:left; margin-top:4px; width:220px; height:400px;}
#leftE ul{ list-style:none; margin:0;}
#leftE li{ margin-top:1px; padding:0; font-size:12px; font-weight:bold; background:#747474;}
#leftE a{ height:45px; line-height:45px; color:#fff; }
#leftE a:hover{ display:block; line-height:45px; height:45px; color:#FFF; background:#9BB08E;}
#leftE span{ display:block; height:45px; line-height:45px; color:#FFF; background:#9BB08E;}

.leftE{ height:45px; line-height:45px; background:#666; font-size:14px; color:#FFF;}
a.leftEa{ height:45px; line-height:45px; color:#000;}
a.leftEa:hover{ display:block; color:#FFF; background:#9BB08E; height:45px;}

#mainleft ul{ margin:0; list-style:none;}
#mainleft li{ margin-top:1px; padding:0; font-size:12px; font-weight:bold; background:#DEDEDE;}
#mainleft a{ height:25px; line-height:25px; color:#000;}
#mainleft a:hover{ display:block; color:#FFF; background:#9BB08E;}
#mainleft span{ height:25px; line-height:25px; display:block; color:#fff; background:#9BB08E;}
#mainright{ float:right; width:676px;}
#rightad{ margin-top:3px; height:94px; background: url(../images/rightad.gif) top left no-repeat;}


/*  main foot style */
#mfootright{ float:left; margin:0; width:240px;}
#mfootright ul{ width:220px; float:left; list-style:none;}
#mfootright li{ height:35px; text-align:center;}
#mfootleft{ float:right; margin:0; width:640px;}
#mfootright a{ display:block; line-height:35px; color:#B3B3B3; font-weight:bold;}


#mfootleft ul{ list-style:none;}
#mfootleft li{ float:left; padding:15px 10px 0 0;}
#mfootleft a{ color:#B3B3B3; font-weight:bold;}

#text{ text-align:left; font-size:12px; color:#333; padding:15px;}
#text ul{ margin:0; list-style:none;}
#text li{ margin-top:5px; line-height:150%;  text-indent:15px;}
.bigA{ font-size:30px;}
.bigB{ font-size:16px; font-weight:bold; color:#819A72;}

#textip{ text-align:left; font-size:12px; color:#333; padding:15px; height:400px;}
#textip ul{ margin:0; list-style:none;}
#textip li{ margin-top:5px; line-height:150%;  text-indent:15px;}


#Ttext{ text-align:left; padding:15px 15px 20px 25px;}
#Ttext ul{ margin:0; list-style:none;}
#Ttext li{ line-height:150%; margin-top:3px;}
.TtextA{ font-size:14px; color:#D84519;}
.TtextB{ font-size:14px; font-weight:bold; color:#000;}
.TtextC{ color:#4A6639; }
.Ttextp{ padding-right:5px;}


#tableA{ font-size:12px; color:#333333; font-weight:normal;}
#tableA td{ padding:2px 5px; line-height:180%;}
.title1{ color:#000; height:26px; font-size:14px; font-weight:bold; text-align:center; background:#B9C8B0;}
.title2{ background:#CFDBC8; font-weight:bold; color:#000;}
.title3{ background:#DBE6D4; font-weight:normal; color:#333;}
.emp { padding:10px; float:right;}
.map{
	border: 1px solid #999999;
}
.temp{ height:200px; background:#CCC; display:block;}


#Inqu{}

/* support style */
#support{ width:900px; margin:0 auto; clear:both;}
#support ul{ margin:0; list-style:none;}
#support li{
	margin-top:1px;
	height:25px;
	line-height:25px;
	background:#E9E9E9;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#support a{ color:#000;}
#support a:hover{ display: block; height:25px; color:#FFF; background:#CCCCCC;}
.supportA{ float:left; width:220px; margin-right:6px; margin-top:1px;}
.supportD{ float:right; width:220px; margin-top:1px;}
.stitle{ height:35px; font-size:16px; color:#000; font-weight:bold; line-height:35px; background:url(../images/menubak_2.gif) top right no-repeat #DDDDDD;}
.sstitle{ display:block; height:30px; line-height:30px; background:#666; color:#FFF;}
.slink{ height:25px; line-height:25px; color:#333;}

.do{ margin:0; padding:0; height:600px; line-height:600px; display:block; background:#CCCCCC;}