﻿	
body{

	background-image: url(product/image/background.jpg);
	background-color:#a5c8e1;
	background-repeat: repeat-x;
	background-position: top;
	border-width:0px;
	
	}

#HeadFlash 
{
   width:900px;
   height:280px;
}
#IndexContent
{
    margin:0 20px 0 20px;
}
#MiddleText 
{ 
    width:683px;
}

#MiddleText .MiddleLine
{
    margin-top:10px;
    height:3px;
    background-image:url(image/home-b.jpg);
    background-repeat:no-repeat; 
    font-size:0px;
    margin-bottom:10px;
}
.downText a{ text-decoration:none;color:#104f99;}
.downText a:hover{ text-decoration:none; cursor:pointer;}
#MiddleText .MiddleLine2
{
    height:2px;
    background-image:url(image/home-b.jpg);
    background-repeat:no-repeat; 
     font-size:0px;
     margin-bottom:15px;
     margin-top:17px;
}

#MiddleText .leftUls
{
  width:230px;
   float:left;
   padding-top:5px;
    padding-left:25px;
}
#MiddleText .leftUls ul
{
   margin-top:5px;
}
#MiddleText .leftUls ul li
{
   color:#104f99;
   background:url(image/home-d.jpg) no-repeat left 6px;
   padding-left:25px;
   padding-top:5px;
   font-family:Tahoma;
   font-weight:bold;
   font-size:14.5px;
}
#MiddleText .rightText
{
   width:465px;
   font-family:Arial;
  padding-top:10px;
   float:left;
   margin-left:20px;
}
span.bold
{
 font-weight:bold;
 font-size:16.5px;
}
#MiddleText span.more 
{
    padding-right:15px;
	text-align:right;
	padding-left:280px;
	*padding-left:350px;

}
#MiddleText span.more a
{
	color:#e06d04;
	font-weight:normal;
	font-size:13px;
}
#MiddleText span.more a:hover
{
	text-decoration:underline;
}
#MiddleText .rightTextDetail a
{
    color:#000000;
    text-decoration:none;
    font-size:15px;
    line-height:24px;
    font-weight:normal;
    font-family:Arial;
}

#MiddleText .rightTextDetail a:hover
{
    color:#dc5000;
    text-decoration:none;   
}

#MiddleText .LeftPic
{
    border-width:0px;
    float:left;
}
#BottomPannels
{
    margin-top:9px;
    float:left;
    width:683px;
    padding-bottom:20px;
    margin-right:9px;
}

#PanelsTab
{
    background-image:url(image/text-back.jpg);
    background-position:0px 24px;
    background-repeat:no-repeat;
    width:683px;
    height:170px;
    float:left;
}
#BottomPannels a:hover
{
   
}
#tabs 
{
   background:url(image/tabs.jpg) no-repeat left top;
   width:683px;
   height:24px;
}
#tabs span
{
    text-align:center;
    padding-top:2px;
    height:22px;
    display:block;
    float:left;
    width:134px;
    color:White;
    font-size:14px;
}
#panels
{
    width:683px;
}
#panel1,#panel2,#panel3,#panel4,#panel5
{
    padding-top:5px;
    padding-left:10px;
    height:140px;
    line-height:15px;
    width:673px;
}
#panel1 table td,#panel4 table td,#panel5 table td
{
    vertical-align:top;
    line-height:15px;
}
#panel1 .head a.more,#panel4 .head a.more,#panel5 .head a.more
{
    float:right;
    background-image:url(image/arrow.gif);
    background-position:left 3px;
    background-repeat :no-repeat;
    padding-left:8px;
    line-height:15px;
    text-decoration:none;
    color:#c88214;
    
}
#panels .head a:hover{ text-decoration:underline; color:#dc5000;}
#panel1 .tLeft
{
    width:295px;
}
#panel1 .tRight
{
    padding-left:25px;
    width:330px;
}
#panel1 .head,#panel4 .head,#panel5 .head
{
    height:20px;
}
#panel1 .head a,#panel4 .head a,#panel5 .head a
{
    font-size:12px;
    text-decoration:none;
    float:left;
    color:#004b87;
    font-weight:bold;
}
#panel1 .text
{
    
}
#panel2
{
    background-image:url(image/function-icon.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:40px;
     padding-top:10px;
     width:640px;
}
#panel2 table
{
    
    height:130px;
}
#panel2 table td
{
   vertical-align :middle;
}
#panel2 td.first
{
    width:255px;
}
#panel2 td.second
{
    width:220px;
}
#panel2 table tr
{
    height:10px;
}
#panel2 a
{
    color:#004b87;
    font-size:12px;
    text-decoration:none;
}
#panel2 a:hover{ text-decoration :underline;color:#dc5000;}
#panel1 a:hover{ text-decoration :underline;color:#dc5000;}
#panel3 a:hover{ text-decoration :underline;color:#dc5000;}
#panel4 a:hover{ text-decoration :underline;color:#dc5000;}
#panel5 a:hover{ text-decoration :underline;color:#dc5000;}
#panel3
{
    background-image:url(image/support-p.jpg);
    background-position:right 0px;
    background-repeat:no-repeat;
}
#panel3 table
{
    width:600px;
}
#panel3 a
{
    color:#004b87;
    text-decoration:none;
     font-weight:bold;
    
}
#panel4
{
    display:none;
    background-image:url(image/company-p.jpg);
    background-position:right 0px ;
    background-repeat:no-repeat;
}
#panel4 .tLeft
{
    width:290px;
}
#panel4 .tRight
{
    padding-left:25px;
    width:320px;
}
#panel5
{
    background-image:url(image/Reseller-p.jpg);
    background-position: right 0px ;
    background-repeat:no-repeat;
}
#panel5 .tLeft
{
    width:200px;
}
#panel5 .tRight
{
    padding-left:65px;
    width:320px;
}
#panel3 img,#panel4 img
{
   border:0px;
}
#RightQuick
{
    width:148px;
    padding-left:9px;
    padding-right:9px;
    margin-top:20px;
    color:#353535;
    background-color:#f5f5f5;
    border:solid 1px #b6bec9;
    float:left;
    padding-bottom:3px;
    height:461px;
}
#RightQuick img
{
	border:0px;
}
#RightQuick a
{
	color:#353535;
	text-decoration:none;
}
#RightQuick a:hover{color:#dc5000;}
#RightQuick .upy
{
    margin-top:8px;
   /* background:url(image/yinhao-1.jpg) no-repeat left top;*/
    padding-left:15px;
    text-align:left;
    padding-top:0px;
    line-height:17px;
}
#RightQuick .part
{
  	   border-bottom:solid 1px #b6bec9;
  	   padding-bottom:0px;
  	   margin-bottom:8px;
}
#RightQuick .dy1
{
	padding-bottom:2px;
	/* background:url(image/yinhao-2.jpg) no-repeat 50px bottom;*/
}
#RightQuick .dy2
{
	padding-bottom:2px;
	/* background:url(image/yinhao-2.jpg) no-repeat 114px bottom;*/
}
#RightQuick .downy
{
	text-align:right;
	 margin-bottom:10px;
}
#bottomText
{
    width:850px;
    margin:0px 25px 0px 25px;
    text-align:left;
    height:15px;
    line-height:15px;
    color:#ffffff;
    padding-bottom:13px;
}
#bottomText span
{

    float:left;
}

#bottomText .leftText
{
    
    float:right;
    width:80px;
    text-align:center;
    
}
#bottomText .leftText a
{
      color:#ffffff;
}

#container        
{
     margin:0px auto;
     width:916px;
     padding:0px;
     background-color: #FFFFFF;
     background-image: url(image/black-bottom.jpg);
     background-repeat: no-repeat;
     background-position:center bottom;
 }



