body {
	background: #FFFFFF url(../pic/img01.jpg) repeat-x ;
    background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	 
}

h1 {
	font-size: 197%;
	 
}

h2 {
	font-size: 167%;
	 
}

h2 a{
	text-decoration: none;
}



h3 {
	margin-bottom: 1em;	
	color: #000000;
}
h4{
	border: none;
	padding: 5px 0 0 15px;
	text-align: ;
}

h4 a:link{
	color: #000000;
	text-decoration: none;
}

h4 a:hover{
	color: #FF0000;
	text-decoration: none;
}


h5{
	font-size: 100%;
	color: #000000;
	text-align: left;
	padding-left: 80px;
}

h6{
	font-size: 100%; 
	text-align: center;
	padding: 5px 0 10px 0;
}

h7{	
	padding: 5px 0 0 0;
	font-size: 100%; 
	text-align: center;
	color: #ff0000; 
}	

h8{
	font-size: 100%;
	color: #000000;
	text-align: left;
	 
} 
 
p{
	margin-bottom: 1.5em;
	line-height: 1.6em;
}

p {
}

ul, ol {
	margin-bottom: 0.5em;

}
 

ol {
}

ul {
	list-style: none;
}

ul li {
	padding-left: 20px;
	
}

a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

a:link {
	color: #3490F8;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline ; #F89934;
	color: #F89934;
}

a:visited {
	color: #3490F8;
	text-decoration: none;
	
}

img {
	border: none;
	vertical-align: middle;	
	margin: 0 5px 0 0;	
}

.floatR{
float:right;
}
.floatL{
float:left;
}

form label {
float:left;
font:1em Arial,Helvetica,sans-serif;
text-align:right;
width:23%;
}
form div select option {
float:left;
font:1em Arial,Helvetica,sans-serif;
text-align:right;
width:23%;
}

.restart{
position:relative;
float:left;
left:430px;
width:127px;
height:35px;
display:block;overflow:hidden;
margin-right:20px;
background:url(../pic/restart.png) no-repeat scroll 0 0 transparent;
}

.pre_step{
position:relative;
float:left;
left:430px;
width:127px;
height:35px;
display:block;overflow:hidden;
margin-right:20px;
background:url(../pic/pre_step_btn.png) no-repeat scroll 0 0 transparent;
}

.next_step{
position:relative;
float:left;
left:430px;
width:127px;
height:35px;
display:block;overflow:hidden;
margin-right:20px;
background:url(../pic/next_step_btn.png) no-repeat scroll 0 0 transparent;
}

.productdiv{
margin-right:10px;
margin-top:30px;
position:relative;
padding-top:15px;
padding-bottom:15px;
float:left;
width:210px;
height:370px
background:#F5DCAD;
border: 3px solid #F5DCAD;
}
.productimg{
border:1px solid #BBBBBB;
padding:3px;
width:100px;
height:141px;
margin:0 auto;
}
.covershaw {
background:url(../pic/bookshadow.gif) no-repeat scroll left bottom transparent;
position:relative;
float:center;
width:100px;
margin:0 auto;
margin-left:35px;
margin-right:45px;

padding:0 6px 0 14px;
padding-bottom:1px;

}
.prdtitle span {
display:block;
clear:both;
}

.prdtitle h1 {
color:#ff6600;
font-size:1em;
line-height:1.3em;
font-weight:bold;
margin-top:5px;
padding-bottom:5px;
}
.prdtitle h1 a {
color:#ff6600;
font-size:1.1em;
line-height:1.3em;
font-weight:bold;
margin-top:5px;
padding-bottom:5px;
}
.prdtitle h1 a:hover {
color:#FF4000;
font-size:1.1em;
line-height:1.3em;
font-weight:bold;
margin-top:5px;
padding-bottom:5px;
}
/*產品描述+產品詳情*/
.prdsub{
display:block;
overflow:hidden;
text-align:center;
word-wrap:break-word;

font-size:0.9em;
width:170px;
padding-bottom:5px;
margin:0 auto;
float:center;
}
/*產品描述*/
.prdsub span a{
display:block;
overflow:hidden;
text-align:center;
word-wrap:break-word;
height:35px;
width:170px;
color:#333333;
text-decoration:none;
}
.prdsub span a:hover{
display:block;
overflow:hidden;
text-align:center;
word-wrap:break-word;
height:35px;
color:#000000;
text-decoration:none;
}
/*產品詳情*/
.prdsub p{
color:#6699ff;
display:block;

text-align:center;

margin:0 auto;

padding-bottom:5px;
background:#ff6600
}


.more{
color:#ff0000;
}

.prdtext{

}
.prdtext h5{
font-size: 13px;
color:#0067A6;
text-align:center;
text-indent:-85px;
margin-bottom:0px;
padding-top:10px;
}
.prdtext h4{
font-size: 15px;
color:#ff0000;
text-align:center;
text-indent:-15px;
padding-bottom:10px;
}



from div{
height:30px;
vertical-align:middle;
background:#ff6600;
}

