@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	size: 12px;
	color: #737373;
}

#container {
	width: 1000px;
	height: auto !important;
	height: 700px;
	min-height: 700px;
	margin: auto;
	position: relative;
}
#header {
	width: auto;
}
#content {
	width: auto;
	height: auto !important;
	height: 430px;
	min-height: 430px;
	padding-bottom: 20px;
	background: url(../images/bg_page.gif) #efefef repeat-x bottom left;
	position: relative;
}
#footer {
	width: auto;
	height: 65px;
}

#blogPart {
	position: absolute;
	width: 175px;
	height: 300px;
	top: 205px;
	left: 230px;
}

#write #content {
	background: url(../images/bg_write.jpg) transparent no-repeat top left;
	height: auto !important;
	height: 570px;
	min-height: 570px;
}
#msg {
	width: 603px;
	height: 430px;
	padding-top: 30px;
	position: absolute;
	top: 18px;
	left: 159px;
}
.blueBg {
	background: url(../images/bg_write_form_blue.jpg) transparent no-repeat top left;
}
.redBg {
	background: url(../images/bg_write_form_red.jpg) transparent no-repeat top left;
}
.blueBg .cate1:link, .blueBg .cate1:visited {
	display: block;
	width: 80px;
	height: 30px;
	font-size: 0 !important;
	font-size: 1px;
	color: #d4f3ff;
}
.blueBg input, blueBg textarea {
	border: 1px solid #6ccbff;
	background-color: #f3fcff;
}
.redBg input, .redBg textarea {
	border: 1px solid #ff7cbd;
	background-color: #fff4f9;
}
#msg .input1 {
	border: 0;
	height: 22px;
	color: #737373;
}
#msg span {
	color: #282828;
	font-size: 11px;
}
#promo {
	width: auto;
	height: 100px;
	position: absolute;
	bottom: 0;
	z-index: 10;
}
#call4action {
	width: 230px;
	height: 130px;
	position: absolute;
	z-index: 11;
	bottom: 0;
	right: 20px;
};
#call4action a:link, #call4action a:visited {
	display: block;
	width: 230px;
	height: 130px;
	background: url(../images/img_call4action_off.gif) transparent no-repeat left top;
}
#call4action a:hover {
	background: url(../images/img_call4action_off.gif) transparent no-repeat left top;
}

#code {
	visibility: hidden;
	position: absolute;
	width: 425px;
	height: 300px;
	right: 95px;
	top: 195px;
	z-index: 10;
}
#code2 {
	position: absolute;
	width: 425px;
	height: 300px;
	right: 95px;
	top: 195px;
	z-index: 10;
}
#getCode {
	position: absolute;
	width: 415px;
	height: 325px;
	right: 105px;
	top: 195px;
	z-index: 11;
	background: url(../images/bg_blog_code.jpg) transparent no-repeat top left;
}
#getCode input {
	border: 0;
	width: 260px;
	background-color: #f8f8f8;
	margin: 5px 10px 5px 20px;
	padding-top: 2px;
}
#getCode textarea {
	border: 0;
	background-color: #f8f8f8;
	width: 380px;
	height: 170px;
	margin: 5px 10px 5px 20px;
}
.codeBtn {
	text-align: center;
	padding: 10px 0;
}

