﻿/**  Box color **/
body
{
	background-color: #e8f3fe;
}
.header
{
	/*background: url(images/boxheader.gif) repeat-x; 	padding-left:10px;*/
}
.box h1
{
	padding-top: 10px;
	color: white;
}
.bg-menu-top
{
	background: url(line-menu.jpg);
	height: 35px;
	float: left;
	width: 100%;
}
.box h2
{
	padding-top: 10px;
	color: black;
	margin-left: 6px;
}
.bgCateName
{
	background: url(bg_CateName.gif);
	height: 30px;
}
.contentPage
{
	border: solid 1px #cccccc;
	border-top: none;
	width: 538px;
	padding: 5px;
	padding: 5px;
}
.marketImfo
{
	background: url(../images/bg_MarketImfo.gif);
	height: 110px;
	width: 197px;
}
.borderOnline
{
	border: solid 1px #cccccc;
	height: 110px;
	width: 213px;
}

.footerPage
{
	/*background: url(images/footer_Page.gif) no-repeat top;*/
}
.bg_Lang
{
	background: url(../images/bg_Lang.gif);
}
.lblSearch
{
	background: url(../images/lbl_Search.gif);
	width: 186px;
	height: 57px;
}
.divObject01
{
	width: 375px;
	float: left;
}
.divObject02
{
	width: 568px;
	float: left;
}
.bg_AddressTop
{
	background: url(../images/index_05.jpg) repeat-x;
}
.box .headerPage
{
	width: 100%;
	height: 33px;
	background: url(header_Page.gif);
	
}
.box .tintuc
{
	width: 100%;
	height: 33px;
	background: url(header_Page.gif);
	
}
.headerAboutUS
{
	width: 552px;
	height: 28px;
	background: url(../images/header_AboutUs.gif);
}
.bgProTop
{
	background: url(../images/bg_ProTop.gif);
	width: 178px;
	height: 141px;
	text-transform: uppercase;
}
.border_Img
{
	border: solid 3px #b4b48b;
}
.formatborder
{
	border-bottom: dotted 1px #005dba;
	border-right: dotted 1px #005dba;
	vertical-align: top;
	width: 50%;
}
.box a p
{
	color: #005896;
	font-weight: 500;
}
.floatImage
{
	float: left;
	margin: 0px 5px 3px 0px;
}
.floatImage01
{
	float: left;
	margin: 4px -6px 10px 0px;
}
.bg_Support
{
	background: url(../images/bg_Support.gif);
}
.bg_Page
{
	background-color: Gray;
}
#main
{
	/*background-color: #0b2552;background: url(images/bg_Page.gif);*/
	text-align: center;
	height: 100%;
	background-color: White;
	position:relative;
	z-index:3;
	/*margin-top:-426px;*/
}
.box .headerLeft
{
	/*background: url(images/boxheaderLeft.gif) no-repeat bottom;*/
	background: #005EC4;
	/*background: url(../images/menu_top01.gif) repeat-x;*/
	height: 35px;
}
.borderPartner
{
	border:solid 1px #cccccc;
	height: 100px;
	width: 998px;
}
.box .contentLeft
{
	background: url(boxContentLeft.gif);
	border:1px solid #cccccc;
	border-top:none;
}
.box .footerLeft
{
	background: url(../images/boxfooterLeft.gif) no-repeat top;
	height: 5px;
}
.box .headerLeft01
{
	background: #005EC4;
	/*background: url(../images/menu_top01.gif) repeat-x;*/
	/*background: #e08025;*/
	height: 35px;
}
/*.box .contentLeft01
{
	background: url(images/img_par02.gif);
	width: 221px;
	height: 185px;
}
.box .footerLeft01
{
	background: url(images/img_par03.gif) no-repeat top;
	height: 5px;
	width: 221px;
}*/
.footer
{
	/*background: url(images/bg_Footer.gif) repeat-x;*/
	background-color: #005EC4;
	height: 95px;
}
.box .menuctLable
{
	color: #252a2e;
	font-size: 0.8em;
	font-weight: 600;
}
.box .menuct
{
	color: #252a2e;
	font-size: 0.8em;
	font-weight: 500;
}
.fontContact
{
	color: #333333;
	font-weight: 500;
}
.fontCateName
{
	font-size: 1.1em;
	color: #b4b48b;
	font-weight: 600;
}
.box .company
{
	color: #005896;
	font-size: 1.1em;
	font-weight: 600;
}
.label
{
	color: #333333;
}
.box p
{
	color: #333333;
}
.box p span
{
}
.box h1 a
{
	color: #FFFFFF;
}
.box h1 a:hover
{
	color: #FFFF00;
}


