@charset "windows-874";
/* CSS Document */
body { margin:0; padding:0; font-family:"trebuchet MS", tahoma, arial, sans-serif;font-size:13px; color:#585861; background:url(../images/bg/bgwide_inner.jpg) no-repeat bottom center;}

a { outline:none; color:#585861; text-decoration:underline;}
a:hover {color:#585861; text-decoration:none;}

/*Main Layout*/
#Wrapper { margin:0; padding:0; width:100%;}
#Header { margin:0 auto; padding:0 8px 0 10px; width:985px;}
#ContainerIndex { margin:0 auto; padding:25px 0 0 0; width:1003px;}
#ContainerInner{ margin:0 auto; padding:0 8px 50px 10px; width:985px;}


#Picmain { margin:0 auto; padding:0; width:1003px;}
#Picmain_inner { margin:0 auto; padding:0; width:100%; background:url(../images/bg/bgpicmain_inner.jpg) repeat-x top left; text-align:center;}

#Footer { margin:0; padding:8px 0; width:100%; background:#22a4ff; border-top:1px solid #fff; height:15px; text-align:center; font-size:12px; color:#fff; clear:both; text-transform: uppercase;}
#Footer a { color:#fff; text-decoration:none;}
#Footer a:hover { color:#fff; text-decoration: underline;}


/*end*/

/*Clear*/
.ClearFoat { clear: both;}

/*end*/


/*Header*/
.Logo { margin:0 40px 0 0; padding:0; width:168px; float:left;}

#Menu { margin:0; padding:0; width:777px; float:left;}

#MenuTop { margin:0; padding:0; width:205px; float:right;}
#MenuTop ul { margin:0; padding:0;}
#MenuTop ul li { margin:0; list-style:none; display: inline; float:left;}

#MenuBtm { margin:15px 0 0 0; padding:0; width:777px;}
#MenuBtm ul { margin:0; padding:0;}
#MenuBtm ul li { margin:0; padding:0; list-style:none; display: inline;}

.lang { margin:0; padding:2px 0 0 15px; width:54px; border-left:1px solid #e0e6e9; float:left; height:30px; font-size:12px; font-weight:bold; color:#01aef1;}
.lang a {color:#01aef1; text-decoration:none;}
.lang a:hover {color:#024b7d; text-decoration:none;}

.lang span { color:#9897a3; font-size:10px;}
/*end*/


/*Navigater*/
#Nav { margin:0 0 10px 0; padding:0; text-align:right;}
#Nav a { font-size:12px; color:#585861; text-decoration:none;}
#Nav a:hover {color:#585861; text-decoration: underline;}
#Nav span {color:#01b1f3; text-decoration: underline;}
/*end*/



/*Content*/
h1 { margin:0; padding:0 0 10px 0;}

#Colleft { margin:0 15px 0 0; padding:0; float:left; width:196px;}
#ColRight { margin:0; padding:0; float:left; width:773px; min-height:300px;}
#ColRightWhy { margin:0; padding:0; float:left; width:985px;}
#ColRightWhy ul { margin:0 0 15px 25px; padding:0; text-align:justify; }
#ColRightWhy ul li{ margin:0; padding:0 0 5px 10px; list-style: none; background:url(../images/bullet_job.gif) no-repeat top left;}
#ColRightWhy ul li p { margin:0; padding:0;color:#01aef1; text-transform:uppercase;}

#ColProduct { margin:0; padding:0;}
#ColProduct ul { margin:10px 0 0 0; padding:0; text-align:justify; }
#ColProduct ul li{ margin:0; padding:0 0 10px 0; list-style: none;}
#ColProduct ul li p { margin:0; padding:0;color:#01aef1; text-transform:uppercase;}



/*end*/

/*Menu Left*/
#Mnleft { margin:0; padding:0;}
#Mnleft ul { margin:0; padding:0;}
#Mnleft ul li { margin:0; list-style:none;}

.mnleft { background:url(../images/bulletmn.gif) no-repeat top left; padding:4px 0 4px 12px; font-size:12px; color:#585861; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.mnleft a { color:#585861;text-decoration:none;}
.mnleft a:hover, .mnleft:hover a { color:#01aef1;text-decoration:none;}

.mnleft:hover { background:url(../images/bulletmn_over.gif) no-repeat top left; color:#01aef1;text-decoration:none;}

.mnleft_de { background:url(../images/bulletmn_over.gif) no-repeat top left; padding:4px 0 4px 12px; font-size:12px; color:#01aef1; text-decoration:none;text-transform:uppercase; font-weight:bold;}
.mnleft_de a {color:#01aef1; text-decoration:none;}

/*end*/


/*Contact Page*/
#ColForm { margin:0 20px 0 0; padding:0; float:left; width:397px;}
#ColForm a { color:#5f6973; text-decoration: underline;}
#ColForm a:hover { color:#5f6973; text-decoration:none;}



#ColAddress{ margin:0; padding:0; float:left; width:340px;}
#ColAddress h2 { margin:0; padding:0 0 10px 0; color:#01aef1; font-weight: bold; font-size:13px; text-transform:uppercase;}
#ColAddress h3 { margin:0; padding:0; color:#474750; font-weight: bold; font-size:30px; text-transform:uppercase;}
#ColAddress h4 { margin:0; padding:0 0 5px 0; color:#01aef1; font-weight: normal; font-size:13px; text-transform:uppercase;}



.Map {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:none; cursor:pointer;}
.Map:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; border:none;}

.Btn {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:none; cursor:pointer;}
.Btn:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; border:none;}

.BgTexbox { background:url(../images/txtbox_top.gif) no-repeat top left; width:397px; margin-bottom:4px;}
.BgTexbox span { background: url(../images/txtbox_btm.gif) no-repeat bottom left; display:block; line-height:1px; width:397px; height:1px;}
.BgTexboxIm { background:url(../images/txtbox_top_im.gif) no-repeat top left; width:397px; margin-bottom:4px;}
.BgTexboxIm span { background: url(../images/txtbox_btm.gif) no-repeat bottom left; display:block; line-height:1px; width:397px; height:1px;}
.BgTexboxArea  { background:url(../images/txtbox_top_area.gif) no-repeat top left; width:397px; margin-bottom:4px;}
.BgTexboxArea span { background: url(../images/txtbox_btm.gif) no-repeat bottom left; display:block; line-height:1px; width:397px; height:1px;}

.BgTexboxDate {background: url(../images/txtbox_btm.gif) no-repeat bottom left; display:block; line-height:1px; width:397px; height:1px;}

.BgTexboxDate { background:url(../images/txtbox_date.gif) no-repeat top left; width:62px;}



.TxtBoxCon {font-family: "trebuchet MS", tahoma, arial, sans-serif;; font-size:12px; color:#fff; padding:3px 5px; background:#90a2b3; width:378px; border:none; margin:1px 0 0 0;}

.TxtBoxlist {font-family: "trebuchet MS", tahoma, arial, sans-serif; font-size:12px; color:#fff; padding:2px 5px; background:#90a2b3; width:390px; border:none; margin:1px 0 0 0;}

/*end*/

/*Client Page*/
#ColClient { margin:0; padding:0;}
.BoxImg { background: url(../images/bg/bgimg_client.gif) no-repeat bottom right; height:110px; width:182px; float:left; margin:0 18px 15px 0;}

.BoxImg img { border:1px solid #01aef1;}
.BoxImg img:hover { border:1px solid #ccc;}

.txtbox_page { background:url(../images/txtbox_page.gif) no-repeat top left; padding:3px 2px; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#fff; width:40px; text-align:center; border:none;}
/*end*/


/*News Page*/
#News { margin:0; padding:0;}
#News ul { margin:0; padding:0;}
#News ul li { margin:0 0 15px 0; padding:0 0 15px 0; list-style:none; border-bottom:1px solid #01aef1;}
.BoxImgNews { float:left; width:214px; background: url(../images/bg/bgimg_news.gif) no-repeat bottom right; height:128px; margin-right:20px;}
.BoxImgNews img { border:1px solid #01aef1;}
.BoxImgNews img:hover { border:1px solid #ccc;}


.BoxNewsBig { float:left; background:url(../images/bg/bgNews_b.gif) no-repeat bottom right; width:595px; height:352px; margin-right:0;}
.BoxNewsBig img { border:1px solid #01aef1;}

.BoxImgSmall { float:left; width:180px; margin-right:-8px;}
.BoxImgSmall ul { margin:0 0 0 4px; padding:0;}
.BoxImgSmall ul li { margin:0; padding:0; list-style:none; display:inline;}


div.txtnews { margin:0; padding:0; width:530px; float:left; display:block; text-align:justify;}
h2.topic { margin:0 0 7px 0; padding:0; color:#01aef1; font-size:13px;}
h2.topic span {color:#585861; font-size:13px; text-transform:uppercase;}
h2.topic span a {color:#585861; text-decoration:none;}
h2.topic span a:hover {color:#585861; text-decoration: underline;}
div.DetailNews { margin:20px 0 0 0; padding:0; text-align:justify;}
.More { margin:10px 0 0 0; padding:0; font-size:12px; color:#01aef1; text-decoration:none; text-transform:uppercase;}
.More a{ color:#01aef1;  text-decoration:none;}
.More a:hover{ color:#01aef1;  text-decoration: underline;}

.imgNew { border:1px solid #01aef1; margin:0 6px 8px 0;}
.imgNew:hover { border:1px solid #0a6898;}

.imgNew_de { border:1px solid #0a6898; margin:0 6px 8px 0;}


.Page {padding:0; margin:30px 0 0 0; text-align:center;}
.Back {color:#585861; margin:30px 0 0 0;background: url(../images/arrow_left.png) no-repeat top left; padding:5px 0 5px 35px; text-decoration:none;}
.Back:hover { color:#01aef1; }

/*end*/


/*Careers Page*/
#CareerLeft { margin:0 20px 0 0; width:600px;}
#CareerLeft h2 { margin:0 20px 0 0; padding:0;font-size:16px; color:#2391b9; text-transform: uppercase;}

p.txtQuali { font-size:13px; margin:0; padding:15px 0 0 0; font-weight:bold;}
p.txtQuali span{ font-size:13px; font-weight: normal;}

p.app { font-size:13px; margin:0; padding:0 0 10px 0;}

.ListQuali { margin:0; padding:0;}
.ListQuali ul { margin:0; padding:10px 0;}
.ListQuali ul li { margin:0; padding:0px 0 0 10px; background:url(../images/bullet_job.gif) no-repeat top left; list-style:none;}

/*end*/

.txtcontent  { margin:0; padding:0; text-align:justify;}
.txtcontent ul { margin:15px 0 15px 25px; padding:0;}
.txtcontent ul li{ background:url(../images/bullet_job.gif) no-repeat top left; list-style:none; padding:0px 0 4px 10px;}