/* CSS Document */

*{ margin:0; padding:0;}

body{ margin:0px auto; width:967px; height:auto; background:url(top-bg.gif) repeat-x; font: 0.7em "Arial", Helvetica, Sans-Serif;}

img { border:none;}
a { color: #333333; text-decoration:none;}
a:hover { color:#067BB7;text-decoration:none;}
.clear{ clear:both; margin:0; padding:0; height:5px;}

/* top  */
#top{ width:967px; float:left; margin-top:20px; height:59px;}

/* topright1/2/3 */
.topright1{ background:url(button1.png) center center no-repeat; width:22%; margin-left:60px; float:left; height:35px; margin-top:10px; text-align:center; padding-top:12px; font-size:13px; font-weight:bold;}
.topright2{ background:url(button2.png) center center no-repeat; width:22%; margin-left:10px; float:left; height:35px; margin-top:10px; text-align:center; padding-top:12px; font-size:13px; font-weight:bold;}
.topright3{ background:url(button3.png) center center no-repeat; width:22%; margin-left:10px; float:left; height:35px; margin-top:10px; text-align:center; padding-top:12px; font-size:13px; font-weight:bold;}


/*  flash */
#play img {border:0px}
#play { width:665px;height:219px;overflow:hidden;margin: 0 auto; border: 1px solid #efefef;}
#play_info{position:absolute;margin-top:141px;padding:8px 0 0 20px;height:42px;width:270px;color:#fff;z-index:1001;cursor:pointer}
#play_info b{font-size:14px;display:block}
#play_bg {position:absolute;background-color:#000;margin-top:141px;height:50px;width:346px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000}
#play_text {
	position:absolute;
	padding:141px 0 0 300px;
	height:20px;
	width:70px;
	z-index:1002;
	left: 275px;
	top: 183px;
}
#play_text ul {list-style-type:none; width:70px;height:20px;display:block;padding-top:1px;_padding-top:0px;filter: Alpha(Opacity=80);opacity:0.8;}
#play_text ul li {width:14px;height:14px;float:left;background-color:#000;display:block;color:#FFF;text-align:center;margin:1px;cursor:pointer;font-family:""; font-size:9px;}
#play_list a{
	display:block;
	width:100%;
	height:219px;
	overflow:hidden;
	/*
	position:absolute;
	left: 12px;
	top: 129px; */
}


/* Left Box */
/* content  */
#content{ width:68%; float:left; margin-right:15px!important;}

/* Four Button  */
.button1{ width:665px; height:48px; }
.chat{ width:158px; height:47px; float:left; margin-top:10px; margin-left:6px;}

