body{
margin:0;
padding:0;
color:#333333;
font:normal 11px Tahoma, Arial, Verdana;
background:white;
}
table{ border-collapse:collapse;}
a img{border:0; }
img { border:0; }
a{
font:normal 11px Tahoma, Arial, Verdana;
color:#333333;
text-decoration:none;
}
a:hover{
font:normal 11px Tahoma, Arial, Verdana;
color:#CC3300;
text-decoration:none;
}
form { margin:0;}

#load_img{
width:0;
height:0;
background:url(../images/icon_blue.gif);
background:url(../images/icon_gray.gif);
background:url(../images/left_main_title.gif);
background:url(../images/colour_bg.gif);
background:url(../images/bg_noactive.jpg);
background:url(../images/exchange.gif);
background:url(../images/job-resume.gif);
background:url(../images/kt-right.jpg)
background:url(../images/kt-left.jpg)
}
.prit-space{ margin:10px 0 30px 0;}
#page{
width:980px;
margin:0 auto; /* center on page */
}
#header a{
background:url(../images/banner_change.jpg) no-repeat left top;
width:986px;
height:107px;
display:block;
margin-bottom:2px;
}
#header a:hover{
background:url(../images/banner_change.jpg) no-repeat left bottom;
}
#content_ground{
width:100%;
float:left;
}
#content{
margin:0 160px 0 160px;
}
#left{
width:160px;
float:left;
margin-left:-980px;
}
#right{
width:160px;
float:left;
margin-left:-160px;
}
#footer{
clear: left;
width: 100%;
color: #333333;
text-align: center;
padding:5px 0 5px 0;
background:#DDF1FF;
line-height:17px;
}

