﻿

/*-----------------------------
  Reset
-----------------------------*/

*{
margin:0;
padding:0;
}
a
html{
height:100%;
width:100%;
}

body{
height:100%;
width:100%;

}

body,th,td{
font-size:12px;
line-height:160%;
color:#444;
font-family:"宋体";
}

th{
text-align:left;
font-weight:normal;
}

table.tabbian{
      BORDER-TOP: #ccc 1px solid; MARGIN:10px 10px 10px 10px; BORDER-LEFT: #ccc 1px solid;
}
a{
color:#000000;
 text-decoration:none;
}

a:hover{
color:#FF0000;
}

img{
border:0px;

}

td.menuTd{
 font-size:14px;
 color:#0066cc;
 width:125px;
 padding-top:2px;
}


option{
padding:0 3px;
}

input{
margin:0 3px 0 0;
vertical-align:middle;
}

button{
padding-left:4px;
padding-right:4px;
padding-top:2px;
margin-top:5px;
border-bottom-style:inset;
border-top-width:1px; 
border-left-style:solid;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
background:url(../img/menuDi1.gif) center left;
height:22px;
}

label{
margin:0 10px 0 0;
}


/*-----------------------------
  Layout
-----------------------------*/
#wrapbg{
 width:100%;
text-align:center;
}

#wrapbg2{
width:760px;
background-color:#FFFFFF

}

#wrap{
width:930px;
margin:0 10px 0 10px;
text-align:left;
background-color:#FFFFFF;
/*background:url(.../img/listMeun.gif) repeat-y center right;*/
}

#head{
overflow:hidden;
clear:both;
width:750px;
}

h1{
float:left;
height:56px;
padding:14px 0 0 10px;
background:#fff;
}

#login{
float:right;
font-size:12px;
color:#FF6600;
padding:34px 10px 0 0;
}
#login a{
margin:0 0 0 5px;
}


/* Global Navigation */
#glonavi{
width:750px;
height:35px;
background:#ffcc99;
}

#glonavi dt{
float:left;
}

#glonavi dt a{
display:block;
height:30px;
}


/* Topic Path */
#topicPath{
width:750px;
height:20px;
background:#eee;
font-size:12px;
}


#topicPath .tpSt{
background:none;
}

/* Contents Area (Left) */
#leftArea{
float:left;
width:220px;
padding:10px 0 0 5px;
}

/* Contents Area (Right) */
#mainArea{
float:right;
width:640px;
}
#sbbmainArea{
float:right;
width:680px;
}
/* Contents navigation (Right) */
#navigationBar222{

width:680px;
height:23px;
}
/* Footer Area */
#foot{
clear:both;
background:url(../img/bgbottom.gif) no-repeat center left;
width:930px;
margin-top:5px;
padding:0 0 5px 0;
overflow:hidden;
display:block;
text-align:left;
}

#ftNavi{
float:left;
margin:0 0 0 15px;
clear:both;
overflow:hidden;
}
#ftNavi dt{
float:left;
margin:0 7px 0 0;
font-size:12px;
line-height:100%;
}



#ftWar{
font-size:12px;
color:#333333;
line-height:140%;
margin:30px 0 7px 10px;
}

#sbBanner{
width:960px;
text-align:right;
background-color:#FFFFFF;
padding:0 0 7px 0;
}



/*-----------------------------
  Default
-----------------------------*/

/* Line */
.solidline{
padding:10px 0 0 0;
margin:0 0 20px 0;
border-bottom:#ccc solid 1px;
}
.dashline{
padding:10px 0 0 0;
margin:0 0 20px 0;
border-bottom:#ccc dashed 1px;
}

/* float */
.clear{clear:both;height:0;overflow:hidden;height:1px;}
.clear2{overflow:hidden; clear:both; width:100%;}
.fleft{float:left;}
.fright{float:right;}


/* text */
.lineh140{
line-height:140%;
}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.bldt{font-weight:bold;}
.nmlt{font-weight:normal;}

