/*****************************/
/*** Core html setup stuff ***/
/* Tran Thanh Sang */
/* sangtialia@gmail.com */
/*****************************/
/* 
content-width: 620 
left-width:185
left-right-185
*/
@charset "utf-8";
.imglink{
	border:0;
}
.imglink:hover{
	opacity:0.80;
	moz-opacity:0.80;
	filter:alpha(opacity=80);
}

.button{
	border:1px solid #8bcb50; 
	color:#FFF; 
	background:#8bcb50;
	cursor:pointer; 
	padding:5px 25px;
	display: inline-block;
}
.button:hover{
	background-color:var(--main-color);
	border-color:var(--main-color);
	color: #FFF;
}
input.inputbox, select.inputbox, textarea.inputbox{
	border:1px solid #d7d4d4;
	}
hr{ border:none; border-top:1px dotted #CCCCCC; background:none;}

/* table list */
table.list{
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
	width:100%;
	}
table.list tr td{
	padding:5px 3px 5px 3px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}
table.list tr.title td{ font-weight:bold; text-align:center; background:#ddd}
table.list tr.title2 td{ font-weight:bold; text-align:center; background:#f2f2f2}

.break{clear:both;}
.note{font-style:italic; color:#666;}
div.break{clear:both; height:1px; font-size:1px;}
.inputbox{border:1px solid #9EA7F8;}
.red{color:#F00;}

.modheading {
	position: relative;
	font-size: 2rem;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 2.5rem;
}
.modheading::after {
	background: #8bcb50 none repeat scroll 0 0;
	bottom: -2px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100px;
}

/*mobile*/
@media (max-width: 767px) {
	.modheading {
		font-size: 2rem;
	}
	.articlecontent .detail h1 {
		font-size: 1.5rem;
	}
}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
	.modheading {
		font-size: 2rem;
	}
	.articlecontent .detail h1 {
		font-size: 1.5rem;
	}
}