#pro h2 {
	font-size: 0 !important;
	font-size: 1px;
	color: #efefef;
	background: url(../images/img_pro_headline.jpg) transparent no-repeat left top;
	width: 247px;
	height: 46px;
	margin: 0;
}
#proList {
	margin: 0 auto;
	padding: 0;
	width: 975px;
	height: 60px;
	b/order: 1px solid #666;
	background: url(../images/bg_pro_list.gif) transparent repeat-x left bottom;
}
#proList li {
	display: block;
	list-style-type: none;
	float: left;
	margin: auto;
	b/order: 1px solid #666;
}
#proList a {
	display: block;
	width: 134px;
	height: 60px;
	font-size: 0 !important;
	font-size: 1px;
	color: #efefef;
}
#proList .pro1 a:link, #proList .pro1 a:visited {
	background: url(../images/img_pro_nav1_off.jpg) transparent no-repeat left bottom;
}
#proList .pro1 a:hover {
	background: url(../images/img_pro_nav1_on.jpg) transparent no-repeat left bottom;
}
#proList .pro1 .current:link, #proList .pro1 .current:visited, #proList .pro1 .current:hover {
	background: url(../images/img_pro_nav1_current.jpg) transparent no-repeat left bottom;
}
#proList .pro2 a:link, #proList .pro2 a:visited {
	background: url(../images/img_pro_nav2_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro2 a:hover {
	background: url(../images/img_pro_nav2_on.jpg) transparent no-repeat left bottom;
}
#proList .pro2 .current:link, #proList .pro2 .current:visited, #proList .pro2 .current:hover {
	background: url(../images/img_pro_nav2_current.jpg) transparent no-repeat left bottom;
}
#proList .pro3 a:link, #proList .pro3 a:visited {
	background: url(../images/img_pro_nav3_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro3 a:hover {
	background: url(../images/img_pro_nav3_on.jpg) transparent no-repeat left bottom;
}
#proList .pro3 .current:link, #proList .pro3 .current:visited, #proList .pro3 .current:hover {
	background: url(../images/img_pro_nav3_current.jpg) transparent no-repeat left bottom;
}
#proList .pro4 a:link, #proList .pro4 a:visited {
	background: url(../images/img_pro_nav4_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro4 a:hover {
	background: url(../images/img_pro_nav4_on.jpg) transparent no-repeat left bottom;
}
#proList .pro4 .current:link, #proList .pro4 .current:visited, #proList .pro4 .current:hover {
	background: url(../images/img_pro_nav4_current.jpg) transparent no-repeat left bottom;
}
#proList .pro5 a:link, #proList .pro5 a:visited {
	background: url(../images/img_pro_nav5_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro5 a:hover {
	background: url(../images/img_pro_nav5_on.jpg) transparent no-repeat left bottom;
}
#proList .pro5 .current:link, #proList .pro5 .current:visited, #proList .pro5 .current:hover {
	background: url(../images/img_pro_nav5_current.jpg) transparent no-repeat left bottom;
}
#proList .pro6 a:link, #proList .pro6 a:visited {
	background: url(../images/img_pro_nav6_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro6 a:hover {
	background: url(../images/img_pro_nav6_on.jpg) transparent no-repeat left bottom;
}
#proList .pro6 .current:link, #proList .pro6 .current:visited, #proList .pro6 .current:hover {
	background: url(../images/img_pro_nav6_current.jpg) transparent no-repeat left bottom;
}
#proList .pro7 a:link, #proList .pro7 a:visited {
	background: url(../images/img_pro_nav7_off.jpg) transparent no-repeat left bottom;
	margin-left: 6px;
}
#proList .pro7 a:hover {
	background: url(../images/img_pro_nav7_on.jpg) transparent no-repeat left bottom;
}
#proList .pro7 .current:link, #proList .pro7 .current:visited, #proList .pro7 .current:hover {
	background: url(../images/img_pro_nav7_current.jpg) transparent no-repeat left bottom;
}
.book {
	width: 975px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	background-color: #fff;
	margin: auto;
	padding: 20px 0 0 0;
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #0289fe;
}
.proInfo {
	width: 225px;
	height: auto !important;
	height: 200px;
	min-height: 200px;
	padding: 0 10px;
	float: left;
	text-align: center;
}
.proInfo .cover {
	margin-top: 15px auto 10px auto;
	border: 1px solid #d5d5d5;
}
.proInfo h3 {
	width: auto;
	height: auto !important;
	height: 16px;
	min-height: 16px;
	text-align: left;
	margin: 15px auto 5px auto;
	font-size: 0 !important;
	font-size: 1px;
	color: #fff;
}
.proInfo p {
	width: auto;
	text-align: left;
	margin: 0 0 5px 0;
}
.proInfo .author {
	
}
.proInfo .about {
	background: url(../images/bg_pro_about.gif) transparent no-repeat left top;
}
.proInfo .work {
	background: url(../images/bg_pro_work.gif) transparent no-repeat left top;
}
.proInfo .blogLink {
	background: url(../images/bg_pro_bloglink.gif) transparent no-repeat left top;
}
/******100317新增******/
.proInfo .FETnet943 {
	background: url(../images/bg_pro_fetNet943link.gif) transparent no-repeat left top;
}
/******100317新增 end******/
.proInfo a:link, .proInfo a:visited {
	color: #666;
}
.proInfo a:hover {
	color: #0bb6fe;
}
.bookInfo {
	margin: 0 10px 0 255px;
	width: auto;
	color: #333;
	font-size: 13px;
}
.bookInfo p {
	text-indent: 1em;
	margin: 5px 0 20px 0;	
}
.bookInfo .image {
	width: 144px;
	float: left;
	text-indent: 0;
}
.bookInfo .image img {
	padding-bottom: 5px;
}
.bookInfo .ps {
	text-indent: 0;
	margin-top: 50px;
	font-size: 11px;
}
.book h4 {
	color: #05a4ff;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px dashed #c0e8ff;
}
.book h5 {
	color: #fd3fa3;
	margin: 5px 0;
}
.goTop {
	display: block;
	width: 48px;
	height: 17px;
	text-align: center;
	font-size: 0 !important;
	font-size: 1px;
	color: #0bb6fe;
	margin-left: 93%;
	background: url(../images/btn_gotop.jpg) transparent no-repeat left top;
}

.clear{
	clear:both;
	}