@charset "utf-8";
/* CSS Document */

@font-face
{
font-family: DtacBold;
src: url(DtacBold.woff);
}

@font-face
{
font-family: Quark-Bold;
src: url(Quark-Bold.woff);
}

@font-face
{
font-family: MorKhor1;
src: url(MorKhor1.woff);
}
.maquee{
	font-size:14px;
	color:#FFF;
}

/*
==============================================
Clearing css
==============================================
*/
* {
	padding:0;
	margin:0;
	outline:none;
}
/*
==============================================
Typography Css
==============================================
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}
a img, img {
	border:none;
}
a {
	text-decoration:none;
	color:#976700;
}
a:hover {
	text-decoration:underline;
}
input {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	color:#999;
}
ul, ol {
	list-style:none;
}
.clear {
	clear:both;
	/*line-height:0;
	font-size:0;*/
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration:none;
}
h1 {
	font-size:16px;
	color:#976700;
	line-height:16px;
	padding-bottom:8px;
}
h2 {
	font-size:14px;
	color:#fff;
	line-height:16px;
	padding-bottom:8px;
}
h3 {
	font-size:12px;
	color:#976700;
	line-height:16px;
	padding-bottom:8px;
}
h4 {
	font-size:10px;
	line-height:16px;
	padding-bottom:8px;
}
p {
	line-height:180%;
	padding-bottom:8px;
}
/*
==============================================
WRAPPER AREA
==============================================
*/
/*#outer_wrapper {
	width:100%;
	background:url(../images/bg-body5.jpg) center top no-repeat;
}*/
.textbb{
	width:500px;
	padding:5px 5px 5px 5px;
	font-size:14px;
}
.userprofile{
	font-size:14px;
}
.textbox{
	width:190px;
	padding:10px 10px 10px 10px;
	font-size:18px;
	color:#000;
}
.textbox:focus{
	border-color: #FC0;
	border:1px solid;
}
.regtbox{
	width:200px;
	margin:5px 0px 5px 0px;
	padding:3px 3px 3px 3px;
	font-size: 14px;
	color:#000;
}
.regtbox:focus{
	border-color:#F90;
	border:1px solid;
}
.textupload{
	font-size:15px;
	color: #333;
	line-height:16px;
	padding:10px 0px 0px 10px;
}
.ffcoment{
	padding:0px 0px 0px 30px;
}
.textuploaddetail{
	font-size:15px;
	color:#FFF;
	line-height:10px;
	padding:10px 0px 0px 20px;
}
.textuploaddetail2{
	font-size:15px;
	color:#000;
	line-height:10px;
	padding:10px 0px 0px 20px;
}
.timeupload{
	font-size:10px;
	color: #FFF;
	float:right;
	line-height:10px;
	padding:10px 0px 0px 20px;
}

.btn {
	border:0px;
  background: #d99734;
  background-image: -webkit-linear-gradient(top, #d99734, #2980b9);
  background-image: -moz-linear-gradient(top, #d99734, #2980b9);
  background-image: -ms-linear-gradient(top, #d99734, #2980b9);
  background-image: -o-linear-gradient(top, #d99734, #2980b9);
  background-image: linear-gradient(to bottom, #d99734, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #ff6600;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ff3300;
  text-decoration: none;
}
#outer_wrapper_inner {
	width:100%;
	background:url(../images/bg-body-inner.jpg) repeat-x top;
}
#wrapper {
	width:960px;
	margin:0 auto;
}
/*
==============================================
header section
==============================================
*/

#header {
	width:960px;
	float:left;
	padding-top:15px;
	padding-bottom:10px;
}
#header img#logo {
	float:left;
	margin-left:18px;
	margin-top:18px;
}
#right_header {
	float:right;
	width:650px;
}

/*
==============================================
navigation section
==============================================
*/
.rec {
	font-family:Quark-Bold;
	font-size:24px;
	color:#000;
}
#nav {
	font-family:Quark-Bold;
	width:960px;
	float:left;
	height:40px;
	position:relative;
	z-index:100;
	background:#FCFCFC;
}
#nav ul li {
	float:left;
	position:relative;
}
#nav ul li:first-child a {
	padding:0 15px 0 14px;
}
#nav ul li a {
	display:block;
	line-height:40px;
	font-size:18px;
	color:#666;
	padding:0 12px;
}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration:none;
	background:#A83600;
	color:#fff;
}
#nav ul li:hover > a {
	text-decoration:none;
	background: #A83600;
	color:#fff;
}
#nav li ul {
	margin:0;
	padding:6px 5px;
	width:264px;
	background: #A83600;
	position:absolute;
	left:-99999px;
	top:40px;
}
#nav li ul li {
	width:264px;
	padding:0;
	height:25px;
}
#nav li:hover ul {
	left:0;
}
#nav li ul li:first-child a {
	padding:0 0 0 10px;
}
#nav li ul li a {
	padding:0;
	font-size:18px;
	padding-left:10px;
	margin:0;
	width:254px;
	height:auto;
	line-height:25px;
	color:#fff;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	background:url(../images/hover-list.png) no-repeat left top;
	color:#976700;
}
#nav li ul li ul {
	width:150px;
	background:#f8f8f8;
	left:170px;
	top:0;
	display:none;
}
#nav li ul li ul li {
	padding:0;
	margin:0;
}
#nav li ul li:hover ul {
	display:block;
	left:154px;
}
#nav li ul li ul li a {
	width:140px;
	color:#976700;
}
#nav li ul li ul li a:hover, #nav li ul ul li:hover > a {
	color:#fff;
	background:url(../images/bg-hover-list2.png) no-repeat left top;
}
/*
==============================================
content section
==============================================
*/
#content {
	width:960px;
	float:left;
}
/*
==============================================
banner section
==============================================
*/

