*{ 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;}

/* top  */
#top{ width:967px; float:left; margin-top:20px; height:59px;}
#top1{ 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;}

.side{ width:280px; height:18px; float:left; text-align:center;}


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

/* Right Box */
/* right  */
#right{ width:30%; 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; }
.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;}

.pro3{ width:98%; 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;}

/* 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:center; 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; text-align:center;}



/* 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;}
.demotext3{ width:98%; float:left; border-bottom:1px dashed #CCCCCC; padding-bottom:5px;}


.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;}

.demo32{ width:33%; float:left; height:auto;margin-top:7px; color:#993300;}
.demo33{ width:30%; float:left; height:auto;margin-top:14px; color:#993300; text-align:left;}
.demotext3 input{ width:15px; float:left; height:auto;margin-top:7px; color:#993300;}

.demotext1 input{ width:200px; height:17px; border:1px solid #666666; background-color:#fefefe;}
.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; }

.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; }

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