/* Boxes */

.box-orange {
	background-color: #ffffff;
	border: solid 1px #999999;
}

.box-orange .section {
	background-color: #ffffff;
	font-size: 100%;
	color: #000000;
	
}

.box-orange .section b {
	display: block;
	height: 120px;
	padding: 7px 0 0 10px;
	background-color: #ffffff ;
}

.box-orange .content {
	padding: 20px;
}


.box-pink {
	background-color: #cccccc;  
}

.box-pink .section {
	background: #000000;
	font-size: 100%;
	color: #ffffff;
}

.box-pink .section b {
	display: block;
	height: 23px;
	padding: 7px 0 0 10px;
	background: #999999 ;
}

.box-pink .content {
	padding: 0px;
}


/* apDiv */
#apDiv2 {
	position:absolute;
	top:0;
	width:1024px;
	height:121px;
	z-index:-1;
	background-image: url(../pic/BG1.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	right: auto;
	bottom: auto;
	clear: none;
	float: left;
	left: -32px;
	overflow: visible;
	clip: rect(auto,auto,auto,auto);
	visibility: visible;
}
#apDiv3 {
	position:absolute;
	left:-32px;
	top:0px;
	width:203px;
	height:77px;
	z-index:1;
	background-image: none;
	visibility: visible;
}



/* Header */

#header {
	width: 960px;
	height: 92px;
	margin: 0 auto;
	position: relative;	
	background: ;
}

#feeds {
	height: 15px;
	margin: 0 auto;
	padding-top: 6px;
	text-align: right;
	 
}

#feeds b {
	display: none;
}

#feeds a {
	padding: 0 0 0 6px;
	color: #00086D;	
	text-decoration: none; 
}

#feeds a:hover {
	text-decoration: none;
	color:#666666;
}	

/*Adlet*/

#adlet {
	position: absolute;
	float: left;
	left: 680px;		
	background: ;
	top:45px;
	z-index: 4;
}



/* Logo */

#logo {
	float: left;
	
}

#logo h1, #logo h2 {
	float: left;
}

#logo h1 {
	padding-top: 38px;
	padding-left:10px;
	font-size: 40px;
	font-weight: normal;
	font-family: Lucida Console, Arial, Helvetica, sans-serif;
}

#logo h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #265791;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 300px;
}/*P-T---L*/

#logo a {
	text-decoration: none;
	color: #FFFF00;
}

#logo input {
	top: 30px;
	padding: 3px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top:45px;
	left: 300px;
}

#searchinput {
	width: 130px;
	margin-top: 5px;
	background: #FFFFFF url(../pic/iglass.png) right no-repeat;
	color: #666666;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: normal;

}

#searchsubmit {
	padding: 0 2px;
	background: #F4A652 url(../pic/img03.gif) repeat-x;
	border: 1px solid #000000;
	text-transform: lowercase;
}

/* Menu */

#menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 5px;
	position: relative;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	background: #FFFFFF;
}

#menu li.highlight {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
}

#menu li.highlight:hover {
	background: #47a1ef; /* Old browsers */
	background: -moz-linear-gradient(top, #47a1ef 0%, #3191eb 50%, #147dee 51%, #1b5bc3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47a1ef), color-stop(50%,#3191eb), color-stop(51%,#147dee), color-stop(100%,#1b5bc3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #47a1ef 0%,#3191eb 50%,#147dee 51%,#1b5bc3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #47a1ef 0%,#3191eb 50%,#147dee 51%,#1b5bc3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #47a1ef 0%,#3191eb 50%,#147dee 51%,#1b5bc3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a1ef', endColorstr='#1b5bc3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #47a1ef 0%,#3191eb 50%,#147dee 51%,#1b5bc3 100%); /* W3C */
}

#menu a {
	display: block;
	float: left;
	background: url(../pic/img05.jpg) no-repeat;
	text-decoration: none;
	color: #666666;
}

#menu li.highlight a{
	color: #FFFFFF;
	background: none;
}

#menu a:hover {
	color: #F7931D;
}

#menu li.highlight a img {
	vertical-align: top;
	margin: 0;
}

#menu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(../pic/img06.jpg) no-repeat right top;
	cursor: hand;	
}

#menu li.highlight b {
	background: none;
}

#menu li.active {
	background: #ffffff ;
}

#menu li.active a {
	background: url(../pic/img08.jpg) no-repeat right top;
	color: #C90404;
}

#menu li.active b {
	background: url(../pic/img07.jpg) no-repeat;
}

/*Menulist*/
#menulist {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 65px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist li {
	float: left;
	width: 90px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist li a:hover {
	color: #EC8602;
	background:  url(../pic/bbullet.jpg) 0% 50% no-repeat;
}
#menulist li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}


/*Menulist2*/
#menulist2 {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 160px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist2 li {
	float: left;
	width: 120px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist2 li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist2 li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#menulist2 li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/*Menulist3*/