/*** menu color **/
#subRight
{
	background: url(../images/bg_MenuRight.gif);
}
#menu_Top01
{
	background: url(menu_top01.gif);
}
#btProCate
{
	background: url(../images/menu_top06.gif);
}
#menu_Top05
{
	background: url(../images/menu_top05.gif);
}
.menutop
{
	background: url(../images/menu_top04.gif);
	color: Yellow;
}
.menutopBg
{
	/*background: url(images/menubg.gif);*/
	width: 944px;
	float: left;
}
.menu_top
{
	background: url(icon-menu.jpg);
	height: 35px;
	width: 4px;
	float: right;
	position: relative;
	top: -37px;
	left:7px;
}
.arrow_top
{
	background: url(menu_top.gif) no-repeat 50px;
	display:block;
}
.menu_top01
{
	background: url(menu_top01.gif);
	height: 35px;
	float: left;
	width: 125px;
}
.menu_top011
{
	background: url(menu_top01.gif);
	height: 25px;
	width: 257px;
	float: left;
}
.menu_top02
{
	background: url(../images/menu_top02.gif);
	height: 35px;
	float: left;
	width: 128px;
}
.menu_top022
{
	background: url(../images/menu_top04.gif);
	height: 35px;
	float: left;
	width: 153px;
}
.menu_top03
{
	background: url(../images/menu_top02.gif);
	height: 25px;
	float: left;
	width: 105px;
}

.menutop a, .menutop a span
{
	background: url(../images/menu_top02.gif);
	background-color: #f5f8ff;
	color: #FFFFFF;
	color: White;
	height: 40px;
}
.fontLeader
{
	color: #ffd800;
}
.fontLeadertr
{
	color: White;
}
.bgLogo
{
	background: url(../images/logo_Leader.gif);
}

.menutop #active a, .menutop #active a span, .menutop #active a:hover span
{
	color: Yellow;
}
.menu_top02 a:hover
{
	color: Yellow;
}
.menu_top01 a:hover
{
	color: Yellow;
}
.menu_top022 a:hover
{
	color: Yellow;
}
.menu_top03 a:hover
{
	color: Yellow;
}
.menuLang
{
	background: url(../images/Img_Pro.gif);
	height: 173px;
	width: 195px;
}
.menutop a:hover, .menutop a:hover span
{
	background: url(../images/menu_top02.gif);
	background-color: #f5f8ff;
	color: Yellow;
	height: 40px;
}

.menutop #active a, .menutop #active a span
{
	color: Yellow;
	background: url(../images/menu_top02.gif);
	background-color: #f5f8ff;
	height: 40px;
}
.aln_Info
{
	margin-left: 32px;
	padding-top: 7px;
}
.headerLeft02
{
	background: url(../images/boxheaderLeft.gif);
	height: 35px;
}
.headerLeft03
{
	background: #005EC4;
	/*background: url(../images/menu_top01.gif) repeat-x;*/
	height: 35px;
}
.headerLeft04
{
	background: url(../images/boxheaderLeft_04.gif);
	height: 35px;
}
.headerLeft05
{
	background: url(../images/boxheaderLeft.gif);
	height: 35px;
}
.contentLeft02
{
	background: url(../images/boxcontentLeft_02.gif);
	width: 187px;
}
.footerLeft02
{
	background: url(../images/boxfooterLeft_02.gif) no-repeat top;
	height: 5px;
	width: 187px;
}
.bg_Dola
{
	background: url(../images/icon_dola.gif);
	height: 26px;
	width: 166px;
}
.icon_Gold
{
	background: url(../images/icon_gold.gif);
	height: 26px;
	width: 166px;
}
.icon_Stock
{
	background: url(../images/icon_Stock.gif);
	height: 26px;
	width: 166px;
}
.icon_Lottery
{
	background: url(../images/icon_Lottery.gif);
	height: 26px;
	width: 166px;
}
.box .MenuProTop
{
	background: url(../images/bg_MenuProTop.gif) no-repeat bottom;
}
.box .MenuProContent
{
	background: url(../images/bg_MenuProContent.gif);
}
.box .MenuProBottom
{
	background: url(../images/bg_MenuProBottom.gif) no-repeat top;
}
.box .bgCatePro
{
	background: url(../images/bg_CatePro.gif) scroll left bottom;
}
.menuProduct
{
	/*background-color: Black;*/
}
.menuProduct a, .menuProduct a span
{
	color: #3b3b3b;
}
.menuProduct #current a, .menuProduct #current a span, .menuProduct li:hover a, .menuProduct li:hover a span
{
	color: Blue;
}