#banner_wrapp {
	width:960px;
	float:left;
	height:380px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}
#banner {
	float:left;
	width:960px;
	position:relative;
	height:380px;
	z-index:5;
}
#banner_accordion {
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
	width:230px;
}
.acord_box {
	width:230px;
	float:left;
	margin-bottom:2px;
	background:url(../images/bg-tran-1.png);
	overflow:hidden;
}
.hdaccor {
	width:215px;
	float:left;
	height:25px;
	background:#bd2f01;
	text-align:left;
	padding-top:8px;
	cursor:pointer;
	padding-left:15px;
}
.hdaccor h2 {
	font-family:Quark-Bold;
	padding-bottom:0;
	font-size:17px;
	word-spacing:-1px;
}
.slideaccor {
	width:210px;
	float:left;
	padding-top:8px;
	padding:14px 11px 0 9px;
	height:242px;
}
.slideaccor h5 {
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	line-height:20px;
	letter-spacing:-1px;
	padding-bottom:14px;
}
.slideaccor ul li {
	float:left;
	width:210px;
}
.slideaccor ul {
	float:left;
	width:210px;
	margin-bottom:8px;
}
.slideaccor ul li a {
	display:block;
	float:left;
	line-height:19px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	padding-left:28px;
	width:182px;
	background:url(../images/sep-acord.gif) no-repeat 6px 6px;
}
.slideaccor ul li a:hover, .slideaccor ul li a.active {
	background:url(../images/sep-acord.gif) no-repeat 6px 6px #c4942c;
}
.slideaccor h6 {
	font-size:11px;
	color:#fff;
	line-height:21px;
	margin-bottom:14px;
	background:url(../images/bg-tran-1.png);
	padding-left:10px;
	float:left;
	width:200px;
}
.slideaccor a.btn_banner1 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(../images/btn-slide1.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#000;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
}
.slideaccor a.btn_banner2 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(../images/btn-slide2.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
	font-weight:bold;
}
/*
==============================================
Banner inner Page
==============================================
*/
#banner_wrapp_inner {
	width:960px;
	float:left;
	height:250px;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}
#banner_inner {
	width:960px;
	height:250px;
	position:relative;
	overflow:hidden;
	z-index:10;
}

	.shadow {
		position:absolute;
		z-index:11;
	}




.hot_programs {
	width:960px;
	float:left;
	margin-bottom:18px;
}
.hot_programs li {
	float:left;
	margin-left:15px;
	position:relative;
	height:156px;
	overflow:hidden;
}
.hot_programs li:first-child {
	margin:0;
}
.hot_programs li .programdetail {
	position:absolute;
	left:5px;
	width:299px;
	bottom:5px;
}
.hot_programs li .programdetail .headingprogram {
	width:285px;
	padding-left:14px;
	height:25px;
	background:#bd2f01;
	text-align:left;
	padding-top:8px;
	cursor:pointer;
}
.hot_programs li .programdetail .headingprogram h2 {
	padding-bottom:0;
	line-height:18px;
}
.hot_programs li .detailprogram {
	float:left;
	width:279px;
	padding:6px 10px;
	background:url(../images/bg-tran-1.png);
}
.hot_programs li .detailprogram p {
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	line-height:17px;
	padding:0;
	padding-bottom:6px;
}
.hot_programs li .detailprogram .readmore {
	float:left;
	width:279px;
	border-top:1px solid #454542;
	padding-top:6px;
}
.hot_programs li .detailprogram .readmore a {
	display:block;
	float:right;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	padding-left:10px;
	background:url(../images/sep-program.png) no-repeat left 4px;
	line-height:15px;
}
.outer_row {
	width:960px;
	float:left;
	margin-bottom:10px;
}