#menulist3 {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 150px;
	right: 150px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist3 li {
	float: left;
	width: 100px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist3 li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist3 li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#menulist3 li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* stat Menu */
#statmenu {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 350px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#statmenu ul {
	padding: 0;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -50px;
}
#statmenu li {
	float: left;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 10px;

}
#statmenu li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#statmenu li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#statmenu li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* Footer */

#footer {
	padding: 20px;
	border-top: 1px solid #999999;
	background-attachment: scroll;
	background-image: url(../pic/BG2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #96DFFF;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 85%;
}

#footer a {
	text-decoration: none;
	font-weight: normal;
	color: #FF6600;
	 
}

#footer a:hover {
	text-decoration: none;
	color:#000000;
}

/* title for privacy legal copyright */
#title {                           
  	position: absolute;  
	top: 5px;
  	left: 0px;
  	display: block;           
  	background: #666666;      
  	padding: 0 20px 5px 20px;
  	font-size: 16px;
  	color:#ffffff;
  	font-weight:normal;
}
/*Privacy*/
#privacy {                     
	position: relative;  
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 30px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#privacy ol{
	padding: 40px 5px 5px 10px;
	text-align: left;


}


#privacy ol li{
	padding: 0px 0 5px 0px;
	text-align: left;
	color: #000000;
	letter-spacing: 1px;
}

#privacy ul{
	padding: 0px 0 0px 27px;

}

#privacy ul li{
	padding:0;
	color: #666666;	
	letter-spacing: 1px;
}

#privacy ul.ula{
	padding: 0px 0 0px 14px;
	text-align: left;
	list-style-type: lower-roman;

}	


/*Legal*/
#legal {                     
	position: relative;  	
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 20px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#legal  ol{
	padding: 0px 5px 5px 10px;
	text-align: left;
}


#legal  ol li{
	padding: 0px 0 5px 0;
	text-align: left;
	color: #666666;
	letter-spacing: 1px;
}

#legal  ul{
	padding: 0px 0 0px 15px;
	text-align: left;

}

#legal  ul li{
	padding:0;
	color: #000000;	
	letter-spacing: 1px;
	text-align: left;
}

#legal ul.ula{
	padding: 0px 0 0px 14px;
	text-align: left;
	list-style-type: lower-roman;

}	

#legal dir {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 500px;	
	height: 350px; 
	background: # ;
	margin-left: 10px;
}


/*Copyright*/
#copyright {                     
	position: relative;  
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 30px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#copyright ol{
	padding: 40px 5px 5px 10px;
	text-align: left;


}


#copyright ol li{
	padding: 0px 0 5px 0px;
	text-align: left;
	color: #000000;
	letter-spacing: 1px;
}

#copyright ul{
	padding: 0px 0 0px 27px;

}

#copyright ul li{
	padding:0;
	color: #666666;	
	letter-spacing: 1px;
}


/* index Page */

#index_page{
	width: 960px ;
	padding: 25px 0 0px 0;
	height: 820px;
	margin: 0 auto;
	background: #ffffff url(../pic/index.jpg) no-repeat;
	
}

/* Page */
#page {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 30pX 0;
	text-align: center;
	position: relative;		
	 	 
}
#page h2 img{
	vertical-align: middle;
	padding: 0 8px;
}

#loginprofile{
	background-color: #ffffff; 	
	margin: 0 auto;
	width: 800px;
	text-align: left;
} 	 
#profiletf {
	margin: 0 auto;	
	width: 200px;
	text-align: center;
	background-color: #ffffff;	
} 

#profilec {
	margin: 0 auto;
	width: 700px;
	text-align: left;
	background-color: #ffffff;
	border-left: 1px dotted #3399cc;
	border-right: 1px dotted #3399cc;
	padding-left: 50px;
}

/* news page */
#newslist{
	position: absolute;
	left: -220px;
	top: 0px;
	width: 180px;
	background: # url(../pic/) no-repeat;
}

#newslist h1{
	height:30px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}
#newslipanel {
	position: absolute;	
	width:180px; 
	padding: 0 0 0 0;
	left: 0px;
	top: 0px;
	background: # url(../pic/) no-repeat;
}
#newslipanel h1 {
	height:30px; 
	background: # url(../pic/ )   no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 15px;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #FF9900;
}
#newslipanel h2 {
	height:45px; 
	background:  url(../pic/left_h1.png) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}
#newslipanel h3 {
	height:px; 
	padding:0px 40px 0 0px;
	background: # url(../pic/) 80% 80% no-repeat ;
	font-size: 12px; 
	color: #666666;
	text-align: right;
	font-weight: normal;
}

#newslipanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 5px;
	width: 180px;
	background:# ;
}

#newslipanel ul li {
	background: # url(../pic/) left bottom repeat-x;
	padding:0;
	text-align: left;
	padding: 0 0 0 10px; 
	color: #000000;
}

#newslipanel ul li a {
	text-align: left;
	height:26px; 
	display:block; 
	padding: 0 0 0  0px; 
	color:#393939;
	background:#;
	color: #666666;

}

