a{text-decoration: none;}
a:link {color: #E43E3C;}
a:visited { }
a:hover { }
a:active { }
body { margin: 0 0 0;font-family: Arial; font-size: 12px; background-color:#403A39;}
div{padding: 0px;margin: 0px;border: 0px;background-repeat: no-repeat;text-align: left;float: left;} 
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/



/*for other page just like the 1st title shoe of month,h2 tags may be a good idea*/
.clear{ height:1px; width:100%; float:left; clear:both;}
h2{font-size: 13px;margin-top: 10px;}
h3{font-size: 12px;color: #6777aa;margin-top: 20px;}
.h3_div{font-size: 12px;color: #6777aa;margin: 20px 0 10px 0; font-weight:bold;}
h4{padding: 0px; margin: 0px}
h5{padding: 0px;margin: 0px}
h6{ color:#6777aa;font-size: 16px;margin-top: 10px;}
.width528{width: 528px;}
.ddlWidth_TradeForm{width: 533px;}
.ddlWidth{width:533px;}
.width214{width: 261px;}
.width120{ width:120px;}
.tableWithBlackBorder{ background-color:Black; display:inline;}
.tableWithBlackBorder td,th{ background-color: White;}
table .noBorder input{border: 0px;}
.noBorder {border: 0px; margin:0px; padding:0px;}
.backToTop{ display:block;width:100%; float:left;}
.backToTop a{ float:right; margin-right:1px; width:100px;}
.th_textTop{ vertical-align:text-top;}
img{border: 0px}
p {padding: 0px;margin: 0px;line-height: 17px;margin-top: 5px;margin-bottom: 5px;}

/*end for all the Titles*/
ul{padding: 0px;margin: 0px;}
li{list-style: none;margin-bottom: 8px; line-height: 13px;}
dUl li{font-weight: lighter;}
.divUl{margin-right:12px; width:240px;}

h1 h2 h3 h4 h5 li{font-family: Arial;}
#linksTitle h3{font-size: 16px;margin-bottom: 9px;font-size: 14pt;color: #686E90;}
#leftLinks li{ line-height: 28px;font-size: 13pt; width: 100%; float:left; height: 28px;}
#leftLinks li a:link{ color: #005AAD;}
#leftLinks li a:active{ color: #F5A448;}

#leftLinks ul{float: left;}
table th{text-align: left;padding-left:3px;height: 22px; vertical-align: middle;} 
table td{padding-left:2px;padding-right:1px;height: 22px;}
li input{ border-width: 0; }

.telPerfix{width:3em;}
.mailPerfix{ width: 3em;}
#boxContainer { width: 1000px; height: auto; margin-right: auto; margin-left: auto;float: none; }
#middleSection{margin-left: 14px; height: auto;float: left; width: 742px;}
#footSection { width: 1000px; height: 36px; float: left; }
.marginTop15px{margin-top: 10px;min-height:500px;}
.marginTop25px{margin-top: 25px;}
.sep_marginTop25{height:25px; width:240px; float:left;}
.ArialBold{font-family:Arial;font-weight: bold;}
.blackBorder{ background-color: #fff; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;  border-bottom-color: #a9a9a9;}
.valignMiddle{vertical-align: middle;}
.tdHeight{height: 28px;}
.titleGreen{background-color: #03745E;height: 30px;width: 239px;color: #fff;}
.width240px{width: 238px;}
.conTitle{ background-image: url(../images/0_031.jpg); height: 22px;width: 483px;float: left;}
.titleFont{margin-left: 80px;font-weight: bold;font-size: 15px;color: #1C466B;display: inline;}
.fontcolor{color: #5C5C5C;}
.memberTextHover{ color:#F5A448;}
/*#leftSection*/
#leftSection div{display:inline; }
#leftSection { width: 240px; height: auto;}
#leftSection .sdTable{ margin-bottom:25px; float:left;} 
#leftSection{ margin-top:10px;}
/*#rightSection*/
#rightSection div{display:inline;}
#rightSection .sdTable{ margin-bottom:25px;} 
#middleSection .sdTable{ margin-bottom:25px;} 
#rightSection{ margin-top:10px;}

/* #middleSection*/

/*#articleArea*/
#articleArea { text-align:justify;}
#articleArea .listTable{ margin-top:10px;}
#articleArea li{background-image: url(../images/list3.jpg); background-repeat: no-repeat; background-position: left 2px; margin-bottom: 10px; padding-left: 10px; list-style-type: none;}

#articleArea li a:link{text-decoration: none;}
#articleArea table{margin-top: 20px;margin-bottom: 20px;}
#articleArea table td table{margin-top: 0px;margin-bottom:0px;}
#articleArea a{text-decoration: none;}
#articleArea .listTable td{ height:10px;}
#articleArea .listTable{ width:742px;}
#articleArea .listTable .li_title{ width:80%;}
#articleArea .listTable .li_date{text-align:right;width:20%;}
#articleArea .detailTitleDateContext{ width:742px; height:auto;}
#articleArea #detailTitleDate{ margin:0px; padding:0px; margin-top:20px;}
#detailTitleDate {width:100%;}
#detailTitleDate td{ padding:0px;}
#detailTitleDate td h3{text-indent:0px; margin:0px; padding:0px;}
#articleArea .bottomDetail{ width:740px; text-align:justify; margin-bottom:0px; overflow:hidden; background-color:#FBF7D4}
#articleArea .bottomDetail img {max-width: 700px; height:auto;} 

#divArticleDetail ol{ padding-left:0px;margin-left:0px; list-style:decimal; list-style-type:decimal;}
#divArticleDetail ol li {
    background-image: none;
	list-style-type:decimal;
	list-style-position:inside;
	padding-left:20px;
	margin-left:0px;
}
#divArticleDetail ul{margin-left:20px;}

/*  for common css   */
.titleBanner_Green{background-color: #03745E;height: 30px;width: 31px;}

/*Blocks*/

/*shadow table*/ 
.sd_right{ background-image: url(../images/sd_right.jpg); background-repeat: repeat-y; width:3px; padding:0px; }
.sd_enter{ background-image: url(../images/sd_enter.jpg); height: 3px; background-repeat:no-repeat; background-position:top;}
.sd_bottom{ background-image: url(../images/sd_bottom.jpg); background-repeat: repeat-x; height:3px; background-position:top;}
			 
.sdTableDiv{width:auto;float:left;padding:0px; margin:0px;}


.dUl { margin-top:10px;margin-right:6px;}
.dUl a:link{ color:black;text-decoration:none;}
.dUl a:visited{ color:#404040;text-decoration:none;}
.dUl a:hover{color:#FC8D3C; text-decoration:none;}
.divUl p img{ float:right; margin-right:5px; margin-bottom:10px;}
.blockBorder div{display:inline;}
.blockBorder { width: 240px; height:auto; _height:auto; padding:0px; margin:0;display:inline;}
.blockBorderImage { width: 220px; height:auto; _height:auto; padding:10px; margin:0;display:inline;}
.blockTitle3 { width: 240px; height: auto; margin: 0px; background-color: #03745e; display:inline; padding-bottom: 2px;}
.blockTitle2 { width: auto; height: auto;background-color: #429486;padding-right: 5px;padding-bottom: 2px;}
.blockTitle1 { width: auto; height: auto;background-color: #98cfb0;font-size: 13px;font-weight: bold;color: #fff;margin-bottom: 2px;padding-right: 5px; padding-left:3px; }
.blockTitle11 {width: 240px; height: auto;font-size: 13px;font-weight: bold;color: #000;margin-bottom: 8px;padding-right: 5px; padding-left:0px; display:inline;margin-top:0px;}

.blockLiTitle{width: 233px; margin-top: 15px;margin-bottom:5px;height: 16px;color: #717171;font-size: 14px;font-weight: bold;margin-left: 3px;}
.blockBtn{width: 240px;height: auto;margin-bottom: 2px;margin-top:2px;text-align: center;}
.blockBorder ul{color:#000000;float: left;width: auto;margin-top: 8px;font-size: 11px;}
.blockBorder ul li{ background-image: url(../images/list1.jpg); background-repeat: no-repeat; background-position: left 2px; margin-bottom: 8px; padding-left: 10px; list-style-type: none; }
.blockBorder ul p{float: right; margin-right: 10px;}
/*.imageFrameClear{ height:1px;*height:1px !important;*height:1px; width:240px; float:left; display:inline; background-color:Yellow;}*/
.imageFrame{ width: 220px; height: auto;min-height:1px; margin:10px;display:inline;}
.imageFrameBox{ width: 220px; height: auto;min-height:1px; margin:0px;display:inline;}

.abctest{background-color: #fff; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;  border-bottom-color: #a9a9a9;width: 240px; _height:auto; float:left; padding: 0px;margin:0px;}
._imageFrame{background-color: #fff; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;  border-bottom-color: #a9a9a9;width: 240px;height: auto; float:left; padding: 0px;margin:0px;display:inline;}

/* Search-Block each webpage have only one at most,so use it's Id not classes  */
#searchBlock { width: 240px; height: 30px; }
#searchBlockTitle { width: auto; height: auto; margin-top: 8px; margin-left: 20px;color: #404040;font-size: 12px;font-weight: bold;}
#searchBlockInput{width: auto; height: auto; margin-top: 5px; margin-left: 3px;}
#searchBlockImg{ height: auto; width: auto; margin-top: 3px; padding-left: 10px; }
 
 /*login Block*/
 #loginBlock div{display:inline;}
#loginTitle {background-color: #BBA47F; width: 237px; height: 25px;text-indent: 3px;font-size: 15px;vertical-align: middle;line-height:30px;color: #404040;}
#loginBlockTitle {background-color: #BBA47F;width:240px; height: auto;line-height:20px;font-size: 13px;text-indent: 3px;vertical-align: middle;color: #404040;margin-bottom: 10px;}
#loginBlock { width: 240px; height: auto;font-weight: bold;}
.login_th { width: 80px; height: 25px; line-height: 25px;vertical-align: middle;margin-left: 3px;float: left; }
.login_td { width: auto; height: 25px;line-height: 25px;vertical-align: middle;float: left;}
.row1{height: auto;width: 240px;}
.row1 input{width: 140px;}
#loginBlockLoginBtn { width: auto; height: auto; float: right;margin-right:10px;margin-left: 5px;margin-bottom: 5px;}
#loginBlockRegsterBtn { float: right; margin-left: 20px;margin-bottom: 5px; margin-right: 10px;}

 /*notices Block*/
#Accordion1 .AccordionPanelTab img{ height:30px;}
#Accordion1 .AccordionPanelContent{ width:240px;}
.Accordion {
	overflow: hidden;
}
 
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
 
.AccordionPanelTab {
	margin: 0px;
	padding: 2px;
}

 
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}
/*Font*/
.listTitle{color: #6777aa; font-size: 15px; font-weight: bold;}
.aTitle{font-size: 12px;font-weight:bold;display: block;width: 100%}
.aDeclare{font-size: 12px;font-weight: bold;color: #6777aa;width: 100%}
.orangeYellow{color:#F5A448;}
.huiLanse{ color: #6777aa; font-size: 15px;}

/*titleBanner*/
.titleBannerText{font-weight: bold;font-size: 15px;color: #1C466B;}
#titleBanner{white-space: nowrap ;background-image: url(../images/titleBar.jpg); background-position: -300px center; width: 100%; height: 22px; overflow: hidden; }
#tb1{ background-image: url(../images/bule_line.gif); background-repeat: repeat-x; background-position: left center; height: 22px; width: 127px; }
#tb2{ background-image: url(../images/bule_line.gif); background-repeat: repeat-x; background-position: left center; height: 22px; width: 475px; }
#tbTitle{ height: auto; width: auto; padding-right: 10px; padding-left: 10px; }
/**/
/*titleBannerBlock*/
.titleBlueLine1{ background-image: url(../images/bule_line.gif); background-repeat: repeat-x; background-position: 0 center; width: 70px;}
.titleBlueLine2{ background-image: url(../images/bule_line.gif); background-repeat: repeat-x; background-position: 0 center;width:200px; }
.titleBannerFont{font-weight: bold;font-size: 15px;color: #1C466B;padding-left: 15px;padding-right: 15px;white-space: nowrap;width: 10%;}
.titleBanner {background-image: url(../images/titleBar.jpg); background-position: -300px center; width: 740px; height: 22px; overflow: visible; }
.shortTitleBannerBlock{ background-image: url(../images/titleBar.jpg); background-position: -500px 50%; height: 22px; width: 485px; }




/*#header*/
#header #nav_header img{ height:28px;}


/*#Foot*/
#foot { margin-top: 25px;width: 1000px; height: auto;text-align: center; }
#foot p{ color: #5C5C5C;font-size: 10px;}
 
/*Table*/
th{text-indent: 3px;white-space: nowrap;}
/*bgGroundColor*/
.border0{ border:0px;}
.borderright{ border-width:0px 1px 0px 0px;}
.borderbottom{ border-width:0px 0px 1px 0px;}
.borderTL{ border-width:1px 0px 0px 1px;}
.borderRB{ border-width:0px 1px 1px 0px;}

.brownBgColor{background-color: #C1C2BD;vertical-align: middle;}
.lightYellowBgColor{background-color: #FFFEEA;}
.whiteBgColor{ background-color:#fff; white-space:normal;}
.whiteBgColor td{ white-space:normal;}
.yellowBgColor{ background-color:#F9F3C1;}
.lightyellowBgColor{ background-color:#D2FFE1;}
.lightYellowBgColor2{ background-color:#FFFFEA;}
.lightYellowBgColor1{ background-color:#FFFEDA;}
.tingeBgColor{background-color:#ccc;}
/*#memberList*/
#memberList { width: 240px; height: auto; }
#memberList ul{margin-top: 0px;}
#memberList li{background-image: url(../images/list3.jpg); background-repeat: no-repeat; background-position: left 2px; margin-bottom: 10px; padding-left: 10px; list-style-type: none;}
#memberList li a:link{text-decoration: none;color: #3285A8}
#memberList li a:visited{text-decoration: none;color:#3285A8}
#memberList li a:hover{text-decoration: none;color: #F5A448;}
/**/
/**/
/**/
/****header style****/
#header{float: left;width: 1000px;height: auto;}
#headerImagesSection { width: 1000px; height: auto; float: left; }
#navSection { width: 1000px; height: auto; float: left; margin-top: 14px; }
#dropDownSection { width: 1000px; height: auto; float: left; margin-top: 2px; }
.myTab{font-size: 16px;color: #fff;height: auto;width: auto;float: left;margin-right: 3px;}
.imgs{float: left;height: auto;width: auto;}
.imgs a{display:block; float:left;}
.HeaderLeft /*agl rulekind: base;*/ { width: 238px; height: 140px; }
.headerImg1 /*agl rulekind: base;*/ { width: 762px; height: 140px;  }
.headerImg2 /*agl rulekind: base;*/ {width: 238px; height: 140px; }
.myTab_Last /*agl rulekind: base;*/ { float: right; }
input{ border-style:solid; border-width:1px; border-color:#A9A9A9;}
/***end ****/


/****Export alert ´øÔ­µã*****/
.li_title{ text-indent:7px;list-style:none;background-image: url(../images/list3.jpg); background-color: #fff; background-repeat: no-repeat; background-position: left 50%;width:80%;}
.li_title2{width:84%;padding-left:0px;text-align:left;}
.li_image{width:1%;padding-left:0px;text-align:right;}
.li_image img{margin-top:3px;}
.li_date{background-color: #fff;width:20%;}
/* DetailPage  detailTitleDate*/

/**ad box **/
.AdBoxDiv{width:100%; height:auto; margin:0px;}
.AdBoxDiv img{ border:0px; margin:0px;}
.AdBoxDivInTd{background-color: #fff; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;  border-bottom-color: #a9a9a9;width: 240px; _height:50px; min-height:50px; float:left; padding: 0px;margin:0px;}
.AdBoxDivInTd img{ border:0px; margin:0px; padding:0px;}
.AdBoxDivInTd #aMedia{display:block}

/*** Luncheon Receptions **/
.Luncheon_BorderTable{ border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px;}
.Luncheon_LeftTable td{height:30px;}

/**/
.enquiry-checkbox input{ border:none;}
.vaign-top{ vertical-align:top; padding-top:20px;}

.attnf-width{margin-right:4px;}
* +html .attnf-width{margin-right:4px;}
* html .attnf-width{margin-right:4px;}
.sex-select{ width:66px;}
* +html  .sex-select{ width:63px;}
* html  .sex-select{ width:63px;}

.area-input{ margin-right:5px;}
#txtA_Area{ width:171px;}
* +html #txtA_Area{ width:169px;}
* html #txtA_Area{ width:169px;}

#txtA_District{ width:171px;}
* +html #txtA_District{ width:169px;}
* html #txtA_District{ width:169px;}
.input-display input{ float:left;}

.wrap_tab_detail  .backToTop a{ color:#3285A8;}
.wrap_tab_detail  .backToTop a:hover{ color:#F5A448;}
#boxContainer .indexBanner{ position:absolute; top:158px; left:250px; height:34px; width:670px;overflow:hidden; float:none; clear:both; display:block;}

 body { background-color:#403A39;}
html  body { background-color:#403A39;} 
#boxContainer{ overflow:hidden; padding:0 24px; background-color:#fff;}