.menuProduct #current, .menuProduct li:hover
{
	background: url(../images/menu_product_active.gif) repeat-x;
}
/** news color **/
.newsGroup a, .newsGroup a:visited
{
	color: #0b3f95;
}
.newsGroup .newsTitle
{
	color: #005a44;
}

.newsTitle
{
	color: #0b3f95;
}
.fontDateTime
{
	color: #d30f06;
	font-weight: bold;
}

.otherNewsBox h1
{
	color: #0b3f95;
}

/*** master ***/
#footer
{
	/*border-top: 1px solid #e6f2ff; 	background: url(images/bg_Footer.gif) repeat;*/
	background-color: black;
}
.footer div
{
	color: #FFFFFF;;
}
.box
{
	/*border-bottom: #888582 1px solid; 	border-left: #888582 1px solid; 	border-top: #888582 0px solid; 	border-right: #888582 1px solid; 	background-color: #0b2552;*/
}
.number
{
	color: #333333;
}
.headerPadding
{
	padding: 5px 3px 0 3px;
}
.headerPro
{
	background: url(../images/boxheaderPro.gif) no-repeat bottom;
	width: 172px;
	height: 31px;
}
.bg_Datetime
{
	background: url(../images/bg_DateTime.gif);
	width: 92px;
	height: 18px;
}
.contentPro
{
	border: dotted 1px #ababab;
	width: 157px;
	height: 185px;
	padding: 5px;
	float: left;
	margin: 5px;
}
.footerPro
{
	background: url(../images/boxfooterPro.gif) no-repeat top;
	width: 172px;
	height: 22px;
}
.bg_Detail
{
	background: url(../images/bg_Detail.gif);
	width: 47px;
	height: 15px;
}
.bg_MenuTop
{
	background: url(../images/bg_MenuTop.gif);
	width: 584px;
	height: 70px;
}
.bg_MenuTop01
{
	background: url(../images/bg_MenuTop.gif);
	width: 1000px;
	height: 26px;
}
.contentMaster
{
	border: solid 1px #dadada;
	height: auto;
	width: 542px;
}
.contentCatePro
{
	/*VISIBILITY: hidden; */
	overflow: hidden;
	width: 180px;
	position: relative; /*HEIGHT: 0px */
}
.contentCatePro a:hover
{
	color: Red;
}

.stepcarousel
{
	position: relative; /*leave this value alone*/
	border: 0px solid navy;
	overflow: hidden; /*leave this value alone*/
	width: 950px;
	height: 112px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}


.stepcarousel .panel
{
	float: left; /* leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ /*margin: 0 8px; margin around each panel*/
	width: 136px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.borderImg
{
	border: solid 1px red;
}

p.samplebuttons
{
	width: 320px;
	text-align: center;
}

p.samplebuttons a
{
	color: #2e6ab1;
	margin-right: 3px;
	text-decoration: none;
}
.imgSize
{
	width: 85px;
	height: 80px;
}
p.contentWrapper
{
	text-align: justify;
	padding: 0 0px 0 0px;
}