#newslipanel ul li a:hover {
	background: # url(../pic/) 3% 50% no-repeat; color:#FF0033;
	text-decoration: none;
	padding: 0 0 0 12px;
}

#newsbody {                     
  	position: relative;  
  	background: #ffffff # url(../pic/) repeat-x; 
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	LINE-HEIGHT: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#newsdate {                           
  	padding: 5px 5px 5px 0;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: #666666;
 	background: #cccccc # url(../pic/) repeat-x;      
  	background-position:bottom left;       
	border-bottom: 1px solid #cccccc;
}


#newstitle {                           
  	position: absolute;  
	top: 5px;
  	left: 0px;
  	display: block;           
  	background: #ffffff;      
  	padding: 0 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}

#newsbody p{
	margin:0 ;
	text-align: left;

}

#newsbody img{
	position: center bottom;
	margin: 10px 0 10px 0;
} 


p.policy{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
	border-bottom: solid 2px #cccccc;
	padding-bottom: 10px;
}
p.policy2{
	margin: 0;
	text-align: left;
	padding: 7px 0 0 5px;
	
}
p.s1{
	font-size: 14px;
	font-weight:normal;
	color:  ;
	padding: 20px 0 0 5px;
	text-align: left;
}
p.s2{
	padding: 20px 0 0 5px;
	font-size: 14px;
	font-weight:bold;
	color: #000000 ;
	text-align: left;
}
p.s3{
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding: 20px 0 0 5px;
	text-align: left;
}
p.s4{   
	font-size: 14px;
	font-weight: normal;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 26px;
}	
p.s5{   
	font-size: 14px;
	font-weight: normal;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 52px;
}
p.s6{   
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 26px;
}	
p.s7{   
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 52px;
}

p.c1{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
	text-indent: 27px;
}

p.c2{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
}

p.c3{
	margin: 0;
	text-align: left;
	padding:7px 0 0 33px;
}

p.c4{
	margin: 0;
	text-align: left;
	padding:7px 0 0 58px;
}


/*Rightbox*/

#rightbox{
	position: relative;
	float: right;
	width: 200px;
	text-align: center;
	height: 160px;
	background: # url(../pic/) no-repeat;
	background-position: bottom;
	padding: 20px 0 20px 0;
}

#rightbox img{
	position: bottom;
}


/* login page */
#login {
	background-color: #ffffff; 
	height: 800px;		
	margin: 0 auto;
	width: 500px;
	text-align: center;
}
#login h1{
	padding-bottom: 20px;
}

#login p{
	padding-top: 5px;
	margin-bottom: 0.5em;

}

#inputtext3, #inputtext4 {
	width: 130px;
}
 

/* INDEX Login*/

#index_login{
	position: absolute;
	width: 180px;
	height: 125px;
	top: 15px;
	right: 50px;

}

#index_login h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0 5px 40px;
	color: #000000;

}

#index_login p{
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	color: #000000;
	text-align: left;
	padding: 10px 0 5px 0px;
}

#index_login form {
}

#index_login fieldset {
	border: none;
	text-align: left;
	padding: 5px 0 5px 10px;
}

#index_login legend {
	display: none;
}

#index_login label {
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 0px 0 5px 0px;
}

#index_login input {
	padding: 2px 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#inputtext1, #inputtext2 {
	width: 115px;
	margin-top: 5px;
}

#inputsubmit1 {
	float: right;
	background: #000000;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 10px;
}

/*Primary*/

#primary{
	float: right;
	width: 580px;
	margin-left: margin-right: -200px;
	background: # ;
	height: 800px;
	position: relative;	
	
}

#primary li{
}

#alpha{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 380px;
	height: 485px;
	background:  url(../pic/alpha_bg.jpg) no-repeat;
}

#alpha h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}




#beta{
	position: absolute;
	width: 380px;
	height: 300px;	
	background: url(../pic/beta_bg.jpg) no-repeat;
	left: 0px;
	top: 500px;
}

#beta li{
}
/*-------------------------------------------------------*/
#gama{
	position: absolute;
	width: 200px;
	height: 450px;	
	background: url(../pic/teacher.png) no-repeat;
	left: 380px;
	top: 200px;

}	
/*-------------------------------------------------------*/

/*newsrelease*/

#newsrelease{
	position: relative;
	float: left;
	width: 350px;
	background: # ;
	height: 330px;	
	left: 20px;
	top: 5px;
}


#newsrelease li{



}



/*leftbox*/

#leftbox{
	float: left;
	width: 320px;
	background: #;
	height: 150px;	
	margin-top: 10px;
	margin-left: 40px;
	padding:0 0 0px 0px;	
}
	
#leftbox h1{
	height:55px; 
	background:  url(../pic/leftbox_h1.jpg) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}	
#bottombox{
	float: left;
	width: 320px;
	background: #;
	height: 150px;	
	margin-top: 15px;
	margin-left: 40px;
	padding:0 0 0px 0px;	
}
#bottombox h1{
	height:55px; 
	background:  url(../pic/bottombox_h1.jpg) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}	

