body { 
    color: #000000; 
    margin: 0; 
    padding: 0;
    /* 🚀 ជួសជុល៖ ប្រើប្រាស់ System Fonts ទំនើប ស្រាលស្លេវ និងលឿនដូចហោះ */
    font-family: 'Khmer OS Battambang', 'Khmer OS Content', 'Segoe UI', Arial, sans-serif;
}

/* LINK language STYLE*/
.link:link, .link:visited { color: #ff0000; text-decoration: none; }
.link:active, .link:hover { color: #ff0000; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

.round_80 { border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; }
.round_8 { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.round_5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.round_4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.round_3 { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
 
.round_bottom_5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
}
.round_top_5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}

/* 🚀 ជួសជុល៖ សម្អាត និងដកចោលរាល់ការហៅហ្វាល់ Font ខាងក្រៅដែលខូច បិទផ្លូវ Infinite Loading ចោល */
.kh { font-family: 'Khmer OS Battambang', 'Khmer OS Content', Arial, sans-serif; }
.en { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }
.ma { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }
.title_fixed { font-family: Calibri, Arial, sans-serif; font-size: 14px; }

.moulight_kh { font-family: 'Khmer OS Muol Light', 'Khmer OS Battambang', sans-serif; }
.moulight_en { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }

.khsystem_en { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }
.khsystem_kh { font-family: 'Khmer OS System', 'Khmer OS Battambang', sans-serif; }

.khcontent_kh { font-family: 'Khmer OS Content', 'Khmer OS Battambang', sans-serif; }
.khcontent_en { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }

.gothic_en { font-family: 'Segoe UI', Arial, Tahoma, sans-serif; }
.gothic_kh { font-family: 'Khmer OS Battambang', sans-serif; }

.segoe_en { font-family: 'Segoe UI', Arial, sans-serif; }
.segoe_kh { font-family: 'Segoe UI', 'Khmer OS Battambang', sans-serif; }

.size14_menu_ma { font-size: 14px; }
.size14_menu_en { font-size: 14px; }
.size14_menu_kh { font-size: 14px; }

.size15_menu_ma { font-size: 15px; font-family: 'Segoe UI', Arial, sans-serif; }
.size15_menu_en { font-size: 15px; font-family: 'Segoe UI', Arial, sans-serif; }
.size15_menu_kh { font-size: 15px; font-family: 'Khmer OS Battambang', sans-serif; }

.normal_kh { font-size: 12px; line-height: 1.7em; }
.normal_en { font-size: 12px; line-height: 20px; }

/* Font Size Classes */
.size8_kh, .size8_en, .size8_ma { font-size: 8px; }
.size9_kh, .size9_en, .size9_ma { font-size: 9px; }
.size10_kh, .size10_en, .size10_ma { font-size: 10px; }
.size11_kh, .size11_en, .size11_ma { font-size: 11px; }
.size12_kh, .size12_en, .size12_ma { font-size: 12px; }
.size13_kh, .size13_en, .size13_ma { font-size: 13px; }
.size14_kh, .size14_en, .size14_ma { font-size: 14px; }
.size15_kh, .size15_en, .size15_ma { font-size: 15px; }
.size16_kh, .size16_en, .size16_ma { font-size: 16px; }
.size17_kh, .size17_en, .size17_ma { font-size: 17px; }
.size18_kh, .size18_en, .size18_ma { font-size: 18px; }
.size19_kh, .size19_en { font-size: 19px; }
.size20_kh, .size20_en, .size20_ma { font-size: 20px; }
.size22_en, .size22_kh, .size22_ma { font-size: 22px; }
.size23_kh, .size23_en, .size23_ma { font-size: 23px; }
.size24_kh, .size24_en, .size24_ma { font-size: 24px; }
.size25_kh, .size25_en, .size25_ma { font-size: 25px; }
.size26_kh, .size26_en, .size26_ma { font-size: 26px; }
.size30_kh { font-size: 30px; }
.size30_en, .size30_ma { font-size: 24px; }
.size35_en, .size35_ma { font-size: 35px; }

/* Line Height Classes */
.lineheight15_kh, .lineheight15_en, .lineheight15_ma { line-height: 15px; }
.lineheight16_kh, .lineheight16_en, .lineheight16_ma { line-height: 16px; }
.lineheight17_kh, .lineheight17_en, .lineheight17_ma { line-height: 17px; }
.lineheight18_kh, .lineheight18_en, .lineheight18_ma { line-height: 18px; }
.lineheight19_kh, .lineheight19_en, .lineheight19_ma { line-height: 19px; }
.lineheight20_kh, .lineheight20_en, .lineheight20_ma { line-height: 20px; }
.lineheight21_kh, .lineheight21_en, .lineheight21_ma { line-height: 21px; }
.lineheight22_kh, .lineheight22_en, .lineheight22_ma { line-height: 22px; }
.lineheight23_kh { line-height: 23px; }
.lineheight24_kh, .lineheight24_ma, .lineheight24_en { line-height: 24px; }
.lineheight25_kh, .lineheight25_en, .lineheight25_ma { line-height: 25px; }
.lineheight26_kh, .lineheight26_en, .lineheight26_ma { line-height: 26px; }
.lineheight44_ma, .lineheight44_en { line-height: 44px; }

/* Colors */
.blue { color: #002cb8; }
.dark_blue { color: #004a99; }
.black { color: #000000; }
.dard_gray { color: #383838; }
.green { color: #074474; }
.dark_green { color: #00682f; }
.white { color: #fff; }
.red { color: #e40000; }
.blur { color: #d4d4d4; }
.gray { color: #3b3b3b; }
.pink { color: #c507a3; }
.grays { color: #808080; }
.view_color { color: #aaaaaa; }

/* Styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* Message Styles */
.login_err { float: left; width: 100%; height: 11px; text-align: left; margin: 0 0 7px 0; background: url(bgimgs/login_err.gif) no-repeat; padding: 5px 0 0 21px; }
.success { background: url(bgimgs/success.gif) no-repeat top left; padding-left: 20px; height: 16px; margin: 5px 0 7px 0; text-align: left; }
.label_red { font-size: 11px; color: red; }
.label_white { font-size: 11px; color: white; }
.invaide_userlogin { float: left; width: 80%; height: 11px; text-align: left; margin: 0 0 10px 0; background: url(bgimgs/login_err.gif) no-repeat; padding: 5px 0 0 21px; }
.suc { font-size: 11px; color: #68af08; }
.redsmall { font-size: 11px; color: red; }
.field_style { border: 1px solid #ddd; background: #fffefd; }
.send_mail { float: left; width: 692px; height: auto; }

/* Layout Utilities */
.w100 { width: 100%; }
.left { float: left; }
.right { float: right; }
.link_style_all { float: right; }

.link2:link, .link2:visited { color: #000; text-decoration: none; }
.link2:hover, .link2:active { color: #000581; text-decoration: underline; }
.link3:link, .link3:visited { color: #000581; text-decoration: none; }
.link3:hover, .link3:active { color: #000581; text-decoration: underline; }
.link1:link, .link1:visited { color: #fff; text-decoration: none; }
.link1:hover, .link1:active { color: #fff; text-decoration: underline; }

/* Pagination Container */
.pagination_ctn { float: left; margin-top: 8px; width: 100%; text-align: center; margin-bottom: 5px; padding: 3px 0 5px 0; }
DIV.sabrosus { padding: 3px 0 0 0; text-align: center; width: 100%; float: left; }
DIV.sabrosus A { padding: 2px 5px 3px 5px; color: #000; margin-right: 2px; text-decoration: none; background-color: #fdfdfd; border-radius: 3px; }
DIV.sabrosus A:hover { color: #045aa2; background-color: #fdfdfd; border-radius: 3px; }
DIV.pagination A:active { color: #fff; background-color: #bc0405; }
DIV.sabrosus SPAN.current { font-weight: bold; padding: 2px 5px; color: #045aa2; margin-right: 2px; background-color: #fdfdfd; border-radius: 3px; }
DIV.sabrosus SPAN.disabled { background: #fdfdfd; padding: 2px 5px; color: #929292; margin-right: 2px; border-radius: 3px; }

/* Auto Center Div Utilities */
.inner { display: table; margin: 0 auto; }
#container > br { display: none; }
#borker1 { width: 5em; background: #ddd; }
#borker2 { height: 2em; background: #ddd; }

/* Contact Page Styles */
.address_dp_ctn { float: left; padding: 0 10px; text-align: justify; width: 690px; }
.contact_pg_title_ctn { float: left; width: 610px; height: 22px; text-align: left; }
.contact_pg_ctn { float: left; text-align: justify; width: 100%; margin-top: 6px; }
.contact_pg_info_column_ctn { float: left !important; width: 100%; text-align: justify; }
.contact_email_ctn { float: left; padding: 0; text-align: justify; }
.contactpag_map_ctn { float: left; text-align: justify; width: 670px; margin-bottom: 4px; border: 1px solid #cfcfcf; }
.non_underline a:link, .non_underline a:visited { text-decoration: none; }
.non_underline a:hover, .non_underline a:active { text-decoration: none; }
.img_contact_left { float: left; margin-right: 10px; width: 50px; height: 50px; }

/* Form Elements */
.form_left_ctn { float: left; width: 290px; text-align: center; padding-left: 10px; margin-left: 10px; }
.element_left_ctn { float: left; width: 250px; text-align: left; margin-left: 0; }
.form_right_ctn { float: left; width: 294px; padding-left: 20px; text-align: left; }
.field_contact_style { text-align: left !important; width: 250px; margin: 5px 0; outline: none; height: 25px; line-height: 25px; border: 1px solid #ddd; background: #fffefd; }
.field_contact_img { text-align: left !important; width: 120px; height: 25px; line-height: 25px; border: 1px solid #ddd; background: #fffefd; }

/* Map & Table Elements */
.title_contact { background: #fff; height: 35px; padding-left: 10px; width: 670px; line-height: 35px; text-align: left; border-bottom: 2px solid #fb960d; color: #000000; text-shadow: 1px 1px 1px #686868; }
.tbl { border-collapse: collapse; border: 1px solid red; background: #03F !important; }
.tbl tr, .tbl td { border: 1px solid red; }

/* Header Layout */
.header-btn { padding: 5px 30px; font-weight: 700; height: 45px; line-height: 45px; }
.search_text { outline: none; width: 180px; border: none; text-shadow: none !important; margin: 4px 5px 5px 15px; height: 30px; line-height: 34px; }

/* Front Page Panels */
.title_left_event { width: 7px; height: 40px; background: url(bgimgs/left_bg_event.png) no-repeat right; }
.title_mid_event { width: 676px; padding-left: 10px; background: url(bgimgs/mid_bg_event.png) repeat-x; height: 40px; line-height: 32px;}
.title_right_event { width: 7px; height: 40px; background: url(bgimgs/right_bg_event.png) no-repeat left; }

/* News & Event List */
.cotainer_event_class_ctn { float: left; text-align: left; word-wrap: break-word; width: 100%; border-bottom: 1px dotted #ababab; margin-top: 14px; padding-bottom: 10px; }
.cotainer_event_class_ctn_last { float: left; text-align: left; word-wrap: break-word; width: 100%; margin-top: 14px; margin-bottom: 5px; }
.title_event_class { float: left; word-wrap: break-word; width: 440px; }
.title_event_class a:link, .title_event_class a:visited { color: #000581; text-decoration: none; }
.title_event_class a:hover, .title_event_class a:active { color: #ca9904; text-decoration: none; }
.des_front_event { word-wrap: break-word; }
.image_event_class { float: left; margin-right: 15px; margin-bottom: 10px; border: 1px solid #e3e3e3; padding: 2px; height: 133px; width: 232px; }
.more_sub_event_class { float: right; text-align: right; }
.more_link_event_class { width: 100px; padding-left: 15px; height: 28px; line-height: 28px; background: url(bgimgs/icon_list.png) left no-repeat; }
.more_link_event_class a:link, .more_link_event_class a:visited { text-decoration: none; color: #ff0000; }
.more_link_event_class a:hover, .more_link_event_class a:active { text-decoration: underline; color: #ff0000; }

/* Footer Location Lists */
.mg_left_10 { margin-left: 10px; }
.title_footer_location1 { float: left; width: 100%; margin-bottom: 10px; font-weight: normal; line-height: 25px; padding: 0 4px; text-align: center; background: #fff000; }
.title_footer_location2 { float: left; width: 100%; margin-bottom: 10px; font-weight: normal; line-height: 25px; padding: 0 4px; text-align: center; color: #fff; background: #c01fba; }
.title_footer_location3 { float: left; width: 100%; margin-bottom: 10px; font-weight: normal; line-height: 25px; padding: 0 4px; text-align: center; color: #fff; background: #fe0000; }
.title_footer_location4 { float: left; width: 100%; margin-bottom: 10px; font-weight: normal; line-height: 25px; padding: 0 4px; text-align: center; color: #fff; background: #840607; }
.article_footer_list { padding-left: 15px; float: left; width: 100%; word-wrap: break-word; word-break: break-all; background: url(bgimgs/icon_list.png) no-repeat left 5px; }

/* Left Sidebar Panels */
.lpanel_frame { width: 260px; min-height: 200px; margin-left: 10px; border: 1px solid #f0f0f0; background: #f9f9f9; }
.whole_title_left { width: 270px; margin: 5px 0 0 -10px; }
.title_left_bg { float: left; width: 10px; height: 47px; background: url(bgimgs/bg_main_right.png) no-repeat right; }
.title_right_bg { float: left; width: 16px; height: 47px; background: url(bgimgs/bg_right_pannel.png) no-repeat right; }
.title_center_bg { width: 244px; height: 47px; background: url(bgimgs/bg_title_right.png) no-repeat; }
.title_container { margin: 8px 10px 0 10px; overflow: hidden; width: 224px; color: #fff; height: 30px; line-height: 30px; }

/* Right Document Lists */
.left_doc { margin: 0 0 10px 20px; padding: 0; }
.left_doc li { line-height: 20px; word-wrap: break-word; list-style-image: url(bgimgs/icon_list.png); margin: 4px 0; }
.left_doc li:last-child div { border-bottom: none; }
.border_bottom { border-bottom: 1px solid #e1e1e1; }

/* Welcome Container */
.welcome_front_ctn, .welcome_front_ctn_last { float: left; width: 100%; text-align: justify; word-wrap: break-word; }
.welcome_title_front_ctn { float: left; width: 100%; text-align: left; margin-bottom: 5px; word-wrap: break-word; font-weight: bold; }
.welcome_title_link_front a:link, .welcome_title_link_front a:visited { color: #1b1b1b; text-decoration: none; }
.welcome_title_link_front a:hover, .welcome_title_link_front a:active { color: #1b1b1b; text-decoration: underline; }
.readmore_link_slide a:visited, .readmore_link_slide a:link { color: #ff0000; text-decoration: none; }
.readmore_link_slide a:active, .readmore_link_slide a:hover { color: #ff0000; text-decoration: underline; }
.welcome_readmore_ctn { float: left; width: 100%; text-align: right; }

.normal_kh_title { font-family: 'Khmer OS Battambang', Arial, sans-serif; }
.welcome_title_left_en { font-family: sans-serif; }
.welcome_title_left_ctn { float: left; width: 100%; text-align: left; margin-bottom: 5px; font-weight: 600; word-wrap: break-word; }
.welcome_title_link_front_left a:link, .welcome_title_link_front_left a:visited { color: #ff0000; text-decoration: none; }
.welcome_title_link_front_left a:hover, .welcome_title_link_front_left a:active { color: #ff0000; text-decoration: underline; }
.welcome_readmore_left_ctn { float: left; width: 100%; text-align: right; }
.readmore_link_content a:visited, .readmore_link_content a:link { color: #ff0000; text-decoration: none; }
.readmore_link_content a:active, .readmore_link_content a:hover { color: #ff0000; text-decoration: underline; }
.readmore_link_content { width: 100px; padding-left: 15px; height: 28px; line-height: 28px; background: url(bgimgs/icon_list.png) left no-repeat; }

/* Detail Page Layout */
.detail_body_ctn { word-wrap: break-word; }
.whole_title_detail { width: 100%; margin: 5px 0 0 0; }
.title_detail_left_bg { float: left; width: 10px; height: 47px; background: url(bgimgs/bg_main_right.png) no-repeat right; }
.title_detail_right_bg { float: left; width: 16px; height: 47px; background: url(bgimgs/bg_right_pannel.png) no-repeat right; }
.title_detail_center_bg { width: 664px; height: 47px; background: url(bgimgs/bg_title_detail.png) no-repeat right; }
.title_detail_container { margin: 8px 10px 0 10px; overflow: hidden; width: 644px; color: #fff; height: 30px; line-height: 30px; }

/* Location Module */
.cotainer_location_class_ctn { float: left; text-align: left; word-wrap: break-word; width: 100%; border-bottom: 1px dotted #ababab; margin-top: 14px; padding-bottom: 10px; }
.cotainer_location_class_ctn_last { float: left; text-align: left; word-wrap: break-word; width: 100%; margin-top: 14px; margin-bottom: 5px; }
.title_location_class { float: left; word-wrap: break-word; }
.title_location_class a:link, .title_location_class a:visited { color: #000581; text-decoration: none; }
.title_location_class a:hover, .title_location_class a:active { color: #ca9904; text-decoration: none; }
.des_location_event { word-wrap: break-word; }
.date_style_location { float: left; margin-top: -10px; }
.image_location_class { float: left; margin-right: 15px; margin-bottom: 10px; border: 1px solid #e3e3e3; padding: 2px; height: 133px; width: 232px; }
.more_sub_location_class { float: right; text-align: right; }
.more_link_location_class { width: 100px; padding-left: 15px; height: 28px; line-height: 28px; background: url(bgimgs/icon_list.png) left no-repeat; }
.more_link_location_class a:link, .more_link_location_class a:visited { text-decoration: none; color: #ff0000; }
.more_link_location_class a:hover, .more_link_location_class a:active { text-decoration: underline; color: #ff0000; }

/* Photo Gallery Elements */
.whole_gallery { width: 220px; margin-bottom: 10px; }
.mg_left { margin-left: 15px; }
.title_gallery { height: 24px; line-height: 24px; overflow: hidden; text-align: center; }
.title_gallery a:link, .title_gallery a:visited { color: #006dc1; text-decoration: none; }
.title_gallery a:hover, .title_gallery a:active { color: #006dc1; text-decoration: underline; }
.img_gallery_list { padding: 4px; border: 1px solid #dddfe1; }

/* Video Gallery Elements */
.whole_videos_list { width: 220px; margin-bottom: 10px; position: relative; }
.title_videos_list { height: 24px; line-height: 24px; overflow: hidden; text-align: center; color: #006dc1; }

/* Footer Wrapper */
.whole_footer_ctn {
    min-height: 134px;
    background: #000581;
    margin-bottom: 10px;
    padding: 15px 10px;
    color: #fff;
}
.footer_link a:link, .footer_link a:visited { color: #ffffff; text-decoration: none; }
.footer_link a:hover, .footer_link a:active { color: #ffffff; text-decoration: underline; font-style: italic; }

.footer_menu_link a:link, .footer_menu_link a:visited { padding: 0 14px; text-decoration: none; color: #ffffff; background: url(bgimgs/seperate.jpg) no-repeat right center; }
.footer_menu_link a:hover, .footer_menu_link a:active { color: #ff9600; text-decoration: none; }

.footer_menu_link_current a:link, .footer_menu_link_current a:visited { padding: 0 14px; text-decoration: none; color: #ff9600; background: url(bgimgs/seperate.jpg) no-repeat right center; }
.footer_menu_link_current a:hover, .footer_menu_link_current a:active { padding: 0 14px; color: #ff9600; text-decoration: none; }

.footer_menu_link_last a:link, .footer_menu_link_last a:visited { text-decoration: none; color: #ffffff; padding: 0 14px; }
.footer_menu_link_last a:hover, .footer_menu_link_last a:active { color: #ff9600; text-decoration: none; }

.footer_menu_link_current_last a:link, .footer_menu_link_current_last a:visited { text-decoration: none; color: #ff9600; padding: 0 14px; }
.footer_menu_link_current_last a:hover, .footer_menu_link_current_last a:active { color: #ff9600; text-decoration: none; }

.image_connection { float: left; margin: 0 3px; width: 27px; height: 27px; }