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


@import url(http://fonts.googleapis.com/css?family=Kantumruy);


@font-face {
    font-family: "DaunKeo";
    src: url('http://ccc.gov.kh/fonts/DaunKeo.eot'); /* IE9 Compat Modes */
    src: url('http://ccc.gov.kh/fonts/DaunKeo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://ccc.gov.kh/fonts/DaunKeo.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://ccc.gov.kh/fonts/DaunKeo.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://ccc.gov.kh/fonts/DaunKeo.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://ccc.gov.kh/fonts/DaunKeo.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: "KhmerOSmuol";
    src: url('http://ccc.gov.kh/fonts/KhmerOSmuol.eot'); /* IE9 Compat Modes */
    src: url('http://ccc.gov.kh/fonts/KhmerOSmuol.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://ccc.gov.kh/fonts/KhmerOSmuol.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://ccc.gov.kh/fonts/KhmerOSmuol.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://ccc.gov.kh/fonts/KhmerOSmuol.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://ccc.gov.kh/fonts/KhmerOSmuol.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body { 
  /*font-family: 'Open Sans', sans-serif;*/
  color: #000;
  width: 100%;
  height: 100%;
  background:#f2f2f2;

}

/* STRUCTURE */


#pagewrap {
	background:#f2f2f2;
	z-index:1300;
	max-width:1300px;
	width:100%;
	margin:5px auto;
	height:100%;

}
#pagewrap-library {
	background:#f2f2f2;
	z-index:1300;
	max-width:1300px;
	width:100%;
	margin:5px auto;
	height:100%;

}
#contenttop {
	height: 100px;
	width: 100%;
	background-color:#f2f2f2;
}
#content {
	width: 20%;
	float: left;
	padding-left: 0px;
	padding-right: 5px;
	background-color:#f2f2f2;
  
	padding-bottom:10px;
}
#content1 {
	display:none;
}

#searchbox {
	display:none;
}

#middle {
	width: 60%; /* Account for margins + border values */
	float: left;
	padding-bottom:10px;
	background-color:#ffffff;
	min-height:870px;
	
	
}
#middle-library {
	background-color:#ffffff;
	max-width:1140px;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin:0px auto;
}

#sidebar {
	width: 20%;
	float: right;
	padding-left: 5px;
	padding-right: 0px;
	background-color:#f2f2f2;
	padding-bottom:10px;
}
footer {
   	background-image: url('http://ccc.gov.kh/images/images/footer.png');
	width: 100%;
	clear: both;
	font-family: 'Abel';font-size: 14px;
}

#MenuRigth{
	background:#3b5998;
	color:#ffffff;
	text-align:left;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:5px;
	padding-left:8px;
}


#MenuRigth-kh{
	background:#3b5998;
	color:#ffffff;
	text-align:left;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
	padding-left:8px;
}

#Menuleft-kh{
	background-color:#3b5998;
	color:#ffffff;
	text-align:center;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
}
#Menuleft{
	background-color:#3b5998;
	color:#ffffff;
	text-align:center;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
}
#Menumiddle{
	background:#3b5998;
	color:#ffffff;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-align:center;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:5px;
	padding-left: 5px;
	padding-right: 5px;
}

#Menumiddle-kh{
	background:#3b5998;
	color:#ffffff;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-align:center;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
	padding-left: 5px;
	padding-right: 5px;
}
#Menumiddle-kh1{
	background:#3b5998;
	color:#ffffff;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-align:center;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:15px;
}
#Menumiddle-libray-kh{
	font-family: 'KhmerOSmuol'; 
	font-size: 14px;
	color:#FFFFFF;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:35px;
	max-width:1140px;
	padding-left:10px;
	padding-top:2px;
	background:#3b5998;

}
#Menumiddle-libray-one-kh{
	font-family: 'KhmerOSmuol'; 
	font-size: 14px;
	color:#FFFFFF;
	font-style:normal;
	border-radius:3px 3px 0 0;
	height:45px;
	max-width:1140px;
	padding-left:10px;
	padding-top:5px;
	background:#3b5998;
	margin-top:10px;

}

.middleparagraph{
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
}
.middleparagraph-kh{
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	width:100%;
}

.middlelibrary-kh{
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	display:inline-block;
	margin-bottom:10px;
	width:100%;
}

#tableLeft{
	width:100%;
	margin:0px auto;
	border:1px solid #3b5998;
	background-color:#f2f2f2;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;

}

