/**
********************************************************************************
*
* 
*
* Filename : css.css
* Description:  前台页面样式表
* Revision History:
* |------Authors------|------Version------|------Dates------|------Change------|
* |	   Xing Weikun	  |      0.01         |  2006.10.8      |	               |
*
******************************************************************************
*/

@charset "utf-8";

body { text-align:center;background-image:url(images/img1/3_03.gif); padding:0px; margin:0px; font-family:"宋体"; float:none;}
/********************       KAKAMAGIC        *********************/
div.div1 {width:800px; height:100px;margin-left:auto; margin-right:auto;}
div.div2 {width:350px; height:51px; float:left; margin-top:25px; margin-left:10px; background-image:url(../images/1_03.gif);CURSOR: hand;}
div.div3 {width:800px; height:379px; margin-left:auto; margin-right:auto; padding:0px; margin-top:0px;}
div.div4 {width:800px; height:13px; float:left; background-image:url(../images/1_10.gif); margin:0px; font-size:9px;}
div.div5 {width:12px; height:372px; float:left; background-image:url(../images/1_11.gif);}
div.div6 {width:280px; height:295px; float:left; margin:10px 0px 0px 20px; border-style:double;border-width:2px; border-color:#CCCCCC;}
div.div7 {width:17px; height:372px; float:right; margin:0px; background-image:url(../images/1_13.gif);}
div.div8 {width:800px; height:16px; float:left; background-image:url(../images/1_20.gif); margin:0px; font-size:9px;}
div.div9 {width:2px; height:280px; background-color:#dfdfdf; float:left; margin:20px 20px 0px 20px; font-size:9px;}
div.div10 {width:324px !important; width:340px; height:45px; float:left; font-size:12px; color:#FF9900; margin-top:5px;}
div.div11 {width:300px; height:0px; background-color:#CCCCCC; float:left; margin:12px 0px 0px 3px; font-size:0px; padding:0px;}
div.div12 {width:24px; height:0px; background-color:#CCCCCC; float:left; margin:12px 0px 0px 0px; font-size:0px; padding:0px;}
div.div13 {width:396px; height:152px !important; height:150px;float:left; margin:2px 0px 0px 6px; padding:0px; }
div.div14 {width:143px; height:24px;float:left; margin:30px 0px 0px 5px; padding:0px; }
div.div15 {width:63px; height:28px;float:left;margin:26px 0px 0px 0px; padding:0px;}
div.div16 {width:67px;height:28px;float:left;margin:36px 0px 0px 0px; padding:0px; }
#divc1 {width:600px; height:200px; margin-top:150px; margin-left:auto; margin-right:auto;}
div.divMayacodeType { position:absolute; width:760px !important; width:440px;  height:60px; z-index:1000; top:164px !important; top:165px; margin-left:auto; margin-right:auto;}
div.div17 {width:70px; height:10px; float:left; font-size:12px; color:#999999; margin:4px 0px 0px 0px; text-align:left;}
div.divD1{ width:753px; height:529px; text-align:center;background-color:#000000;  margin-left:auto; margin-right:auto;}
div.divD2 { width:350px; height:50px; margin:40px 235px 0px 0px !important; margin:40px 210px 0px 0px; background-image:url(../images/d_03.gif); float:right;CURSOR: hand;}
div.divD3 { width:245px; height:56px; margin:15px 0px 0px 0px; cursor:hand; background-image:url(../images/d_10.gif); float:left;}
div.divD4 { width:354px; height:25px; margin:15px 0px 0px 0px; background-image:url(../images/d_12.gif); float:left;}
div.divD5 { width:154px; height:47px; margin:83px 0px 0px 0px; background-image:url(../images/d_06.gif); float:right;}
div.divD6 { width:245px; height:669px !important; height:569px; text-align:left; margin:0px 0px 0px 0px; background-image:url(../images/d_15.gif); float:right;}
div.divD7 { width:508px; height:700px !important; height:600px; margin:0px 0px 0px 0px; background-image:url(../images/d_13.gif); float:right;}
div.divD8 { width:245px; height:13px; font-size:0px; margin:0px 0px 0px 0px; background-image:url(../images/d_17.gif); float:right;}
div.divD9 { width:508px; height:13px; font-size:0px; margin:0px 0px 0px 0px; background-image:url(../images/d_18.gif); float:right;}
div.rdiv1{ width:140px !important; width:120px; height:47px; float:left; margin:20px 0px 0px 0px !important; margin:10px 0px 0px 10px;}
div.rdiv2{ width:140px !important; width:120px; height:47px; float:left; margin:20px 0px 0px 40px !important; margin:10px 0px 0px 50px;}
div.rdiv3{ width:120px !important; width:120px; height:47px; float:left; margin:30px 20px 0px 0px !important; margin:10px 0px 0px 50px;}
div.rdiv4{ width:140px !important; width:120px; height:47px; float:left; margin:30px 0px 0px 40px !important; margin:10px 0px 0px 50px;}
div.divAlt1 { width:180px; height:130px; float:left; margin:100px 0px 0px 75px;}
div.div18 {width:62px; height:9px; font-size:0px; float:left; margin:38px 0px 0px 10px !important; margin:38px 0px 0px 0px; padding:0px;}
div.divD13{width:480; float:right; margin:0px 7px 0px 0px;}
div.divD10{ width:154px; height:47px; margin:83px 0px 0px 0px; background-image: url(../images/222-1-1_06.gif);float:right;}
div.divD14{ width:154px; height:47px; margin:83px 0px 0px 0px; background-image: url(../images/api.gif);float:right;}

div.divD11 { width:508px; height:5100px !important; height:1500px;text-align:left; margin:0px 0px 0px 0px; background-image:url(../images/d_13.gif); float:right;}
div.divD12 { width:245px; height:5069px !important; height:5169px; text-align:left; margin:0px 0px 0px 0px; background-image:url(../images/d_15.gif); float:right;}
div.divD15 { width:245px; height:1890px !important; height:1832px; text-align:left; margin:0px 0px 0px 0px; background-image:url(../images/d_15.gif); float:right;}
div.divD16 { width:508px; height:1921px !important; height:1500px;text-align:left; margin:0px 0px 0px 0px; background-image:url(../images/d_13.gif); float:right;}
div.div20 {width:740px !important; width:771px; height:230px; float:left; margin-top:30px; padding:0px 0px 0px 27px;}
div.div21{ width:200px;height:15px; float:left;}
div.div22 {width:370px !important; width:340px; padding:0px 0px 0px 60px; height:45px; float:left; font-size:12px; color:#FF9900; margin-top:5px;}
div.div23 {width:725px; height:20px; float:left; background-color:#EEEEEE;}
div.div24 { width:458px; height:45px; float:left; font-size:12px; color:#FF9900; margin-top:5px; padding:0px 0px 0px 50px;}
div.div25 {width:180px; height:10px; float:left; font-size:12px; color:#999999; margin:14px 0px 0px 1px !important; margin:4px 0px 0px 1px; text-align:left;}
div.div26 {width:60px; height:10px; float:left; font-size:12px; color:#999999; margin:4px 0px 0px 0px; text-align:left;}
div.div27 {width:60px; height:10px; float:left; font-size:12px; color:#999999; margin:4px 0px 0px 0px; text-align:left;}

/********************       IMAGE        *********************/
img.img1 {width:45px; height:67px;float:left; margin:22px 0px 0px 180px;CURSOR: hand;}
img.img2 {float:left; margin:25px 0px 0px 18px;CURSOR: hand;}
img.img3 {float:right; margin:5px 125px 0px 0px !important; margin:5px 110px 0px 0px; width:130px; height:42px;}
img.img4 {float:left; width:275px; height:275px; margin:0px 0px 0px 0px;}
img.img5 {float:right; margin:11px 10px 0px 0px; width:60px; height:33px;}
#img11 {width:200px; height:200px; float:left; margin-right:20px; margin-top:5px;}
img.rimg1 { float:left; width:55px; height:55px; margin-left:8px;}
img.rimg4 { float:left; width:55px; height:55px; margin-left:8px; margin-top:10px !important; margin-top:0px;}
img.imgLogle {width:20px; height:20px; float:right; border:0px; margin:50px 3px 0px 3px !important; margin:0px 3px 0px 3px; float:right; border:0px; }
img.imgLogle1{width:20px; height:20px; float:left; border:0px; margin:10px 0px 0px 20px !important; margin:0px 3px 0px 3px; float:right; border:0px; }
img.flagMenu { float:left;}
img.img6 {vertical-align:sub; height:10px;}
img.rimg2 {width:480px; height:280px;}
img.rimg3 {width:100px; height:100px; float:left;}
/********************       FONT        *********************/
font {font-size:12px;}
font.font1{font-size:22px; color:#666666; float:left; margin:20px 0px 0px 50px;}
font.font2{font-size:15px; color:#FF9900; float:left; margin:5px 5px 0px 5px;}
legend.font3{font-size:15px; color:#FF9900; float:left; margin:0px 5px 0px 290px;}
font.font4{font-size:14px; float:left; margin-top:3px;}
font.font5 {font-size:14px; color:#FF0000; float:left; margin-top:3px;}
font.font6 {font-size:12px; float:left; margin-top:6px;}
font.font7{font-size:14px; float:left; margin:4px 0px 0px 80px;}
font.font8{font-size:14px; float:left; margin-top:1px;}
font.font9 {font-size:14px; color:#FF0000; float:left; margin-top:1px;}
#font9 {font-size:13px; float:left; height:30px !important; height:10px;}
font.font10 {font-size:12px; float:left; margin:0px 0px 2px 153px; color:#999999; }
font.font11 {font-size:13px; font-weight: bolder; font-style:italic;float:left; margin:0px 0px 0px 20px !important; margin:5px 10px 50px 20px; color:#CCCCCC;}
font.r1{ font-size:12;color:#999999; float:left; margin:20px 0px 0px 0px ;}
font.r2{font-size:13; color: #999999; float:left; line-height:20px; letter-spacing:0px; padding:10px 15px 0px;}
font.font12 { float:left; font-size:12px; margin:8px 0px 0px 2px;}
font.font13 {float:left; margin-top:14px;}
font.r3{font-size:13px; color: #666666;line-height:19px; float:center;}
font.r4{ font-size:13px; float:left; margin:0px 0px 0px 10px; color:#FF6600;}
font.r5{font-size:13px; float:left; margin:0px 0px 0px 50px; color:#666666;}
#r5{font-size:13px; float:left; margin:0px 0px 0px 50px; color:#666666;}
font.r6{font-size:13px; float:left; margin:0px 0px 0px 100px; color:#999999;}
font.r7{font-size:13px; float:left; margin:0px 0px 0px 230px; color:#999999;}
font.r8{font-size:18PX; float:left; color:#FF6600;}
font.r9{ font-size:12;color:#999999; float:left; margin:20px 0px 0px 0px ;}
font.font14{ float:left; margin:6px 0px 0px 110px;}
font.font15{ float:left; margin:0px 0px 0px 110px; color:#FF9900;}
font.font16{ float:left; font-size:12px; color:#FF0000; margin:4px 0px 0px 23px;}
font.r10{ font-size:12;color:#999999; float:left; margin:29px 0px 0px 0px !important; margin:20px 0px 0px 0px;}
font.font17 {font-size:14px; float:left; height:30px !important; height:10px;}
/********************        fieldset   *********************/
fieldset.fieldset1 {width:395px; height:70px; float:left; margin:0px 0px 0px 5px; padding:0px;}
fieldset.fieldset2 {width:200px; height:50px; float:left; padding:3px 0px 0px 2px; margin-left:546px !important; margin-left:136px; background-color:#FBFBFB;}
a  { font-size:12px;}
a:link {
	color:#CCCCCC;
	text-decoration: underline;
}
a:visited {
	color:#CCCCCC;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color:#663399;
	text-decoration: none;
}

a.alogle:link {
	color:#00CCFF;
	text-decoration: underline;
    
}
a.alogle:visited {
	color:#00CCFF;
	text-decoration: underline;
}
a.alogle:hover {
	color: #FF6600;
	text-decoration: underline;
}
a.alogle:active {
	color:#663399;
	text-decoration: none;
}


a.changeFormat:link {
	height:28px;
	color:#0000FF;
	text-decoration: none;
}
a.changeFormat:visited {
	height:28px;
	color:#0000FF;
	text-decoration: none;
}
a.changeFormat:hover {
	height:28px;
	color:#FFFFFF;
	background-color:#0000FF;
	text-decoration: none;
}
a.changeFormat:active {
	height:28px;
	color:#663399;
	text-decoration: none;
}


a.mayacodeType:link {
	color:#FF9900;
	text-decoration: none;
}
a.mayacodeType:visited {
	color:#FF9900;
	text-decoration: none;
}
a.mayacodeType:hover {
	color: #FF9900;
	text-decoration: underline;
}
a.mayacodeType:active {
	color:#FF9900;
	text-decoration: none;
}


a.kkx:link {
	color:#3D7687;
	text-decoration: none;
}
a.kkx:visited {
	color:#3D7687;
	text-decoration: none;
}
a.kkx:hover {
	color: #FF9900;
	text-decoration: underline;
}
a.kkx:active {
	color:#FF9900;
	text-decoration: none;
}



a.help:link {
	color:#6699FF;
	font-size:14px;
	text-decoration: underline;
}
a.help:visited {
	color:#6699FF;
	font-size:14px;
	text-decoration: underline;
}
a.help:hover {
	color: #FF6600;
	font-size:14px;
	text-decoration: underline;
}
a.help:active {
	color:#663399;
	font-size:14px;
	text-decoration: none;
}


a.a1{font-size:12px; float:left; margin-top:10px; margin-left:2px;}
#a2{font-size:12px; float:left; margin-top:10px; margin-left:30px;}

/***********************      FORM    ************************/
form.form1{padding:0px; margin:0px;}

/***********************       INPUT       ************************/
input.text1{height:17px; width:123px; float:left; margin-top:3px; font-size:11px;}
input.text2{float:left; margin:5px 0px 0px 8px !important; margin:0px 0px 0px 6px; font-size:11px;}
input.text3{float:left; width:150px; height:18px; margin:3px 0px 0px 10px; font-size:11px;}
input.text4{height:17px; width:123px; float:left; margin-top:1px; font-size:11px;}
input.text5 { height:18px; width:120px; margin-top:6px; font-size:11px;}
input.text6 { float:right; margin:20px 16px 0px 0px; font-size:11px;}
input.text7 {border:0px; height:15px; font-size:12px; font-style:italic; width:130px;  margin:0px 0px 0px 5px !important; margin:4px 0px 0px 0px; color:#CCCCCC; border-color:#FFFFFF; background-color:#FFFFFF; float:left;}
input.text8 { height:19px; width:400px; font-size:12px !important; font-size:10px; float:left; color:#555555; margin:3px 0px 0px 10px; border-color:#DDDDDD; border-style:solid;}
input.text9{float:left; width:110px; height:18px; margin:3px 0px 0px 0px; font-size:11px;}

/***********************       textarea       ************************/
textarea.textarea1{width:150px; height:79px; margin:3px 0px 0px 10px !important; margin:3px 0px 0px 10px; float:left;}
textarea.textarea2{width:123px; height:57px; margin:3px 0px 0px 0px; float:left;}
textarea.textarea3{float:left; color:#CCCCCC; height:33px; width:290px; background-color:#EEEEEE; border-style:none; margin:0px 0px 0px 28px;}

/***********************       iframe       ************************/
iframe.iframe1{ width:0px !important; width:0px; height:0px !important; height:0px; border-color:#FFFFFF; border-style:none; overflow:hidden; padding:0px; margin:0px;}









/********************      kaxiu div        *********************/
.kx {width:1024px; height:100px;margin-left:auto; margin-right:auto;}
.kx1{ height:95px; width:140px; background-image:url(../images/kx/kx_02.gif); float:left;}

.kx2{ height:95px; width:726px; background-image:url(../images/kx/kx_02.gif); float:left;}
.kx3{ height:4px; width:1024px; background-image:url(../images/kx/kx_07.gif); font-size:1px;}
.kleft{ height:100px; width:196px;float:left; margin-left:40px; margin-top:30px;}
.kx4{ height:10px; width:14px; background-image:url(../images/kx/kx_22.gif); float:left; font-size:1px;  margin-top:10px;}
.kright{ height:100px; width:650px;  float:left; margin-left:20px; margin-top:2px;}
.kx5{ height:105px; width:646px; background-image:url(../images/kx/kx_09.gif); float:left;}
.kx6{ height:13px; width:646px; background-image:url(../images/kx/kx_15.gif); float:left; margin-top:0px;font-size:1px;}
.kx7{ height:400px; width:646px; background-image:url(../images/kx/kx_16.gif); float:left;margin-top:0px;}
.kx8{ height:29px; width:216px; background-image:url(../images/kx/kx_18.gif); float:left; margin-left:15px;}
.kx9{ height:7px; width:646px; background-image:url(../images/kx/kx_25.gif); float:left; font-size:1px;}
.kx10{ height:29px; width:216px; background-image:url(../images/kx/kx1_18.gif); float:left; margin-left:15px;}
.kx101{ height:105px; width:646px; background-image:url(../images/kx/kx7_09.gif); float:left;}
.kx102{ height:105px; width:646px; background-image:url(../images/kx/kx6_09.gif); float:left;}
.kx11{ height:105px; width:646px; background-image:url(../images/kx/kx4_09.gif); float:left;}
.kx12{ height:29px; width:216px; background-image:url(../images/kx/kx4_18.gif); float:left; margin-left:15px;}
.kx12r{ height:29px; width:216px; background-image:url(../images/kx/333.gif); float:left; margin-left:15px;}

.kx13{ height:182px; width:151px; background-image:url(../images/kx/kx2_03.gif); float:left; margin-left:14px;}
.kx14{ height:182px; width:148px; background-image:url(../images/kx/kx2_05.gif); float:left; margin-left:4px;}
.kx15{ height:182px; width:148px; background-image:url(../images/kx/kx2_07.gif); float:left; margin-left:4px;}
.kx16{ height:182px; width:151px; background-image:url(../images/kx/kx3_03.gif); float:left; margin-left:4px;}
.kx16r{ height:182px; width:148px; background-image:url(../images/kx/111.gif); float:left; margin-left:4px;}
.kx17{ height:187px; width:151px; background-image:url(../images/kx/kx3_07.gif); float:left; margin-left:14px;}
.kx17r{ height:183px; width:148px; background-image:url(../images/kx/222.gif); float:left; margin-left:14px;}

.kx18{ height:192px; width:151px; background-image:url(../images/kx/kx3_10.gif); float:left; margin-left:14px;}
.kx19{ height:105px; width:646px; background-image:url(../images/kx/kx1_09.gif); float:left;}
.kx20{ height:29px; width:216px; background-image:url(../images/kx/kx9_18.gif); float:left; margin-left:15px;}
.kx21{ height:182px; width:151px; background-image:url(../images/kx/kx2_09.gif); float:left; margin-left:4px;}
.kx22{ height:185px; width:151px; background-image:url(../images/kx/kx2_15.gif); float:left; margin-left:14px;}
.kx23{ height:185px; width:148px; background-image:url(../images/kx/kx2_16.gif); float:left; margin-left:4px;}
.kx24{ height:185px; width:151px; background-image:url(../images/kx/kx2_19.gif); float:left; margin-left:14px;}
.kx25{ height:185px; width:148px; background-image:url(../images/kx/kx2_20.gif); float:left; margin-left:5px;}
.kx26{ height:185px; width:148px; background-image:url(../images/kx/kx2_21.gif); float:left; margin-left:5px;}
.kx27{ height:185px; width:148px; background-image:url(../images/kx/kx2_22.gif); float:left; margin-left:5px;}
.kx28{ height:29px; width:216px; background-image:url(../images/kx/kx5_18.gif); float:left; margin-left:15px;}
.kx29{ height:120px; width:628px; background-image:url(../images/kx/nokia1_02.gif); float:left; margin-left:10px;}
.kx30{ height:134px; width:624px; background-image:url(../images/kx/nokia1_04.gif); float:left; margin-left:10px;}
.kx31{ height:126px; width:626px; background-image:url(../images/kx/nokia1_05.gif); float:left; margin-left:10px;}
.kx32{ height:126px; width:625px; background-image:url(../images/kx/nokia1_06.gif); float:left; margin-left:10px;}
.kx33{ height:132px; width:621px; background-image:url(../images/kx/nokia1_07.gif); float:left; margin-left:10px;}
.kx34{ height:132px; width:621px; background-image:url(../images/kx/nokia_01.gif); float:left; margin-left:10px;}
.kx35{ height:132px; width:621px; background-image:url(../images/kx/nokia_02.gif); float:left; margin-left:10px;}
.kx36{ height:132px; width:196px; background-image:url(../images/kx/nokia_03.gif); float:left; margin-left:10px;}
.kx37{ height:122px; width:625px; background-image:url(../images/kx/suoai_01.gif); float:left; margin-left:10px;}
.kx38{ height:132px; width:630px; background-image:url(../images/kx/suoai_02.gif); float:left; margin-left:10px;}
.kx39{ height:132px; width:630px; background-image:url(../images/kx/suoai_03.gif); float:left; margin-left:10px;}
.kx40{ height:132px; width:630px; background-image:url(../images/kx/suoai_04.gif); float:left; margin-left:10px;}
.kx41{ height:132px; width:630px; background-image:url(../images/kx/suoai_05.gif); float:left; margin-left:10px;}
.kx42{ height:132px; width:630px; background-image:url(../images/kx/suoai_06.gif); float:left; margin-left:10px;}
.kx43{ height:132px; width:440px; background-image:url(../images/kx/4.jpg); float:left; margin-left:10px;}
.kx44{ height:132px; width:621px; background-image:url(../images/kx/duopuda_02.gif); float:left; margin-left:10px;}
.kx45{ height:132px; width:621px; background-image:url(../images/kx/duopuda_04.gif); float:left; margin-left:10px;}
.kx46{ height:132px; width:630px; background-image:url(../images/kx/duopuda_05.gif); float:left; margin-left:10px;}
.kx47{ height:272px; width:630px; background-image:url(../images/kx/15.gif); float:left; margin-left:10px;}
.kx48{ height:132px; width:604px; background-image:url(../images/kx/6.gif); float:left; margin-left:10px;}
.kx49{ height:123px; width:622px; background-image:url(../images/kx/12.gif); float:left; margin-left:10px;}
.kx50{ height:123px; width:205px; background-image:url(../images/kx/7.jpg); float:left; margin-left:10px;}
.kx51{ height:123px; width:205px; background-image:url(../images/kx/9.jpg); float:left; margin-left:10px;}
.kx52{ height:123px; width:185px; background-image:url(../images/kx/10.jpg); float:left; margin-left:20px;}
.kx53{ height:123px; width:299px; background-image:url(../images/kx/11.jpg); float:left; margin-left:10px;}
.kx54{ height:123px; width:299px; background-image:url(../images/kx/16.jpg); float:left; margin-left:10px;}
.kx55{ height:123px; width:185px; background-image:url(../images/kx/17.jpg); float:left; margin-left:10px;}
.kx56{ height:123px; width:190px; background-image:url(../images/kx/18.jpg); float:left; margin-left:20px;}
.kx57{ height:123px; width:86px; background-image:url(../images/kx/13.jpg); float:left; margin-left:20px;}
.kx58{ height:123px; width:86px; background-image:url(../images/kx/14.jpg); float:left; margin-left:15px;}
.kx59{ height:123px; width:86px; background-image:url(../images/kx/8.jpg); float:left; margin-left:20px;}
/********************      kaxiu IMAGE        *********************/
.ki{float:left; width:196px; height:73px; margin:0px 0px 0px 0px;}
.klogo{ height:95px; width:158px; float:left; margin-left:240px;}


/********************      kaxiu font        *********************/
.kf{ font-size:12px; color:#002222; float:right; margin-right:60px;  margin-top:78px;}
.kf1{ font-size:13px; color:#002222; float:left; margin-left:4px;  margin-top:10px;}
.kf2{ font-size:12px; color:#187ACB; float:left; text-align:left; margin-left:30px; margin-top:10px; width:590px; line-height:22px;}
.kf3{ font-size:12px; color:#002222; float:left; margin-left:20px; margin-top:10px;}
.kf4{ font-size:13px; color:#FF6600; float:left; margin-left:35px; margin-top:10px;}