.minit{font-size:12px;}
.larget{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.black1{color:#000000;}
.glay1{color:#333333;}
.glay2{color:#666666;}
.glay3{color:#999999; padding:10px;}
.glay4{color:#666666;  text-decoration:line-through}
.blue1{color:#003366;}
.blue2{color:#006699;}
.blue3{color:#0099cc;}
.red1{color:#CC3300;}
.orange1{color:#FF9900;}
.orange2{color:#FF6600;}
.green1{color:#339900;}

.ct1{color:#47B9C5;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:20px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}

.mat01{margin-top:1px;}
.mat02{margin-top:2px;}
.mat03{margin-top:3px;}
.mat04{margin-top:4px;}
.mat05{margin-top:5px;}

/*   LOGIN GLOBAL    */
 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
	WIDTH: 100%; HEIGHT: 100%
}



OPTION {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

LABEL {
	MARGIN: 0px 10px 0px 0px
}



H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 14px; HEIGHT: 56px
}
#glonavi {
	BACKGROUND: #ffcc99; WIDTH: 750px; HEIGHT: 35px
}
#glonavi DT {
	FLOAT: left
}
#glonavi DT A {
	DISPLAY: block; HEIGHT: 30px
}
#glonavi DT A SPAN {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 0px; HEIGHT: 0px
}
#glonavi DT .gn01 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat 0px 0px; WIDTH: 123px
}
#glonavi DT .gn02 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -123px 0px; WIDTH: 124px
}
#glonavi DT .gn03 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -247px 0px; WIDTH: 124px
}
#glonavi DT .gn04 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -371px 0px; WIDTH: 130px
}
#glonavi DT .gn05 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -501px 0px; WIDTH: 124px
}
#glonavi DT .gn06 {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -625px 0px; WIDTH: 125px
}
#glonavi DT .gn01:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat 0px -30px; WIDTH: 123px
}
#glonavi DT .gn02:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -123px -30px; WIDTH: 124px
}
#glonavi DT .gn03:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -247px -30px; WIDTH: 124px
}
#glonavi DT .gn04:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -371px -30px; WIDTH: 130px
}
#glonavi DT .gn05:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -501px -30px; WIDTH: 124px
}
#glonavi DT .gn06:hover {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -625px -30px; WIDTH: 125px
}
#glonavi DT .gn01on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat 0px -30px; WIDTH: 123px
}
#glonavi DT .gn02on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -123px -30px; WIDTH: 124px
}
#glonavi DT .gn03on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -247px -30px; WIDTH: 124px
}
#glonavi DT .gn04on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -371px -30px; WIDTH: 130px
}
#glonavi DT .gn05on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -501px -30px; WIDTH: 124px
}
#glonavi DT .gn06on {
	BACKGROUND: url(../img/all_glonavi.gif) no-repeat -625px -30px; WIDTH: 125px
}
#glonavi DD {
	CLEAR: both
}
#topicPath {
	FONT-SIZE: 12px; BACKGROUND: #eee; HEIGHT: 20px
}
#topicPath A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../img/all_icn003.gif) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 0px
}
#topicPath SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../img/all_icn003.gif) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; COLOR: #999; PADDING-TOP: 0px
}
#topicPath .tpSt {
	BACKGROUND: none transparent scroll repeat 0% 0%
}


#ftNavi {
	CLEAR: both; FLOAT: left; MARGIN: 12px 0px 0px 15px; OVERFLOW: hidden
}
#ftNavi DT {
	FONT-SIZE: 12px; FLOAT: left; MARGIN: 0px 7px 0px 0px; LINE-HEIGHT: 100%
}
#copyright {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}

#sbBanner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; WIDTH: 740px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.clear {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px
}
.fleft {
	FLOAT: left
}
.fright {
	FLOAT: right
}
.txtarea01 {
	MARGIN: 0px 20px 20px 30px
}
.ttl01 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
.ttl02 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px
}
.ttl03 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#C55855;
}
.bldt {
	FONT-WEIGHT: bold
}
.minit {
	FONT-SIZE: 12px
}
.alignl {
	TEXT-ALIGN: left
}