#tableLeft-en{
	width:100%;
	margin:0px auto;
	border:1px solid #3b5998;
	background-color:#f2f2f2;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;

}

#tableLeft-en .trleft{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#ffffff;
	border-bottom-style:dotted;
	padding-left:5px;
	color:#4169E1;
	font-size: 14px;
	text-decoration:none;
}


#tableLeft .trleft{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#ffffff;
	border-bottom-style:dotted;
	padding-left:5px;
	color:#4169E1;
	text-decoration:none;
}

#tableLeft .trleft1{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#ffffff;
	border-bottom-style:dotted;
	padding-left:0px;
	padding-right:0px;
	color:#4169E1;
	text-decoration:none;
}
#tableLeft-en .trleft1{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#ffffff;
	border-bottom-style:dotted;
	padding-left:0px;
	padding-right:0px;
	font-size: 14px;
	color:#4169E1;
	text-decoration:none;
}

#tableLeft .visitors{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#f2f2f2;
	border-bottom-style:dotted;
	padding-left:5px;
	color:#4169E1;
	text-align:left;
}
#tableLeft-en .visitors{
	line-height:32px;
	border-bottom:1px solid;
	border-bottom-color:#f2f2f2;
	border-bottom-style:dotted;
	padding-left:5px;
	color:#4169E1;
	text-align:left;
}
#tableLeft .trleft:hover{
	background-color:#ffffff;

}
#tableLeft-en .trleft:hover{
	background-color:#ffffff;

}
#footer-style{

	z-index:1300;
	max-width:1300px;
	text-align:center;
	padding-top: 100px;
	margin:0px auto;
	font-family: 'DaunKeo';font-size: 13px;
	font-weight: normal;
	color:#fff;

}
.subTitle{
	color:#DAA520;
	font-size:14px;
	font-weight: bold;
}

.subTitle-kh{
	color:#DAA520;
	font-size:14px;
	font-weight: bold;
	font-family: 'DaunKeo';font-size: 14px;
	text-align:center;
}

.subTitle1{
	color:#0000cc;
	font-size:16px;
	font-weight:900;
	
}
.subTitle1-kh{
	color:#000000;
	font-weight: bold;
	font-family: 'DaunKeo';font-size: 14px;
	
}
.subTitle2{
	color:#0000cc;
	font-size:14px;
	font-weight:normal;
	
}

.subTitle2-kh{
	color:#0000cc;
	font-weight: bold;
	font-family: 'DaunKeo';font-size: 15px;
	
}
.justifyparagraph{
	/*text-align:justify;*/
	text-align:left;
	white-space: pre-line;
	white-space: pre-wrap;
	display:block;
}

.img-adjust{
	width:98%;
	height:auto;
	display:block;
}

.img-adjust1{
	width:70%;
	height:70%;
	display:block;
}

#table-Achievements{
	width:100%;
	margin:0px auto;
	border:1px solid #3b5998;
	background-color:#f2f2f2;

}

#table-Achievements .trAchivements{
	border-left:1px solid;
	border-left-color:#3b5998;
	border-left-style:dashed;
	
	border-bottom:1px solid;
	border-bottom-color:#3b5998;
	border-bottom-style:dashed;
	text-align:center;
	text-decoration:none;
}
#table-Achievements .trAchivements1{
	border-left:1px solid;
	border-left-color:#3b5998;
	border-left-style:dashed;
	
	border-bottom:1px solid;
	border-bottom-color:#3b5998;
	border-bottom-style:dashed;
	text-align:left;
	text-decoration:none;
	padding-left:5px;
}
object{
	position:relative;
	width:100%;
	height:980px;
	left:0px;
	right:0px;
	padding: 0px auto;
}
article{
    border-bottom: 1px solid #f2f2f2;
	padding-top:10px;
	
}

.img-responsive {
    display: block;
    max-width:100px;
	max-height:110px;
	float:right;
}
h3 a {
	text-decoration:none;
	color:#000;
	
}
h3 a:hover {
	text-decoration:underline;
	color:#3b5998;
	
}

.linkwebsite a{
	font-family: 'DaunKeo';font-size: 14px;
	text-decoration:none;
	color:#00C;
}
.linkwebsite a:hover{
	font-family: 'DaunKeo';font-size: 14px;
	text-decoration:underline;
	color:#960;

	
}