/*-------left------*/
.col-left {
	float:left;
	width:635px;
}
.col-left h2 {
	color:#976700;
	padding-bottom:6px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
.col-left h3 {
	padding-bottom:3px;
}
.col-left p {
	font-family:tahoma, arial, sans-serif;
	line-height:15px;
	padding-bottom:0;
}
.col-left p a {
	text-decoration:underline;
}
.col-left p a:hover {
	color:#999;
}

/*-------right------*/
.col-right {
	float:right;
	width:310px;
}
.col-right h2 {
	color:#976700;
	padding-bottom:6px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
.col-right h3 {
	padding-bottom:3px;
}
.col-right p {
	font-family:tahoma, arial, sans-serif;
	line-height:15px;
	padding-bottom:0;
}
.col-right p a {
	text-decoration:underline;
}
.col-right p a:hover {
	color:#999;
}



/*-------1------*/
.spotlight_slider1 {
	float:left;
	width:310px;
}
.box_spotlight1 {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dotted #b8b8b8;
}
.box_spotlight1 img {
	float:left;
}
.box_spotlight1 .spot_desc1 {
	float:right;
	width:230px;
}

/*-------2------*/
.spotlight_slider2 {
	float:right;
	width:310px;
}
.box_spotlight2 {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dotted #b8b8b8;
}
.box_spotlight2 img {
	float:left;
}
.box_spotlight2 .spot_desc2 {
	float:right;
	width:230px;
}

/*-------3------*/
.spotlight_slider3 {
	float:right;
	width:310px;
}
.box_spotlight3 {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dotted #b8b8b8;
}
.box_spotlight3 img {
	float:left;
}
.box_spotlight3 .spot_desc3 {
	float:right;
	width:230px;
}




/*
.newsletter {
	float:left;
	width:288px;
	height:47px;
	background:url(../images/bg-newsletter.jpg) no-repeat left top;
	border:1px solid #dddddd;
	padding:10px;
	margin-bottom:9px;
}
.newsletter input {
	float:left;
	background:#fff;
	width:124px;
	height:15px;
	border:none;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	padding:4px 10px;
	color:#999;
}
.newsletter a {
	display:block;
	float:left;
	width:59px;
	line-height:23px;
	color:#fff;
	font-weight:bold;
	font-family:tahoma, arial, sans-serif;
	text-align:center;
	background:#bd2f01;
}
*/
/*Course search*/
/*
.coursesearch {
	width:308px;
	float:left;
	border:1px solid #ddd;
}
.coursesearch h2 {
	background:#bd2f01;
	line-height:33px;
	padding:0;
	padding-left:15px;
}
.coursesearch ul {
	float:left;
	width:288px;
	padding:8px 10px;
	padding-bottom:0;
}
.coursesearch ul li {
	float:left;
	width:288px;
	padding-bottom:11px;
}
.coursesearch ul li label {
	display:block;
	float:left;
	width:100%;
	font-size:12px;
	color:#976700;
	font-weight:bold;
	line-height:17px;
	padding-bottom:3px;
}
.coursesearch ul li input.txt1 {
	float:left;
	width:266px;
	height:15px;
	padding:3px 10px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
	border:1px solid #d5d5d5;
}
.coursesearch ul li span {
	display:block;
	float:left;
}
.coursesearch ul li span.left {
	width:152px;
}
.coursesearch ul li span.right {
	width:130px;
	float:right;
}
.coursesearch ul li select {
	border:1px solid #ddd;
	float:left;
	padding:5px;
	height:27px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
}
.coursesearch ul li span.left select {
	width:150px;
}
.coursesearch ul li span.right select {
	width:130px;
}
.coursesearch ul li span.groupradio label {
	width:auto;
	font-size:11px;
	color:#333;
	padding:5px 10px 0 0;
	line-height:16px;
}
.coursesearch ul li span.groupradio label input {
	float:left;
	width:14px;
	height:14px;
	line-height:0;
	font-size:0;
	margin-right:6px;
	margin-top:1px;
}
.coursesearch ul li a.btn_search {
	display:block;
	float:left;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	height:25px;
	line-height:25px;
	padding-left:23px;
	font-weight:bold;
	color:#fff;
	font-size:13px;
}
.coursesearch ul li a.btn_search span {
	padding-right:20px;
	cursor:pointer;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
*/
/*
==============================================
left content section
==============================================
*/
#left_content {
	width:721px;
	float:left;
	padding-top:5px;
}
#course_content {
	width:721px;
	float:left;
}
#left_content h1 {
	padding-bottom:12px;
}
.news_heading {
	float:left;
	width:721px;
}
.news_heading h1 {
	float:left;
	width:220px;
}
.news_heading p {
	float:right;
	line-height:18px;
	padding-bottom:0;
}
.blog_box {
	width:721px;
	float:left;
	background:#fff;
	margin-bottom:12px;
}
.h_box {
	width:500px;
	float:left;
	background: #FFF;
	margin-bottom:3px;
}
.post_box {
	width:500px;
	float:left;
	background-image:url(../images/b1.jpg);
	margin-bottom:12px;
}
.post_box2 {
	width:500px;
	float: right;
	background-image:url(../images/b2.jpg);
	margin-bottom:12px;
}
.post_box3 {
	width:600px;
	float: right;
	background-image:url(../images/bgm.jpg);
	margin-bottom:12px;
}
.rsubmit_up{
	float:right;
	padding:0px 10px 10px 10px;
}
.type_up{
	float: left;
	padding:0px 10px 10px 10px;
}
.blog_heading {
	width:710px;
	float:left;
	border:1px solid #842700;
	background: #842700;
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}
.blog_heading h2 {
	color:#fff;
	line-height:16px;
	padding:0;
}
.blog_heading h2 a {
	color:#fff;
}
.blog_date {
	width:710px;
	float:left;
	border:1px solid #ccc;
	border-top:0;
	border-bottom:0;
	background:#f0f0f0;
	padding-left:9px;
	padding-top:5px;
	padding-bottom:5px;
}
.blog_date p {
	float:left;
	width:480px;
	padding-bottom:0;
	line-height:20px;
}
.social_panel {
	float:right;
	width:220px;
}
.social_panel img {
	float:left;
	margin-right:6px;
	margin-left:7px;
}
.blog_content, .blog_detail, .news_content {
	width:701px;
	border:1px solid #ccc;
	padding:9px;
	float:left;
	padding-bottom:0;
}
.news_content {
	padding:9px 13px;
	padding-left:9px;
	width:697px;
	padding-bottom:0;
}
.blog_detail {
	padding-right:12px;
	width:698px;
}
.blog_detail img.align_left {
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.news_content img.align_left {
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.blog_content img.align_left {
	display:block;
	margin-bottom:8px;
}
.blog_content p {
	text-align:justify;
	word-spacing:1px;
	padding-right:4px;
	padding-bottom:15px;
}
.blog_detail p {
	text-align:justify;
	padding-bottom:15px;
	line-height:16px;
}
.news_content p {
	text-align:justify;
	line-height:16px;
	word-spacing:1px;
}
.pager {
	float:left;
	width:705px;
	border:1px solid #ccc;
	background:#fff6f0;
	padding:4px 10px;
	padding-right:4px;
	margin-bottom:12px;
}
.pager ul {
	float:left;
}
.pager ul li {
	float:left;
	color:#976700;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
}
.pager ul li:first-child {
	padding-right:10px;
}
.pager ul li a {
	display:block;
	float:left;
	padding:0 7px;
}
.pager ul li a.active, .pager ul li a:hover {
	line-height:19px;
	border:1px solid #ccc;
	background:#fff;
	padding:0 6px;
	text-decoration:none;
}
.pager_arrow {
	float:right;
	width:55px;
}
.pager_arrow a {
	display:block;
	float:left;
	text-indent:-9999px;
	border:1px solid #ccc;
	height:19px;
	background:url(../images/img-pager-left.png) no-repeat center center #fff;
	width:19px;
	margin-left:4px;
}
.pager_arrow a.pagerright {
	background:url(../images/img-pager-right.png) no-repeat center center #fff;
}
#comments {
	float:left;
	width:721px;
}
.comment_heading {
	float:left;
	width:721px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.comment_heading h2 {
	float:left;
	color:#976700;
	width:500px;
	line-height:25px;
	font-size:16px;
	padding-bottom:0;
}
.comment_heading h2 a {
	text-decoration:underline;
}
.comment_heading a.btn_replay {
	display:block;
	float:right;
	padding-left:23px;
	line-height:25px;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.comment_heading a.btn_replay span {
	display:block;
	float:left;
	padding-right:23px;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
.comment_main {
	float:left;
	width:721px;
}
.comment_box {
	float:left;
	width:721px;
	margin-bottom:10px;
}
.comment_box2 {
	float:left;
	width:691px;
	margin-bottom:10px;
	padding-left:30px;
}
.comment_box3 {
	float:left;
	width:631px;
	margin-bottom:10px;
	padding-left:90px;
}
.comment_main span.imguser {
	display:block;
	float:left;
	width:48px;
	border:1px solid #ccc;
}
.comment_main span.imguser img {
	float:left;
}
.comment_main .comment_description {
	float:right;
	width:638px;
	border:1px solid #ccc;
	padding:10px;
	padding-bottom:0;
}
.comment_main .comment_box2 .comment_description {
	width:608px;
	background:#f8fdff;
}
.comment_main .comment_box3 .comment_description {
	width:548px;
	background:#eef4f6;
}
.comment_main .comment_description p {
	text-align:justify;
}
.comment_main .comment_description .userinfo {
	padding-bottom:7px;
}
.comment_main .comment_description .userinfo h3 {
	float:left;
	padding-right:5px;
	line-height:16px;
	padding-bottom:0;
}
.comment_main .comment_description .userinfo span {
	padding-bottom:0;
	line-height:17px;
}
/*News*/

.newsarch {
	float:right;
	margin-bottom:10px;
}
.newsarch li {
	float:right;
}

.newsarch li a {
	display:block;
	border:1px solid #ccc;
	background:#fff;
	line-height:28px;
	font-weight:bold;
	color:#976700;
	font-size:12px;
	padding:0 12px 0 13px;
}
.newsarch li a:hover, .newsarch li a.active {
	color:#fff;
	background:#bd2f01;
	text-decoration:none;
}


.newsarch0 {
	float:left;
	margin-bottom:10px;
}
.newsarch0 li {
	float:left;
}

.newsarch0 li a {
	display:block;
	border:1px solid #ccc;
	background:#fff;
	line-height:28px;
	font-weight:bold;
	color:#976700;
	font-size:12px;
	padding:0 12px 0 13px;
}

.newsarch0 li a:hover, .newsarch0 li a.active {
	color:#fff;
	background:#bd2f01;
	text-decoration:none;
}
/*Course*/

.course_intro {
	float:left;
	width:721px;
}
#left_content .course_intro h1 {
	padding-bottom:8px;
}
.course_intro p {
	color:#333;
	line-height:16px;
	text-align:justify;
	padding-bottom:15px;
}
.select_category {
	float:left;
	width:721px;
	margin-bottom:12px;
}
.select_category select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:120px;
	font-size:11px;
	color:#747474;
	font-family:tahoma, arial, sans-serif;
}
.select_category p {
	float:left;
	padding-bottom:0;
	line-height:20px;
	color:#333;
	padding-left:12px;
}
/*Accordion*/
.course_accordion {
	width:721px;
	float:left;
	margin-bottom:12px;
}
.course_box {
	width:721px;
	float:left;
}
.accor_heading {
	width:721px;
}
.accor_heading h5:hover {
	background: url(../images/bg-accor2.png) no-repeat 8px 7px #bd2f01;
	color:#fff;
}
.accor_heading h5 {
	width:679px;
	float:left;
	background: url(../images/bg-accor1.png) no-repeat 8px 7px #eee;
	border:1px solid #cecece;
	padding:5px 10px;
	padding-left:30px;
	cursor:pointer;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
.downToggle h5 {
	background: url(../images/bg-accor3.png) no-repeat 8px 7px #bd2f01;
	color:#fff;
}
.accor_content {
	float:left;
	width:721px;
	padding-top:5px;
	padding-bottom:5px;
}
.accor_content li {
	float:left;
	width:721px;
	border-bottom:1px solid #e1f2fa;
	background:#f8f8f8;
	font-size:12px;
}
.accor_content li.hd {
	background:#d6b56e;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
.accor_content li.hd span.box1, .accor_content li.hd span.box3 {
	background:#976700;
}
.accor_content li span {
	display:block;
	float:left;
	text-align:center;
	line-height:30px;
}
.accor_content li span.box1 {
	width:83px;
	background:#fff;
}
.accor_content li span.box2 {
	width:351px;
	padding-left:16px;
	text-align:left;
}
.accor_content li span.box3 {
	width:154px;
	background:#fff;
}
.accor_content li span.box4 {
	width:117px;
}
.accor_content .note {
	width:691px;
	float:left;
	margin-top:12px;
	background:#f4ffd0;
	padding:8px 15px;
}
.accor_content .note p {
	padding-bottom:0;
	line-height:18px;
	font-family:tahoma, arial, sans-serif;
	color:#000;
}
.accor_content .note p strong {
	color:#ff0000;
}
/*
==============================================
right content section
==============================================
*/
#right_content {
	width:230px;
	float:right;
}
.banner_applynow {
	width:230px;
	float:left;
	margin-bottom:12px;
	position:relative;
}
.banner_applynow a, .banner_applynow img {
	display:block;
	float:left;
}
.banner_applynow span {
	display:block;
	float:left;
	position:absolute;
	right:5px;
	bottom:5px;
	background:url(../images/hd-applyow.png) no-repeat left top;
	width:113px;
	height:32px;
	text-indent:-9999px;
}
.category_box {
	width:230px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:#fff6f0;
}
.heading_box {
	float:left;
	width:210px;
	background:#842700;
	padding:6px 10px;
}
.heading_box h2 {
	padding:0;
}
.content_box_search {
	width:208px;
	float:left;
	padding:12px 10px 8px 10px;
}
.content_box_search select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:208px;
	font-size:11px;
	color:#747474;
	margin-bottom:12px;
	font-family:tahoma, arial, sans-serif;
	clear:both;
}
.content_box_search h3 {
	padding-bottom:5px;
}
.content_box_search input {
	float:left;
	width:184px;
	border:1px solid #d5d5d5;
	height:15px;
	padding:3px 10px;
	margin-bottom:12px;
}
.content_box_search a.btn_search_cate {
	display:block;
	float:left;
	padding-left:23px;
	line-height:25px;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.content_box_search a.btn_search_cate span {
	display:block;
	float:left;
	padding-right:23px;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
.content_box {
	float:left;
	width:221px;
	padding:4px 3px 4px 4px;
}

.content_box a.btn_banner {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(../images/btn-slide2.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
	font-weight:bold;
}
.content_box_rss {
	float:left;
	width:213px;
	padding:10px 3px 8px 12px;
}
.content_box_rss h5 {
	line-height:15px;
	padding-bottom:6px;
	font-size:11px;
	color:#999;
	font-family:tahoma, arial, sans-serif;
	font-weight:normal;
	background:url(../images/ico-rss.png) no-repeat left top;
	padding-left:22px;
}
.content_box_rss li {
	float:left;
	width:200px;
	padding-left:13px;
	background:url(../images/sep-list-right.gif) no-repeat 2px 6px;
	line-height:18px;
	padding-bottom:2px;
}
.content_box li {
	float:left;
	width:221px;
}
.content_box li a {
	display:block;
	float:left;
	font-weight:bold;
	line-height:25px;
	background:url(../images/sep-list-right.gif) no-repeat 9px 8px;
	padding-left:21px;
	color:#333;
}
.content_box li a:hover, .content_box li a.active {
	background:url(../images/bg-hover-list.png) no-repeat left top;
	line-height:25px;
	color:#fff;
	width:200px;
	text-decoration:none;
}
/*
==============================================
footer section
==============================================
*/

#outer_footer {
	width:100%;
	background: url(../images/footbg.png)  #ABABAB;
	float:left;
}
#footer {

}
#left_footer {
	float:left;
	width:540px;
	background:url(../images/bg-border-left.png) repeat-y right top;
	height:121px;
	padding-right:2px;
	padding-top:15px;
}
#left_footer li {
	float:left;
	width:180px;
}
#left_footer li h2 {
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #a33f00;
}
#left_footer li a {
	display:block;
	float:left;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	color:#feffff;
	padding-left:8px;
	background:url(../images/sep-program.png) no-repeat left 4px;
	line-height:15px;
}
#left_footer li ul li {
	padding-bottom:4px;
}
#right_footer {
	width:416px;
	padding-right:2px;
	float:right;
	background:url(../images/bg-border-left.png) repeat-y right top;
	height:136px;
}
.kkubox {
	width:408px;
	float:left;
	padding-left:8px;
	height:76px;
	padding-top:8px;
}
.left_kku {
	float:left;
	width:294px;
	background:#a33f00;
	padding: 9px 10px;
	padding-bottom:4px;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	position:relative;
}
.left_kku em.shoutright {
	display:block;
	float:right;
	position:absolute;
	border-bottom: 10px solid #ba5d22;
	border-left: 12px solid #a33f00;
	border-top: 10px solid #ba5d22;
	right:-12px;
	width:0;
	height:0;
	top:50%;
	margin-top:-10px;
}
.left_kku p {
	line-height:16px;
	padding-bottom:4px;
}
.left_kku p a {
	color:#b4c576;
}
.right_kku {
	float:right;
	width:92px;
	text-align:center;
}
.right_kku h3 {
	font-size:12px;
	color:#fff;
	padding-bottom:0;
	word-spacing:-1px;
}
.bottom_links {
	width:416px;
	float:left;
	background:url(../images/bg-border.png) repeat-x top;
	padding-top:2px;
	height:50px;
}
.left_links {
	float:left;
	width:203px;
	padding-right:2px;
	background:url(../images/bg-border-left.png) repeat-y right top;
	height:37px;
	padding-top:13px;
}
.left_links li {
	float:left;
	padding-left:6px;
}
.left_links li h3 {
	color:#fff;
	padding-top:4px;
	padding-right:4px;
}
.right_links {
	text-align:center;
	width:210px;
	float:left;
	color:#fff;
	font-weight:bold;
	padding-top:15px;
}
.right_links h3 {
	font-size:16px;
	color:#fff;
	line-height:18px;
}
.bottom_footer {
	width:960px;
	float:left;
	padding-top:12px;
	text-align:center;
}
.bottom_footer p {
	float:left;
	width:850px;
	color:#fff;
}
.bottom_footer a#topScroll {
	color:#fff;
	display:block;
	float:right;
	padding-right:27px;
	background:url(../images/btn-top.png) no-repeat right top;
	line-height:19px;
}


