body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url();*/
	/*background-repeat: no-repeat;*/
	font-family:'microsoft jhengHei', 'Apple LiGothic', 'Arial Unicode MS', Arial, heiti; 
}

a img{
	border:none;
}

.ScrollNew {width:360px;height:44px}

/*
Article
*/
.Article .title{font-size:16px; color:#10B533; font-weight:bold;margin:0 0 5px 0;}
.Article .date{font-size:11px;color:#333;}
.Article .info span{color:#0D5120;}
.Article .content{margin:10px 0;font-size:13px;}

#flash_banner {
	position:absolute;
	left:1px;
	top:0px;
	width:32px;
	height:50px;
	z-index:1;
}

td{
	font-family: 'microsoft jhengHei', 'Apple LiGothic', 'Arial Unicode MS', Arial, heiti;
	font-size: 13px;
	line-height: 24px;

}
.btn01{
	padding:0 2px 0 5px;
}


.textfield{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
}

.about_text{
	font-family: 'microsoft jhengHei', 'Apple LiGothic', 'Arial Unicode MS', Arial, heiti;
	font-size: 15px;
	color: #10b533;
	line-height: 24px;
}
.about_text2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 18px;
	color: #0a5219;
	line-height: 24px;
}


.content{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	/*color: #c6c3c6;*/
	line-height: 24px;

}
.content2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;

}
.news_content{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	line-height: 22px;

}
.content3{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #0a5219;
	line-height: 22px;

}
.content4{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #666666;
}

.content:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #c6c3c6;
	text-decoration: none;
}

.content:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #c6c3c6;
	text-decoration: none;
}


.content:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.content:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #c6c3c6;
	text-decoration: none;
}

.content_black{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 22px;
}

.content_red{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #f40000;
	line-height: 24px;

}

.seachbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #838383;
	width: 86px;
	border: 1px solid #D2D2D2;

}
.seachlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 85px;
	list-style-type: none;
	filter: #808080;
	border: 1px solid #838383;

}

.input{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 95px;
	border: 1px solid #FFAE00;

}

.inputbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	line-height: 20px;
	width: 380px;
	border: 1px solid #D2D2D2;

}
.inputbox2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	width: 380px;
	border: 1px solid #D2D2D2;
	height: 105px;

}

.title {
	font-family: "Arial";
	font-size: 20px;
	font-weight: bold;
	color: #4a3e3e;

}
.title2 {
	font-family: "Arial";
	font-size: 15px;
	color: #000000;

}

.heading1 {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 15px;
	color: #3b2c2c;
	line-height: 25px;
	font-weight: bold;

}
.heading2 {
	font-family: Verdana,Times New Roman, Times, serif;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
	text-decoration: underline;

}


.leftmenuitem {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}



.leftmenuitem:link {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:visited {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}


.leftmenuitem:hover {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #21AEAD;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:active {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}
.subTitleBottomDiv {
	padding:15px 0 12px 0;	
}

.subTitleBottom {
	margin-top:15px;
	font-family: Arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #009933;;
	line-height: 20px;
}




.footer{
	font-family: Arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #009933;;
	line-height: 14px;
}

.footer:link{
	font-family: arial,Times New Roman, Times, serif;
	color: #009933;;
	text-decoration: none;
}

.footer:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #009933;;
	text-decoration: none;
}


.footer:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #009933;;
	text-decoration: none;
}

.footer:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #009933;;
	text-decoration: none;
}

.left_menu{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #313946;
	line-height: 24px;
	text-align:right;

}
.left_menu:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #313946;
	text-decoration: none;
}

.left_menu:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #313946;
	text-decoration: none;
}


.left_menu:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #c00000;
	text-decoration: none;
}

.left_menu:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #fc8e35;
	text-decoration: none;
}

.course_title{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #f56934;
	line-height: 24px;
}
.course_title:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #f56934;
	line-height: 24px;
	text-decoration: none;
}

.course_title:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #f56934;
	line-height: 24px;
	text-decoration: none;
}


.course_title:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #f56934;
	line-height: 24px;
	text-decoration: none;
}

.course_title:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #f56934;
	line-height: 24px;
	text-decoration: none;
}

.course_text{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #f56934;
	line-height: 24px;
}
.course_text2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 20px;
	color: #f56934;
	line-height: 24px;
}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: transparent;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}




