@charset "utf-8";
/* CSS Document */
@import url("global.css");
@import url("layout.css");
@import url("button.css");
li{word-wrap:break-word; overflow:hidden;}
#payCard{ padding:16px 15px 18px 15px;}
	#payCard h2{ padding:5px 20px 30px 20px; font-size:14px; font-weight:bold; color:#005133; border-bottom:2px solid #4c9781;}
	#payCard #cardList{ padding:18px 0;}
		#cardList li{ margin-bottom:8px; padding-left:5px; height:164px; background:url(../images/card/cardinfo_bg.gif) no-repeat left center;}
			#cardList li .cardinfo{ position:relative; height:124px; padding:20px 12px; background:url(../images/card/cardinfo_bg.gif) no-repeat right center;}
				#cardList img.cardImg{ position:absolute; top:22px; left:22px;}
				#cardList h3{ margin:0 0 0 320px; padding:3px 0; font-size:14px; color:#505050;}
				#cardList .price{ margin-left:18px; font-size:12px; font-weight:normal; color:red; }
				#cardList .intro{ margin:12px 0 0 320px; line-height:180%; color:#505050;}
					#cardList .intro a{ text-decoration:underline; color:#005335;}
					#cardList .intro a:hover{ text-decoration:none; color:#f85544;}
				#cardList .btn{ padding:0; margin:12px 0 0 320px; text-align:left; }
				#cardList .btn input{ margin-left:0; margin-right:8px;}
	.btn{ padding:12px 0; text-align:center;}
		.btn input{ margin:0 8px;}
	#buycardInfo{ padding:8px 0;}
		#buycardInfo .intro{ padding:22px 12px;}
			#buycardInfo .intro img{ float:left; margin:0 22px 5px 0;}
			#buycardInfo .intro .info{ padding:8px 0; line-height:180%;}
			.formArea{ display:inline-table; width:100%; margin:8px 0; border-collapse:collapse; border:1px solid #999; border-width:1px 0;}
				.formArea th, .formArea td{ padding:10px 3px; color:#505050; }
				.formArea th{ width:25%; text-align:right; font-weight:bold; color:#505050;}
				.formArea td{ }
				.formArea textarea{ width:80%; height:100px; }
	#payInfo{ padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #CCC; }
		#payInfo h3{ padding:4px 0 2px 40px; background:#adadad; font-size:14px; font-weight:bold; color:#FFF; }
		#payInfo dl.buyinfo{ padding:10px 0; width:450px;}
			#payInfo dl.buyinfo dt{ float:left; width:200px; height:40px; line-height:40px; text-align:right; font-weight:bold;}
			#payInfo dl.buyinfo dd{ float:left; width:230px; height:40px; line-height:40px; padding-left:5px; }
		#payInfo ul.paymentMethod{ }
			#payInfo ul.paymentMethod li{ float:left; width:33%; padding:30px 0; text-align:center; vertical-align:middle;}
				#payInfo ul.paymentMethod li input{ position:relative; top:-12px;}
/*========== ===============*/
.mainNav{}
	.mainNav .content{display:block;width:883px;background-color:#b8ae80;border:1px solid #887c44;border-width: 0 1px;height:auto;padding:3px;margin-left:1px;font-weight:bold;font-size:14px;line-height:18px;}
	.mainNav .content a{color:#fff;}
	.mainNav .content ul{line-height:22px;}
	.mainNav .content li{width:115px;height:16px;float:left;overflow:hidden;margin-left:10px;overflow:hidden;display:block;margin-top:5px;}
	.mainNav .title{height:7px;background:#b8ae80 url(../images/knowledge/knowledge_114.gif) repeat-x;font-size:6px;}
		.mainNav .title .r_t_l{float:left;background:url(../images/knowledge/knowledge_14.gif) no-repeat;width:13px;height:7px;}
		.mainNav .title .r_t_r{float:right;background:url(../images/knowledge/knowledge_17.gif) no-repeat;width:9px;height:7px;}
		.mainNav .bottom .r_t_l{float:left;background:url(../images/knowledge/knowledge_20.gif) no-repeat;width:13px;height:7px;}
	.mainNav .bottom{height:7px;background:#b8ae80 url(../images/knowledge/knowledge_113.gif) repeat-x;font-size:6px;}
		.mainNav .bottom .r_t_r{float:right;background:url(../images/knowledge/knowledge_22.gif) no-repeat;width:11px;height:7px;}
/*========== ===============*/
.subNav{width:802px;margin-left:90px;}
	.subNav .content{background-color:#fcf7e0;padding:5px;border:1px solid #cdc292;border-width:0 1px;}
	.subNav .content ul{line-height:20px;}
	.subNav .content li{width:126px;height:16px;float:left;overflow:hidden;margin-left:5px;overflow:hidden;display:block;margin-top:5px;}
	.subNav .bottom{height:6px;background:#b8ae80 url(../images/knowledge/knowledge_128.gif) repeat-x;font-size:5px;}
		.subNav .bottom .r_t_l{float:left;background:url(../images/knowledge/knowledge_26.gif) no-repeat;width:13px;height:6px;}
		.subNav .bottom .r_t_r{float:right;background:url(../images/knowledge/knowledge_28.gif) no-repeat;width:10px;height:6px;}
/*========== ===============*/
.class{margin-top:10px;}
	.class .title{background:url(../images/knowledge/knowledge_134.gif) repeat-x;height:29px;line-height:29px;}
		.class .title h3{background:url(../images/knowledge/knowledge_32.gif) no-repeat;font-size:12px;text-indent:1em;width:72px;float:left;}
		.class .title span{float:right;background:url(../images/knowledge/knowledge_34.gif) right top no-repeat;width:auto;height:29px;padding-right:5px;color:#888;}
	.class .content {background-color:#fafef9;padding:5px;border:1px solid #d6e2d4;border-width:0 1px;}
		.class .content li,.illName .content li{width:210px;height:16px;float:left;overflow:hidden;margin-left:10px;overflow:hidden;display:block;margin-top:5px;}
		/*.class .content li,.illName .content li{width:280px;height:16px;float:left;overflow:hidden;margin-left:10px;overflow:hidden;display:block;margin-top:5px;}*/
		.class .content li a,.illName .content li a{float:left;}
		.class .content li .explain,.illName .content li .explain{display:block;float:right;background: url(../images/knowledge/knowledge_43.gif) 0px 2px no-repeat;width:45px;height:18px;text-indent:18px;line-height:18px;}
	.class .bottom{height:6px;background:url(../images/knowledge/knowledge_146.gif) repeat-x;font-size:5px;}
		.class .bottom .r_t_l{float:left;background:url(../images/knowledge/knowledge_46.gif) no-repeat;width:15px;height:6px;}
		.class .bottom .r_t_r{float:right;background:url(../images/knowledge/knowledge_48.gif) no-repeat;width:11px;height:6px;}
/*========== ===============*/
.illName{margin-top:10px;}
	.illName .title{background:url(../images/knowledge/knowledge_151.gif) repeat-x;height:29px;line-height:29px;}
		.illName .title h3{background:url(../images/knowledge/knowledge_51.gif) no-repeat;font-size:12px;text-indent:1em;width:72px;float:left;}
		.illName .title span{float:right;background:url(../images/knowledge/knowledge_52.gif) right top no-repeat;width:auto;height:29px;padding-right:5px;color:#888;}
	.illName .content {width:890px;background-color:#fbfbfb;border:1px solid #cccccc;border-width:0 1px;}
	
	.illName .bottom{height:6px;background: url(../images/knowledge/knowledge_159.gif) repeat-x;font-size:5px;}
		.illName .bottom .r_t_l{float:left;background:url(../images/knowledge/knowledge_59.gif) no-repeat;width:10px;height:6px;}
		.illName .bottom .r_t_r{float:right;background:url(../images/knowledge/knowledge_62.gif) no-repeat;width:11px;height:6px;}
/*========== ===============*/
#payCard h2{line-height:20px;}
.text{float:left;}
.selectBook{width:56px;height:16px;background:url(../images/knowledge/knowledge_03.gif) no-repeat;border:none;cursor:pointer;color:#fff;}
.selectList{width:76px;height:25px;background:url(../images/knowledge/knowledge_06.gif) no-repeat;border:none;cursor:pointer}
.searchBtn{width:31px;height:25px;background:url(../images/knowledge/knowledge_08.gif) no-repeat;border:none;cursor:pointer}
.searchTxt{height:17px !important;*height:18px;}
.searchContent{float:right;margin-bottom:5px;}
/*========== ===============*/
.searchList {}
	.searchList h3{display:block;background:#f5f5f5;height:25px;line-height:25px;font-size:12px;font-weight:normal;text-indent:10px;}
	.searchList .searchText li{line-height:30px; border-bottom: 1px dotted #ccc;margin-left:10px;font-size:16px;font-family:@ΣΧΤ²;}