/*Contact us*/

#contact_us {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.addressbox {
	width:906px;
	float:left;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:15px 10px 10px 20px;
	margin-bottom:10px;
}
.quickinquiry {
	width:938px;
	float:left;
}
.addressbox h2, .inquiry_form h2, .inquiry_note h2 {
	color:#976700;
	line-height:16px;
	padding-bottom:14px;
}
.postal_address {
	float:left;
	width:300px;
}
.visitaddres {
	float:left;
	width:275px;
}
.postal_address ul li {
	float:left;
	width:100%;
	padding-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	color:#222427;
}
.postal_address li span {
	display:block;
	float:left;
	width:17px;
	text-align:center;
	margin-top:6px;
}
.postal_address li .desc {
	float:left;
	width:210px;
	padding-left:12px;
}
.postal_address li p {
	line-height:18px;
	padding-bottom:0;
}
.postal_address li p strong {
	color:#976700;
	line-height:22px;
}
.map_address {
	float:right;
	width:328px;
}
.map_address img {
	border:1px solid #ccc;
	float:left;
}
.inquiry_form {
	float:left;
	width:554px;
	border:1px solid #ccc;
	padding:20px;
	padding-bottom:14px;
	margin-bottom:12px;
}
.inquiry_form li {
	float:left;
	width:554px;
	line-height:25px;
	color:#575757;
}
.inquiry_form li div.left {
	float:left;
	width:268px;
	line-height:16px;
}
.inquiry_form li div.left input {
	width:246px;
	height:15px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:11px;
}
.inquiry_form li div.right {
	width:268px;
	float:right;
	line-height:16px;
}
.inquiry_form li div.right textarea {
	width:246px;
	height:82px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	overflow:auto;
	color:#999;
}
.inquiry_form li input.btn_submit {
	float:left;
	width:83px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;
	cursor:pointer;
	background:#bd2f01;
	margin-right:8px;
}
.inquiry_form li a {
	color:#575757;
}
.inquiry_note {
	float:right;
	width:314px;
	padding-top:6px;
}
.inquiry_note p {
	line-height:17px;
	padding-bottom:14px;
}
.inquiry_note li {
	line-height:18px;
	color:#333;
}
/*Gallery*/

