/* Version 1.1 @ 11 Dec 09 */
/********** GLOBAL *************/
html, body {

background:url(images/background.jpg) no-repeat fixed;
background-color:#dbdbdb;
/*background-position:top left;)*/
height:100%;
}

ul {padding : 5px 0 5px 50px; }
ol {padding: 5px 0 0 50px; list-style:decimal; }
li {padding: 5px 0 5px 0; padding-top:0px\9; margin-top:5px\9;}


ul.list_horizon		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_horizon li	{ float:left; vertical-align:top;}

ul.list_vertical		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_vertical li	{ display:block; vertical-align:top;}

.container_16, .container_12, .container_24 { height:100%; }

/* Paging */
.divPaging { margin-top:25px; line-height:20px; }
.divPaging li.col1 { margin-right:5px; }
.divPaging li.col2 {  padding-top:4px; }
.divPaging li.col3 { margin-right:5px; padding-top:4px; }
.divPaging li.col4 { margin-right:15px;}
.divPaging li.col5 { margin-right:5px; }
.divPaging li.col6 { line-height:20px; }

/* Image Corner*/
.imageCorner { margin:0px auto; width:auto; /* Set width to pixel or % by ID selector */ }
/* Customize by change background image , padding-left and height */
.imageCorner .topLeft { background:url(img/top-left.png) no-repeat; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .topRight { background:url(img/top-right.png) no-repeat right top; padding-right:10px;  behavior:url(iepngfix.htc);}
.imageCorner .top { background:url(img/top.gif) repeat-x; height:40px; behavior:url(iepngfix.htc); }
.imageCorner .left { background:url(img/left.gif) repeat-y; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .right { background:url(img/right.gif) repeat-y right top; padding-right:10px; behavior:url(iepngfix.htc);}
.imageCorner .bottomLeft { background:url(img/bottom-left.png) no-repeat left top; padding-left:10px; behavior:url(iepngfix.htc); }
.imageCorner .bottomRight { background:url(img/bottom-right.png) no-repeat right top; padding-right:10px; behavior:url(iepngfix.htc);  }
.imageCorner .bottom { background:url(img/bottom.gif) repeat-x left top; height:10px; behavior:url(iepngfix.htc); }
.imageCorner .content { min-height:200px; _height:200px;}

/********** Page ***********/

/***********FONT***********/
.font1{ font-family:Tahoma; font-size:12px; color:#af9999;}
.date{font-family:Tahoma; font-size:12px; color:#cc0000;}
/*--------------------*/
 #divBg{ position:absolute; z-index:-1; left:0px;}
#main-nav{ height:70px; line-height:25px; z-index:99;}
#buttom-nav {height:40px; z-index:10;}

#top-nav{ height:30px; margin-right:24px;}

#top-nav a{ padding-left:15px; height:30px;}

#lead-graphic{ height:300px; z-index:0; width:960px; background:#ffffff;}

#lead-graphic-inside{ height:235px; z-index:11;width:960px; padding-left:6px;}

#clear20px{ height:20px;}
#clear20px{ height:5px;}


#all-box{ /*height:395px;*/ width:980px; margin-top:10px;}

.hIndexPromotion{padding-top:20px; height:40px;}
.hIndexProduct{padding-top:20px; height:40px;}
.hIndexnews{height:40px; position:absolute; padding-top:20px; right:145px;}






.hPromotion{ padding-top:20px; height:40px; padding-bottom:5px;}
.hSitemap{ padding-top:60px; height:40px; padding-bottom:5px;}




.btn-viewall{ position:absolute; right:0px; height:40px;}
.containdataNews img{ float:left;margin-right:20px;border: 2px solid #ffffff; }
.containdataNews2 img{ float:left;margin-right:20px; border: 2px solid #ffffff;}
.containdataTips img{ float:left;margin-right:20px; border: 2px solid #ffffff;}

.btn-viewall3{ position:absolute; right:45px; height:40px;}
.hTips{
 padding-top:20px;
    margin-bottom:5px;
	height:40px;
	position:absolute;
	right:270px;
	top: 165px;
}
	

	
.containdata{ position:absolute; left:20px; width:272px;}
.containdata2{ position:absolute; left:345px; width:272px;}	
.containdataNews{ position:absolute;margin-top:60px;right:40px; width:270px; height:80px; }
.containdataNews2{ position:absolute;margin-top:160px;right:40px; width:270px; height:80px; }
.containdataTips{position:absolute;margin-top:224px;right:40px;width:270px;height:83px;}
	


.btn-viewall3-2{
	position:absolute;
	right:45px;
	height:40px;
	margin-top:1px;
	top: 163px;
}

div.img_list_bg{
	/*background-color:#2F0000;*/ padding:0; margin:0;
	margin-bottom:10px;
}
.img_list {
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}

/*--------------------------------------home------------------------------------*/
.picshow{ display:none;}


/*--------------------------------------home------------------------------------*/

.tick{ padding-top:3px;}
.tick img{ padding-left:3px; padding-top:10px;}
/*-------------Box -Alpha-------------------------------------------------------*/

#box1{ height:395px; width:312px; background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);				

}


#box2{ height:395px;width:272px; background-color: #fff;padding-left:20px; padding-right:20px; opacity: .5; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
}


#box3{ height:395px;width:312px;}

.box3-1{ height:152px;width:312px; background-color: #fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
}
.box3-2{ margin-top:12px; height:152px;width:312px; background-color: #fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
}
.box3-3{ margin-top:12px; height:67px;width:312px; background-color: #fff;
}

/*-----------------------Footer--------------------------------------------------*/

#footer{ }

#menu-footer{
/*height:85px; width:940px; background:url(images/footer-bg.gif); padding-top:20px; padding-left:20px; line-height:30px;*/
}
#menu-footer img{/* padding-top:5px;*/}

/*-------------------------------------listing-page---------------------------------------*/

#all-box-listing{ width:990px; margin-top:15px;}


#box1-inside{ height:238px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}
	
	
#box1-inside-product{ height:196px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}	
	
#box1-inside-promotion{ height:154px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}
	
	
#box1-inside-contact{ height:284px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}
	

#box1-inside-contact-thank{ height:494px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}	
	
#box1-inside-career{ height:260px;background-color:#fff; opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	}				


#box2-inside{ width:720px;padding-left:0px; _width:720px; /* padding-bottom:10px;*/
background:url(images/body-listing.png) repeat-y; 
}

#box2-inside-contact2{ width:720px;padding-left:0px; _width:720px; _height:680px;  padding-bottom:10px;
background:url(images/body-listing.png) repeat-y; 
}



#box2-inside-thank{ width:720px; height:484px;padding-left:0px; _width:720px;  padding-bottom:10px;
background:url(images/body-listing.png) repeat-y; 
}

#box2-inside-detail{ 
padding-left:25px; position:relative; min-height:300px; _height:300px;
}