.tpal{ width:655px; background:#F2F2F2; margin-top:5px; height:25px; font-size:16px; float:left; font-weight:bold; padding:10px 0px 0px 10px; margin-top:10px; color:#000000; border-bottom:2px solid #F27942;}
.title1{ background:url(tpal.png) no-repeat; width:25%; height:37px; float:left; padding-top:10px; color:#000099; font-size:13px; font-weight:bold; text-align:center;}
.title1 a{ color:#0068AF; text-decoration:none; }
.title1 a:hover{ color:#000000; text-decoration:none; }
.text1{ width:74.5%; height:36px; border-bottom:1px solid #DADBDB; padding-top:10px;  float:left;}

/* Tab */
/*Ñ¡Ï2*/
.Menubox { width:100%; float:left; background: url(tab1.gif) no-repeat; height:28px; line-height:28px; margin-top:5px;}
.Menubox ul{ margin:0px;padding:0px; }
.Menubox li{ float:left; display:block; cursor:pointer; width:114px; text-align:center; color:#949694; font-weight:bold; list-style:none;}
.Menubox li.hover{padding:0px; background:#fff; width:116px;
border-left:1px solid #067BB7;
border-top:1px solid #067BB7;
border-right:1px solid #067BB7;
background:url(tab2.gif) no-repeat;
color:#067BB7;
font-weight:bold;
height:27px;
line-height:27px;
}
.Contentbox{
clear:both;
margin-top:0px;
border:1px solid #067BB7;
border-top:none;
height:100px;
padding:8px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
}
.Contentbox li{ list-style:none; padding-top:5px; }
.com-news{ color:#999999; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; float:right; padding-right:10px;}

/* updata news */
.update{ margin-top:10px; width:142px; height:18px; background:#9EA5BF; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:7px;}
.up-info{ width:99%; height:18px; background:#707894; padding:0 0 12px 8px; color:#FFFFFF; margin-top:1px;}
.up-info ul,li{margin:0;padding:0; list-style:none;}
ul,li{margin:0;padding:0; }
#scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden}
#scrollDiv li{height:20px;padding-left:10px;}
.com-info{ width:98%; height:15px; padding:8px 0 0 15px; color:#000000; margin-top:1px;}
.ind-info{ width:98%; height:15px; padding:8px 0 0 15px; color:#000000; margin-top:1px;}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }
.leftcol { float: left; padding: 12px 15px; width: 290px; margin: 0 0 10px 0;}
.leftcol li { list-style:disc;}
.rightcol { float: left; padding: 10px 15px; width: 290px; margin: 0 0 10px 0;}
.rightcol li { list-style:disc;}
.leftcol p,.rightcol p{ border:none;}


/* Right Box */
/* right  */
#right{ width:69%; 
float:left;
}

/* Member Login + Email  */
.member-login{width:280px; float:left; border:2px solid #EBEBEB; height:auto; }
.clear{ clear:both;}

.logintop{ width:280px; height:31px; background:#EBEBEB;}
.logintop img{ margin-left:5px; margin-top:2px;}
.tip{padding-left:30px; padding-top:5px; color:#990000; font-weight:bold; }
.leftside{ padding-left:10px; padding-top:10px;}
.leftside span{ width:80px; float:left; text-align:right; }
.leftside input{ width:150px; padding:0px; margin:0px;}
.side{ width:280px; height:18px; float:left; text-align:center;}

.regist{ margin-left:50px;  float:left; padding-top:15px; height:28px;}
.regist a{ color: #333333; text-decoration:underline; }
.regist a:hover{color:#067BB7;text-decoration:none;}
.login{ text-align:center;  padding-top:10px; height:33px;}
.login a{ color: #333333; text-decoration:underline; }
.login a:hover{color:#067BB7;text-decoration:none;}
.text{ padding-left:27px; padding-top:8px;}
.submit{ padding-left:27px;  padding-bottom:8px; margin-bottom:10px;}


.info{ width:99%; float:left;}
.info ul{ padding:5px 0 0 20px;}
.info li{ list-style:none; background:url(list.gif) left center no-repeat; padding-left:18px; margin-top:2px; padding-bottom:3px;}

/* about Tpal */
/*p { margin: 0; padding-bottom: 5px; border-bottom:1px dashed #CCCCCC; font: 1.1em "Arial", Helvetica, Sans-Serif;}*/
p { margin: 0; font: 1.1em "Arial", Helvetica, Sans-Serif;}
p span{ color:#0063AF; font-weight:300;}
h2 { margin: 8px 0 5px 0; padding: 0; font-size: 1.4em; letter-spacing: -1px; color: #808080;background-color: inherit;}
h2 a { color: #000000; text-decoration: none; background-color: inherit; background-image: url(h2bg.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 20px;}
h2 a:hover { background: url(h2bghover.gif) no-repeat center left;}

.pro1{ border-bottom:1px solid #00C5FD; border-top:1px solid #00C5FD; padding:5px; margin-bottom:5px; background:#EFF9FE; text-align:center;}
.pro1 span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0;  padding:5px; color:#0063AF; font-size:14px;}
.pro2{ border-top:3px solid #eeeeee; padding:5px; margin-bottom:5px; font-size:11px;}
.pro2 span{ color:#0072BC; font-size:14px;}
.register{ padding-left:60px; font-size:13px; width:600px; height:20px; margin:5px 0; color:#FF3300; }
.register a{ background:url(regist1.jpg) no-repeat; width:191px; height:30px; margin-top:5px; }
.register a:hover{ background:url(regist2.jpg) no-repeat;  width:191px; height:30px; margin-top:5px;}
.pro3{ width:68%; float:left; border-bottom:1px solid #00C5FD; border-top:1px solid #00C5FD; padding:5px; margin-bottom:5px; background:#EFF9FE; text-align:center;}
.pro3 span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0;  padding:5px; color:#0063AF; font-size:14px;}

.product1{ font-size:13px; font-family:"Arial", Helvetica, Sans-Serif; padding-left:15px; border-bottom:3px solid #eeeeee; padding:5px;}
.product1 li{ list-style: url(list1.gif); margin-left:40px; padding-left:5px; padding-top:5px; height:20px;}
.product2{ font:1.1em Arial, Helvetica, sans-serif; color:#333; padding-left:10px; background:#efefef; }
.product2 li{ list-style: url(list2.gif); margin-left:20px; padding-left:3px; padding-top:3px; height:18px;}
.product3{ list-style:url(+.gif); margin-left:200px; margin-top:15px; font-size:13px; font-weight:bold;  }
.product3 li{ height:25px; margin:5px 0;}
.product3 li a{ color:#FF6600;}
.product3 li a:hover{ color:#0066CC;}

/* about us */
.left img {  padding: 1px; float: left; width:178px; margin: 0 15px 5px 0;}

/********************************************** join now **************************************************************************/
/* content-join */
#content-join{ width:100%; float:left;}

/* Try now */
/* step  */
.step{ width:25%; height:300px; float:left; padding:5px; margin:5px 5px; height:auto; border:1px solid #00C5FD; background:#EFF9FE;}
.step span{ font-size:1.2em; color:#FF6600; font-weight:bold;}
.stepimg{ width:5%; float:left; margin:25px 2px; text-align:center;}

.result-frame{ width:100%; float:left;}
.result{ width:16.3%; float:left; border:1px solid #ccc; background:#efefef; height:45px; text-align:center; padding-top:5px; }
.result1{ width:16.3%; float:left; border:1px solid #ccc; background:#dedede; height:20px; text-align:center; font-weight:bold; padding-top:6px; }
.result0{ width:10.8%; float:left; border:1px solid #ccc; background:#dedede; height:20px; text-align:center; font-weight:bold; padding-top:6px; }
.result2{ width:10.8%; float:left; border:1px solid #ccc; background:#efefef; height:45px; text-align:center; padding-top:5px; }
.result2 a{ color:#067BB7; font-weight:bold;  text-decoration:underline;}
.result2 a:hover { color:#067BB7;}
.more a{ color:#067BB7; text-decoration:underline;}
.more a:hover{ color:Green;}
.box{ width:29.5%; float:left; height:auto; line-height:20px; margin:0px 3px 5px 0; background:url(../images/box-bg.jpg) no-repeat; padding:15px 10px; color:#067BB7;}
.box h1{ width:193px; text-align:center; height:25px; color:#000; font-weight:bold; font-size:16px; margin:0px;}
.box h2{ width:193px; text-align:center; height:25px; color:#000; font-weight:bold; font-size:16px; margin:0px;}

.free{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px; margin-bottom:5px; background:#efefef; text-align:center;}
.free span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0;  padding:5px; color:#0063AF; font-size:14px;}

/* tab1 */
.tab{ background:url(tabbg.gif) repeat-x; width:100%; height:435px; }
.tab-frame{ width:100%; float:left; height:auto;}
.tab0{ width:19.1%; float:left; text-align:center; font:1.3em Arial, Helvetica, sans-serif; height:30px; border-left:2px solid #fff; font-weight:bold; padding:10px 3px;}
.tab1{ width:19.1%; float:left; text-align:center; font:1.3em Arial, Helvetica, sans-serif; height:55px; border-bottom:2px solid #fff; border-left:2px solid #fff; font-weight:bold; padding:10px 3px;}
.tab1 span{ color:#FF0000;}
.tab2{ width:19.1%; float:left; text-align:center; font:1.1em "Arial", Helvetica, Sans-Serif; height:30px; border-bottom:2px solid #fff; border-left:2px solid #fff; padding:10px 3px;}
.tab2-1{ width:19.1%; float:left; text-align:center; font:1.1em "Arial", Helvetica, Sans-Serif; height:47px; border-bottom:2px solid #fff; border-left:2px solid #fff; padding:10px 3px;}
.tab3{ width:19.1%; float:left; text-align:center; font:1.1em "Arial", Helvetica, Sans-Serif; height:75px; border-bottom:2px solid #fff; border-left:2px solid #fff; padding:10px 3px;}

/* demo */
.remark{ border-top:2px solid #CCCCCC; width:99%; height:13px; background:#efefef; padding:10px 0 10px 10px; color:#993300; font-weight:bold;}
.remark2{ width:95%; text-align:center; padding-left:10px;}
.demo1{ width:30%; float:left; height:auto; margin-top:10px; text-align:right; padding-right:5px;}
.demo2{ width:68%; float:left; height:auto;margin-top:7px;}
.demo3{ width:95%; float:left; height:auto; margin-top:10px; text-align:left; padding-left:10px; border-bottom:1px dashed #CCCCCC;}

.span1{ color:#FF0000; padding-left:10px; padding-right:5px;}
.span2{ color:#993300; font-size:10px; }

.demotext{ width:98%; float:left; border-bottom:1px dashed #CCCCCC; padding-bottom:5px;}
.demotext input{ width:200px; height:17px; border:1px solid #666666;}
.demotext select{ width:200px; height:22px; border:1px solid #666666;}
.demotext-pro{ width:98%; float:left; text-align:center; padding-bottom:5px;}
.proceed{ width:100%; float:left; margin:5px 0 0 0; height:25px;}



/* Card */
.demotext1{ width:98%; float:left; border-bottom:1px dashed #CCCCCC; padding-bottom:5px;}
.demotext2{ width:98%; float:left; border-bottom:1px dashed #CCCCCC; padding-bottom:5px; text-align:center; color:#990000;}

.demo11{ width:30%; float:left; height:auto; margin-top:10px; text-align:right; padding-right:5px;}
.demo21{ width:68%; float:left; height:auto;margin-top:7px;}
.demo31{ width:68%; float:left; height:auto;margin-top:7px; color:#993300;}
.demotext1 input{ width:200px; height:17px; border:1px solid #666666;}
.demotext1 select{ width:200px; height:22px; border:1px solid #666666;}
.proceed1{ width:50%; margin:5px 0 5px 0; padding-left:300px; float:left; }

.card-frame{ width:100%; border-bottom:1px dashed #CCCCCC; margin:3px 0; font-size:1.0em;}
.card1{ width:30%; height:21px; text-align:right; float:left; padding-right:3px; padding-top:4px;}
.card2{ width:30%; float:left;}
.card2 input{ width:200px; height:25px; height:17px; border:1px solid #666666;}
.card2 select{ width:200px; height:25px;}
.card3{ width:35%; height:21px; text-align:left; float:left; padding-left:5px; padding-top:4px; color:#993300;}
.card4{  width:30%; float:left;}

#text{ font: 0.8em "Arial", Helvetica, Sans-Serif;}
#text span{ color:#0066CC; font-size:1.1em; }

/* content11  */
.content11{ width:784px; margin:10px 98px; float:left; height:auto;}
.pro11{ width:100%; float:left; margin-top:60px; text-align:center;}
.pro11 span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding-left:5px; color:#EB6532; font-size:2em;}
.pro12{ margin:5px; text-align:center; font-size:1.2em;}
.pro12 span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding-left:5px; color:#FB8B05; }

/* Login-small  */
.login-small{ width:280px; margin:10px auto 50px auto; height:150px; border:5px solid #ebebeb; font-size:1.0em;}
.user{ width:100%; float:left; height:25px; margin-top:10px; text-align:center;}
.user input{ width:150px; height:20px; text-align:left; }
.codes{ width:50px;}
.forgot1{ width:49%; text-align:center; padding-top:15px;  float:left; height:28px;}
.forgot1{ width:45%; text-align:center; padding-top:15px;  float:left; height:28px;}
.login1{ width:100%; padding-top:10px; float:left; height:33px; text-align:center;}
.register1{ width:30%; float:left; padding-top:15px; height:28px; }

.note{ width:680px; margin:10px auto 10px auto; height:280px; background:#ebebeb; font-size:1.0em;}
.button{width:100%; float:left; font:1.0em Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px; text-align:center; line-height:20px; background:#FFF;}
.button2{width:98%; float:left; font:1.0em Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px; text-align:center; line-height:20px; }


.bigtitle{ width:97%; float:left; font:1.3em Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #FFF; padding-top:10px; padding-left:10px; }
.bigtitle1{ width:97%; float:left; font:1.0em Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:2px solid #FFF; padding-top:10px; padding:10px; line-height:20px; }
.bigtitle1 img{ width:20px; float:left; text-align:right; padding-right:5px;}

.confirm-tab1{ width:24.5%; float:left; background:#ccc; border:1px solid #FFFFFF; height:15px; padding-top:10px; text-align:center; font-weight:bold; }
.confirm-tab2{ width:24.5%; float:left; background:#e0e0e0; border:1px solid #FFFFFF; height:15px; padding-top:10px; text-align:center;}
.card{ width:90%; float:left; padding-top:10px; border-bottom:1px dashed #999; height:15px; margin-left:15px;}
.card span{ width:30%; float:left; text-align:right; padding-right:5px; color:#000066;}

.bigtitle2{width:98.5%; margin:5px; line-height:20px; border-bottom:1px solid #ddd; padding-bottom:5px; height:auto; float:left; font-weight:bold; font-size:11px;}
.textleft{ color:#000; width:40%; padding-right:5px; float:left; text-align:right;}
.textright{ color:#000; width:55%; float:left; }

/* industry  */
.ind-title{ padding:3px 0px 3px 20px; border-bottom:1px dashed #CCCCCC; color:#0099CC; background:url(h2bghover.gif) no-repeat; font-size:1.1em;}
.ind-content{ padding:3px 0px 3px 10px; color:#333333; }




/* foot  */
#foot{ width:967px; float:left; border-top:2px solid #aaa; padding:10px 0; margin-top:10px; text-align:center; margin-bottom:20px;}