.found-term { 
  background-color:#FFFF00;
  font-weight: bold; 
}
.member-title{
	font-family:'Koulen';
	font-size:16px; 
	font-weight:600;
	text-align:center;
	color:#DAA520;
	width:100%;
	height:30px;
	background:#3b5998;

}
.video_title{
	font-family:'DaunKeo';
	font-size:12px; 
	font-weight:500;
	text-align:center;

}
.note_composition{
	font-family:'DaunKeo';
	font-size:13px; 
	font-weight:500;
	margin:10px auto;

}
.member-text a{
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-decoration:none;
	width:100%;
	height:auto;

}

.member-title-en{
	font-family:'Koulen';
	font-size:16px; 
	font-weight:600;
	text-align:center;
	color:#DAA520;
	width:100%;
	height:30px;
	padding-top:5px;
	background:#3b5998;

}
.images-member{
	width:131px;
	height:178px;
	padding-bottom:5px;
	padding-top:5px;
}
.paginationpage {
  border: 1px solid #ddd;
  width:auto;
  border-radius: 0px!important;
}

.column-left{ float: left; width: 33%;
 }
.column-right{ float: right; width: 33%;
 }
.column-center{ display: inline-block; width: 33%;
 }
ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#0d7963;
    color:#fff; 
}
.loginbutton {
    width:80px;
	position:absolute;
}

#read-more {
  overflow: hidden;
  height: 910px;
  width: 100%;
}
.button-style{
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
  font-family: 'DaunKeo';font-size: 14px;
  
}
.inputtype{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 12px;
    resize: vertical;
	font-family: 'DaunKeo';font-size: 14px;
}
.inputsubmit {
    background-color: #3b5998;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	width:100px;
}
.iframe_w_h {
width:100%;
height:1000px;
}

h6 a {
	text-decoration:none;
	font-family: 'DaunKeo';font-size: 14px;
	padding-left:5px;
	padding-right:5px;
	font-size:normal;
	color:#000;
	
}
h6 a:hover {
	text-decoration:underline;
	font-family: 'DaunKeo';font-size: 14px;
	color:#3b5998;
	
}

.activities-gs {
	display:block;
}
.activities-gs1 {
	display:none;
}
.activities_image{
		width:98%;
		padding:10px auto;
		margin:10px auto;
}

.moreactivity{

	font-family: 'DaunKeo';font-size: 14px;
	font-size:normal;
	color:#000;
	text-align:right;
    margin-top:10px;
    padding-right:10px;

}
.previous {
    background-color: #f2f2f2;
    color: black;
    padding-left:10px;
    padding-right:10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    text-decoration:none;
    
}
.previous:hover {
   background-color: #3b5998;
}

.datetimes {
   font-family: 'DaunKeo';font-size: 11px;
   font-size:normal;
   color:#999999;
}
.columnfoursearch {
  float: left;
  width: 24%;
  height:auto;
  padding:5px 5px 5px 5px;
  font-family: 'DaunKeo';font-size: 14px;
  font-size:normal;
  color:#000000;
}
.columnfour {
  float: left;
  width: 19%;
  height:330px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 5px 5px 10px #888888;
  padding:5px 5px 5px 5px;
  margin-right:5px;
  margin-left:5px;
  margin-top:8px;
  font-family: 'DaunKeo';font-size: 14px;
  font-size:normal;
  color:#000000;
}
.columnone {
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 2px;
  padding:5px 5px 5px 5px;
  margin-right:5px;
  margin-left:5px;
  margin-top:5px;
  font-family: 'DaunKeo';font-size: 14px;
  font-size:normal;
  color:#000000;
  width: 30%;
  height:auto;
  float:left;
  display:inline-block;
}

.columntwo {
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 2px;
  padding:5px 5px 5px 5px;
  margin-right:5px;
  margin-left:5px;
  margin-top:5px;
  font-family: 'DaunKeo';font-size: 14px;
  font-size:normal;
  color:#000000;
  width: 68%;
  height:auto;
  float:left;
  display:inline-block;
}
.column50 {
  float:left;
  width: 49%;
  margin-top:3px;
  display:inline-block;
}

.column50-one {
  float:left;
  width: 45%;
  margin-top:3px;
  display:inline-block;
}

.columntwo-one {
  width: 45%;
  height:auto;
  float:left;
}
.columntwo-two {
  width: 45%;
  height:auto;
  float:right;
}
.columnsearch {
  width: 100%;
  height:auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom:5px;
  display:inline-block;
}
.columnsearch-one {
  width: 10%;
  height:auto;
  float:left;
}
.columnsearch-two {
  width: 88%;
  height:auto;
  float:right;
}