#footer a{ color: #993300;}
#footer a:hover{ color: #996600; }
.margin_for_lr{ margin:5px 0 5px 0; }
.margin_for_content { margin:5px 10px 5px 10px;}
#table_1{
width:314px;
float:left;
height:215px;
max-width:314px;
}
#search_intro_1{
width:305px;
float:left;
max-width:305px;
background:#FFFFFF;
}
#search_intro_2{
width:300px;
margin-left:320px;
max-width:300px;
background:#FFFFFF;
}
.bg_main_gray{ background:#F9F9F9;}
.bg_main_white{ background:white;}
/* ---------------------------------------menu tab-------------------------------------------------- */
#tabsJ {
float:left;
width:100%;
line-height:normal;
border-bottom:7px solid #187FCE;
}
#tabsJ ul {
margin:0;
padding:0 10px 0 160px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("../images/tableftJ.gif") no-repeat left top;
margin-left:4px;
padding:0 0 0 5px;
text-decoration:none;
font:bold 12px Tahoma, Arial, Verdana;
}
#tabsJ a span {
float:left;
display:block;
background:url("../images/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#CCCCCC;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}

#tabsJ #current a {
background-position:0% -42px;
}
#tabsJ #current a span {
background-position:100% -42px;
color:#FFFFFF;
}
/* ---------------------------------------end menu tab-------------------------------------------------- */
/* ------------------------********* left menu **********--------------------------- */
#leftmenu{
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
#leftmenu a div{
color:#187FCE;
background:url(../images/icon_blue.gif) no-repeat left center;
padding:5px 0 5px 10px;
margin:0 10px 0 10px;
}
#leftmenu a:hover div{
color:#CC3300;
background:url(../images/icon_gray.gif) no-repeat left center;/
padding:5px 0 5px 10px;
border-bottom:1px dashed #b6dcf0;
border-top:1px dashed #b6dcf0;
}
#lef_title_main{
background:url(../images/left_main_title.gif) no-repeat top center;
padding-left:10px;
font:bold 11px Tahoma, Arial, Verdana;
color:white;
height:25px;
line-height:25px;
}
/* ------------------------*********end left menu **********--------------------------- */
.div-border-main{
border:1px solid #DDDDDD;
}
.form_weblink{
border:1px solid #C8D0D6;
font-size:11px;
max-width:155px;
width:155px;
}
#colour_bg{
background:url(../images/colour_bg.gif) repeat-x top left;
}
.text_bold_main{
font:bold 11px Arial, Helvetica, sans-serif;
color:#187FCE;
padding:5px 0 5px 5px;
background: transparent url(../images/gach.gif) no-repeat left center;
}
/*------------------ck---------------------------------*/
.cHeaderNX{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	background-color:#af637d;
	color:#FFFFFF;
	font-weight:bold
}
.cHeader
{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	background-color:#9e224d;
	color:#FFFFFF;
	font-weight:bold
}
.border_ck{
	border: 1px solid #CCCCCC;
}
.cHeaderX{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	background-color:#9e224d;
	color:#FFFFFF;
	font-weight:bold
}
.cHeaderNX{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	background-color:#af637d;
	color:#FFFFFF;
	font-weight:bold
}
.lblIndex{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	color:#01387f;
	font-weight:bold
}
.xIndex{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	color:#609b23;
	font-weight:bold
}
.tbContent{
	padding-left:3px;
}
.lblLabel{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	color:#000000;
}
.lblContent{
	font-family:Tahoma, "Times New Roman";
	font-size:11px;
	color:#4876cd;
}
.NoActiveX{
	font-family:Tahoma, "Times New Roman";
	text-decoration:none;
	font-size:12px;
	color:#009140;
	font-weight:normal;
	cursor: pointer;
}
.cNoActiveX
{
	background-image:url(../images/bg_noactive.jpg);
	font-family:Tahoma;
	text-decoration:none;
	font-size:11px;
	color:#009140;
	font-weight:normal;
}
.ActiveX{
	font-family:Tahoma, "Times New Roman";
	text-decoration:none;
	font-size:12px;
	color:#9e224d;
	font-weight:bold;
	cursor: pointer;
}
.NoActiveX{
	font-family:Tahoma, "Times New Roman";
	text-decoration:none;
	font-size:12px;
	color:#009140;
	font-weight:normal;
	cursor: pointer;
}
.ActiveX{
	font-family:Tahoma, "Times New Roman";
	text-decoration:none;
	font-size:12px;
	color:#9e224d;
	font-weight:bold;
	cursor: pointer;
}
/*------------------ end ck---------------------------------*/
.right_info_1 div{
background:#F6F6F6 url(../images/exchange.gif) no-repeat left top;
}
.right_info_2 div{
background:#EAEAEA url(../images/gold.gif) no-repeat left top;
}
.right_info_3 div{
background:#F6F6F6 url(../images/weather.gif) no-repeat left top;
}
.right_info_4 div{
background:#EAEAEA url(../images/index_ck.gif) no-repeat left top;
}
.right_info_1 div,.right_info_2 div,.right_info_3 div,.right_info_4 div{
color:#187FCE;
border-bottom:1px solid #FFFFFF;
height:20px;
line-height:20px;
padding-left:30px;
cursor:pointer;
}
.right_info_1:hover div,.right_info_2:hover div,.right_info_3:hover div,.right_info_4:hover div{
color:#CC3300;
cursor:pointer;
}

/*----------------------------button_poll - main------------------------------------------*/
.button_poll{
background:url(../images/buttom_xx.gif) repeat-x;
border:1px solid #CCCCCC;
font:bold 11px Tahoma, Arial, Verdana;
color:#666666;
cursor:pointer;
}
.button_poll:hover{ background:url(../images/buttom_xx_hover.gif) repeat-x bottom center; }
/*----------------------------end button_poll - main------------------------------------------*/
/* -------------||||||-----------********* intro_news **********---------|||||------------------ */
.news_intro_hot div{
color:#187FCE;
background:url(../images/icon_gray.gif) no-repeat left center;
padding:5px 0 5px 10px;
margin:0 5px 0 10px;
}
.news_intro_hot:hover div{
color:#666666;
background:#FFFFFF url(../images/icon_blue.gif) no-repeat left center;
padding:5px 0 5px 10px;
border-bottom:1px dashed #b6dcf0;
border-top:1px dashed #b6dcf0;
}
/* --------------|||||----------*********end intro_news **********-----------||||--------------- */
/* <!--  ===========================form intro================================= --> */
.cssform p{
margin: 0;
padding:5px 0 8px 0;
}