#box2-inside-contact{ 
padding-left:25px; position:relative; min-height:534px; _height:534px;
}

#box2-inside-news{ width:960px; padding-left:0px; 
background:url(images/body-listing.png) repeat; _background:url(images/body-listing.png)repeat-y; 
}

#box2-inside-news-2 {
padding-left:30px; position:relative; min-height:300px; _height:300px; 
}

/*#box2-inside-news{ width:960px;padding-left:0px; _width:930px; 
background:url(images/body-listing.png) repeat-y; 
}
#box2-inside-news-2{ 
padding-left:30px; position:relative; min-height:300px; _height:300px;
}*/

/*#box2-inside-Career{ width:930px;padding-left:30px; padding-bottom:10px; min-height:500px;
background:url(images/body-listing.png) repeat; 
}*/

#box2-inside-Career{ width:960px; _width:960px; padding-left:0px; padding-bottom:10px; min-height:500px;
background:url(images/body-listing.png) repeat;
}

#box2-inside-Career-2{ 
padding-left:30px; position:relative; min-height:500px; _height:500px; 
}

#box2-inside-sitemap{ width:960px; _width:960px;padding-left:0px; padding-bottom:10px; min-height:350px;
background:url(images/body-listing.png) repeat; 
}

#box2-inside-sitemap-2{ 
padding-left:80px; position:relative; min-height:350px; _height:350px; 
}

#box2-inside-paging{ width:960px; padding-left:0px;_width:930px;padding-bottom:10px;
background:url(images/body-listing.png) repeat; _background:url(images/body-listing.png)repeat-y; 
}

#box2-inside-paging-2 {
padding-left:30px; position:relative; min-height:20px; _height:20px; 
}

.containdatainside{
	position:absolute;
	left:263px;
	width:272px;
	top: 1px;
}
.nav img{ padding-bottom:10px;}
.hnav{ padding-top:20px; height:40px; width:250px;}
.containdata-nav{ position:absolute; left:20px; width:210px;}


