@charset "utf-8";
.boxgrid3{
	width: 476px;
	height: 317px;
	float:left;
	background:#161613;
	position: relative;
	overflow: hidden;
	margin: 0px;
			}
.boxgrid3   img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	height: auto;
	width: 476px;
				}
.boxgrid4{
	width: 234px;
	height: 156px;
	float:left;
	background:#161613;
	position: relative;
	overflow: hidden;
	margin: 0px;
			}
.boxgrid4    img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	height: auto;
	width: 234px;
				}
.boxgrid5{
	width: 476px;
	height: 156px;
	float:left;
	background:#161613;
	position: relative;
	overflow: hidden;
	margin: 0px;
			}
.boxgrid5     img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	height: auto;
	width: 476px;
				}
.index_h3  {
	color:#FFF;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: normal;
}
.index_p   {
	color:#FFF;
	font-weight: normal;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
.a7-5 {
	display: block;
	height: 317px;
	width: 476px;
	background-color: #CCCCCC;
	margin: 4px;
	overflow: hidden;
}
.b7-2 {
	background-color: #CCCCCC;
	display: block;
	height: 156px;
	width: 476px;
	margin: 4px;
}
.c3-2 {
	background-color: #999999;
	display: block;
	margin: 4px;
	height: 156px;
	width: 234px;
	float: left;
}
.d14-2 {
	display: block;
	height: 3px;
	width: 960px;
	background-color: #FF3333;
	margin: 4px;
}
.e3 {
	display: block;
	padding: 0px;
	height: auto;
	width: 306px;
	float: left;
	margin: 4px;
}
.e3-pic {
	background-color: #CCCCCC;
	height: 204px;
	width: 306px;
	margin-top: 5px;
	overflow: hidden;
}
.e3_h3_pic  {
	color: #000000;
}
.e3_h3_pic:hover  {
	text-decoration: underline;
	color: #FF3333;
}
.e3  li a:hover {
	color: #FF3333;
}


.e3-pic img {
	height: auto;
	width: 100%;
}
.e3 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	height: 3.3em;
	padding-top: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.e3 li a {
	font-size: 16px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	display: block;
	padding-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 3.75em;
}

.e3-1 {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.e3-1  span {
	margin: 0px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FF3333;
	display: block;
	padding-left: 0.5em;
	color: #000000;
}
.e3-1   span:hover {
	margin: 0px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FF3333;
	display: block;
	padding-left: 0.5em;
	color: #FF3333;
}





.bigindex  p {
	margin: 0px;
	padding: 0px;
	line-height: 2em;
	font-size: 15px;
	width: 198px;
}
.bigindex  img {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.banner {
	height: 280px;
	width: 640px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #999999;
}
.seriesbook .authors {
	height: 330px;
	width: 706px;
	border: 1px solid #DFDFDF;


}
.whitestyle {
	/*內光暈*/
    -webkit-box-shadow: inset 0 -15px 15px rgba(201,201,201,0.3);
	-moz-box-shadow: inset 0 -15px 15px rgba(201,201,201,0.3);
	box-shadow: inset 0 -15px 15px rgba(201,201,201,0.3);
	/*內光暈end*/
	left: 1px;
	top: 300px;
	height: 31px;
	width: 689px;
	position: absolute;
	
	
}
.whitestyle2 {
	width: 659px;
	position: absolute;
	left: 1px;
	top: 1px;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6666;

	
}

.searchauthor {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #FFFFFF;
	width: 638px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.19);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.19);
	box-shadow: 0 0 5px rgba(0,0,0,0.19);
	padding: 0px;
	position: relative;
}
.searchauthor  .author {
	margin: 10px;
	border: 1px solid #DFDFDF;
}
.searchauthor  img {
	margin: 11px;
	height: 80px;
	width: 80px;
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.searchauthor   .author   #form1   #searchauthor2 {
	height: 30px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 13px;
	/* 圓角樣式 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
    
	
    
}
.searchauthor   .author   .search {
	position: absolute;
	right: 0px;
	left: 315px;
	top: 13px;
	bottom: 0px;
	width: 318px;
	height: 92px;
}

.searchauthor    .h2  {
	padding: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
}
.searchauthor   .h2  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FF6666;
	margin: 0px;
	font-weight: normal;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.searchauthor  .h2  img {
	height: 32px;
	width: 32px;
	vertical-align:middle;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box_sin {
	float:left;
	width:145px;
	margin-right: 1px;
	margin-bottom: 12px;
	margin-left: 0px;
	}
.box_sin a {
	float:left;
	font-weight: bold;
	color: #333333;
	}
.box_sin    a:hover  {
	float:left;
	background-color: #CCCCCC;
	}
.box_sin    h3 {
	clear:both;
	line-height:15px;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	}
.blogspost-content .select-link {
	height: 60px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.blogspost-content  .select-link  .previous-next-link a {
	color: #999999;
	background-color: #FFFFFF;
	display: block;
	width: 310px;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 24px;
}
.blogspost-content   .select-link   .previous-next-link  a:hover {
	color: #000000;
	background-color: #E6E6E6;
}
.blogspost-content .sharebar {
	text-align: right;
	margin-top: 30px;
	margin-bottom: 20px;
}
.you-might-like-box a {
	width: 198px;
	display: inline-block;
	vertical-align: top;
	color: #000000;
}
.you-might-like-box  a:hover {
	color: #FF3333;
}
.you-might-like-box div {
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 198px;
	overflow: hidden;
}
.you-might-like-box p {
	margin: 0px;
	padding: 0px;
	line-height: 2em;
	font-size: 15px;
}
.you-might-like-box img {
	height: auto;
	width: 100%;
}


.rightbar02 {
	background-color: #eaeaea;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 15px;
	position: relative;
	overflow: hidden;

}
.rightbar03 {
	background: #fed185; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJkOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fed185 0%, #febd8c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed185), color-stop(100%,#febd8c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fed185 0%,#febd8c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fed185 0%,#febd8c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fed185 0%,#febd8c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fed185 0%,#febd8c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed185', endColorstr='#febd8c',GradientType=0 ); /* IE6-8 */

	margin-right: 20px;
	margin-bottom: 10px;
	padding: 15px;
	position: relative;
	overflow: hidden;

}
#subscription {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
	height: 24px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.subscriptionbutton a {
	background-color: #FF6666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 17px;
	padding-bottom: 5px;
	padding-left: 17px;
	text-align: center;
	display: inline-block;
}


.rightbar {
	background-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #DFDFDF;
	border-left-color: #D1D1D1;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6666;

}
.rightbar01 {
	background-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #DFDFDF;
	border-left-color: #D1D1D1;
	margin-right: 20px;
	/* margin-bottom: 10px;  底部切齊需關掉  */
	padding: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6666;
	position: relative;

}
.rightbar01    .graphic { padding: 0px; }
.rightbar01 .graphic li {
	overflow: hidden;
	display: block;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D1D1D1;
	padding-bottom: 7px;
}

.rightbar01 .graphic a { color: #333333; }
.rightbar01  .graphic  a:hover { color: #FF3333; }
.rightbar01   .graphic   .industrypic {
	float: left;
	height: auto;
	width: 67px;
	margin-right: 10px;
	overflow: hidden;
	border: 1px solid #DADADA;
}
.rightbar01  .graphic  .industrypic  img  {
	height: auto;
	width: 100%;
}



.rightbar01 .graphic .graphicpic {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	overflow: hidden;
}

.rightbar01 .graphic .graphictxt { overflow: hidden; }

.rightbar01 .graphic .graphictxt h4 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
}


.rightbar01    .h5 {
	font-size: 17px;
	color: #FF3333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}

.rightbar01  .content { padding: 0px; }
.rightbar01     .content   li  {
	list-style-type: disc;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	font-weight: bold;
	color: #000000;
	line-height: normal;
}
.rightbar01      .content    li em  {
	list-style-type: disc;
	font-weight: normal;
	color: #666666;
	display: block;
	font-style: normal;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rightbar01   .content   .newcomments  {
	list-style-image: url(/pic/member.jpg);
	list-style-type: none;
}
.rightbar01    .content    .newcomments li  {
	list-style-image: url(/pic/member.jpg);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: normal;
}
.rightbar01      .content      .newcomments   li  a  {
	list-style-image: url(/pic/member.jpg);
	list-style-type: none;
	line-height: normal;
	color: #000000;
}
.rightbar01       .content       .newcomments    li   a:hover  {
	list-style-image: url(/pic/member.jpg);
	list-style-type: none;
	line-height: normal;
	color: #FF6666;
}

.rightbar01    .content  li a {
	list-style-type: disc;
	font-weight: bold;
	color: #000000;
	display: block;
}
.rightbar01     .content   li  a:hover { color: #FF6666; 
}
.rightbar01     .member    {

	align: center;
	margin-right: auto;
	margin-left: auto;

}

.rightbar01       .member  .pic    {

	align: center;
	margin-right: auto;
	margin-left: auto;
	height: 130px;
	width: 130px;
	vertical-align: middle;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
.rightbar01        .member   .pic img    {

	height: auto;
	width: 100%;

}
.rightbar01 .member .rss { color: #000000; }
.rightbar01  .member  .rss a { color: #000000; }
.rightbar01  .member  .rss a:hover { color: #FF6666; }

.rightbar01  .content  img {
	height: 62px;
	width: 62px;
	padding: 5px;
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.celebritieslike {
	padding: 10px;
	height: auto;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: transparent;
	border-left-color: #D1D1D1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 938px;
	position: relative;
}
.celebritieslike h5 {
	font-size: 18px;
	display: block;
	margin: 5px;
}
.celebritieslike  h3 {
	font-size: 15px;
	display: block;
	margin: 0px;
	line-height: 1.3em;
	height: 41px;
	padding-right: 10px;
	padding-left: 10px;
}

.celebritieslike ul {
	margin-top: 15px;
	background-image: url(/pic/bookcase.png);
	background-repeat: no-repeat;
	height: 210px;
	background-position: right 185px;
}

.celebritieslike li {
	float: left;
	display: block;
	text-align: center;
	width: 152px;
	overflow: hidden;
	height: 210px;
}

.celebritieslike .leftpic {
	float: left;
	width: 129px;
	overflow: hidden;
	height: 183px;
	border: 1px solid #DADADA;
	margin-left: 10px;
	margin-bottom: 10px;
}
.celebritieslike  .leftpic img {
	width: 100%;
	height: auto;
}

.celebritieslike .righthidden {
	overflow: hidden;
	margin-left: 10px;
}


.celebritieslike .bookpic {
	background-color: #CCCCCC;
	height: 142px;
	width: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #dadada;
}
.righthidden p {
	font-size: 13px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #666666;
	height: 125px;
	overflow: hidden;
}
.celebritieslike   a { color: #000000; }
.celebritieslike  a:hover { color: #FF3300; }
.bookad-s img {
	height: auto;
	width: 211px;
}



.bookpic img {
	height: auto;
	width: 100%;
}



.blogsbackground {
	margin-right: 0px;
	margin-left: 0px;
	background-color: #666666;
	margin-bottom: 5px;
	background-image: url(/pic/big_bg02.jpg);
	background-attachment: scroll;
	margin-top: 0px;
}
.blogsbackground .title {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 210px;
	padding-bottom: 30px;
}

.rightbar01 .member .name {
	margin-top: 15px;
	margin-bottom: 20px;
}
.rightbar01  .member  .name a {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.rightbar01   .member   .name  a:hover { color: #FF5151; 
}
.rightbar01  .member  .followbutton a {
	display: inline-block;
	margin-bottom: 10px;
	width: 110px;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	color: #CACACA;
	background-color: #313337;
	border: 1px solid #313337;
	/*圓角開始*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
/*圓角結束*/
}
.blogspage {
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
	clear:both
}
.blogspage a {
	border: 1px solid #cdcdcd;
	color: #333333;
	/* 圓角開始 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* 圓角結束 */
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin-right: 4px;
	margin-left: 3px;
	transition: background-color 0.1s;
    -webkit-transition: background-color 0.1s; /* Chrome & safari */
    -moz-transition: background-color 0.1s; /* firefox */

}

.blogspage  a:hover {
	border: 1px solid #313337;
	color: #FFFFFF;
	background-color: #313337;

}
.blogspage2 {
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
}


.rightbar01   .member   .followbutton  a:hover {
	border: 1px solid #FFFFFF;
	display: inline-block;
	color: #FFFFFF;
	background-color: #FF5151;
}


.blogsbackground .title .big {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	line-height: normal;
}

.blogsbackground .title .small {
	color: #FFFFFF;
	line-height: normal;
}


.text-shadow{
/*陰影開始    陰影距離文字最左方多少px、陰影距離文字最上方多少px、陰影的暈開程度   */
text-shadow:0px  4px  20px  #999999;
/*陰影結束*/
}
.followauthor {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.followauthor  img  {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 50px;
}
.mainnewpost ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mainnewpost li {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}

.mainnewpost li h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.mainnewpost li em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	line-height: 1.2em;
}

.mainnewpost li p {
	font-size: 13px;
	margin: 0px;
	line-height: 1.2em;
}
.mainnewpost a {
	color: #000000;
	display: block;
	padding: 5px;
}
.mainnewpost  a:hover {
	display: block;
	background-color: #EAEAEA;
}
.mainnewpost {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	position: relative;
}
.mainnewpost  .mainnewpostcolor  {
	background-color: #FF3333;
	height: 20px;
	width: 10px;
	position: absolute;
	left: -20px;
	top: 11px;
}
.mainbooktalk {
	width: 310px;
	float: left;
	margin-top: 10px;
	padding: 5px;
}
.mainnewpost .maintitle {
	font-size: 17px;
	font-weight: bold;
}


.mainbooktalk .mainbooktalktxt h4 {
	padding: 0px;
	font-size: 22px;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.mainbooktalk .mainbooktalktxt em {
	font-style: normal;
	color: #999999;
}

.mainbooktalkpic {
	float: left;
	margin-right: 10px;
}

.mainbooktalktxt { overflow: hidden; }


.mainnewpost .more { text-align: right; }
.mainnewpost  .more a {
	text-align: right;
	padding: 0px;
	background-color: #FFFFFF;
}
.mainnewpost   .more  a:hover {
	text-align: right;
	padding: 0px;
	background-color: #FFFFFF;
	color: #FF3333;
}
#project .projectbox {
	width: 197px;
	float: left;
}
.honorwall {
	background-image: url(/pic/honorwallbg.png);
	height: 80px;
	padding: 5px;
}
.rightbar01 .content .honorwall img {
	height: auto;
	width: 40px;
	margin-top: 8px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}



#project .projectbox img {
	height: 114px;
	width: 177px;
}

#project .projectbox h5 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D1D1D1;
	padding-bottom: 0.5em;
}

#project .projectbox em {
	font-size: 13px;
	font-style: normal;
	color: #666666;
	line-height: 1em;
	margin-top: 10em;
}
#project .projectbox a {
	color: #000000;
	display: block;
	padding: 10px;
	width: 177px;
}
#project  .projectbox  a:hover {
	color: #000000;
	background-color: #EAEAEA;
	display: block;
	padding: 10px;
	width: 176px;
}
#project   .projectboxclear   { color: #5ED785; 
}



.center {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	position: relative;
	background-image: url(/pic/big_bg03.jpg);
	background-repeat: no-repeat;
	padding-top: 130px;
	background-color: #FFFFFF;
}




.center ul {
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 306px;
}

.center li {
	float: left;
	display: block;
	text-align: center;
	width: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 13px;
	line-height: 1em;
	color: #959595;
}
.center  li a { color: #959595; 
}
.center   li  a:hover { color: #FF6666; 
}

.center li p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 1em;
	display: block;
	color: #000000;
}

.aboutauthor {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 2.5ex;
	font-weight: normal;
}

.authorfollowbutton {
	margin-right: auto;
	margin-left: auto;
	width: 100px;
	margin-bottom: 20px;
	text-align: center;
}
.authorfollowbutton a {
	color: #CCCCCC;
	background-color: #333333;
	display: block;
	padding: 10px;
	font-size: 15px;
}
.authorfollowbutton  a:hover {
	color: #FFFFFF;
	background-color: #FF3333;
}

.authorname {
	font-size: 25px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.colorblack {
	background-color: #000000;
	height: 5px;
	width: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.featuredbooks {
	background-image: url(/pic/bookbg.png);
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;
}

.featuredbooks img {
	height: 92px;
	width: 65px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 45px;
	margin-left: 5px;
}


.blogspost {
	margin-right: 25px;
	margin-left: 20px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
}
.blogspost h1 {
	font-weight: normal;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}
.blogspost  h1 a {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3em;
	display: block;
	color: #000000;
}
.blogspost   h1  a:hover {
	display: block;
	color: #FF5151;
}
.blogspost   .meta-pic img {
	float: left;
	height: auto;
	width: 80px;
	margin-right: 10px;
	margin-top: 15px;
}


.blogspost .blogspost-content {
	overflow: hidden;
}
.blogspost-content .leftbar01 {
	background-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #DFDFDF;
	border-left-color: #D1D1D1;
	padding: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6666;
	clear: none;
	margin-bottom: 10px;
	display: block;

}
.blogspost-content      .leftbar01 .h5 {
	font-size: 18px;
	color: #FF3333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}
.blogspost-content   .leftbar01  .response {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	/*div不塌陷*/
	display: inline-block;
	padding-top: 10px;
	width: 100%;
	/*div不塌陷end*/
	
}



.blogspost-content   .leftbar01  .response:after {
/*div不塌陷*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/*div不塌陷end*/


.blogspost-content  .leftbar01  .response .re-member {
	float: left;
	text-align: center;
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 15px;
	margin-left: 15px;
}
.blogspost-content    .leftbar01    .response    .re-member   img {
	
	height: auto;
	width: 50px;
	overflow: hidden;
}

.blogspost   .blogspost-content   .leftbar01  .response .re-content {
	overflow: hidden;
	position: relative;
}
.content_like {
	position: absolute;
	text-align: right;
	width: 60px;
	height: 20px;
	right: 50px;
}
.content_unlike {
	position: absolute;
	text-align: left;
	width: 50px;
	height: 20px;
	right: 0px;
}
.content_like_unlike_color  a {
	color: #A5A5A5;
}
.content_like_unlike_color   a:hover {
	color: #FF5151;
}



.blogspost .blogspost-content .leftbar01 .response .re-content .memberfunction { text-align: right; }
.blogspost  .blogspost-content  .leftbar01  .response  .re-content  .memberfunction a {
	color: #D2D2D2;
}
.blogspost   .blogspost-content   .leftbar01   .response   .re-content   .memberfunction  a:hover {
	color: #EE4848;
}

.blogspost .blogspost-content .leftbar01 .response .re-content .membername em {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.blogspost .blogspost-content .leftbar01 .response .re-content .membername a { color: #E64848; }
.blogspost  .blogspost-content  .leftbar01  .response  .re-content  .membername  a:hover { text-decoration: underline; }

.blogspost .blogspost-content .leftbar01 .response .re-content .membername {
	padding: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.1em;
	margin-left: 0px;
	line-height: 1.5em;
	font-size: 15px;
}

.blogspost .blogspost-content .leftbar01 .response .re-content .membercontent {
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.blogspost .blogspost-content .leftbar01 .response .re-content #member-txt {
	padding: 2px;
	margin-bottom: 10px;
	height: 100px;
	width: 515px;
	resize: none;
}
.blogspost     .blogspost-content     .leftbar01     .response     .re-content     .memberpost    {
	text-align: right;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 12px;
	color: #8C8C8C;
}
.blogspost    .blogspost-content    .leftbar01    .response    .re-content    .memberpost  a  {
	font-size: 15px;
	color: #FFFFFF;
	background-color: #FF5151;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: 10px;
}
.blogspost .blogspost-content .leftbar01 .response .re-content .re-login { text-align: center; }
.blogspost   .blogspost-content   h4 a  {
	color: #000000;
	font-size: 19px;
	line-height: 1.3em;
}

.feed {
	width: 955px;
	padding-right: 25px;
	padding-left: 20px;
	background-image: url(/pic/big_bg01.jpg);
	background-repeat: no-repeat;
}

.feed .feed_left {
	float: left;
	margin-top: 200px;
}

.feed .feed_right {
	float: right;
	width: 820px;
	margin-top: 260px;
}

.feed .feed_right h3 {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 1em;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}

.feed .feed_right p {
	padding: 0px;
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.feed .feed_down {
	clear: both;
	margin-bottom: 20px;
	height: 20px;
	text-align: right;
	padding-top: 10px;
	font-size: 12px;
	color: #8C8C8C;
}
.feed  .feed_down a {
	color: #CCCCCC;
	background-color: #3E3E3E;
	padding-top: 8px;
	padding-right: 17px;
	padding-bottom: 8px;
	padding-left: 17px;
	margin-left: 10px;
	font-size: 15px;
}
.feed   .feed_down  a:hover {
	color: #F8F8F7;
	background-color: #FF3333;
	font-size: 15px;
}


.blogspost .blogspost-content .entry-date {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 13px;
	color: #999999;
}
.blogspost  .blogspost-content  .entry-date a {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 13px;
	color: #999999;
}
.blogspost   .blogspost-content   .entry-date  a:hover { color: #FF3333; 
}
.industrynews{
	float: left;
	height: 127px;
	width: 190px;
	overflow:hidden;
	margin-right: 15px;
	margin-top: 15px;
	border: 1px solid #CCCCCC;
}

.industrynews     img  {

	height: auto;
	width: 100%;

}
.leftdate { float: left; }

.likeplace { overflow: hidden; }



.keyword {
	color: #FF6666;
	height: 2em;
	overflow: hidden;
}
.keyword a { color: #FF6666; }
.keyword  a:hover { text-decoration: underline; }

.blogspost  .blogspost-content  .entry-txt  {
	margin-bottom: 10px;
	color: #666666;
	line-height: 1.5em;
	height: 4.75em;
	overflow: hidden;
}
.blogspost   .blogspost-content   .entry-intxt  {
	margin-bottom: 10px;
	color: #000000;
	line-height: 1.8em;
	margin-top: 20px;
	font-size: 16px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.blogspost .blogspost-content .entry-intxt .entry-pic {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	width: 635px;
	overflow: hidden;
}


.blogspost .blogspost-content .re { text-align: right; }
.blogspost  .blogspost-content  .re a {
	text-align: right;
	color: #666666;
}
.blogspost   .blogspost-content   .re  a:hover {
	text-align: right;
	color: #FF6666;
}

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

/*輪播*/
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;  
}
 
a img {
	border: none;
}
 
.abgne-block-1 {
	width: 230px;	/* 框架圖片的寬 */
	height: 250px;	/* 框架圖片的高 */
	position: relative;
	background: url('file://///SWERP/InnerWeb/author/images/frame.gif') no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
 
.abgne-block-1 a.prev, .abgne-block-1 a.next {
	position: absolute;
	top: 107px;
	display: block;
	width: 40px;	/* 左右鈕圖片的寬 */
	height: 40px;	/* 左右鈕圖片的高 */
	text-indent: -9999px;

}
 
.abgne-block-1 .prev {
	background-image: url(/pic/pre.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: -12px;

}
.abgne-block-1  .prev:hover {
	background-image: url(/pic/pre_b.png);
	background-repeat: no-repeat;
}
.abgne-block-1   .prev:active {
	background-image: url(/pic/pre_c.png);
	background-repeat: no-repeat;
}
 
.abgne-block-1 .next {
	right: 0px;
	background-image: url(/pic/next.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: 202px;
}
.abgne-block-1  .next:hover {
	right: 0px;
	background-image: url(/pic/next_b.png);
	background-repeat: no-repeat;
	left: 202px;
}
.abgne-block-1   .next:active {
	right: 0px;
	background-image: url(/pic/next_c.png);
	background-repeat: no-repeat;
	left: 202px;
}
 
.abgne-block-1 .slides {
	overflow: hidden;
	position: relative;
	top: 32px;
	left: 50px;
	width: 130px;	/* 框架中間區塊的寬 */
	height: 250px;	/* 框架中間區塊的高 */
}
 
.abgne-block-1 .slides ul {
	position: absolute;
	width: 800px;
	height: 100%;
	left: 0px;
	top: 0px;
}
 
.abgne-block-1 .slides li {
	width: 130px;	/* 框架中間區塊的寬 */
	height: 100%;
	float: left;
}
.abgne-block-2/*輪播end*/
 
 {
	width: 230px;	/* 框架圖片的寬 */
	height: 250px;	/* 框架圖片的高 */
	position: relative;
	background: url('file://///SWERP/InnerWeb/author/images/frame.gif') no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.abgne-block-2   a.prev, .abgne-block-2   a.next {
	position: absolute;
	top: 106px;
	display: block;
	width: 40px;	/* 左右鈕圖片的寬 */
	height: 40px;	/* 左右鈕圖片的高 */
	text-indent: -9999px;
}
.abgne-block-2  .prev {
	background-image: url(/pic/pre.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: -12px;
}
.abgne-block-2   .prev:hover {
	background-image: url(/pic/pre_b.png);
	background-repeat: no-repeat;
}
.abgne-block-2    .prev:active {
	background-image: url(/pic/pre_c.png);
	background-repeat: no-repeat;
}
.abgne-block-2  .next {
	right: 2px;
	background-image: url(/pic/next.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: 202px;
}
.abgne-block-2   .next:hover {
	right: 2px;
	background-image: url(/pic/next_b.png);
	background-repeat: no-repeat;
}
.abgne-block-2    .next:active {
	right: 2px;
	background-image: url(/pic/next_c.png);
	background-repeat: no-repeat;
}
.abgne-block-2  .slides {
	overflow: hidden;
	position: relative;
	top: 32px;
	left: 50px;
	width: 130px;	/* 框架中間區塊的寬 */
	height: 250px;	/* 框架中間區塊的高 */
}
.abgne-block-2  .slides  ul {
	position: absolute;
	width: 800px;
	height: 100%;
	left: 0px;
	top: 0px;
}
.abgne-block-2  .slides  li {
	width: 130px;	/* 框架中間區塊的寬 */
	height: 100%;
	float: left;
}
.abgne-block-3/*輪播end*/
 
 {
	width: 600px;	/* 框架圖片的寬 */
	height: 250px;	/* 框架圖片的高 */
	position: relative;
	background: url('file://///SWERP/InnerWeb/author/images/frame.gif') no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.abgne-block-3    a.prev, .abgne-block-2    a.next {
	position: absolute;
	top: 106px;
	display: block;
	width: 40px;	/* 左右鈕圖片的寬 */
	height: 40px;	/* 左右鈕圖片的高 */
	text-indent: -9999px;
}
.abgne-block-3   .prev {
	background-image: url(/pic/pre.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: -20px;
	position: absolute;
}
.abgne-block-3    .prev:hover {
	background-image: url(/pic/pre_b.png);
	background-repeat: no-repeat;
}
.abgne-block-3     .prev:active {
	background-image: url(/pic/pre_c.png);
	background-repeat: no-repeat;
}
.abgne-block-3   .next {
	right: 2px;
	background-image: url(/pic/next.png);
	background-repeat: no-repeat;
	transition: background-image 0.2s;
	-webkit-transition: background-image 0.2s; /* Chrome & safari */
	-moz-transition: background-image 0.2s; /* firefox */
	left: 579px;
	position: absolute;
	top: 106px;
	width: 40px;
	height: 40px;
}
.abgne-block-3    .next:hover {
	right: 2px;
	background-image: url(/pic/next_b.png);
	background-repeat: no-repeat;
}
.abgne-block-3     .next:active {
	right: 2px;
	background-image: url(/pic/next_c.png);
	background-repeat: no-repeat;
}
.abgne-block-3   .slides {
	overflow: hidden;
	position: relative;
	top: 32px;
	left: 26px;
	width: 600px;	/* 框架中間區塊的寬 */
	height: 250px;	/* 框架中間區塊的高 */
}
.abgne-block-3   .slides   ul {
	position: absolute;
	width: 685px;
	height: 186px;
	left: 0px;
	top: 0px;
}
.abgne-block-3   .slides   li {
	width: 130px;	/* 框架中間區塊的寬 */
	height: 100%;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}

/*輪播end*/

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

/*blogtab*/
.blog_tab {
	clear: left;
	width: 633px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
ul.tabs  {
	width: 100%;
	height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D1D1D1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D1D1D1;
	}
ul.tabs  li  {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
	width: 90px;
	background-color: #313337;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D1D1D1;
	border-bottom-color: #D1D1D1;
	border-left-color: #D1D1D1;
	border-right-color: #D1D1D1;
	}

ul.tabs  li  a  {
	display: block;
	color: #999999;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: center;
	}

ul.tabs  li  a:hover  {
	color: #FFFFFF;
	background-color: #FF5151;
	}

ul.tabs  li.active   {
		background: #fff;
		border-bottom: 1px solid #fff;
	}

ul.tabs  li.active  a:hover  {
	background: #fff;
	color: #999999;
	}
div.tab_container  {
	clear: left;
	width: 100%;
	background: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D1D1D1;
	border-right-color: #D1D1D1;
	border-bottom-color: #D1D1D1;
	border-left-color: #D1D1D1;
	}
	
	
	
div.tab_container  .tab_content  {
	padding: 20px;
	height: 455px;
	}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container   #first  a  {
	float: left;
	margin-right: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	width: 185px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.tableshadow   .blogspost   .blogspost-content   .blog_tab   .tab_container   #first   a:hover   { background-color: #E1E1E1; 
}
.tableshadow   .blogspost   .blogspost-content   .blog_tab   .tab_container   #first   .pic  {
	height: 123px;
	width: 185px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container  #first  img  {
	height: auto;
	width: 100%;
}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container  #second  li  {
	display: block;
	float: left;
	height: 120px;
	margin: 0px;
	width: 280px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	overflow: hidden;
}
.tableshadow   .blogspost   .blogspost-content   .blog_tab   .tab_container   #second   li:hover   { background-color: #DDDDDD; 
}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container   #second  .secondtxt  h4  {
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.7em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 3em;
}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container  #second  .secondpic  {
	float: left;
	margin-right: 10px;
}
.tableshadow   .blogspost   .blogspost-content   .blog_tab   .tab_container   #second   .secondpic   img  {
    /*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	/*圓形end*/ 
}
.tableshadow  .blogspost  .blogspost-content  .blog_tab  .tab_container  #second  .secondtxt  {
	overflow: hidden;
	color: #333333;
	font-size: 13px;
	line-height: 1.5em;
}

div.tab_container  .tab_content  h2  {
		margin: 0 0 20px;
	}
	
	
	
	
	
.rightbar01 .star {
	height: 100px;
	width: 100px;
	position: absolute;
	left: -8px;
	top: -10px;
	background-image: url(/pic/future.png);
	background-repeat: no-repeat;
}	
	
.tableshadow  .most-ad { margin-bottom: 20px; }


.rightbar01 .hottag { display: block; }
.rightbar01 .hottag a {
	font-size: 13px;
	color: #333333;
	display: block;
	margin: 2px;
	float: left;
	border: 1px solid #D1D1D1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
.rightbar01  .hottag  a:hover {
	color: #FF6666;
	border: 1px solid #FF6666;
}

.rightbar01 .hottag:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.blogspost .blogspost-content .leftbar01 .blog-team { display: block; }
.tableshadow .blogspost .blogspost-content .leftbar01 .blog-team .bookhot {
	margin-right: 10px;
	margin-bottom: 20px;
}

.tableshadow  .blogspost  .blogspost-content  .leftbar01  .blog-team  .bookhotpic {
	float: left;
	margin-right: 10px;
	background-color: #CCCCCC;
	width: 61px;
}
.tableshadow  .blogspost  .blogspost-content  .leftbar01  .blog-team  .bookhottxt  h6  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
}
.tableshadow   .blogspost   .blogspost-content   .leftbar01   .blog-team   .bookhottxt   h6 a  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	width: 220px;
	text-align: left;
}

.tableshadow  .blogspost  .blogspost-content  .leftbar01  .blog-team  .bookhotpic  img {
	height: 100%;
	width: 100%;
}


.tableshadow .blogspost .blogspost-content .leftbar01 .blog-team .bookhottxt {
	overflow: hidden;
	width: 220px;
}

.tableshadow .blogspost .blogspost-content .leftbar01 .blog-team li {
	display: block;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

.tableshadow .blogspost .blogspost-content .leftbar01 .blog-team li :hover {
/* background-color:#DFDFDF  */
}





.blogspost .blogspost-content .leftbar01 .blog-team a {
	display: block;
	float: left;
	margin-right: 3px;
	width: 293px;
	font-size: 13px;
	line-height: 1.5em;
	margin-left: 3px;
	color: #000000;
}
.blogspost  .blogspost-content  .leftbar01  .blog-team  a:hover { color: #FF0000; 
}
.blogspost  .blogspost-content  .leftbar01  .blog-team  div {
	height: 195px;
	width: 293px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.blogspost .blogspost-content .leftbar01 .blog-team img {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.blog-team h3 {
	font-size: 17px;
	margin: 0px;
	line-height: 1.3em;
	height: 2.6em;
	padding-top: 5px;
	display: block;
}
.blog-team p {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	height: 5em;
	display: block;
	overflow: hidden;
}
.tableshadow   .blogspost   .blogspost-content   .leftbar01   .blog-newbooks   li {
	display: block;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}
.tableshadow   .blogspost   .blogspost-content   .leftbar01   .blog-newbooks   li :hover   {
/* background-color:#DFDFDF  */
}
.blogspost   .blogspost-content   .leftbar01   .blog-newbooks   a {
	display: block;
	float: left;
	margin-right: 3px;
	width: 144px;
	font-size: 13px;
	line-height: 1.5em;
	margin-left: 3px;
	color: #000000;
}
.blogspost   .blogspost-content   .leftbar01   .blog-newbooks   a:hover { color: #FF0000; 
}
.blogspost   .blogspost-content   .leftbar01   .blog-newbooks   div {
	height: 203px;
	width: 144px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.blogspost  .blogspost-content  .leftbar01  .blog-newbooks  img {
	height: auto;
	width: 142px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
.blog-newbooks  h3 {
	font-size: 17px;
	margin: 0px;
	line-height: 1.3em;
	height: 2.6em;
	padding-top: 5px;
}
.blog-newbooks  p {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}



#abBlock {
	width: 633px;
	height: 258px;
	position: relative;
	overflow: hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	}

#abBlock  ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
	}
#abBlock  ul.list  li {
	float: left;
	width: 633px;
	height: 100%;
	}
#abBlock   ul.list2 {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
	}
#abBlock   ul.list2   li {
	float: left;
	width: 633px;
	height: 100%;
	}
.feed-tag h2 { font-size: 28px; }

.feed-tag p {
	margin: 0px;
	font-size: 13px;
	line-height: 1.3em;
}

.feed-tag { margin-bottom: 20px; }

#abBlock  .list  img{
	border: 0;
	height: 258px;
	width: 631px;
	}
#abBlock   .list2   img{
	border: 0;
	height: auto;
	width: 300px;
	}
#abBlock  ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 14px;
	}
#abBlock  ul.playerControl  li {
	float: left;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-image: url(/pic/cir_ctrl.png);
	background-repeat: no-repeat;
	background-position: -15px 0;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 2px;
	}
#abBlock  ul.playerControl  li.current { 
		background-position: 0 0;
	}
.bigtitle {
	font-size: 26px;
	float: left;
	margin-left: 55px;
	margin-top: 25px;
	font-weight: bold;
}

.findauthor {
	width: 1000px;
	/*div不塌陷*/
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	/*div不塌陷end*/
}
.findauthor /*div不塌陷end*/


 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.findauthor   li {
	float: left;
	list-style-type: none;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
}
.acontainer {
	width:200px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.amainContent {
	margin-bottom:5px;
	display: block;
	height: 90px;
}
.event {
	margin-top: 10px;
	margin-right: 46px;
	margin-bottom: 10px;
	margin-left: 46px;
	width: 900px;
}
.eventselect {
	margin-right: 46px;
	margin-left: 46px;
	text-align: right;
}

#eventselect {
	padding: 5px;
	border: 1px solid #CCCCCC;
}


.eventbox {
	float: left;
	width: 185px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	height: 455px;
	transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s; /* Chrome & safari */
	-moz-transition: background-color 0.5s; /* firefox */
}
.eventbox:hover {
	text-decoration: none;
	color: #000000;
	background-color: #E6E6E6;
}

.eventpic {
	background-color: #666666;
	height: 262px;
	width: 185px;
	overflow: hidden;
}
.eventpic img {
	height: 262px;
	width: 185px;
	margin: 0px;
	padding: 0px;
}

.eventbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.3em;
	height: 61px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
}


.asidebar {
	float:left;
	width:80px;
	height: 80px;
	overflow: hidden;
/*-----------------------------------------*/	
	text-align : center;
    
  	/* Firefox, Chrome */
  	line-height : 77px;
  	white-space : nowrap;
    
 	 /* IE */
 	 *font-size : 69px;  /* 80px * 0.873 = 69.84px */
 	 *font-family : Arial;
	
}
.asidebar img {
	width: 100%;
	height: auto;
/*-----------------------------------*/
	vertical-align : middle;
}

.asidebar:after {
  content : ".";
  font-size : 0;
  -webkit-text-size-adjust : none;
}



.acontent {
	float:right;
	width:110px;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	height: 50px;
	padding-top: 28px;
}/*ie3bug*/
.acontent   a     { color: #000000; 
}
.acontent    a:hover     { color: #FF3333; }
.findauthor ul {
	padding: 0px;
	margin-right: 40px;
	margin-left: 40px;
}

.findauthor     .acontainer     .afooter   ul {
	margin: 0px;
	padding: 0px;
}
.findauthor      .acontainer     .afooter    li {
	display: block;
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.findauthor    .acontainer          .afooter      li     a {
	display: block;
	float: left;
	list-style-type: none;
	background-color: #313337;
	width: 80px;
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 13px;
}
.findauthor     .acontainer           .afooter       li      a:hover {
	background-color: #FF3333;
	color: #FFFFFF;
	text-decoration: none;
}
.afooter { height:35px; 
}

.circle {
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 3px solid #FFFFFF;
	/*圓形end*/ 
	
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	box-shadow: 0 2px 6px rgba(0,0,0,0.30);



}


.tableshadow .authormenu {
	width: auto;
	margin-right: 69px;
	margin-top: 10px;
	height: 32px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.tableshadow  .authormenu  li a {
	display: block;
	float: right;
	color: #737373;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.tableshadow   .authormenu   li  a:hover {
	display: block;
	float: right;
	color: #737373;
	font-size: 15px;
	background-color: #DFDFDF;
}
.roundcorner{

/* 圓角開始 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* 圓角結束 */
}
.shelf {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	width: 1000px;
	padding-bottom: 20px;
}
.shelfauthor {
	float: left;
	width: 210px;
}

.shelfuse { position: relative; 
}

.shelfuse  ul {
	height: 32px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width: 405px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.shelfabout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #333333;
	padding-right: 40px;
}

.shelfuse  li {
	float: left;
	display: block;
	text-align: center;
	width: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 13px;
	line-height: 1em;
	color: #959595;
}
.shelfuse  li  p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 1em;
	display: block;
	color: #000000;
}
.shelfleft {
	float: left;
	width: 210px;
}
.shelfleft ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding: 10px;
}
.shelfnumber {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	overflow: hidden;
	display: block;
	text-align: center;
}

.shelfleft h3 {
	font-size: 42px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}

.shelfleft  li a {
	display: block;
	padding: 10px;
	color: #333333;
	font-size: 15px;
}
.shelfleft   li  a:hover {
	background-color: #DFDFDF;
	color: #000000;
}
.shelfleft    li   a:active {
	background-color: #FF5151;
	color: #000000;
}

.shelfright {
	overflow: hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DFDFDF;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	background-image: url(/pic/shelfbg.png);
	background-repeat: no-repeat;
}




/*--------------書櫃---------------------*/


.shelfname{
	color:#FFF;
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.eventarticle {
	padding-left: 20px;
	margin: 0px;
	padding-right: 20px;
}
.eventarticleleft {
	float: left;
	margin-bottom: 20px;
}

.eventarticleright {
	overflow: hidden;
	padding-left: 20px;
	height: 381px;
}

.eventarticleright h1 {
	font-size: 35px;
	height: 2.5em;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

.eventdate li {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	display: block;
}
.eventbutton1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FF3333;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.eventbutton1  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E4E4E4;
	background-color: #D62525;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.eventbutton2  a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #B3B3B3;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.eventbutton2   a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EBEBEB;
	background-color: #959595;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.eventbutton3   a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #EAEAEA;
}
.eventbutton3    a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
}


.eventdatenumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: lighter;
	display: inline-block;
	vertical-align: middle;
}

.eventarticledown {
	clear: both;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	padding-bottom: 20px;
}
.eventarticledown li {
	font-size: 15px;
	margin-bottom: 5px;
}

.eventarticletxt {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	padding-top: 20px;
	padding-bottom: 20px;
}
.eventarticletxt p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

#bigsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding: 9px;
	width: 350px;
	border: 1px solid #999999;
	float: left;
	margin: 0px;
}

.bigsearch {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 500px;
	height: 50px;
}
.bigsearchbutton { float: right; 
}
.bigsearchbutton a {
	padding: 9px;
	color: #FFFFFF;
	background-color: #FF4444;
	width: 100px;
	text-align: center;
	border: 1px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	float: right;
}
.bigsearchbutton  a:hover {
	padding: 9px;
	color: #FFFFFF;
	background-color: #FF6262;
	width: 100px;
	text-align: center;
	border: 1px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	float: right;
}
.bigsearchbutton  a:active {
	padding: 9px;
	color: #FFFFFF;
	background-color: #E74747;
	width: 100px;
	text-align: center;
	border: 1px solid #DD0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	float: right;
}
.searchbox {
	margin: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.searchmenu {
	float: left;
	margin-right: 20px;
}

.searchmenu ul { }

.searchmenu li {
	display: block;
	text-align: center;
}
.searchmenu  li a {
	width: 140px;
	display: block;
	text-align: center;
	padding: 10px;
	color: #666666;
	background-color: #E8E9EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.searchmenu   li  a:hover {
	color: #FFFFFF;
	background-color: #FF5151;
}

.searchlist { overflow: hidden; }
.searchlist p {
	font-size: 13px;
	color: #999999;
}

.searchlist li {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDDDE;
	padding-top: 10px;
	padding-bottom: 10px;
}

.searchlist_info {
	float: left;
	width: 70%;
}
.searchlist_info a {
	color: #FF5151;
	text-decoration: none;
}
.searchlist_info  span {
	color: #518DFF;
	text-decoration: underline;
}
.searchlist_info h2 {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


.searchlist_info p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0px;
	color: #333333;
}


.searchlist_pic {
	float: right;
	overflow: hidden;
	width: 100px;
	height: 142px;
	margin-right: 40px;
}

.searchlist_pic img {
	width: 100%;
	height: auto;
}








.boxgridbook {
	float: left;
	position: relative;
}
.booklist {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 53px;
}

.booklist  ul {
	background-color: #E1E1E1;
	width: 960px;
}
.booklist  li a {
	display: block;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #1E1E1E;
	float: left;
	padding-right: 1em;
	padding-left: 1em;
}
.booklist   li  a:hover {
	background-color: #CCCCCC;
	color: #000000;
}
.booklist    li   a:active {
	background-color: #999999;
	color: #000000;
}
.categorybox {
	margin-right: 20px;
	margin-left: 20px;
}
.categorybox    li {
	display: block;
	width: 89px;
	float: left;
	padding: 10px;
	text-align: center;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s; /* firefox */
}
.categorybox     li:hover {
	background-color: #D7D7D7;
	/* 圓角開始 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* 圓角結束 */
}
.categorybox    img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #d2d2d2;
	height: auto;
	width: 65px;
}
.categorybox    h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0px;
	display: block;
	font-style: normal;
	color: #463C3B;
}
.categorybox        .title {
	font-size: 17px;
	color: #333333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}
.categorybox  em {
	font-size: 13px;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #787878;
}
.category1 {
	float: left;
	width: 438px;
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #dfdfdf;
	border-left-color: #dfdfdf;
	overflow: hidden;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s; /* firefox */
}
.category1:hover { background-color: #EBEBEB; 
}


.category2 {
	float: right;
	width: 438px;
	background-color: #FFFFFF;
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #dfdfdf;
	border-left-color: #dfdfdf;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s; /* firefox */
}
.category2:hover { background-color: #EBEBEB; 
}

.category3 {
	clear: both;
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #dfdfdf;
	border-left-color: #dfdfdf;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s; /* firefox */
	height: 420px;
	margin-bottom: 20px;
}
.category3:hover {
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s;
	background-color: #EBEBEB;
}
.category3 h3 {
	font-size: 15px;
	color: #463C3B;
	text-align: left;
	margin-right: 6px;
	margin-left: 6px;
	font-weight: bold;
}

.category3 li { width: 212px; }

.category3 img {
	height: 133px;
	width: 200px;
}
.series {
	margin-right: 20px;
	margin-left: 20px;
}
.seriesmenu {
	width: 230px;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s; /* firefox */
	float: left;
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.seriesmenu .title         {
	font-size: 17px;
	color: #FF3300;
	font-weight: bold;
	padding: 15px;
	background-color: #FFFFFF;
}
#navmenu-v li a {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	font-size: 15px;
}
#navmenu-v  li  a:hover {
	background-color: #FF5151;
	color: #FFFFFF;
}
#navmenu-v2 li a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D2D2D2;
	padding-left: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #333333;
}
#navmenu-v2  li  a:hover {
	text-decoration: underline;
	background-color: #DFDFDF;
	color: #000000;
}


.seriesbook {
	overflow: hidden;
	position: relative;
}
.categorybox a { color: #000000; }


.seriesbookbox {
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #dfdfdf;
	border-left-color: #dfdfdf;
	transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s; /* Chrome & safari */
	-moz-transition: background-color 0.4s;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
.seriesbookbox  .title         {
	font-size: 17px;
	color: #FF3333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}
.seriesbookbox   li {
	display: block;
	width: 10em;
	float: left;
	padding: 19px;
	text-align: center;
	/*transition: background-color 0.4s;*/
	/*-webkit-transition: background-color 0.4s; /* Chrome & safari */
	/*-moz-transition: background-color 0.4s; /* firefox */
	
	height: 200px;
}
.seriesbookbox    li:hover {
	background-color: #E6E6E6;
	/* 圓角開始 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* 圓角結束 */
}
.seriesbookbox   img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #d2d2d2;
	height: 127px;
	width: 90px;
}
.seriesbookbox   h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0px;
	display: block;
	font-style: normal;
	color: #463C3B;
	line-height: 1.3em;
	height: 35px;
	font-weight: bold;
}
.seriesbookbox    em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0px;
	display: block;
	font-style: normal;
	color: #463C3B;
	line-height: 1.3em;
}
.seriesbookbox1 {
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff6666;
	border-right-color: #dfdfdf;
	border-left-color: #dfdfdf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
.seriesbookbox1   .title         {
	font-size: 17px;
	color: #FF3333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}
.seriesbookbox1    li {
	display: block;
	width: 115px;
	float: left;
	padding: 27px;
	text-align: center;
	height: 115px;
}


.seriesbookbox1    .authorsimg { 
	width:75px; 
	height:75px; 
	overflow:hidden; 
	margin:0 auto

}
.seriesbookbox1     li:hover {
	background-color: #E1E1E1;
	/* 圓角開始 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* 圓角結束 */
}
.seriesbookbox1    img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #d2d2d2;
	height: auto;
	width: 75px;
}
.seriesbookbox1    h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0px;
	display: block;
	font-style: normal;
	color: #463C3B;
	font-weight: bold;
}







.bookup {
	position: absolute;
	top: -6px;
	left: 20px;
	height: 6px;
	width: 157px;
	padding-top: -20px;
	background-image: url(/pic/shelfbookup.png);
	background-repeat: no-repeat;
}
.boxgrid2{
	width: 631px;
	height: 258px;
	float:left;
	background:#161613;
	position: relative;
	overflow: hidden;
	margin: 0px;
			}
.boxgrid2  img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	height: 258px;
	width: 631px;
				}
.captionfull2  .boxcaption {
	top: 50px;
	left: 0;
 				}


			
			.boxgrid{
	width: 145px;
	height: 206px;
	float:left;
	background:#161613;
	position: relative;
	overflow: hidden;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 60px;
	margin-left: 20px;
			}


				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
	padding-top: 5;
	padding-right: 10px;
	padding-bottom: 5;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
				}
.boxcaption a {
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 0px;
}
.boxcaption  a:hover {
	color: #FFFFFF;
	background-color: #FF3333;
}

				
			.boxcaption{
	float: left;
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .7;

				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background-color: #141414;
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
	top: 220px;
	left: 0;
 				}
/*--------------書櫃end---------------------*/

.previewblog {
	background-color: #66CC99;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 7;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 19px;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.25);
	box-shadow: 0 2px 1px rgba(0,0,0,0.25);

}
.hotbook {
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 150px;
}

.hotbook h5 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.hotbook  h4 {
	font-size: 86px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	line-height: 1em;
}

.redline {
	-webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.35);
	box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.35);
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	background-color: #FF3333;
	height: 10px;
	width: 78.7%;
	display: inline-block;
	color: #FF3333;
	float: left;
}