.image-library-serch {
  width:80px;
  height:100px;
  margin-bottom:2px;
}

.image-library-4 {
  width:200px;
  height:220px;
  margin-bottom:10px;
}

.image-library-left {
  width:18px;
  height:18px;
  float:left;
  margin-bottom:5px;
}
.image-library-right {
  width:18px;
  height:18px;
  float:right;
  margin-bottom:5px;
}
.column50text{
  font-family: 'DaunKeo';font-size: 11px;
  font-size:normal;
  color:#454545;
  float:left;
  padding-left:5px;
}
.column50text-right{
  font-family: 'DaunKeo';font-size: 11px;
  font-size:normal;
  color:#454545;
  float:right;
  padding-left:5px;
}
.buttonreadmore {
  background-color: #DAA520; /* Green */
  border: none;
  color: white;
  padding: 0px 4px;
  text-align: center;
  text-decoration: none;
  font-family: 'DaunKeo';font-size: 13px;
  font-size:normal;
  transition-duration: 0.4s;
  border-radius: 4px;
  cursor: pointer;
  margin-top:2px;
  bottom:0;
}
.buttonreadmore:hover{
  background-color: #4CAF50;
  color: white;
  
}
.buttondownload {
  background-color: #DAA520; /* Green */
  border: none;
  color: white;
  padding: 0px 4px;
  text-align: center;
  text-decoration: none;
  font-family: 'DaunKeo';font-size: 13px;
  font-size:normal;
  transition-duration: 0.4s;
  border-radius: 4px;
  cursor: pointer;
  margin-top:2px;
  margin-right:10px;
  bottom:0;
  width:70px;
  height:30px;
}
.buttondownload:hover{
  background-color: #4CAF50;
  color: white;
}
.buttonview {
  background-color: #3b5998; /* Green */
  border: none;
  color: white;
  padding: 0px 4px;
  text-align: center;
  text-decoration: none;
  font-family: 'DaunKeo';font-size: 13px;
  font-size:normal;
  transition-duration: 0.4s;
  border-radius: 4px;
  cursor: pointer;
  margin-top:2px;
  bottom:0;
  width:70px;
  height:30px;
}
.buttonview:hover{
  background-color: #4CAF50;
  color: white;
}
.pos-right{
	float:right;
	text-align:right;
	padding-right:10px;
}
.pos-left{
	float:left;
		
}

.pos-right:hover{
	color:#DAA520;
	cursor: pointer;
}
.readmore{
  right: 0;
  border-radius: 3px 0 0 3px;
  text-decoration: none;
  color: white;
}
.readmore:hover{
  text-decoration: underline;
  color: #DAA520;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  color: black;
  background-color: white;
  text-align: center;
  border-radius: 6px;
  border: 1px dotted black;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 50%;
  left: 10%;
  margin-left: -15px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.alinktext {
	text-decoration: none;
	color:black;
}
.alinktext:hover {
	text-decoration: underline;
}
.contentpc {
	display:block;
}
.contentphone {
	display:none;
}
.searchinputbox{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#content-pc {
     display:block;
}
#content-phone {
    display:none;
}
.columntwo-conent {
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 2px;
  padding:5px 5px 5px 5px;
  margin-right:5px;
  margin-left:5px;
  margin-top:10px;
  font-family: 'DaunKeo';font-size: 14px;
  font-size:normal;
  color:#000000;
  width: 48%;
  height:380px;
  float:left;
  display:inline-block;
}

/* download box */
#id_confrmdiv
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#id_confrmdiv button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#id_confrmdiv button:hover
{
    background-color: #ddd;
}
#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden;  overflow:hidden; word-wrap:break-word; }	
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

.columnfour {
  width: 48%;
  height:auto;
}

.columntwo-conent {
  width: 47%;
  height:auto;
  display:block;
}

.columnone {
  width: 100%;
}
.columntwo {
  width: 100%;
}
.column50 {
  width: 49%;
}
.image-library-4 {
  
  width:300px;
  height:350px;
  margin-bottom:5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}	