#gallery {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.heading_gallery {
	float:left;
	width:938px;
	padding-bottom:12px;
}
.heading_gallery h1 {
	float:left;
	width:700px;
	padding-bottom:0;
	padding-top:5px;
}
.heading_gallery ul {
	float:right;
}
.heading_gallery ul li {
	float:left;
	padding-left:10px;
}
.heading_gallery li a {
	display:block;
	float:left;
	line-height:25px;
	padding:0 12px;
	background:#bd2f01;
	border:2px solid #bd2f01;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.gallery_category {
	float:left;
	width:916px;
	background:#bd2f01;
	border:1px solid #bd2f01;
	padding:3px 10px;
	margin-bottom:10px;
}
.gallery_category h2 {
	float:left;
	padding-bottom:0;
	padding-top:3px;
}
.select_gallery {
	float:right;
}
.select_gallery label {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:20px;
	padding-right:8px;
	display:block;
	float:left;
}
.select_gallery select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:160px;
	font-size:11px;
	color:#747474;
	font-family:tahoma, arial, sans-serif;
}
#content_gallery {
	float:left;
	width:936px;
	position:relative;
	overflow:hidden;
}
#content_gallery li {
	float:left;
	width:215px;
	height:140px;
	overflow:hidden;
	border:5px solid #ddd;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:10px;
}
#content_gallery li a {
	display:block;
	float:left;
	position:relative;
	width:215px;
	height:140px;
	text-decoration:none;
}
#content_gallery li a span {
	display:none;
	float:left;
	width:195px;
	background:url(../images/bg-tran-1.png);
	color:#fff;
	font-size:11px;
	left:0;
	bottom:0;
	padding:5px 10px;
	z-index:10;
	height:20px;
	position:absolute;
}
#content_gallery li:hover {
	border:5px solid #d4ad58;
}
#content_gallery li:hover span {
	display:block;
}
#content_gallery li img {
	float:left;
	position:relative;
	z-index:1;
}
#content_gallery li span {
}
.student_box img {
	float:left;
	margin-bottom:12px;
}
.student_box p {
	color:#fff;
	line-height:17px;
	padding-bottom:0;
}