.grayline {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3);
	border-radius: 200px;
	color: #D2D2D3;
	background-color: #DCDCDC;
	height: 10px;
	margin-top: 2px;
	overflow: hidden;
}

.books {
	width:640px;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
}
.bookspic {
	float: left;
	width: 250px;
	height: 335px;
}
.bookspic img {
	padding: 10px;
	border: 1px solid #E1E1E1;
}


.booksinfobox {
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.booksinfobox h1 {
	font-size: 24px;
	line-height: 1.2em;
	padding: 0px;
	margin-top: 0.3em;
	margin-bottom: 1em;
}
.booksinfobox  em {
	font-size: 13px;
	line-height: 1.5em;
	padding: 0px;
	font-style: normal;
	display: block;
	color: #FF0000;
	letter-spacing: 0.1em;
}
.booksinfobox   .info  ul { margin-top: 1em; 
}
.booksinfobox  .info li {
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	letter-spacing: 0.05em;
	font-size: 13px;
}
.smilebutton  {
	margin-top: 20px;
	margin-bottom: 10px;
	height: 40px;
}

.smilebutton li a {
	/*圓角*/
border-radius: 200px;
	/*圓角end*/
	display: block;
	float: left;
	color: #333333;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
}
.smilebutton  li  a:hover {
	/*圓角*/
border-radius: 200px;
	color: #000000;
	background-color: #DCDCDC;
}
.bigbutton ul {
	margin-top: 20px;
	height: 70px;
	padding-bottom: 10px;
}


.bigbutton li a {
	/*圓角陰影*/
border-radius: 10px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	/*圓角陰影end*/
	display: block;
	float: left;
	text-align: center;
	background-color: #FF3333;
	padding-top: 7px;
	padding-bottom: 9px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: 2px solid #FFFFFF;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
.bigbutton .b1 {
	background-color: #A8FFA4 !important;
	color: #333333;
}
.bigbutton  .b1 a:hover {
	background-color: #59FF51 !important;
	color: #333333;
}

.bigbutton  li  a:hover {
	/*圓角陰影*/
border-radius: 10px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	background-color: #F36565;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}
.bigbutton   li   a:active {
	/*圓角陰影*/
border-radius: 10px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	background-color: #DCDCDC;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	
	background: #cfcfcf;
	
	
	
	
}
.booksmore  { text-align: right; 
}
.booksmore a  {
	text-align: right;
	color: #FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.booksmore  a:hover  {
	text-align: right;
	color: #FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: underline;
}



.booksbox {
	clear: both;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-top-color: #C0C0C0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	
}
.booksbox img {
	max-width: 630px;
}
.booksbox  h5 {
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
}

.red {
	background-color: #FF3333;
	height: 20px;
	width: 10px;
	position: absolute;
	left: -20px;
	top: 24px;
	z-index: 1;
}
.eventtop a {
	position: absolute;
	left: 590px;
	top: -1px;
	text-align: center;
	border-radius: 0px 0px 200px 200px;
	-moz-border-radius: 0px 0px 200px 200px;
	-webkit-border-radius: 0px 0px 200px 200px;
	line-height: 3em;
	padding-right: 1em;
	padding-left: 1em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
	display: block;
	color: #999999;
	font-size: 11px;
	
}
.bookseventmenu {
	margin-right: 20px;
	margin-left: 20px;
}

.bookseventmenu ul {
	font-size: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bookseventmenu   li  {
	text-align: center;
	display: inline-block;

}
.bookseventmenu  li a {
	text-align: center;
	display: inline-block;
	color: #000000;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.5em;

}
.bookseventmenu   li  a:hover {
	text-align: center;
	display: block;
	color: #000000;
	background-color: #FED7D7;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s; /* Chrome & safari */
	-moz-transition: background-color 0.36s; /* firefox */

}
.bookseventbuy {
	width: 300px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.bookseventbuy h1 {
	font-size: 19px;
	line-height: 1.6em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.okbuy a {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 1em;
}
.okbuy a:hover {
	color: #FFFFFF;
	background-color: #FF3333;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s; /* Chrome & safari */
	-moz-transition: background-color 0.3s; /* firefox */
	text-shadow: 0px -1px 0px  #af2323;
}


#commentarytitle {
	margin: 0px;
	padding: 5px;
	width: 580px;
	border: 1px solid #D7D7D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 2em;
	color: #333333;
}
#commentarytext {
	padding: 5px;
	width: 580px;
	border: 1px solid #D7D7D7;
	height: 350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#commentarykey {
	padding: 5px;
	width: 580px;
	border: 1px solid #D7D7D7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.safe {
	float: left;
	padding: 10px;
	text-align: center;
	width: 110px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #D7D7D7;
	color: #333333;
	font-size: 15px;
}
.safe:hover {
	float: left;
	padding: 10px;
	text-align: center;
	width: 110px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #B4B4B4;
	color: #333333;
	font-size: 15px;
}

.preview {
	float: right;
	padding: 10px;
	width: 110px;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 20px;
	background-color: #D7D7D7;
	color: #333333;
	font-size: 15px;
}
.preview:hover {
	float: left;
	padding: 10px;
	text-align: center;
	width: 110px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #B4B4B4;
	color: #333333;
	font-size: 15px;
}

.post {
	clear: both;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #FF3333;
	margin-right: 20px;
	margin-left: 20px;
}
.post:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

#honorwall {
	height: 60px;
	overflow: hidden;
	width: 260px;
	background-image: url(/pic/honorwallbg.png);
	list-style-type: none;
	list-style-image: none;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-position: -5px -10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
	#honorwall li {
	float: left;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	}
	#honorwall li a {
	display: block;
	width: 40px;		/* 選單圖片的寬 */
	height: 65px;		/* 選單圖片的高 */
	line-height: 60px;	/* ie suck */
	text-indent: -9999px;
	margin-top: 20px;	/* 需要設定為圖片寬/2 */
	background-repeat: no-repeat;
	}
.honor1/*
	#menu li a:hover {
		margin-top: 1px;	// 當滑鼠移到選單上時...
	}
	*/
	/* 幫每一個 A 連結都加入不同選單圖片 */
	 { background-image: url(/pic/honor01.png); }
.honor2 { background-image: url(/pic/honor02.png); }
.honor3 { background-image: url(/pic/honor03.png); }
.honor4 { background-image: url(/pic/honor04.png); }
.honor5 { background-image: url(/pic/honor05.png); }
.authors   .title         {
	font-size: 17px;
	color: #333333;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}



.authors { }

.authors li {
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
	padding-right: 23px;
	padding-bottom: 15px;
	padding-left: 23px;
}

.authors ul {
	padding-top: 45px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.authors h3 {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 0px;
	color: #333333;
}

.authors img {
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 3px solid #FFFFFF;
	/*圓形end*/ 
	
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	height: 80px;
	width: 80px;
	}
.authors  img:hover {
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 3px solid #FF0000;
	/*圓形end*/ 
	
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	transition: border 0.4s;
	-webkit-transition: border 0.4s; /* Chrome & safari */
	-moz-transition: border 0.4s; /* firefox */
	}
.authors   img:active {
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 3px solid #EDEDED;
	/*圓形end*/ 
	
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	transition: border 0.3s;
	-webkit-transition: border 0.3s; /* Chrome & safari */
	-moz-transition: border 0.3s;
	}








.comment li {
	/*div不塌陷*/
	display: inline-block;
	width: 100%;
	/*div不塌陷end*/

display: block;
}
.comment  li:hover {
	/*div不塌陷*/
	display: inline-block;
	width: 100%;
	/*div不塌陷end*/

display: block;
	background-color: #E6E6E6;
}
.comment  li a {
	/*div不塌陷*/
	display: block;
	color: #333333;
	padding-top: 20px;
	padding-bottom: 20px;
}
.comment   li  a:hover {
	/*div不塌陷*/
	display: block;
	color: #333333;
}
.commentpic {
	float: left;
	width: 140px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 1.3em;
	display: inline-block;
	padding-bottom: 20px;
	overflow: hidden;
	
}
.commentpichidden {
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	
	
	/*-----------------------------------------*/	
	
	text-align : center;
    
  	/* Firefox, Chrome */
  	line-height : 125px;
  	white-space : nowrap;
    
 	 /* IE */
 	 *font-size : 87px;  /* 100px * 0.873 = 69.84px */
 	 *font-family : Arial;
	
}

.commentpichidden:after {
  content : ".";
  font-size : 0;
  -webkit-text-size-adjust : none;
}




.commentpic  img {
	height: auto;
	width: 100%;
	
}
.commentpic_for_head {
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
}


.commentinfo {
	overflow: hidden;
	margin-right: 10px;
}
.commentinfo h3 {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 2em;
	color: #FF3333;
}

.commentinfo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0.5em;
	line-height: 1.6em;
}



.link li {
	float: left;
	width: 300px;
	overflow: hidden;
	text-align: center;
	height: 250px;
}

.link img {
	width: 180px;
	height: auto;
	vertical-align : middle;
}

.link div {
	height: 180px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	
	line-height : 180px;
  white-space : nowrap;
}
.shoppingstep {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 960px;
	text-align: center;
}
.shoppingstep span {
	display: inline-block;
	padding: 10px;
	background-color: #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
}


.shoppingstep li { display: inline-block; 
}
.shoppingstep ul { background-color: #999999; }


.shoppinglist {
	border: 1px solid #999999;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.shoppinglist th {
	font-size: 13px;
	font-weight: bold;
	padding: 1em;
}


.shoppinglist tr {

        background-color: #FFFFFF; 
        }

.shoppinglist tr:nth-child(even) {
background-color: #EBEBEB; 
		}
.shoppinglist td {
	color:#666666;
	padding: 1em;
	font-size: 13px;

}
.shoppinglist strong { color: #FF3333; }

.shoppinglist a {
	display: block;
	color: #666666;
	background-color: #E1E1E1;
	width: 3em;
	padding: 0.1em;
}
.shoppinglist  a:hover {
	display: block;
	color: #000000;
	background-color: #C8C8C8;
	width: 3em;
	padding: 0.1em;
}

.shoppinglist img {
	height: auto;
	width: 80px;
}
.fastlogin {
	float: left;
	width: 40%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
}

.confirmitem {
}
.confirmitem li {
	list-style-type: disc;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-right: 1em;
	margin-left: 1em;
}

.total { margin: 20px; 
}
.shopbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	display: inline-block;
}
.shopbutton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	background-color: #313337;
	color: #FFFFFF;
	display: inline-block;
	line-height: 24px;
	margin: 4px;
}
.shopbutton  a:hover { background-color: #FF3333; 
}






.comment li:after { 
/*div不塌陷*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
/*div不塌陷end*/


}

.link {
	width: 900px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.shoppinginput {
	padding: 0.3em;
	font-size: 17px;
	width: 360px;
	margin-bottom: 10px;
}
.ecoupontable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.ecoupontable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 13px;
	padding: 0.5em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.shoppingtitle {
	font-size: 21px;
	font-weight: bold;
	display: block;
	margin: 0ex;
	padding-top: 2em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
.info-em  {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}


.fancy-box {
	max-width: 450px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 30px;
	background-image: url(/pic/thankyou.png);
	background-repeat: no-repeat;
	background-position: 100% 80%;
}
.fancy-box h4 {
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	font-size: 23px;
	display: block;
}

.fancy-box table {
	margin-top: 20px;
	margin-bottom: 20px;
}

.fancy-box th {
	text-align: left;
	font-size: 15px;
	padding: 1em;
	font-weight: bold;
}

.fancy-box td {
	font-size: 13px;
	padding-top: 0.3em;
	padding-right: 1.3em;
	padding-bottom: 0.3em;
	padding-left: 1.3em;
}

.fancy-button { display: inline-block; }

.fancy-button a {
	font-size: 15px;
	background-color: #000000;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	color: #FFFFFF;
	margin: 1em;
	display: inline-block;
}
.fancy-button  a:hover {
	background-color: #FF3333;
	color: #FFFFFF;
}




.faqleft   {
	margin-left: 20px;
	padding: 20px;
	background-color: #DBDBDB;
	width: 150px;
	margin-bottom: 20px;
}


.faqleft  ul   {
	font-size: 13px;
	padding: 0px;
	margin-bottom: 10px;
}

.faqleft p   {
	font-size: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #333333;
}
.faqleft  li   {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.faqleft   li a   {
	font-size: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #787878;
	display: block;
}

.faqleft    li  a:hover   {
	color: #000000;
	width: 150px;
}



#qaContent {
	width: 700px;
	margin-left: 20px;
	margin-right: 20px;
}
#qaContent h3 {
	width: 500px;
	height: 22px;
}
#qaContent h3.qa_group_1 {
	font-family: Arial, Helvetica, sans-serif;
}
#qaContent h3.qa_group_2 {
	background-repeat: no-repeat;
}
#qaContent ul.accordionPart {
	margin: 10px 10px 50px 30px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	padding-left: 28px;
	color: #FF3333;
	cursor: pointer;
	font-size: 15px;
	background-image: url(/pic/faq_q.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	padding-left: 28px;
	color: #666666;
	font-size: 15px;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	background-image: url(/pic/faq_q.png);
	background-repeat: no-repeat;
	background-position: left -33px;
}
#qaContent  ul.accordionPart  li  .qa_content a {
	color: #0066FF;
}
#qaContent   ul.accordionPart   li   .qa_content  ol {
	list-style-type: decimal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}
