@charset "utf-8";

/* CSS Document */
* {
  padding: 0;
  margin: auto
}

html {
  min-width: 1320px;
  /* make headerbg full screen when zoom out */
}


body {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/bg.jpg) repeat top center;
  background-color: #fff;
}

.clear {
  clear: both;
}

#bg_ann {
  position: relative;
  width: 100%;
  height: 64px;
  background: url(../images/ann_bg.png) repeat-x top center;
  z-index: 10;
}

#main {
  position: relative;
  margin-top: -20px;
  width: 1296px;
  height: auto;
  min-height: 800px;
  border: 0px solid #fc5ea5;
  z-index: 1;
}

#cover_ads_left {
  position: relative;
  margin-top: 23px;
  width: 166px;
  margin-right: 5px;
  margin-bottom: 30px;
  float: left;
  height: auto;
  min-height: 600px;
  border: 0px solid #fc5ea5;
}

#shadow_left {
  position: absolute;
  left: -11px;
  background: url(../images/shadow.png) no-repeat top center;
  width: 188px;
  height: 32px;
  bottom: -12px;
}

#ads_left {
  position: relative;
  width: 166px;
  height: auto;
  min-height: 2000px;
  background-color: #ffffff;
  border: 1px solid #fc5ea5;
}

#cover_ads_right {
  position: relative;
  margin-top: 23px;
  margin-bottom: 30px;
  width: 166px;
  float: right;
  height: auto;
  min-height: 600px;
  background-color: #ffffff;
  border: 0px solid #fc5ea5;
}

#shadow_right {
  position: absolute;
  right: -11px;
  background: url(../images/shadow.png) no-repeat top center;
  width: 188px;
  height: 32px;
  bottom: -12px;
}

#ads_right {
  position: relative;
  width: 166px;
  height: auto;
  min-height: 2000px;
  background-color: #ffffff;
  border: 1px solid #fc5ea5;
}

#content_center {
  position: relative;
  width: 954px;
  float: left;
  height: auto;
  min-height: 800px;
  background-color: #ffffff;
  border: 1px solid #fc5ea5;
}

#cover_logo {
  position: relative;
  background: url(../images/bg_logo.jpg) no-repeat top center;
  width: 940px;
  height: 159px;
  border: 0px solid #fc5ea5;
}

#logo {
  position: absolute;
  background: url(../images/logo.png) no-repeat top center;
  left: 25px;
  top: 16px;
  width: 738px;
  height: 123px;
  border: 0px solid #fc5ea5;
}

#box_bd_ads {
  position: relative;
  background: url(../images/bg_ads.png) no-repeat top center;
  margin-top: 4px;
  width: 937px;
  height: 126px;
  border: 0px solid #fc5ea5;

}

#img_ads {
  position: absolute;
  top: 9px;
  left: 2px;
  width: 933px;
  height: 107px;
  border: 0px solid #ccc;

}

/* .menu{
  position: relative;
  background: url(../images/menu.jpg) no-repeat top center;
  width: 940px;
  height: 90px;
  border: 0px solid #fc5ea5; 
}
.menu ul a li{
  position: relative;
  list-style: none;
  text-align: center;
  font-family: Kh Metal Chrieng;
  font-size: 19px;
  color: #fc3fdb;
  float: left;
  left: 15px;
  margin-top: 20px;
  margin-right: 5px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  text-decoration: none;
  border: 0px solid #fc5ea5; 
}
.menu ul a li:hover{
  color: #029008;
  background: url(../images/current.png) no-repeat bottom center;
} */
#menu_shadow {
  position: absolute;
  background: url(../images/menu_shadow.png) no-repeat top center;
  width: 868px;
  height: 16px;
  left: 30px;
  bottom: -15px;
  border: 0px solid #fc5ea5;
}

#cover_news_viedo {
  position: relative;
  width: 938px;
  height: auto;
  min-height: 350px;
  border: 0px solid #fc5ea5;
}

#box_viedo {
  position: relative;
  width: 600px;
  float: left;
  height: auto;
  min-height: 350px;
  border: 0px solid #fc5ea5;
}

#viedo {
  position: relative;
  width: 600px;
  height: 365px;
  border: 0px solid #fc5ea5;
}

#thumbnail {
  position: relative;
  background: url(../images/b_thumbnail.png) no-repeat top center;
  width: 144px;
  height: 96px;
  float: left;
  left: 2px;
  margin-right: 6.008px;
  border: 0px solid #fc5ea5;
}

#th_shadow {
  position: absolute;
  background: url(../images/th_shadow.png) no-repeat top center;
  width: 156px;
  height: 22px;
  left: -5px;
  bottom: -20px;
  border: 0px solid #fc5ea5;
}

#box_news {
  position: relative;
  width: 330px;
  float: right;
  height: auto;
  min-height: 465px;
  border: 0px solid #fc5ea5;
}