/*-----------------------------start new-----------------------------*/

.show_date_month_act{
	padding-right:10px;
	text-align:right;
	display:block;
	color: #bd2f01;
	font-family: System Font;
}
.show_date_day_act{
	font-family:  Times;
	padding-right:15px;
	font-size: 50px;	
	font-weight: lighter;
	color:#fcb413;
	
}
.show_content_act{
	/*width: 600 px;*/
	font-family: Helvetica;
	font-size: 13px;
	font-weight: lighter;
	color: #fff;
	cursor: pointer;
	
		
}
.show_time_act{
	color:#ccc;
	font-family: System Font;
	font-size:16;
	display:block;
	font-weight:lighter;	
}
/*-----------------------------start new-----------------------------*/

/*-------gallery & video ----------*/


#content_video {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
#content_video li {
	float:left;
	width:135px;
	height:90px;
	overflow:hidden;
	border:4px solid #ddd;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:20px;
}
#content_video li a {
	display:block;
	float:left;
	position:relative;
	width:135px;
	height:90px;
	text-decoration:none;
}

#content_video li:hover {
	border:4px solid #d4ad58;
}
#content_video li:hover span {
	display:block;
}
#content_video li img {
	float:left;
	position:relative;
	z-index:1;
	width:135px;
	height:90px;
}