#leftpanel {
	position: absolute;	
	width:320px; 
	height: 300px; 
	padding:0 0 0px 10px;
	left: 20px;
	top: 26px;
	background:  url(../pic/news_bg.jpg) 10% 10%  no-repeat;
}
/**/
#leftpanel h1 {
	height:60px; 
	background: # url(../pic/) 90% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 10px;
	text-align: left;
}
#leftpanel h2 {
	height:45px; 
	background:  url(../pic/left_h1.png) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}
#leftpanel h3 {
	height:18px; 
	padding:0px 40px 0 0px;
	background: url(../pic/more_btn_botom.gif) 87% 50% no-repeat ;
	font-size: 12px; 
	color: #000000;
	text-align: right;
}

#leftpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding:0px 4px 5px 20px;
	width: 250px;
	background:# ;
}

#leftpanel ul li {
	background:url(../pic/dotted_black_border.gif) left bottom repeat-x;
	padding:0;
}

#leftpanel ul li a {
	text-align: left;
	height:26px; display:block; 
	padding:0 0 0 30px; color:#393939;
	background:#;
	color: #000000;

}

#leftpanel ul li a:hover {
	background: url(../pic/buttom01.jpg) 3% 50% no-repeat; color:#FF0033;
}




/*-----------------------------------------------------------------------*/

#list{
	float: center;
	width: 680px;
	padding: 25px 0 0px 0;
	height: 460px;
	overflow: auto;
	margin: 0 auto;
	background: #ffffff url(../pic/duration_bg03.jpg) no-repeat;
}
#listsearch{
	float: left;
	width: 180px;
	height: 150px;
	text-align: left;
	background: #   url(../pic/) no-repeat;
	background-position: bottom;
	padding: 220px 0 20px 30px;
}

#listsearch img{
	position: bottom;
}



#listsearch h7{	
	padding: 10px 0 0 10px;
	font-size: 100%; 
	text-align: center;
	color: #000000; 
	font-weight: bold;
}


#listsearch h3 {
	height:20px; 
	padding:5px 45px 0 0px;
	background: url(../pic/more_btn_botom.gif) 75% 55% no-repeat ;
	font-size: 12px; 
	color: #000000;
	text-align: right;
}

#listsearch ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 200px;
	background:# ;
	padding:0 ;
}

#listsearch ul li {
	padding: 5px 0 0 10px ;
}

#listsearch dir {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 150px;	
	height: 60px; 
	background: # ;
	overflow: scroll;
	margin-left: 10px;
}

#listsearch dir li {
	padding: 0 0 0 10px  ;
	background: #  ;
}

#listsearch p{
 	color: #000000;
	width: 100px;
	background: #ffffff ;
}

/* Content */

#content {
	float: left;
	width: 940px;
}

/* colcenter */

#colcenter {
	margin-bottom: 20px;
}

/* Sidebar */
#sidebar {
	 
}


#sidebar .colright {
	width: 200px;
	float: right;
}

#sidebar .colleft {
	width: 10px;
	float: left;
	padding-right:00px;
}

/* NEWS BOX */
#newsalpha{
	position: absolute; 
	left: -220px;
	top: 120px;
	width: 200px;
	height: 200px;
	background: #cccccc # url(../pic/) no-repeat;
}

#newsalpha h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}


#newsbeta{
	position: absolute;
	width: 200px;
	height: 200px;	
	background: #000000 # url(../pic/) no-repeat;
	left: -220px;
	top: 350px;
}

#newsbeta li{
}

#newsboxA{
	position: absolute; 
	right: -220px;
	top: 120px;
	width: 200px;
	height: 200px;
	background: #cccccc # url(../pic/) no-repeat;
}

#newsboxA h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}


#newsboxB{
	position: absolute; 
	width: 200px;
	height: 200px;	
	background: #000000 # url(../pic/) no-repeat;
	right: -220px;
	top: 350px;
}

#newsboxB li{
}

/*natlist*/
#natbody {                     
  	position: relative;  
  	background: # url(../pic/) no-repeat;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}


#natborder {                           
  	padding: 0 5px 0 0;
	height: 50px;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: ;
 	background:  url(../pic/border.jpg)  no-repeat;      
  	background-position: top center;       
}

#nattitle1 {                           
  	position: absolute;  
	top:  5px;
  	left: 0px;
  	display: block;           
  	background: #FFFFFF;      
  	padding: 0px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}
#nattitle1 a {
	color: #000000;
}	
#nattitle1 a:hover {
	background: # url(../pic/) 3% 50% no-repeat; color:#666666;
	text-decoration: none;
}

#natpanel {
	position: absolute;	
	width:460px;	
	padding: 50px 0 0 20px;
	left: 0px;
	top: 0px;
	background: # url(../pic/) no-repeat;
}

#natpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 10px;
	width: 460px;
	background:# ;
}

#natpanel ul li {
	background: # url(../pic/)  no-repeat;
	padding:0;
	height:26px;
	text-align: center;
	padding: 10px 20px 0 20px; 
	color: #000000;
	border-bottom: 1px dotted #cccccc;

}