#hot_news {
  position: relative;
  background: url(../images/line.png) no-repeat bottom left;
  font-family: Kh Bokor;
  font-size: 24px;
  color: #ff33cc;
  top: -5px;
  width: 330px;
  height: 45px;
  border: 0px solid #fc5ea5;
}

#cover_news {
  position: relative;
  width: 330px;
  height: auto;
  min-height: 50px;
  border: 0px solid #fc5ea5;
}

#news_img {
  position: relative;
  width: 135px;
  float: left;
  height: 84px;
  border: 0px solid #fc5ea5;
}

#news_desc {
  position: relative;
  width: 188px;
  float: right;
  height: 84px;
  font-family: Kh Freehand;
  font-size: 11px;
  color: #000;
  border: 0px solid #fc5ea5;
}

#news_desc span a {
  text-decoration: none;
  color: #d50803;
}

#news_desc span a:hover {
  text-decoration: underline;
  color: #ff0000;
}

#news_title {
  position: relative;
  font-family: Kh Freehand;
  font-size: 11px;
  color: #050ad5;
  width: 188px;
  height: auto;
  border: 0px solid #fc5ea5;
}

#news_line {
  position: relative;
  width: 330px;
  height: 1px;
  background: #ccc;
  border: 0px solid #ccc;
}

#cover_mag {
  position: relative;
  width: 938px;
  height: auto;
  min-height: 200px;
  border: 0px solid #fc5ea5;
}

#bar_title {
  position: relative;
  background: url(../images/line.png) no-repeat bottom left;
  font-family: Arabella;
  font-size: 51px;
  color: #f808ea;
  width: 930px;
  height: auto;
  min-height: 38px;
  text-shadow: 1px 0px 1px #373737;
  filter: dropshadow(color=#373737, offx=0, offy=1);
  border: 0px solid #000;
}

#box_mag {
  position: relative;
  background: url(../images/bg_mag.jpg) no-repeat center center;
  float: left;
  left: 14px;
  margin-right: 5px;
  width: 228px;
  height: 314px;
  border: 0px solid #000;
}

#mag_img {
  position: absolute;
  top: 15px;
  width: 209px;
  height: 279px;
  border: 0px solid #000;
}

#box_photo {
  position: relative;
  font-family: Century Gothic;
  font-size: 15px;
  text-align: center;
  color: #ff33cc;
  float: left;
  left: 6px;
  top: -10px;
  margin-top: 22px;
  margin-right: 12px;
  width: 222px;
  height: auto;
  min-height: 160px;
  border: 0px solid #000;
}

#bg_photo {
  position: relative;
  background: url(../images/bg_photo.jpg) no-repeat center center;
  width: 222px;
  height: 160px;
  border: 0px solid #000;
}

#photo_img {
  position: relative;
  top: 8px;
  width: 202px;
  height: 142px;
  border: 1px solid #b37b2f;
}

#bg_facebook_visitors {
  position: relative;
  background: url(../images/bg_facebook_visitors.jpg) no-repeat top center;
  width: 944px;
  height: 333px;
  border: 0px solid #fc5ea5;
}

#box_visitor {
  position: relative;
  float: left;
  margin-top: 11px;
  margin-left: 30px;
  width: 370px;
  height: 280px;
  border: 0px solid #000;
}

#box_visitor span {
  font-family: Kh Bokor;
  font-size: 20px;
  color: #019301;
}

#box_facebook {
  position: relative;
  float: right;
  margin-top: 11px;
  margin-right: 30px;
  width: 500px;
  height: 280px;
  border: 0px solid #000;
}

#box_facebook span {
  font-family: Kh Bokor;
  font-size: 20px;
  color: #019301;
}

#bg_footer {
  position: relative;
  margin-top: -20px;
  background: url(../images/bg_footer.png) repeat-x top center;
  width: 100%;
  height: 208px;
  z-index: 10;
}

#footer {
  position: relative;
  font-family: Kh Freehand;
  font-size: 12px;
  color: #019301;
  width: 914px;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  min-height: 170px;
  border: 0px solid #035503;
}

#footer_left {
  position: relative;
  font-family: Kh Freehand;
  font-size: 12px;
  line-height: 28px;
  text-align: left;
  float: left;
  color: #019301;
  width: 500px;
  height: auto;
  min-height: 170px;
  border: 0px solid #035503;
}

#footer_right {
  position: relative;
  font-family: Kh Freehand;
  font-size: 12px;
  line-height: 28px;
  text-align: right;
  float: right;
  color: #019301;
  width: 400px;
  height: auto;
  min-height: 170px;
  border: 0px solid #035503;
}

#footer_right span a {
  position: relative;
  font-family: Calibri;
  font-size: 16px;
  text-align: right;
  text-decoration: none;
  color: #0b37f6;
}

#footer_right span a:hover {
  text-decoration: underline;
  color: #ff0000;
}

#footer_right b {
  position: relative;
  font-family: Courier New;
  font-size: 15px;
  text-align: right;
  color: #000;
}