.list_show_video_date{
	font-weight:bolder;
	padding:20px 10px;
}
.list_show_video_title{
	padding:20px 10px;
}

#content_pic {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
#content_pic li {
	float:left;
	width:135px;
	height:90px;
	overflow:hidden;
	border:4px solid #ddd;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:20px;
}
#content_pic li a {
	display:block;
	float:left;
	position:relative;
	width:135px;
	height:90px;
	text-decoration:none;
}
#content_pic li a span {
	display:none;
	float:left;
	width:130px;
	background:url(../images/bg-tran-1.png);
	color:#fff;
	font-size:11px;
	left:0;
	bottom:0;
	padding:5px 10px;
	z-index:10;
	height:20px;
	position:absolute;
}
#content_pic li:hover {
	border:4px solid #d4ad58;
}
#content_pic li:hover span {
	display:block;
}
#content_pic li img {
	float:left;
	position:relative;
	z-index:1;
}
#content_pic li span {
}

/*-------gallery & video ----------*/

/*------- news ----------*/
.ct_news_recent_left{
	float:left;
	width:330px;
	height:auto;
	overflow:visible;
	margin-bottom: 10px;
}
.ct_news_recent_list{
	padding:10px;
	width: 340px;
	height: 350px;	
}
.header_news_recent{
	text-align: left;
	font-size: 14px;
	color:#700;
	font-weight: lighter;
	margin-right: 25px;
	margin-left: 5px;
	padding-bottom: 8px;
	border-bottom: 4px solid #900; 
}
.ct_news_recent_right{
	float:right;
	width:330px;
	height:auto;
	overflow:visible;	
	margin-bottom: 10px;
}
.more{
	float: right;
}
/*------- news ----------*/