#Menumiddle-kh{
	background:#3b5998;
	color:#ffffff;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-align:center;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
	padding-left: 5px;
	padding-right: 5px;
}
#Menumiddle-kh1{
	background:#3b5998;
	color:#ffffff;
	font-family: 'DaunKeo';font-size: 14px;
	font-style:normal;
	text-align:center;
	border-radius:3px 3px 0 0;
	height:30px;
	padding-top:2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:15px;
}
#Menumiddle-libray-kh{
	width: 100%;
}
#searchbox {
	display:block;
	width:100%;
	padding-left:5px;
	padding-right:2px;
	margin-top:2px;
	background:#fff;
}
#Menumiddle-libray-one-kh{
	width: 100%;
}
	.columntwo-one {
		width: 20%;
		padding-top:5px;
	}
	.columntwo-two {
		width: 75%;
		padding-top:2px;
	}

	#pagewrap {
		width: 100%;
		padding-top:5px;

	}
	#pagewrap-library {
		width: 100%;
		padding-top:5px;

	}
	#content {
		width: 30%;
		padding: 1%;
		
	}
	#content1 {
		width: 30%;
		padding: 1%;
		
	}

	#middle {
		width: 67%;
		padding: 1%;
		margin: 0px 0px 5px 5px;
		float: right;
		position:static;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
		padding-left:5px;
		padding-right:5px;
	}

	#contenttop {
		padding: 1% 4%;
	}
	#content-pc {
	    display:none;
    }
    #content-phone {
    	display:block;
    }
    #footer-style{
		padding-top: 10px;
	}
	footer {
		padding: 1% 4%;
		background:#3b5998;
		
	}
	object{
	position:static;
	height:500px;
	padding:0px auto;
	}
	
	.justifyparagraph{
	text-align:left;
	}
	.img-adjust1{
	width:98%;
	height:auto;
	display:block;
	}
	.member-title{
	width:100%;
	height:auto;
	font-family: 'DaunKeo';font-size: 14px; font-weight:600;
	}
	.member-title-en{
	font-family:'Koulen';
	font-size:14px; 
	font-weight:600;
	text-align:center;
	color:#DAA520;
	width:100%;
	height:auto;
	padding-top:5px;
	
}
	.images-member{
		width:91px;
		height:118px;
	}
	.member-text a{
		font-family: 'DaunKeo';font-size: 14px;
	}
	#Menumiddle{
	background:#3b5998;
	color:#ffffff;
	height:auto;

	}
	#Menumiddle-kh{
	background:#3b5998;
	color:#ffffff;
	height:auto;

	}
	#Menumiddle-kh1{
	background:#3b5998;
	color:#ffffff;
	height:auto;

	}
	.loginbutton {
    width:80px;
	position:relative;
}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#Menumiddle-libray-one-kh{
		width: 100%;
		margin-top:2px;
		padding-top:3px;
	}
	#Menumiddle-kh{
        margin-top:5px;
	}
	#Menumiddle{
        margin-top:25px;
	}
	.columnfour {
	  width: 48%;
	  height:auto;
	  margin-left:0px;
	}
	.columnone {
		width: 100%;
		margin-left:0px;
	}
	.columntwo {
	  width: 100%;
	  margin-left:0px;
	}
	.columnfoursearch {
	  width: 100%;
	  line-height: 90%;
	}

	.columnsearch-two {
		margin-left:20px;
		padding-top:0px;
		width:76%
	}
	.columnsearch-one {
		margin-right:10px;
	}
	.contentpc {
		display:none;
	}
	.contentphone {
		display:block;
	}
	.columntwo-one {
		width: auto;
		padding-top:5px;
		font-size:12px;
	}

	.image-library-4 {
  
		width:150px;
		height:180px;
		margin-bottom:5px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	  }	
	  
	#pagewrap {
		width: 100%;
		padding-top:30px;

	}
	
	#content {
		width: auto;
		float: none;
		display:none;
	}
	
	#content1 {
	
		display:block;
		width:100%;
		
		
	}

	#searchbox {
		display:block;
		width:100%;
		padding-left:5px;
		padding-right:2px;
		margin-top:2px;
		margin-bottom:4px;
		background:#fff;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
		min-height:auto;
		
	}
	
	#sidebar {
		width: auto;
		float: none;
		padding-left:5px;
		padding-right:5px;
	}
	object{
	position:static;
	width:100%;
	height:500px;
	}
	.img-responsive {
	display:none;
	}
	.iframe_w_h {
	width:100%;
	height:500px;
	}
	.activities-gs {
	display:none;
	}
	.activities-gs1 {
	display:block;
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
	#contenttop {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		
		width: auto;
		float: none;
		padding-left:5px;
		padding-right:5px;
		/*display: none;*/
	}
	object{
	position:static;
	width:100%;
	height:400px;
	}
	.img-responsive {
	display:none;
	}
	.activities-gs {
	display:none;
	}
	.activities-gs1 {
	display:block;
	}
}