.alignr {
	TEXT-ALIGN: right
}
.lineh01 {
	LINE-HEIGHT: 100%
}
.redline {
	BORDER-BOTTOM: #cc0000 1px solid; HEIGHT: 12px
}
.glayt {
	COLOR: #333333
}
.glayt2 {
	COLOR: #666666
}
.glayt3 {
	COLOR: #999999
}
.bluet {
	COLOR: #003366
}
.wbluet {
	COLOR: #0066cc
}
.redt {
	COLOR: #cc3300
}
.oranget {
	COLOR: #ff9900
}
.greent {
	COLOR: #339900
}
.blue {
	COLOR: blue
}
.red2 {
	COLOR: red
}
.red3 { font-size:14px;
	COLOR: red;
}


.mal02 {
	MARGIN-LEFT: 10px
}
.mal03 {
	MARGIN-LEFT: 15px
}
.mal04 {
	MARGIN-LEFT: 20px
}


.mar01 {
	MARGIN-RIGHT: 5px
}
.mar02 {
	MARGIN-RIGHT: 10px
}
.mar03 {
	MARGIN-RIGHT: 15px
}
.mar04 {
	MARGIN-RIGHT: 20px
}
.mar05 {
	MARGIN-RIGHT: 25px
}
.mar06 {
	MARGIN-RIGHT: 30px
}
.mab01 {
	MARGIN-BOTTOM: 5px
}

