@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video   {
	/*margin: 0;
	padding: 0;*/
	border: 0;
	font-size: 100%;/**/
	/*font: inherit;
	vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height: 0;*/
}
ol  {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	/* [disabled]content: ''; */
	content: none;
}

a { color:#009; text-decoration:none}
a:hover { color:#333; text-decoration:none;}
@charset "utf-8";
body {
	font-family: Tahoma;
	font-size: 12px;
	background-image: url(../images/bg/bg_main.jpg);
	background-repeat: repeat;
}
.height1  b {
	font-weight: bold;
	color: #000000;
}


#main_head {
	background-image: url(../images/bg/bg_head.jpg);
	background-repeat: repeat-x;
	width: 100%;
}

#wrapper {
	margin: auto;
	width: 990px;
	background-image: url(../images/bg/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#head {
	width: 990px;
	height: 70px;
	margin: auto;
}
#head .logo {
	float: left;
}
.news .width1 {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

#head .menu {
	clear: right;
	background-image: url(../images/bg/bg_head.jpg);
	background-repeat: repeat-x;

}
.news .height1 {
	margin-top: 190px;
	margin-bottom: 200px;
	margin-left: 10px;
}

#content {
	overflow: hidden;

}
#content .height {
	margin-top: 10px;
	margin-bottom: 10px;
}
.center b {
	font-weight: bold;
	color: #000000;
}
.height1 p {
	margin-top: 20px;
	margin-bottom: 20px;
}

.center  {
	width:905px;
	margin-top: 190px;
	margin-bottom: 200px;
	margin-right: auto;
	float: left;
	margin-left: 40px;
}

#content .box_book {
	height: 850px;
	width: 940px;
	margin-left: 20px;


}
#content .box_book .col1 {
	margin-left: 10px;
	width: 370px;
	float: left;
	margin-top: 15px;
}
#content .box_book .col1 .headbook {
	list-style-position: outside;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-left: 135px;
}

#content .box_book .col1 img {
	display: block;
	/*background-image: url(../images/title/newbook.png);*/
}
#content .box_book .col2 {
	float: left;
	background-color: #e9e9e9;
	margin-top: 15px;
	margin-left: 15px;
	width: 540px;
}
#content .box_book .col2 .pic {
	float: left;
	margin-left: 8px;
	margin-bottom: 8px;
	width: 82px;
}
#content .box_book .col2 .pic .widthbook {
	width: 83px;
}

#content .box_book .col2 p {
	font-family: Tahoma;
	font-size: 12px;
	color: #336699;
	line-height: 16px;
}
#content .box_news .bar {
	display: block;
}
#content .box_news .news .width .menu .pic .widthnews2 {
	width: 110px;
}
#content .box_news .news .width .menu .pic .widthnews2 .top {
	margin-top: 0%;
	margin-bottom: 100px;
}



#content .box_news {
	background-image: url(../images/bg/bg_activity.png);
	background-repeat: repeat-y;
	background-position: center;
}


#content .box_news .news {
	width: 900px;
	margin-left: 43px;
	overflow: hidden;
	height: auto;
}
#content .box_news .news .width {
	width: 900px;
}
#content .box_news .news .width .menu {
	height: auto;
	width: 80px;
}
#content  .box_news  .news  .width .detail {
	height: auto;
	width: 750px;
	float: right;
}

#content .box_news .news .pic {
	float: left;
	margin-left: 18px;
}
#content .box_news .news .pic .widthbook1 {
	width: 130px;
}
#content .box_news .news .pic .widthnews1 {
	width: 278px;
}


#content  .box_news  .news  .widthnews {
	width: 204px;
}

#content .box_news .news .width .pic b {
	font-size: 14px;
	font-weight: bold;
}

#content .box_news .news .pic1 {
	margin-left: 28%;
}
#content .box_news .news .pic_left {
	float: left;
	width: 480px;
	margin-left: 15px;
}
#content .box_news .news .pic_left .pic {
	width: 440px;
	height: auto;
}
#content    .box_news    .news    .pic_left    b   {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
#content  .box_news  .news  .pic_left  c  {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


#content  .box_news  .news  .pic .center {
	margin-left: 20%;
}

#content .box_news .news .pic p {
	color: #660000;
	line-height: 14px;
}

#content .box_news .news .pic1 p {
	color: #660000;
	line-height: 14px;
}
#content .box_activity {
	background-repeat: repeat-y;
	background-image: url(../images/bg/bg_activity.png);
	background-position: center;
}
#content .box_activity .activity {
	overflow: hidden;
	height: auto;
	width: auto;
	margin-left: 0px;
}
#content .box_activity .activity .txt {
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .box_activity .activity .txt p span {
	color: #000099;
	font-family: AngsanaUPC;
	font-size: 20px;
	font-weight: bold;
}


#content .box_activity .activity .txt1 {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 60px;
	margin-right: 60px;
}

#content .box_activity .activity .width {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#content .box_activity .activity .width .pic1 {
	float: left;
	margin-left: 44px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .box_activity .activity .width .pic1 p span {
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	font-family: AngsanaUPC;
}


#content .box_activity .activity .width .col1 {
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#content .box_activity .activity .col1 .pic {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 8px;
	margin-right: 20px;
}

#content .box_activity .activity .width .pic1 h1 {
	background-image: url(../images/title/text1.png);
	text-indent: -9999px;
	height: 17px;
	width: 197px;
	background-repeat: no-repeat;
}
#content .box_activity .activity .width .col2 {
	float: left;
	height: auto;
	width: 870px;
	margin-left: 60px;
}
#content .box_activity .activity .col2 .pic {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#content .box_activity .activity .col2 h1 {
	background-image: url(../images/title/text2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 17px;
	width: 219px;
	margin-left: 90px;
}
#main_footer {
	width: 100%;
	background-color: #8f0000;
	height:100px;
}

#footer {
	height: 65px;
	background-color: #8f0000;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#footer .adderss {
	height: 57px;
	width: 300px;
	line-height: 14px;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 35px;
	float: left;
}
#footer .adderss p{
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer .menu_foot {
	margin-top: 15px;
	float: right;
	margin-right: 50px;
	display: block;
}
#footer .menu_foot li {
	display: inline;
	color: #FFFFFF;
}
#footer  a {
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 4px;
}
#footer  a:hover {
	color: #0000CC;
}
#footer .copy {
	margin-top: 25px;
	display: block;
	height: 15px;
	width: 450px;
	float: right;
	margin-right: 20px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 16px;
}
#footer .copy p {
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer .copy a {
	font-family: Tahoma;
	text-decoration: none;
	color: #6699ff;
}