﻿/**  Box color **/
.header
{
	/*background: url(images/boxheader.gif) repeat-x; 	padding-left:10px;*/
}
.bg-property span
{
	background: url(images/bg_TitlePage.gif);
	height: 20px;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
}
.bg-property
{
	height: 20px;
	padding:5px 0 0 0px;
}
.bg-promotional
{
	
	height:60px;
	width:164px;
	/*background-color:#006699;
	-moz-border-radius:5px;
	border:solid 1px #ff7c03;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
	padding-top:5px;*/
}
.bg-promotional a
{
	font-size:10pt;
	color:White;
}
.bg-property span
{
	color:White;
	font-size:9pt;
	font-weight:600;
}
.box a:hover
{
	color: Red;
}
.headerLeft a:hover
{
 color:	#0361f0;
}
.fontemptyF
{
	color:Red;
}

.bgHotline
{
	padding-left:35px;
	background: url(images/icon_Hotline.gif) no-repeat;
	/*min-height:20px;
	width: auto !important;*/
	height: auto;
	
}
.headerLeft a
{
 color:	#0361f0;
}
.box h1
{
	padding-top: 6px;
	color: white;
}
.branch
{
	float: left;
	width:33%;
}
.marginContentPage
{
	margin: 10px 0 0 10px;
}
.formatButton
{
	height: 22px;
}
.marginFAQ
{
	font-weight: 500;
	margin-top: 5px;
}
.marginFooter
{
	margin-left: 10px; /*margin-left:auto !important; 	margin-left:20px;*/
	clear: both;
}
.imgNew
{
	position: absolute;
	margin: 5px 1px 1px 30px;
}
.contentSupport
{
	width: 170px;
	height: auto;
	background-color: #e5eaf0;
}
.box h2
{
	padding-top: 9px;
	color: #0361f0;
}

.hightlight
{
 color:#066db8;
 font-weight:600;
}

.bgTab
{
	background: url(images/bg_Tab.gif) no-repeat top;
	height: 5px;
	width: 100%;
}
.stringAbout
{
	background: url(images/img_StringAbout.gif);
	height: 32px;
	width:100%;
}
.bgLinePage
{
	background: url(images/bg_LinePage.gif) no-repeat top;
	height: 5px;
	width: 100%;
}
.bgLinePage-sub
{
	background: url(images/bg_LinePage.gif) no-repeat top;
	height: 5px;
	width: 558px;
}
.bgCateName
{
	background: url(images/bg_CateName.gif);
	height: 31px;
	width: 485px;
}
.bgTitlePage
{
	background: url(images/bg_TitlePage.gif);
	height: 31px;
	width: 100%;
	margin: 10px 0 10px 0px;
}
.contentPage
{
	/*background: url(images/content_Page.gif);*/
	border: solid 1px #0070ae;
}
.contentTabPage
{
	/*background: url(images/content_Page.gif);*/
	border: solid 1px #ff7901;
	padding-left:2px;
}
.margin-prodetail
{
	padding-bottom:10px;
}
.contentAboutPro
{
	/*background: url(images/content_Page.gif);
	border: solid 1px #0070ae;*/
	width:312px;
}
.marketImfo
{
	background: url(images/bg_MarketImfo.gif);
	height: 110px;
	width: 197px;
}
.Img_LinePro
{
	width: 298px;
}
.borderOnline
{
	border: solid 1px red;
	height: 56px;
	width: 195px;
}

.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 .headerPage01
{
	width: 12px;
	height: 37px;
	background: url(images/header_Page01.gif);
}
.box .headerPage02
{
	height: 37px;
	background: url(images/header_Page02.gif);
}
.box .headerPage03
{
	width: 12px;
	height: 37px;
	background: url(images/header_Page03.gif);
}
.box .headerPage
{
	width: 503px;
	height: 28px;
	background: url(images/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;
}
.search-result
{
	margin: 10px 5px 10px 10px;
}
.search-term
{
	color: Red;
}
.image
{
	float: left;
	margin: 0px 5px 10px 5px;
}
.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;
}
#product_Slide
{
	height:198px;
	width:352px;
	overflow:hidden;
}
.box .headerLeft
{
	background: url(images/boxheaderLeft.gif) no-repeat bottom;
	height: 37px;
	width: 206px;
}
.borderPartner
{
	/*border:solid 1px red;*/
	height: 100px;
	width: 996px;
}
.bg_CateHeader
{
	background: url(images/bg_CateHeader.gif) no-repeat bottom;
	width: 206px;
	height: 12px;
}
.box .contentLeft
{
	background: url(images/boxContentLeft.gif);
	width: 206px;
}
.box .contentLeftPro
{
	background: url(images/boxContentLeftPro.gif);
	width: 206px;
}
.box .footerLeft
{
	background: url(images/boxfooterLeft.gif) no-repeat top;
	height: 12px;
	width: 206px;
}
.box .headerLeft01
{
	background: url(images/boxheaderLeft_01.gif) no-repeat bottom;
	height: 23px;
}
.box .contentLeft01
{
	background: url(images/boxContentLeft_01.gif);
}
/*.box .footerLeft01
{
	background: url(images/img_par03.gif) no-repeat top;
	height: 5px;
	width: 221px;
}*/
.footer
{
	background: url(images/bg_Footer.gif);
	height: 100px;
}
.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: #005896;
}
.box p
{
	color: #333333;
}
.box p span
{
	color: #005896;
}
.box h1 a
{
	color: #FFFFFF;
}
.box h1 a:hover
{
	color: #FFFF00;
}