.mab03 {
	MARGIN-BOTTOM: 15px
}
.mab04 {
	MARGIN-BOTTOM: 20px
}
.mab05 {
	MARGIN-BOTTOM: 25px
}
.mab06 {
	MARGIN-BOTTOM: 30px
}
.mab10 {
	MARGIN-BOTTOM: 150px
}
.mac01{
    margin-top:10px; margin-right:10px;
}
.but01{
    background-image:url(../img/buy_but.gif); height:20px; width:68px; font-size:12px; background-repeat:repeat-x; border:1px solid #D55514; color:#FFFFFF;
}
.but01{
    background-image:url(../img/buy_but.gif); height:20px; width:80px; font-size:12px; background-repeat:repeat-x; border:1px solid #084EA3; color:#FFFFFF;
}
.bord01{
     border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB
}
.bord02{
     background-image:url(../img/buyb.gif); background-repeat:repeat-x; background-position:bottom;
}
.bord03{
     border:1px solid #CBCBCB; padding:3px; margin:10px; text-align:center; width:50px; height:50px;
}
.bord04{
     background-image:url(../img/taste_7.gif); background-repeat:repeat-y; background-position:right;
}
.bord05{
     background-image:url(../img/taste_ta2.gif); background-repeat:repeat-x; height:29px;
}
.bord06{
     background-color:#F0F0F0; padding:2px; margin:2px; line-height:14px; height:28px;
}
.bord07{
     border:1px solid #CBCBCB; padding:3px; margin:8px; text-align:center; width:110px; height:90px;
}
.bord08{
     border:1px solid #CBCBCB; padding:3px; margin:6px; text-align:center; width:50px; height:50px;
}
.bord09{border-top:1px solid #BBBBBB; border-right:1px solid #BBBBBB;border-bottom:1px solid #BBBBBB}
.navbg01{
     background-image:url(../img/buynavbg.gif); height:30px; width:152px; font-weight:bold; background-repeat:no-repeat; line-height:30px;
}
.navbg02{
     background-image: url(../img/taste_3.gif); height:26px;  font-weight:bold; background-repeat:repeat-x; line-height:26px; color:#CA0C00; font-size:13px;
}
.navbg03{  background-image: url(../img/taste_6.gif); background-repeat:repeat-x;  background-position:bottom}
.TableMenu{
border-bottom:1px solid #BCBCBC;
border-top:1px solid #B5CADB;}

.servicebiao {
	PADDING-RIGHT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 19px
}

td.jiaoyileft{
 BACKGROUND: url(../img/saasdi.gif); background-repeat:repeat-x; background-position:bottom; 
 padding-left:10px;
 color:#CC0000;
 font-size:14px;
 height:29px;
 width:110px;
}
td.jiaoyi{
 BACKGROUND: url(../img/saasdi.gif); background-repeat:repeat-x; background-position:bottom; 
 padding-left:10px;
}


td.knowtype{
 BACKGROUND: url(../img/saasdi.gif); background-repeat:repeat-x; background-position:bottom; 
 padding-left:10px;
 color:#CC0000;
 font-size:14px;
 height:29px;
 
}



td.seresllertop{
 BACKGROUND: url(../img/vendor.gif); background-repeat:repeat-x;
  font-size:14px; color:#FFFFFF ;
  text-align:center;
  font-weight:bold;
}
td.seresllerbot{
 BACKGROUND: url(../img/bottom1.gif);background-repeat:repeat-x; background-position:bottom;
  text-align:center;
  font-weight:bold;
}
td.seresllerbutton{
 BACKGROUND: url(../img/learn.gif);background-repeat:repeat-x; background-position:bottom;
  text-align:center;
   font-size:14px; 
  font-weight:bold;
  color:#CC0000;
}

.customer_on{
 background-image:url(../img/cus_nav1.gif); background-repeat:no-repeat; background-position:bottom; text-align:center; width:99px; height:34px;  
  }
.customer_on a:link{ font-size:12px; color:#FFFFFF; font-weight:bold;  text-decoration:none;}
.customer_on a:visited{   font-size:12px;color:#FFFFFF; font-weight:bold; text-decoration:none;}

.customer_off{
 background-image:url(../img/cus_nav2.gif); background-repeat:no-repeat; background-position:bottom; text-align:center; width:85px; height:25px; margin-top:15px; 
  }
.customer_off a:visited{ color: #000000; text-decoration:none;}
.customer_off a:link{ color: #000000; text-decoration:none;}
.cus_leftbg{ background-image:url(../img/cus_left1.gif); background-color:#F0EBEF; background-repeat:repeat-x;}


.BlkBlackTab{
 text-align:center; background-image:url(../img/cus_in2.gif);OVERFLOW: hidden; WIDTH: 70px; COLOR: #F0EBEF; LINE-HEIGHT: 25px;
 height:25px; background-repeat:no-repeat;  TEXT-DECORATION: none  
  }
.BlkBlackTab a:visited{  color:#000000; font-weight:bold; text-decoration:none;}
.BlkBlackTab a:link{  color:#000000; font-weight:bold;  text-decoration:none;}
.BlkBlackTabOff{
 text-align:center; background-image:url(../img/cus_in1.gif); OVERFLOW: hidden; WIDTH: 70px; COLOR: #ffffff; LINE-HEIGHT: 25px;  TEXT-DECORATION: none; height:25px; background-repeat:no-repeat; 
  }
.BlkBlackTabOff a:visited{
 color: #000000; text-decoration:none;
 }
.BlkBlackTabOff a:link{
 color: #000000; text-decoration:none;
 }
 
 
.plkBlackTab {
	DISPLAY: block;  FONT-SIZE: 12px;OVERFLOW: hidden; WIDTH: 80px; COLOR: #00426d; LINE-HEIGHT: 22px; TEXT-ALIGN: center; TEXT-DECORATION: none; background-color:#FFFFFF;
}
.plkBlackTab A:link {
	COLOR: #00426d; TEXT-DECORATION: none
}
.plkBlackTab A:visited {
	COLOR: #00426d; TEXT-DECORATION: none
}
.plkBlackTabOff {
	DISPLAY: block; FONT-SIZE: 12px; background-color:#EFEFEF; border-bottom:1px solid #999999;OVERFLOW: hidden; WIDTH: 80px; COLOR: #00426d; LINE-HEIGHT: 21px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.plkBlackTabOff A:link {
	COLOR: #00426d; TEXT-DECORATION: none
}
.plkBlackTabOff A:visited {
	COLOR: #00426d; TEXT-DECORATION: none
} 
 
 
 
 
 
 
.cusnav{ border-bottom:1px solid #CFCFCF; border-top:1px solid #FFFFFF; background-color:#F0EBEF; line-height:25px;}
.navon{
 background-color:#FFFFFF; border-bottom:1px solid #CFCFCF; border-top:1px solid #CFCFCF; line-height:25px;
 }

 a.navmin:link{
 list-style-image:url(../img/cus_list.gif); margin-left:8px; line-height:22px; text-decoration:none;
 }
 a.navbig:visited{
 font-weight:bold; margin-left:25px; text-decoration:none;
 }
  a.navbig:link{
 font-weight:bold; margin-left:25px; text-decoration:none;
 }
 #cusbt{
 background-image:url(../img/cus_rina7.gif); background-repeat:no-repeat; background-color:#FFFFFF; line-height:22px;
 }
 #cusbt1{
 background-image:url(../img/cus_rina10.gif); background-repeat:no-repeat; background-color:#FFFFFF; line-height:22px;
 }
 .cusbte{ margin-left:15px; font-weight:bold;}
 li{ list-style-type:none; line-height:22px;}
 
 .cusbor{ border:1px solid #999999;}
 .cusbor1{ border:1px solid #999999; padding:3px; margin:8px; background-color:#FFFFFF;   }
 .cusbor2{ border-bottom:1px  dashed #CCCCCC}
 .searborder{ border:1px solid #999999; padding:2px;}
 .cusbutton{ background-image:url(../img/cus_but.gif); width:63px; line-height:27px; height:27px; cursor:hand; border:0}
 
 td.freetry{ BORDER-BOTTOM: #cc0000 1px dashed;  padding-left:10px; }
.red {
	font-family: "宋体";
	font-size: 12px;
	font-weight: bold;
	color: #E62119;
}
.white1{ color:#FFFFFF}

a.tred:link{ color:#E62119; text-decoration:none;}
a.tred:visited{ color:#E62119; text-decoration:underline;}

a.ty:link{ color:#E62119; font-weight:bold; text-decoration:none;}
a.ty:visited{ color:#E62119; font-weight:bold; text-decoration:underline;}


.bor{ border:1px solid #999999; padding:5px;}
.tyu{background-image:url(../img/cus11.gif); width:185px;  font-weight: bold; height:49px; background-repeat:no-repeat; color:#ffffff; }

.nav_on{ background-image:url(../img/navbg_on.gif); width:90px; height:20px; padding-top:3px;  text-align:center; line-height:20px;}
.nav_on A:link {
	COLOR: #4E4E4E; TEXT-DECORATION: none
}
.nav_on A:visited {
	COLOR: #4E4E4E; TEXT-DECORATION: none
}
.nav_off{ width:90px; background-image:url(../img/navbg.gif); height:20px; text-align:center; line-height:20px; padding-top:3px; }
.nav_off A:link {
	COLOR: #4E4E4E; TEXT-DECORATION: none
}
.nav_off A:visited {
	COLOR: #4E4E4E; TEXT-DECORATION: none
}
.nav_off A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.nav_off A:active {
	COLOR: #4E4E4E; TEXT-DECORATION: none
}
table.priceTab{ padding:3px; 
border-bottom:1px solid #D0E8F9; 
border-top:1px solid #D0E8F9;
border-left:1px solid #D0E8F9;
border-right:1px solid #D0E8F9;
}
td.priceTd
{ font-size:14px;
 color:#FF3300; 
 font-weight:bold}
td.tdleft8{ 
   padding:8px; }