/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:900px; height:158px; position:relative; margin:0 auto; background:url(images/topPan-bg.gif) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
#topPan img.logo{width:535px; height:37px; position:absolute; top:33px; left:43px; border:0px;}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}
#topPan p{font-size:16px; padding:70px 0 0 43px;}


#topContactPan{position:absolute;right: 4px; top: 99px; width: 105px; height: 16px;}
#topContactPan p.callus{background:#0C71A4; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}
/*--main menu--*/
#topMenuPan{width:900px; height:11px; position:absolute; bottom:13px; left:110px;}
#topMenuLeftPan{width:25px; height:26px; float:left; background:url(images/menu-leftbg.gif) 0 0 no-repeat;}
#topMenuMiddlePan{width:500px; height:16px; float:left;}

#topMenuMiddlePan ul{width:980px; height:26px;}
#topMenuMiddlePan ul li{width:100px; height:26px; border-right:2px solid #E5E5E5; float:left;}
#topMenuMiddlePan ul li a{width:100px; height:22px; display:block; background:#fff; color:#4A4A4A; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; text-transform:uppercase;vertical-align: middle; padding-top:4px;}
#topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}
#topMenuMiddlePan ul li.home{width: 100px;height: 30px;background: #fff;color: #0574AF;	text-decoration: none;	text-align: center;	text-transform: uppercase;	vertical-align: middle;	 padding-top:2px;font-size: 16px;font-style: normal;font-family: "Trebuchet MS" ,Arial, Helvetica, sans-serif;font-variant: normal;}
#topMenuMiddlePan ul li.contact{width:90px; border-right:1px solid #fff;}
#topMenuMiddlePan ul li.contact a{width:90px; height:26px; display:block; background:#fff; color:#4A4A4A; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact a:hover{background:#fff; color:#0574AF; text-decoration:none;}

#topMenuRightPan{width:70px; height:26px; float:left; background:url(images/menu-rightbg.gif) 0 0 no-repeat;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:800px; position:relative; margin:0 auto; padding:25px 0 0;}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{width:500px; float:left; padding:12px 36px 0 0;}
#bodyLeftPan h2{width:450px; height:30px; padding-top:2px; background:url(images/border1.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h2 span{background:#fff; color:#046598;}

#bodyLeftPan h3{width: 410px;height: 25px; padding-top:2px; background: url(images/border2.gif) #fff no-repeat 100% 70%;color: #00111A;font: 24px/24px Georgia, "Times New Roman" , Times, serif;}

#bodyLeftPan h3 span{background:#fff; color:#046598;}

#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPan p span{background:#fff; color:#046598; font-weight:bold;}

#bodyLeftPan ul{width:410px; margin:10px 0 0;}
#bodyLeftPan ul li{width:410px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url(images/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(images/button-hover.gif) 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}

#bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:410px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftNextPan{width:410px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:410px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bookcatagories{width:410px; position:relative; margin:0 auto; padding:5px 0 0;}
#namePan{width:156px; float:left; background:url(images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#nameonePan{width:156px; float:left;}
#nameonePan ul{width:156px;}
#nameonePan ul li{width:140px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:245px; float:left;border:1px solid #DADADA; background:#F3F3F3; color:#1A1A1A; padding:0 0 28px;}

#bodyRightPan p.studyhead{width:230px; height:45px;display:block;font-size:medium; color: #046698; background:url(images/button.gif) 3 6px no-repeat #F3F3F3; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan p.studytext{width:170px; height:35px;display:block; background:url(images/button.gif) 3 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}

#bodyRightPan h2{width: 200px;height: 35px;	display: block;	border: 1px solid #DADADA;background: #fff;color: #00111A;font: 20px/34px Georgia, "Times New Roman" , Times, serif;margin: 6px 8px 16px;padding-right: 0px;padding-left: 25px;padding-bottom: 0px;padding-top: 4px;}
#bodyRightPan h2 span{background:#fff; color:#046598;}

#bodyRightPan h3{width:200px; height:35px;display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:20px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:4px 0 0 20px;}
#bodyRightPan h3 span{background:#fff; color:#046598;}

#bodyRightPan ul{width:170px; margin:0 0 17px 29px;}
#bodyRightPan ul li{width:190px; height:50px;display:block; background:url(images/blue-arrow.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan ul li a{width:170px; height:35px; }
#bodyRightPan ul li a:hover{background:url(images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#797878; text-decoration:none;}

#bodyRightPan p{padding:0px 29px 0px 29px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#F3F3F3; color:#1A1A1A; font-weight:bold;}

#bodyRightPan p.more{background:#fff; color:#003D5C; width:175px; height:11px; margin:10px 29px 10px; padding:0px; line-height:11px; }
#bodyRightPan p.more a{display:block; width:44px; height:11px; background:#F3F3F3; color:#003D5C; text-decoration:none; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
#bodyRightPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}
/*----/BODY RIGHT PANEL----*/

/*----MiddleAutherPan 著作與專利----*/
#bodyRightPan{width:245px; float:left;border:1px solid #DADADA; background:#F3F3F3; color:#1A1A1A; padding:0 0 28px;}
#MiddleAutherPan {float: left;padding-right: 0px;padding-left: 20px; padding-bottom: 0px;	padding-top: 0px;}
#MiddleAutherTopPan{width:384px; height:203px; background:url(images/image1.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}
#MiddleAutherPan Table{border-collapse: collapse; width: 750px;}
tr.p5 {padding-top: 5px;}
td.p10 {width:6%;vertical-align: top; text-align: center;height: 17pt;}   
#MiddleAutherPan h2
{
	width: 270px;
	height: 50px;
	display: block;
	background: url(images/icon1.jpg) 100% 0 no-repeat #fff;
	color: #D20039;
	border-bottom: 1px dashed #BDB9B9;
	font-size: 24px;
	line-height: 60px; /*--文字高度--*/
	padding: 0 0 0 0;
}

#TableGroup div Table.td{vertical-align: top; text-align: center; width: 6pt; height: 17pt}
#TableX Table{border-collapse: collapse; width: 700px; color:Red;}
.tdN1 p10{vertical-align: top; text-align: center; width: 2%; height: 17pt;color:Red;}
.tdN2 p90{vertical-align: top; text-align: center; width: 50pt; height: 17pt;color:Blue;}
.CssTd td{vertical-align: top; text-align: center; width: 15pt; height: 17pt}
/*----/MiddleAutherPan End----*/





/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:60px 0 0;}

#footerPan{width:550px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}

#footerPan ul{width:624px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#010101; background:#F3F3F3; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:280px; background:#F3F3F3; color:#04496D; position:absolute; top:22px; left:10px; font-size:12px;}
#footerPan p.tel{width:280px; 
background:#F3F3F3; color:#04496D; position:absolute; top:22px; left:300px; 
font-size:12px;
}
#footerPan p.address{width:280px; 
background:#F3F3F3; color:#04496D; position:absolute; top:42px; left:10px; font-size:12px;
}
#footerPan p.host{width:280px; 
background:#F3F3F3; color:#04496D; position:absolute; top:42px; left:300px; 
font-size:12px;
}

#footerPan ul.templateworld{width:250px; background:#F3F3F3; color:#444; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F3F3F3; display:block; color:#444; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}