#natpanel ul li a {
	float: left;
	text-align: left;
	height:26px;
	width: 300px; 
	display:block; 
	padding: 0 0 0 20px; 
	color:#393939;
	background: url(../pic/bullet01.jpg) 0% 50% no-repeat; 
	color: #000000;

	
}
#natpanel ul li a:hover {
	background: url(../pic/bullet.jpg) 0% 50% no-repeat; 
	color:#FF0033;
	text-decoration: none;
}

#natpanel h3 {
	text-align: right;
	font-size: 14px;
		

}

/*baglist*/
#bagbody {                     
  	position: relative;  
  	background: # url(../pic/) no-repeat;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#bagborder {                           
  	padding: 0 5px 0 0;
	height: 50px;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: ;
 	background:  url(../pic/border.jpg)  no-repeat;      
  	background-position: top center;       
}

#bagtitle1 {                           
  	position: absolute;  
	top:  5px;
  	left: 0px;
  	display: block;           
  	background: #FFFFFF;      
  	padding: 0px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}

#bagtitle1 a {
	color: #000000;
}	
#bagtitle1 a:hover {
	background: color:#666666; # url(../pic/) 3% 50% no-repeat; 
	text-decoration: none;
}
#bagtitle2 {                           
  	position: absolute;  
	top: -15px;
  	left: 140px;
  	display: block;           
  	background: #FFCC00;      
  	padding: 5px 20px 5px 0;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
}
#bagtitle2 a {
	color: #000000;
	padding: 0 0 0 20px;
}	
#bagtitle2 a:hover {
	background: # url(../pic/) 3% 50% no-repeat; 
	color:#666666;
	text-decoration: none;
	padding: 0 0 0 20px;
}
#bagtitle3 {                           
  	position: absolute;  
	top: -15px;
  	left: 250px;
  	display: block;           
  	background: #FFCC00;      
  	padding: 5px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
}
#bagtitle3 a {
	color: #000000;
}	
#bagtitle3 a:hover {
	background: color:#666666; # url(../pic/) 3% 50% no-repeat; 
	text-decoration: none;
}
#bagpanel {	
	width:460px;	
	padding: 0px 0 0 20px;
	background: # url(../pic/) no-repeat;
}

#bagpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 10px;
	width: 460px;
	background:# ;
}
/********/
#bagpanel ul li {
	background: # url(../pic/)  no-repeat;
	padding:0;
	height:26px;
	text-align: center;
	padding: 10px 20px 0 20px; 
	color: #000000;
	border-bottom: 1px dotted #cccccc;

}


#bagpanel ul li a {
	float: left;
	text-align: left;
	height:26px;
	width: 300px; 
	display:block; 
	padding: 0 0 0 20px; 
	color:#393939;
	background: url(../pic/bullet01.jpg) 0% 50% no-repeat; 
	color: #000000;

	
}
#bagpanel ul li a:hover {

	background: url(../pic/bullet.jpg) 0% 50% no-repeat; 
	color:#FF0033;
	text-decoration: none;
}

#natpanel h3 {
	text-align: right;
	font-size: 14px;
		

}

/*loginframe input*/

#loginframe  input {
	padding: 4px 5px 3px 5px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputsubmit1 {
	float: center;
	width: 50px;
	background: #666666;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;

}

#inputsubmit2 {
	float: center;
	width: 60px;
	background: #999999;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;

}

/* bg01 */

#bg01 {
  	position: relative;
	margin:0 auto;
  	font-size:13px;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	padding-top:0px;
  	background: #ffffff;
height: 400px;	
}

#bg02{                     
  	position: relative;
	margin:0 auto;
  	font-size:13px;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	padding-top:0px;
  	background: #ffffff;
	height: 1100px;	
}

/* iexambar */

#iexambar {
	height: 44px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5px;
	background: #8c8c8c;
	vertical-align:middle; 
}

#iexambar ul{
      border:0;
      margin:0;
      padding:0;
      list-style-type:none;   
	vertical-align:middle; 
}

#iexambar ul li{
      display:block;
      float:left;
      text-align:center;
      padding:0;
      margin:0;
      width:160px;
      height: 44px;
      background: url(../pic/menu01.png) no-repeat;  
	vertical-align:middle; 
}

#iexambar ul li a{
      display: block;
      float: left;
      width:160px;
      height: 44px;
      display:block;
      line-height:2em; 	
      text-decoration: none;
      text-align: center;
	vertical-align:middle; 
}

#iexambar a:hover {
      background: url(../pic/menu02.png) no-repeat; 
	vertical-align:middle;  
}

/*rightq*/
#rightq{
	height:30px;
	width:400px;
	background: #000000;
}

/*wrongq*/
#wrongq{
	height:30px;
	width:133px;
	background: #000000;
}

/*skipq*/
#skipq{
	height:30px;
	width:133px;
	background: #000000;
}

/*rightp*/
#rightp{
	height:30px;
	width:400px;
	background: #B51412 url(./pic/point.png);
}