/*------- calendar ----------*/
.list_event{
	height:160px;
	text-align: left;
	display: block;
	padding:10px;
	border-bottom: 1px solid #600;
}

.img_event{
float:left;
padding:10px;
border:1px solid #DCDCDC;
width:186px;
height:125px;
	}

.content_event{text-align:left;}

.show_content_act2{color:#00F; padding-left:10px}
.detail_box{padding:10px;}

/*------- calendar ----------*/


/*------- webboard ----------*/
.webboard_main {
	float:left;
	width:700px;
}
.webboard_box {
	float:left;
	width:700px;
	margin-bottom:10px;
}
.webboard_main span.imguser {
	display:block;
	float:left;
	width:65px;
	height:65px;
	border:1px solid #ccc;
}
.webboard_main span.imguser img {
	float:left;
}
.webboard_main .webboard_description {
	float:right;
	width:595px;
	border:1px solid #ccc;
	padding:10px;
	padding-bottom:0;
}
.webboard_main .webboard_description p {
	text-align:justify;
}

.webboard_main .webboard_description .topic {
	padding-bottom:0px;
}
.webboard_main .webboard_description:hover{
	background-color:#fff6f0;
	text-decoration:none;
}

.webboard_main .webboard_box em.shoutright {
	display:block;
	float:right;
	position:absolute;
	border-bottom: 8px solid #fff;
	border-left: 10px solid #ccc;
	border-top: 8px solid #fff;
	width:0;
	height:0;
	margin-top:24px;
	margin-left:67.5px;
}

.webboard_main .webboard_box em.shoutright2 {
	display:block;
	float:right;
	position:absolute;
	border-bottom: 8px solid #FFFFCA;
	border-left: 10px solid #ccc;
	border-top: 8px solid #FFFFCA;
	width:0;
	height:0;
	margin-top:24px;
	margin-left:67.5px;
}

/*------- webboard ----------*/

/*------ photo.php -----------*/
#page_pic {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
#page_pic li {
	float:left;
	width:180px;
	height:120px;
	overflow:hidden;
	border:4px solid #ddd;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:20px;
}
#page_pic li a {
	display:block;
	float:left;
	position:relative;
	width:180px;
	height:120px;
	text-decoration:none;
}
#page_pic li a span {
	display:none;
	float:left;
	width:175px;
	background:url(../images/bg-tran-1.png);
	color:#fff;
	font-size:11px;
	left:0;
	bottom:0;
	padding:5px 10px;
	z-index:10;
	height:20px;
	position:absolute;
}
#page_pic li:hover {
	border:4px solid #d4ad58;
}
#page_pic li:hover span {
	display:block;
}
#page_pic li img {
	float:left;
	position:relative;
	z-index:1;
}
#page_pic li span {
}
/*------ photo.php -----------*/

/*------ full_width -----------*/
#full_width {
	float:left;
	width:953px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:2px 2px;
	padding-bottom:2px;
	margin-bottom:20px;
}

/*------ full_width -----------*/

/*------ link -----------*/
.link_main {
	float:left;
	width:330px;
}
.link_box {
	float:left;
	width:330px;
	margin-bottom:10px;
}
.link_main span.imguser {
	display:block;
	float:left;
	width:70px;
	height:70px;
	border:1px solid #ccc;
}
.link_main span.imguser img {
	float:left;
}
.link_main .link_description {
	float:right;
	width:230px;
	height:60px;
	border:1px solid #ccc;
	padding:10px;
	padding-bottom:0;
}
.link_main .link_description p {
	text-align:justify;
}

.link_main .link_description .topic {
	padding-bottom:0px;
}
.link_main .link_description:hover{
	background-color:#fff6f0;
	text-decoration:none;
}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
}
/* 
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#000;
}
#colorbox {
}
#cboxContent {
	margin-top:32px;
	overflow:visible;
}
#cboxError {
	padding:50px;
	border:1px solid #282828;
}
#cboxLoadedContent {
	background:#282828;
	padding:5px;
}
#cboxLoadingGraphic {
	background:url(../images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
	background:#000;
}
#cboxTitle {
	position:absolute;
	top:-22px;
	left:0;
	color:#000;
}
#cboxCurrent {
	position:absolute;
	top:-22px;
	right:205px;
	text-indent:-9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:absolute;
	top:-20px;
	background:url(../images/controls.png) no-repeat 0 0;
}
#cboxPrevious {
	background-position:0px 0px;
	right:44px;
}
#cboxPrevious.hover {
	background-position:0px -25px;
}
#cboxNext {
	background-position:-25px 0px;
	right:22px;
}
#cboxNext.hover {
	background-position:-25px -25px;
}
#cboxClose {
	background-position:-50px 0px;
	right:0;
}
#cboxClose.hover {
	background-position:-50px -25px;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right:66px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px;
	right:44px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
	background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0px;
	right:44px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
	background-position:-75px -25px;
}