/* ListTable */
.ListTable{}
.ListTable .row_header{background:#7ABB23;color:#fff;font-weight:bold; font-size:13px; align:"left";}
.ListTable .row_content_1{background:#fff;}
.ListTable .row_content_2{background:#efefef}





/* Paging */
.PagingWrapper{}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #dddddd;height:22px;width:20px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #7ABB23;height:22px;width:20px;}
.PagingWrapper .Paging span a:hover.number{background:#fbd0d7;border:1px solid #7ABB23;}
.PagingWrapper .Paging span .prev,.Paging span .next,.Paging span .info{position:relative;top:5px;}


.date_news{font-size:12px;color:#942923;}
.title_news{font-size:12px;color:black;}
.title_news a{font-size:12px;color:black;}
.title_news a:hover{font-size:12px;color:black;text-decoration:underline}
.news_sep{color:#942923;height:1px;}

/* ============== new added ================ */

.indexRightBottom {
	margin-top:10px;
	margin-bottom:20px;
}

.indexVideoThumb {
	padding:3px 4px 3px 4px;
}
.indexVideoThumb:hover{
	background: #FFCAA6;
}
.indexVideoThumb a {
	cursor: pointer;
}
.indexVideoThumb img {
	margin: 0 auto;
	display:block;
}
.indexVideoTitle{
	padding-top:2px;
	font-size:12px;
	line-height:13px;
	text-align:center;
	width: 100px;
	overflow: hidden;
	text-overflow:ellipsis;
}

.contentTitleDiv {
	width:750px; 
	height:30px; 
	border:1px solid #FF944D; 
	border-width:0 0 1px 0; 
	text-align:right; 
	margin:0 10px 0 10px; 
	padding: 2px 10px 2px 10px; 
	background:url(../images/title/title_bg.jpg) no-repeat 10px 12px; 
	color:#006600; 
	font-size:15px; 
	line-height:15px; 
	font-weight:bold; 
	display:table-cell; 
	vertical-align: bottom;
}
.contentSubTitleDiv {
	width:750px;
	height:30px; 
	padding: 3px 12px 3px 12px; 
	text-align:left; 
	font-weight:bold; 
	color:#FF6600; 
	font-size:16px; 
	line-height:15px;
}
a.more_btn {
	background:#FF944D;
	color:#FFF;
	text-decoration:none;
	padding:2px 10px;
	border-radius:10px;
}
a.more_btn:hover {
	background: #FF644D;
}

a.login_btn {
	background:#eee;
	color:#333;
	text-decoration:none;
	padding:8px 5px;
	border-radius:2px;
}
a.login_btn:hover {
	background: #FF644D;
	color:#fff;
}
.forgot_pwd {
	text-align:center;
	line-height:14px;	
}
.forgot_pwd a{
	font-size:10px;
	text-decoration:none;
	color: #06F;
}
.member_reg {
	text-align:center;
}
.member_reg a{
	font-size:10px;
	text-decoration:none;
	color: #06F;
}
.news_topic a{
	font-size:14px;
	text-decoration:none;
	color: #06C;
}
.news_topic a:hover{
	text-decoration:underline;
}
/*============================================== by Pong ==================================================*/
.index_left_banner {
	display:block;
	width:340px;
	height:260px;
	margin:0 0 10px 0;
}
.index_left_banner img {
	position:absolute;
	display:block;
	width:340px;
	height:260px;
}




ul.new_edit_menu li ul{
	display:none;
	margin-top:-1px;
    transition-duration: 0.5s; 
}

ul.new_edit_menu li:hover ul{
	display:block;
	opacity:1;
}


/* new code for index at 2021 */
.border-frame{ border: 1px #e1e1e1 solid; border-radius: 4px; box-sizing: border-box; margin-bottom: 16px;
-webkit-box-shadow: 4px 6px 3px 0 #ebebeb;
-moz-box-shadow: 4px 6px 3px 0 #ebebeb;
box-shadow: 4px 6px 3px 0 #ebebeb;
}
.border-frame thead, .border-frame tbody, .border-frame tfoot, .border-frame tr, .border-frame th, .border-frame td{ box-sizing: border-box; position: relative;}
.border-frame caption{width: 100%; padding: 0 4px; text-align: left }
.border-frame tfoot td{text-align: right; padding: 5px;}
.index-news-wrapper{ max-width: 600px;}

.index-news-item-wrapper{position: relative; width: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
	padding: 10px 0 15px; font-size: 16px;
}
.index-news-item-wrapper::after{content: ""; display:block; width: 100%; height: 10px; position: absolute; left: 0; right:0; bottom:0; background-image: url(../images/index/index_45.jpg); background-repeat: repeat-x; background-position: center bottom;}
.index-news-item-content{box-sizing: border-box; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1em; color:#666; }
.index-news-item-title{color: #222; font-weight: bold; margin-bottom: 0.5em}
.index-news-item-title a{color:inherit;}
.index-news-item-photo{ box-sizing: border-box;-ms-flex: 0 0 30%; flex: 0 0 30%;  width: 30%; padding-right: 10px}
.index-news-item-photo img{max-width: 100%;}