/*** menu color **/
#subRight
{
	background: url(images/bg_MenuRight.gif);
}
#menu_Top01
{
	background: url(images/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/menu_top.gif);
	width: 100%;
	float: left;
	height: 37px;
	clear: both;
}
.menu_top
{
	background: url(images/menu_top.gif) no-repeat bottom;
	height: 37px;
	width: 13px;
	float: left;
}
.menu_top01
{
	background: url(images/menu_top01.gif);
	height: 35px;
	float: left;
	width: 215px;
}
.menu_top011
{
	background: url(images/menu_top01.gif);
	height: 25px;
	width: 257px;
	float: left;
}
.menu_top02
{
	background: url(images/menu_top02.gif) no-repeat bottom;
	height: 37px;
	float: left;
	width: 98px;
}
.menu_top022
{
	background: url(images/menu_top02.gif);
	height: 35px;
	float: left;
	width: 87px;
}
.menu_top03
{
	background: url(images/menu_top03.gif) no-repeat bottom;
	height: 37px;
	float: left;
	width: 98px;
}

.menutop a, .menutop a span
{
	background: url(images/menu_top02.gif);
	background-color: #f5f8ff;
	color: #FFFFFF;
	color: White;
	height: 40px;
}
.bg_MenuBottom
{
	background: url(images/menu_bottom01.gif);
	height: 22px;
	float: left;
	width: 931px;
}
.menu_bottom01
{
	background: url(images/menu_bottom01.gif);
	height: 22px;
	float: left;
	width: 109px;
}
.menu_bottom02
{
	background: url(images/menu_bottom02.gif);
	height: 22px;
	float: left;
	width: 3px;
}
.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: #f62976;
}
.menu_top02 a:hover
{
	color: #ff7f06;
}
.menu_top01 a:hover
{
	color: #f62976;
}
.menu_top022 a:hover
{
	color: #f62976;
}
.menu_top03 a:hover
{
	color: white;
}
.bg_MenuLeft
{
	background: url(images/bg_MenuLeft.gif);
	width: 213px;
	border: solid 1px #cccccc;
	float: left;
}
.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;
}
.bgBannerTop
{
	background: url(images/bg_BannerTop.gif);
	height: 100px;
	width: 575px;
}
.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_02.gif);
	height: 37px;
}
.headerLeft03
{
	background: url(images/boxheaderLeft_03.gif);
	height: 37px;
}
.headerLeft04
{
	background: url(images/boxheaderLeft_04.gif);
	height: 37px;
}
.headerLeft05
{
	background: url(images/boxheaderLeft_05.gif);
	height: 37px;
}
.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_CateName.gif) no-repeat 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: white;
}
.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: #ff180c;
}

.headerPro
{
	background: url(images/boxheaderPro.gif) no-repeat bottom;
	width: 154px;
	height: 4px;
}
.bg_Datetime
{
	background: url(images/bg_DateTime.gif);
	width: 92px;
	height: 18px;
}
.contentPro
{
	/*background: url(images/boxcontentPro.gif);*/ 	
	width: 127px; 	
	height: 129px;
	border: solid 1px #0176b6;
}
.marginPro
{
	margin: 5px;
}
.footerPro
{
	background: url(images/boxfooterPro.gif) no-repeat top;
	width: 154px;
	height: 5px;
}
.bg_Detail
{
	background: url(images/bg_Detail.gif);
	width: 47px;
	height: 15px;
}
.bg_MenuTop
{
	/*background: url(images/bg_MenuTop.gif);
	width: 100%;
	height: 149px;*/
	background-color:#006699;
}
.bg_MenuTop01
{
	background: url(images/bg_MenuTop.gif);
	width: 1000px;
	height: 26px;
}
.contentMaster
{
	border: solid 1px #dadada;
	height: auto;
	width: 542px;
}
.contentCatePro
{
	/*VISIBILITY: hidden;*/
	background-color: white;
	overflow: hidden;
	width: 197px;
	position: relative; /*HEIGHT: 0px */
}

.stepcarousel
{
	position: relative; /*leave this value alone*/
	border: 1px solid gray;
	overflow: hidden; /*leave this value alone*/
	width: 600px;
	height: 150px; /*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;
}
.sroller
{
	overflow: auto;
	overflow-y: scroll;
	overflow-x: visible;
	height: 200px;
	scrollbar-base-color: #eadccb;
}