#qaContent  ul.accordionPart  li  .qa_content li {
	color: #666666;
	font-size: 15px;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: decimal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0em;
}
#qaContent   ul.accordionPart   li   .qa_content  li li {
	list-style-type: disc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0em;
}







.link div:after {
  content : ".";
  font-size : 0;
  -webkit-text-size-adjust : none;
  }

.series {
	margin-right: 20px;
	margin-left: 20px;
}

.circle_img {
	height: 100px;
	width: 100px;
	/*圓形*/
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.tabtag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 1em;
	padding-left: 1em;
	margin-right: 1em;
}
.tag1 {
	color: #8E3E3E;
	background-color: #EE8889;
	border: 1px solid #d97172;
}
.tag2 {
	color: #B86A0C;
	background-color: #F9C73A;
	border: 1px solid #F29B33;
}
.tag3 {
	color: #AE9F15;
	background-color: #FFF032;
	border: 1px solid #E6D22D;
}
.tag4 {
	color: #799917;
	background-color: #BEF028;
	border: 1px solid #A1CD1F;
}
.tag5 {
	color: #4D6886;
	background-color: #96D2FC;
	border: 1px solid #6AA1CD;
}
.tag6 {
	color: #9D54C5;
	background-color: #EBB4FF;
	border: 1px solid #D16FFF;
}
.tag7 {
	color: #8A8A8A;
	background-color: #C8C8C8;
	border: 1px solid #A0A0A0;
}
.tag8 {
	color: #999999;
	background-color: #FFF;
	border: 1px solid #A1A2A5;
}