.cssform label{
float: left;
width:100px;
margin-left:10px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #DFDFDF;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
/* <!--  ===========================end form intro================================= --> */
/*  ^^^^^^  sector ^^^^^^^ */
.sector_title{
background:url(../images/center_title_main.gif) no-repeat top center;
padding-left:10px;
color:white;
font-weight:bold;
height:25px;
line-height:25px;
}
.sector_news div{
font:normal 11px Tahoma, Arial, Verdana;
color:#187FCE;
background:url(../images/icon_gray.gif) no-repeat left center;
padding:5px 0 5px 10px;
border-bottom:1px dotted #D9D9D9;
margin-left:5px;
}
.sector_news div:hover{
font:normal 11px Tahoma, Arial, Verdana;
color:#666666;
background:white url(../images/icon_blue.gif) no-repeat left center;
padding:5px 0 5px 10px;
border-bottom:1px dotted #98C6E9;
}
/*  ^^^^^^  sector ^^^^^^^ */
/*----------------------------------------------------------------------------->>>>>>>>>>>>left job */
/*----------------------------------------------------------------------------->>>>>>>>>>end left job */
/*
---------------------đường dẫn------------------------------
---------------------*********------------------------------
*/
.duongdan{
font:bold 13px Tahoma, Arial, Verdana;
color:#333333;
text-align:left;
padding:8px 0 0 0;
}

.duongdan a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color:#1475BC;
font:bold 12px Tahoma, Arial, Verdana;
}

.duongdan a:visited, .duongdan a:active{
color: navy;
font:bold 12px Tahoma, Arial, Verdana;
}

.duongdan a:hover{
text-decoration: underline;
font:bold 12px Tahoma, Arial, Verdana;
color: #1475BC;
}
/*
---------------------*********------------------------------
--------------------- end đường dẫn------------------------------
*/
.news_description,.news_teaser{
font:normal 12px Arial, Helvetica, sans-serif;
line-height:20px;
}
.news_teaser a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#CC3300;
}
.news_description:first-letter{
float: left;
padding: 4px 8px 0 0;
display: block;
color: #336699;
font: 60px/50px Georgia, Times, serif;
}
.news_detail_title{
font:bold 14px Tahoma, Arial, Verdana;
}
.news_detail_title:hover{
font:bold 14px Tahoma, Arial, Verdana;
}