/* exam_Menu 

#exam_menu {
	position: relative;
	height: 30px;
	padding-bottom: 5px;
	background: #e2e2e2;
}

#exam_menu ul{
      border:0;
      margin:0;
      padding:0;
      list-style-type:none;   
}

#exam_menu ul li{
      display:block;
      float:left;
      text-align:center;
      padding:0;
      margin:0;
      width:110px;
      height:45px;
      background: url(../pic/exam_menu01.png) no-repeat;  
}

#exam_menu ul li a{
      display: block;
      float: left;
      width:110px;
      height:45px;
      display:block;
      line-height:2em; 	
      text-decoration: none;
      text-align: center;
}*/

#exam_menu a:hover {
      background: url(../pic/exam_menu02.png) no-repeat;  
}

/*exam_Menulist*/
#exam_menulist {
	margin: 0 auto;
	text-align: center;
	position: relative;
	left: 65px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#exam_menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#exam_menulist li {
	float: left;
	width: 90px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#exam_menulist li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#exam_menulist li a:hover {
	color: #EC8602;
	background:  url(../pic/bbullet.jpg) 0% 50% no-repeat;
}
#exam_menulist li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* exam_Menu */

#exam_menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 0px;
	background: #;
	border-bottom: 1px solid #999999;
}

#exam_menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#exam_menu li {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	background: #e2e2e2;
}

#exam_menu a {
	display: block;
	float: left;
	background: url(../pic/exam_menu01.png) no-repeat;
	text-decoration: none;
	color: #666666; 
        text-align: center;
}

#exam_menu a:hover {
	color: #3399ff;
}

#exam_menu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(../pic/) no-repeat right top;
	cursor: hand;	
}

#exam_menu li.active {
	background: #ffffff ;
}

#exam_menu li.active a {
	background: url(../pic/) no-repeat right top;
	color: #C90404;
}

#exam_menu li.active b {
	background: url(../pic/img07.jpg) no-repeat;
}

/*exam_table*/
#exam_table{
position: relative;
float: left;
left: 150px;

width:500px;
background:  ;
}
/*exam_email*/
#exam_email{
position: relative;
float: left;
height:600px;
width:300px;
margin: 0 auto;
left: 200px;
/*top: 50px;*/
background:  ;
}

/*exam_analyze*/
#exam_analyze{
position: relative;
margin: 0 auto;
top: 50px;
background:  ;
}
/*exam_sheet*/
#exam_sheet{
position: relative;
top:50px;
background: ;
display: none;
}

/*exam_timer*/
#exam_timer{
position: relative;
top:110px;
background: ;
display: none;
}

/*learning01*/
#learning01{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
top:0px;
left:100px;
background: url(../pic/);
}

#learning01 a{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/ssearchquestion.gif);
}

#learning01 a:hover{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/ssearchquestion.png);
}


/*learning02*/
#learning02{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
top:0px;
left:220px;
background: url(../pic/);
}

#learning02 a{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/cconceptvideo.gif);
}

#learning02 a:hover{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/cconceptvideo.png);
}


/*learning03*/
#learning03{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
top:0px;
left:40px;
background: url(../pic/);
}

#learning03 a{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/llessonpackage.gif);
}

#learning03 a:hover{
float:left;
display:block;
position:relative;
width:295px;
height:316px;
background: url(../pic/llessonpackage.png);
}
/*購買方法們*/
.post{
	width:23px;
	height:23px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 0 transparent;
	margin-left:20px;
}
.atm{
	width:24px;
	height:25px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -25px transparent;
	margin-left:20px;
}

.cvs{
	width:96px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -50px transparent;
	margin-left:20px;
}

.famiport{
	width:21px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -75px transparent;
	margin-left:20px;
}

.hilife{
	width:50px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -100px transparent;
	margin-left:20px;
}

.webatm{
	width:23px;
	height:23px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -125px transparent;
	margin-left:20px;
}

.paypal{
	width:65px;
	height:23px;
	display:block;
	overflow:hidden;
	background:url(../pic/payments.png) no-repeat scroll 0 -150px transparent;
	margin-left:20px;
}

/*step123購買步驟圖*/
.step1{
	margin:0 auto;
	width:531px;
	height:70px;
	display:block;
	overflow:hidden;
	background:url(../pic/step123.png) no-repeat scroll 0 0 transparent;
}

.step2{
	margin:0 auto;
	width:531px;
	height:70px;
	display:block;
	overflow:hidden;
	background:url(../pic/step123.png) no-repeat scroll 0 -70px transparent;
}

.step3{
	margin:0 auto;
	width:531px;
	height:70px;
	display:block;
	overflow:hidden;
	background:url(../pic/step123.png) no-repeat scroll 0 -140px transparent;
}

/*member_ordered p*/
.detail{
	color:#333333;
	text-indent:30px;
	line-height:30px;
}