.pic-listing{ width:210px; -width:215px; float:left; padding-right:20px; - padding-right:15px;padding-bottom:30px;}
.pic-listing2{ width:210px; -width:215px; float:left; padding-right:20px; - padding-right:15px;padding-bottom:0px;}
.pic-listing img{ /*margin-bottom:10px;*/ }
.s{border: 2px solid #ffffff; }
.pic-listing p{padding-right:20px;}

#PageTextBox{ background:url(images/bg-go.png) no-repeat; height:30px; margin-top:-5px;}

#go-page{ background: #FF0000; padding-left:90px;}

#PageCenter{}
#pageing img { padding-top:2px;}

.btn-nav{ height:32px; padding-bottom:10px;}
.colum1{ width:700px; _width:695px;}
.colum1-news{ width:935px;}



.radio{ position:absolute; width:210px; height:50px; top:233px;}

/*  ----    horizone line-----------------*/
div.hr hr { display: none; }
div.hr1 hr { display: none; }
div.hr1-1 hr { display: none; }
div.hr2 hr { display: none; }

div.hr {
width:95%;
  border:0;
  border-top: 1px solid #666;
  height: 0;
  background: #666;
 
  margin-bottom:20px;
}

div.hr1 {
width:96%;
  border:0;
  border-top: 1px solid #666;
  height: 0;
  background: #666;
 
  margin-bottom:20px;
  
}
div.hr1-1 {
  width:96%;
  border:0;
  border-top: 1px solid #666;
  height: 0;
  background: #666;
  margin-bottom:10px;
  
}
div.hr2 {
width:95%;
  border:0;
  border-top: 1px solid #666;
  height: 0;
  background: #666;
 
  margin-bottom:10px;
  
}
/*-------   end ----------------------*/

/* ---------- detail-page--------------------------------------------------------------   */

#data-detail{ padding-right:15px; min-height:300px; -height:300px;
 width:667px;}
 
 #data-detail ul{ 
 	/*padding-left:30px;
	list-style-position:inside; */
	
 }
 
 #data-detail ul li{ 
 	/*padding-left:5px;*/
 }
 

 #data-detail-full{ padding-right:15px; min-height:300px;
 width:915px;}
 #data-detail-full table.solid td { border-style:solid; border-color:#666666; border-width:1px }


#page-detail{ padding-bottom:10px;
}
#page-detail img{ padding-top:2px; }
#attach{ width:150px; padding:5px; float:right; }
#attach-full{ width:150px; padding:5px; float:right; }

.form1{ padding-left:1px;}
.form1 td { padding-bottom:10px;}
.form1 td p{ padding-top:5px;}

/* -------------  eNews ------------------------------------------------------*/

#box-eNews{ width:550px;padding-left:25px; padding-bottom:10px; height:600px;
background:url(images/body-listing.png) repeat-y; -background:url(images/body-listing-ie6.gif) repeat-y;
}

.icon{ float:right; padding-left:5px; padding-bottom:5px;}

/*----------  Career--------------------------------------------------------- */
.colum1-career{margin-left:-6px; line-height:130%;}
.career-listing{padding-right:20px;}
.data-career{padding-top:20px; padding-bottom:50px;}

.data-career ul li{ margin-left:20px; list-style: outside;}
.hCareer{margin-bottom:10px; font-weight:bold; margin-left:10px;}
.hCareer-detail{width:672px;}
.body-career{ min-height:300px; _height:300px;}

/*-------------  Contact --------------------------------------------------*/

.text-contact{ margin-top:10px; margin-bottom:20px; width:200px;}

/*-------------- MEDIA------------------------------------------------------*/
.youtube{ margin-top:20px; margin-bottom:30px;}

.buttom{ padding-bottom:5px;}
.colum1-branches{margin-left:-6px; line-height:130%; padding-bottom:20px; height:120px;}
.branchesr-listing{padding-right:20px; padding-bottom:40px;}

/*/////                   Site Map ////////////////////////-----           */
#sitemap-box-listing{ width:990px;}
.sitemap{ margin-bottom:30px; font-size:16px;}
.sitemap li{ list-style: outside; font-size:12px; margin-left:-25px;}
.grid_5 .sitemap li{ list-style: outside; font-size:12px; margin-left:-25px;}

.border2{border: 2px solid #ffffff; }
.border{border: 1px solid #ccc; }



.map-copyright{ position:absolute; top:920px; left:219px; }
.map-head{ padding-top:15px; padding-left:15px;}
.map-print{position:absolute; top:0px; right:30px;  }
.map-data{ margin-left:30px; margin-top:15px; height:220px;}
.map-data2{ margin-left:30px; margin-top:15px;}

.map-data img{ float:left; margin-right:20px;}
.map-text{ }
.map-map{ margin-left:30px; padding-bottom:30px;}


.intro-text{ width:670px;}
.branch-button{ padding-bottom:5px;}
.whybodyshape{ padding-bottom:1000px;}

.pd1{ margin-top:-15px;}
.pd2{ margin-top:-5px;}
/* --------------------------------------------------------------------------*/
.itemInner{ position:relative; overflow:hidden; z-index:1px;}
.box1{ /*background:url(images/bg-b1.jpg) no-repeat; height:120px; width:230px;*/}
.box2{ /*background:url(images/bg-b2.jpg) no-repeat; height:120px; width:230px;*/}
.box3{ /*background:url(images/bg-b3.jpg) no-repeat; height:120px; width:230px;*/}
.box4{ /*background:url(images/bg-b4.jpg) no-repeat; height:120px; width:230px*/}

.over{ /*background:url(images/bg-Over.png) repeat-x;*/height:48px; width:228px; top:120px; position:absolute; z-index:20px;}
.txtBox{ padding:10px; position:absolute;}