/*===================other news=========================*/
#other_news{
margin-top:10px;
background:#F8F8F8;
border-top:1px dashed #B2B2B2;
border-bottom:1px dashed #B2B2B2;
}
#opther_news_title_colour,#relatenews_both{
padding:5px 10px 5px 15px;
}
#opther_news_title_colour a{
color:#877C21;
text-decoration:none;
background:url(../images/diamond-black.gif) no-repeat left center;
padding:0 5px 0 10px;
font:normal 12px Arial, Helvetica, sans-serif;
}
#opther_news_title_colour a:hover{
color:#333333;
text-decoration:none;
background:#f6f3e1 url(../images/diamond-black-hover.gif) no-repeat left center;
border-bottom:1px solid #9A8E51;
}
#relatenews_both a{
color:#5A753D;
text-decoration:none;
background:url(../images/diamond-black.gif) no-repeat left center;
padding:0 5px 0 10px;
}
#relatenews_both a:hover{
color:#333333;
text-decoration:none;
background:#e7f1dc url(../images/diamond-black-hover.gif) no-repeat left center;
border-bottom:1px solid #5A753D;
}
.other_title_both{
font:bold 13px Arial, Helvetica, sans-serif;
padding:7px 0 0 10px;
}
/*===================end other news=========================*/
/* $$$$$$$$$$$$$$$$$****menu bottom****$$$$$$$$$$$$$$$$$ */
.Fcontainer {
width: 100%;
margin:0;
background:#F8F8F8;
}
/* circle */
#navCircle {
margin: 0;
padding: 10px 0 20px 230px;
border-bottom: 1px solid #9FB1BC;
}
#navCircle li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navCircle a:link, #navCircle a:visited {
float: left;
font-size: 11px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #708491;
}
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover, #current_menubot a{
padding-bottom: 6px;
color: #000;
background: url(../images/Circle.gif) no-repeat bottom center;
}
/* $$$$$$$$$$$$$$$$$****end menu bottom****$$$$$$$$$$$$$$$$$ */
.poll_anwser{
clear:left;
margin-bottom:5px;
}
.poll_anwser label{
float:left;
display:block;
}
.poll_anwser div{
margin-left:20px;
}
/* - |||||||||=======================contact - */
.contact_Form_data p{
clear:left;
padding-left: 160px; /*width of left column containing the label elements*/
height:1%;
margin-top:5px;
}
.contact_Form_data label{
float: left;
margin-left: -160px; /*width of left column*/
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.contact_Form_data input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
border:1px solid #CDCDCD;
font-size:11px;
}
.contact_Form_data textarea{
width: 300px;
height: 100px;
border:1px solid #CDCDCD;
font-size:11px;
}
.security_code{
font:bold 13px Tahoma, Arial, Verdana;
}
.submit_contact{
background:url(../images/formbg.gif) repeat-x left top;
border:outset 1px #ccc;
cursor:pointer;
font:bold 12px Tahoma, Arial, Verdana;
color:#666666;
}
/* - |||||||||=======================end contact - */
.faq_question a div{
padding:4px 0 4px 10px;
background:url(../images/diamond-black.gif) no-repeat center left;
color:#000000;
}
.faq_question a:hover div{
padding:4px 0 4px 10px;
background:url(../images/diamond-black-hover.gif) no-repeat center left;
color:#24618E;
}
.faq_question a:visited div{
padding:4px 0 4px 10px;
background:url(../images/diamond-red1.gif) no-repeat center left;
color:#7c8ea6;
}
.faq_anwser{
padding:0 10px 0 10px;
text-align:justify;
border:1px dotted #999999;
}
.jobstyle_tile{
color:#333333;
font-weight:bold;
}
.textblue{
color:#333333;
font:normal 12px Arial, Helvetica, sans-serif;
}
.job_fs{ background:white; }
.job_fs_hover{ background:#f1f8f8; }
.job_fs_hover_still{ background:#fafade; }
.job_fs_hover_stiller{ background:#f1f0f7;}
.job_fs_a a, .job_fs_a a:hover{
color:#302e2e;
font:normal 12px Arial, Helvetica, sans-serif;
}
.law_field a, .law_field a:hover{
color:#666666;
font:normal 11px Tahoma, Arial, Verdana;
}

.detail_employee_title{
background:url(../images/chromebg.gif) repeat-x left center;
border:1px solid #CCCCCC;
font:bold 12px Arial, Helvetica, sans-serif;
color:#24618E;
}
.tdjob{
font-weight:bold;
color:#993300;
text-align:center;
white-space:nowrap;
}
.poll_question_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#b41017;
	font-weight:bold;
	padding-left:5px;
}
.poll_answer_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.poll_result_1{
	color:#333333;
	font-weight:bold;
}
.table_job_style tr td{
border-bottom:1px dotted #CCCCCC;
}
.xyz{
background:#F6F6F6;
font-size:12px;
color:#003399;
}
.search_st select{
font-size:11px;
width:160px;
}
.search_st input{
font-size:11px;
width:160px;
}
.news_intro_gal a{
font-weight:bold;
}
.exchange_title{
background:#f6f2e8;
padding-left:10px;
}
.exchange_left{
background:#f9f4f3;
}
.exchange_right{
background:#f6f2ec;
}
.english{
font-weight:bold;
color:#990000;
}
.vn{
font-weight:bold;
color:#990000;
}
/* ====================== ***** begin calendar (u shouldn't change this ) ***** ======================== */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000099;
	background-color: #fbfbf0;
	border: 1px solid #CCCCCC;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #cdc6a1;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: #FF0000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 11px;
	color: #4d0b01;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	BORDER-RIGHT: #a4a6a9 1px solid; BORDER-TOP: #a4a6a9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #a4a6a9 1px solid; COLOR: #333333; BORDER-BOTTOM: #a4a6a9 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR:#FFFFFF; TEXT-DECORATION: none	
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	BORDER-RIGHT: #a4a6a9 1px solid; BORDER-TOP: #a4a6a9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #a4a6a9 1px solid; COLOR: #333333; BORDER-BOTTOM: #a4a6a9 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR:#FFFFFF; TEXT-DECORATION: none	
}

/* ====================== ***** end calendar ***** ======================== */
.sector ul{ list-style:none; margin:0; padding:0;}
.sector li{ border-bottom:1px dashed #3399CC; margin:0 20px 0 20px;}
.sector li a{ display:block; font-weight:bold; color:#555555; padding:5px 10px 5px 30px;}
.sector li a:hover{ display:block; font-weight:bold; color:#187FCE;}

.from_gui{
	font-family:Tahoma;
	font-size:12px;
	color:#0066FF;
	text-decoration:underline;
	font-weight:bold;
}
.law_title{
font:bold 12px Arial, Helvetica, sans-serif;
color:#666666;
padding:0 5px 0 5px;
}
#job-resume{
background:url(../images/job-resume.gif) no-repeat top left;
width:160px;
height:117px;
font-weight:bold;
text-transform:uppercase;
}
.info-job{
color:#187FCE;
padding:10px 5px 0 10px;
}
.st-job{ padding:18px 0 0 30px; }
.st-resume{ padding:24px 0 0 30px;}
.st-job a, .st-resume a{
color:#FFFFFF;
font-weight:bold;
}
.st-job a:hover, .st-resume a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
.law-cha-title{ padding:5px 5px 5px 15px;}
.law-cha-title a{
font:bold 15px Tahoma, Arial, Verdana;
color:#666666;
}
.law-cha-title a:hover{
font:bold 15px Tahoma, Arial, Verdana;
color:#993300;
}
.law-cat-title{ padding:1px 5px 1px 30px;}
.law-cat-title a{
font:normal 12px Arial, Tahoma, Verdana;
color:#0465B0;
}
.law-cat-title a:hover{
font:normal 12px Arial, Tahoma, Verdana;
color:#0465B0;
border-bottom:1px dashed #0465B0;
}
.kotra-korea a{
background:url(../images/kt-left.jpg) no-repeat left top;
width:203px;
height:107px;
display:block;
}
.kotra-korea a:hover{
background-position:left bottom;
}
.kotra-banner-hover{
background:url(../images/kt-right.jpg) no-repeat left bottom;
width:783px;
height:107px;
display:block;
text-align:right;
}
.kotra-banner{
background:url(../images/kt-right.jpg) no-repeat left top;
width:783px;
height:107px;
display:block;
text-align:right;
}
.keyword{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666633;
}
.co{
float: right;
margin: -110px 10px 0 0;
position: relative;
}
.tv_en a span {
color:#990000;
}
.tv_en a:hover span {
color:#CC6600;
}
.view-more{text-align:right; margin:5px; background:url(../images/here_1.jpg) no-repeat right center; padding-right:13px;}
.view-more a{ color:#993300; font-weight:bold;}
.view-more a:hover{ color:#187FCE; border-bottom:1px dotted #187FCE; font-weight:bold;}
.news-cha-title{ padding:0 10px 10px 10px;}
.news-cha-title a{
font-size:13px;
font-weight:bold;
color:#187FCE;
}
.news-cha-title a:hover{ color:#CC3300;}
.print-action{
width:50px;
margin:0 auto; /* center on page */
}
.print-action a{
display:block;
background:url(../images/banin.gif) no-repeat center top;
height:22px;
width:16px;
}
.search-icon{
background:url(../images/search-icon.jpg) no-repeat left top;
height:45px;
display:block;
}
.search-icon:hover{
background-position:left bottom;
}
.thongbao{
font:bold 11px Arial, Helvetica, sans-serif;
color:#CCCCCC;
}