#liuxing {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	text-align: left;
	margin-top: -20px;
}
#liuxing strong {
	color: #F00;
}
#liuxing_title {
	margin-top: 50px;
	height: 150px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#liuxing_content {
	padding-right: 90px;
	padding-left: 90px;
	/*
	background-image: url(../pic/xing_bg.jpg);
	background-repeat: no-repeat;
	background-position: 100px top;
	*/
}
#liuxing_content  #oneplusone {
	background-image: url(../pic/xing_oneplusone_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
}
#liuxing_content #oneplusone h1 {
	font-weight: bold;
	margin: 0px;
	font-size: 15px;
	padding-left: 70px;
	line-height: 20px;
	padding-top: 20px;
	color: #09C;
}
#liuxing_content #firstone {
	width: 240px;
	float: left;
}
#liuxing_content #secondone {
	float: left;
	width: 240px;
	margin-left: 80px;
}
#liuxing_content #oneplusone .onebody {
	padding-left: 30px;
	padding-right: 13px;
	margin-top: 10px;
	font-size: 12px;
	color: #333;
}
#liuxing_content .liuxing_body {
	margin-top: 30px;
}
#liuxing_content .liuxing_body h2 {
	font-weight: bold;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #09C;
	padding-bottom: 10px;
	font-size: 16px;
	padding-right: 1px;
	padding-left: 35px;
	letter-spacing: 1px;
	background-image: url(../pic/clock_tiny.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline-block;
	*display: inline;
	_display: inline;
}
#liuxing_content .liuxing_body p {
	font-size: 13px;
	color: #09C;
	line-height: 20px;
}
#liuxing_content .liuxing_body p strong {
	color: #09C;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	padding-bottom: 1px;
}
#liuxing_content .liuxing_body p img {
	float: left;
}
#liuxing_content .liuxing_body p img.nofloat {
	float: none;
}
#liuxing_content .liuxing_body p #inline_1 {
	margin-right: 10px;
}
#liuxing_content .liuxing_body #xing_video {
	margin-right: 10px;
}
#liuxing_content .liuxing_body ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#liuxing_content .liuxing_body ul li {
	list-style-type: none;
	font-size: 15px;
	line-height: 25px;
	color: #09C;
	background-image: url(../pic/xing_li_bg.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.cleaner {
	clear: both;
}
#liuxing_content #buy {
	float: right;
	padding-right:40px;
	padding-top: 300px;
	*padding-top: 10px;
	_padding-top: 10px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#liuxing_content #buy img {
	margin: 0;
	padding; 0;
}
#liuxing_content img, a img {
	border: none;
}
#liuxing_content  #good_list {
	margin: 0;
	padding: 0;
	padding-top: 20px;
}
#liuxing  p.red {
	margin: 0px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #F00;
	letter-spacing: 19.5px;
	margin-bottom: 5px;
}
#liuxing #xing2 {
	background-image: url(../pic/xing2_bg.png);
	background-repeat: no-repeat;
	width: 100%;
	background-position: left 20px;
}

#liuxing #xing2 h1 {
	background-image: url(../pic/xing2_h1.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 139px;
	width: 754px;
	text-indent: -999em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
}
#liuxing #xing2 #toolpic {
	margin-left: 220px;
	*margin-left: 260px; 
}
#liuxing #xing2 #toolpic li {
	float: left;
	list-style: none;
	margin: 0px;
	margin-right: 20px;
	padding-top: 0px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}
#liuxing #xing2 #toolpic li strong{
	color: #red;
}
#liuxing #xing2 #toolpic li a {
	display: block;
	height: 117px;
	width: 100%;
	text-indent: -999em;
}

#liuxing #xing2 #toolpic #dvd {
	background-image: url(../pic/xing2_one.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 201px;
}

#liuxing #xing2 #toolpic #jmath {
	background-image: url(../pic/xing2_two.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 204px;
}

#liuxing #xing2 #toolpic #q {
	background-image: url(../pic/xing2_three.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 187px;
}

#liuxing #xing2 #xing2_footer img {
	margin: 0;
	margin-top: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.right_float {
	float: right;
}
p.center {
	text-align: center;
}
from div{
height:30px;
vertical-align:middle;
background:#ff6600;
}
#notion_main{
	position:relative;	float:left;	width:900px;	height:500px;top:0px;	left:50px;	background:url(../pic/notion_bg.png)no-repeat;background-position:left bottom;
}
.accordion{
	text-align:left;
	font-size: 15px;
}
.accordion a{
	font-weight: bold;
	color: #006;
	text-decoration: none;
	line-height: 20px;
	}
.accordion a:hover{
	font-weight: bold;
	color: #F60;
	text-decoration: none;
	}
.accordion li{
	margin-top:3px;
}
.accordion li ul li{
	text-indent:20px;
}
.btn_vedio{
	padding-left:150px;
	line-height:33px;
	text-align:center;}
.btn_vedio a{
	background-image: url(../pic/btn_vedio.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width:112px;
	height:33px;
	float:left;
	color: #000;
	
	}
.btn_vedio a:hover{
	background-image: url(../pic/btn_vedio_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width:112px;
	height:33px;
	float:left;
	color: #000;
	}