@charset "utf-8";

body {
    font-family: "microsoft yahei","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	background-color: #fff;
    font-size: 12px;
    color: #57657A;
    padding: 0px;
    margin:0;
	overflow-x:hidden;
	background:#fff;
}
	
h1,h2,h3,h4,h5,h6 { font-size: 16px; margin:0px; padding:8px 0px; }
h2 { color:#CC9900; }
h3 { color:#990000; margin:0;padding:0;}
h4 { font-size: 15px; color: #6B89A5; margin:0px; padding:0px; }
h5 { font-size: 14px; color: #3E6E94; }
h6 { font-size: 13px; color: #3E6E94;padding:2px 0px;}

ul { margin:0px; padding:0px;}


table {
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table, td, th, p {
    font-size: 12px;
    color: #57657A;
    /* text-align:left; */
}

table tr.row {
    background-color: #F2F4F7;
}

p { margin: 5px 0px; padding: 5px 0px;}

select, option, input, textarea {
    font-size: 12px;
    font-weight:normal;
    color: #57657A;
}

img { vertical-align:middle; border: none; }


a {
    color: #00589A;
    text-decoration: none;
}

a:hover {
    /*color: #706B4B;*/
    color: #996600;
    text-decoration:underline;
}
a:focus {
outline: none;
} 

a.more, a.more_news, a.more_events {
	text-indent:-9999px;
    background:url(../images/common/more.jpg) no-repeat;
	width:50px;
	height:15px;
	display:block;
}
a.more_news{
    background:url(../images/common/more_news.gif) no-repeat;
	width:70px;
}
a.more_events{
    background:url(../images/common/more_events.gif) no-repeat;
	width:70px;
}

a.grey {
    color: #666666;
    text-decoration:none;
}

a.grey:hover {
    color: #111111;
    text-decoration:none;
}

a.download {
    color: #00589A;
    text-decoration:none;
    background:url(../images/common/icon-download.gif) no-repeat;
    padding: 8px 0px 10px 112px;
}
a.download:hover {
    color: #706B4B;
    background:url(../images/common/icon-download.gif) no-repeat 0px -100px;
}
a.download:active {
    color: #706B4B;
    background:url(../images/common/icon-download.gif) no-repeat 0px -200px;
}
div.btn_video {
    width: 106px;
    height: 21px;
    background:url(../images/common/bt-see-video.png) no-repeat;
    cursor: pointer;
}
div.btn_video:hover {
    width: 106px;
    height: 21px;
    background:url(../images/common/bt-see-video.png) no-repeat 0px -21px;
    cursor: pointer;
}

.get_started_now {
	display:block;
    width: 230px;
    height: 60px;
    background:url(../images/common/get_started_now.jpg) no-repeat;
    cursor: pointer;
	text-indent:-9999px;
}
.get_started_now:hover {
    background-position: 0px -60px;
}

.click_here {
    padding: 3px 45px;
    background:url(../images/common/bt-click-here.png) no-repeat;
    text-decoration:none;
}
.click_here:hover {
    padding: 3px 45px;
    background:url(../images/common/bt-click-here.png) no-repeat 0px -21px;
    text-decoration:none;
}

div.video_success_story {
    width: 218px;
    height: 37px;
    background:url(../images/common/video-success-story.jpg) no-repeat;
    cursor: pointer;
}
div.video_success_story:hover {
    background:url(../images/common/video-success-story.jpg) no-repeat 0px -37px;
}

.f-left { float:left; }
.f-right { float:right; }

.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

.left-line { float:left; padding: 0px 20px 2px; border-left: 1px solid #DAE1E7; }

.inputbox {
    border: 1px solid #A7B0B9;
    background-image:url(../images/common/form-box.jpg);
}

.font24 {
    font-size:24px; padding: 10px; color:#BDC7CE;
}

.div215 { width:215px; float:left; margin:3px 6px 3px 0px; }
.div250 { width:250px; float:left; margin:10px; }

#gototop { text-align:right; padding-right: 35px;margin-top:5px; }

#sitemap {
    margin-top: 10px;
}

#sitemap ul li{
    color:#6B89A5;
}


#CustomerLogo { width: 240px; float: left; margin-right: 16px; }
#CustomerLogo a:link, #CustomerLogo a:visited { border: 1px solid #FFFFFF; padding:1px; display:block; }
#CustomerLogo a:hover, #CustomerLogo a:active { border: 1px solid #CDD4DA; padding:1px; display:block;  }

#PartnersLogo a:link, #PartnersLogo a:visited { border: 1px solid #F2F4F7; display:block; float: left; }
#PartnersLogo a:hover, #PartnersLogo a:active { border: 1px solid #CDD4DA; display:block; float: left; }


#top_bg{
	width:100%;
	background: url(../images/common/top_bg_cn.png) repeat-x;
}
#header {
    width: 980px;
	height: 66px;
    margin: 0px auto;
	border:0;
}

#header #header-left, #header #slogan, #header #header-right {
    
    float: right;
}

#header #header-left {
   
	float:left;
}

#Achievo-logo {
    width: 216px;
    height:134px;
    margin: 0px;
    cursor:pointer;
	position:absolute;
	background: url(../images/common/logo_cn.png) no-repeat;
	z-index:999;
}

#header #header-right {
    width: 770px;   
}

#slogan {
    width: 150px;
	height: 31px;
	line-height:31px;
	margin-right:10px;
}

#search_bar {
	width: 250px;
	height:19px;
	border:0;
	text-align:right;
	float:left;
	margin-left:100px;
	}

#search_bar2 {
	width: 250px;
	height:32px;
	border:0;
	text-align:right;
	float:left;
	margin-left:85px;
	
	}
#language {
    text-align: center;
    padding-right: 0px;
	width:150px;
    color: #6B8DA9;
	float:left;
	line-height:31px;
	color:#fff;
	font-size:14px;
}
#language ul{
	float:left;
	list-style:none;
}
#language ul li{
	float:left;
	margin-right:2px;
}


#language a {
    color: #fff;
    padding: 0px 2px;
}
#language a:hover {
    color: #f47e31;
    padding: 0px 2px;
}
.top_font{
	width:242px;
	height:32px;
	background:url(../images/common/top_font.png) no-repeat;
	float:left;
	margin-left:240px;
}

/* End Header */


/* ------------------------------------------------------------ Search button */

#search {
	float:right;
	padding-top:3px;
	height:18px;
    margin: 0px 15px 0px 0px;
    color: #d1d5d9;
	padding-top:2px!important;
	padding-top:-5px\9;
}
#search form { margin:0px; padding: 0px; text-align:left; }

#search input{
	
    width: 140px;
    height: 24px;
	line-height:24px;
	padding:2px 5px 2px 8px;
/*padding:2px 0px 5px 5px;*/
    background-color:#E1E4E8;
    margin: 0px;
    border: none;
    color: #617e9d;
    background: url(../images/common/search_cn.png) left 1px no-repeat;
	outline:none;
}
#search img {
	margin-bottom:9px;
	margin-bottom:0px\9;
	*margin-bottom:16px;
	margin-top:1px;
}


a.search_submit {width: 21px; height: 20px; margin: 0px; }


/* ------------------------------------------------------------ END Search button */




/* Menu */

#menu {
    width: 1000px;
    height: 34px;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    margin: 0 auto;
}

#menu #menu-left, #menu #menu-center, #menu #menu-right {
    height: 34px;
    float: left;
}

#menu #menu-left {
    width: 19px;
    background: #FFFFFF url(../images/common/layout.jpg) no-repeat -6px -315px;
}
#menu #menu-right {
    width: 19px;
    background: #FFFFFF url(../images/common/layout.jpg) no-repeat 0px -383px;
}
#menu #menu-center {
    width: 962px;
    background: url(../images/common/layout.jpg) repeat-x 0px -349px;
}

/* Child Banner */

#child-banner {
    width: 100%;
    height: 81px;
    margin: 0 auto;
	background:url(../images/common/banner_inside_bg.png) repeat-x;
}

#child-banner #bannerBGColor {
    width: 980px;
    height: 81px;
    margin:0 auto;
}
.banner-title{
	float:right;
	font-size:26px;
	color:#51606d;
	width:300px;
	text-align:right;
	margin:25px 50px 0 0 ;
}

/* Child Content */

#child-content {
	background: transparent url(../images/common/child-content-bg.png) repeat-y;
    width: 980px;
    border: 0px;
    margin: 2px auto;
	position:relative;
}
#child-content.left-nav-bottom {
    background:transparent url(./left/left_nav.gif) no-repeat scroll left bottom;
    bottom:0;
    height:32px;
    left:0;
    position:absolute;
    width:248px;
    z-index:9832;
}

/* Child Content - Left Column */

#child-content #left-column {
    padding-left: 0px;
    width: 248px;
    float: left;
}


.box-common {
    background: url(../images/common/box-common.jpg) no-repeat;
}

/* Child Content - Right Column */
#service-right{float:left;width:728px;padding-left:2px;}
.right-column-img{width:728px;margin-top:16px;}

#child-content #right-column {
    width: 695px;
    padding: 10px 10px 0px 20px;
    float: left;
	background:#fff;
	
}

#child-content #right-column #content p{
    zoom:normal;
}

#child-content #right-column ul {
    margin: 5px 20px;
    padding: 5px 0px;
    line-height: 16px;
}
#child-content #right-column ol {
    line-height: 16px;
}

#child-content #right-column table.top {
    background: url(../images/common/table-top.jpg) no-repeat;
}
#child-content #right-column table th {
    color: #FFFFFF;
    padding: 16px 8px 2px 12px;
}
#child-content #right-column table.list td {
    border-bottom: 1px solid #DAE1E7;
    vertical-align: top;
    padding: 8px;
}
#child-content #right-column table.list td.icon {
    background: url(../images/common/news-icon.gif) no-repeat 10px 9px;
    width: 20px;
}
#child-content #right-column table.list td.iconb {
    background: #F2F4F7 url(../images/common/news-icon.gif) no-repeat 10px 9px;
    width: 20px;
}



/* -------  Round Table  -------  */

table.round {
    width: 100%;
}
table.round td p{
    line-height: 17px;
}
/* blue table */
table.round td.lt {
    background: url(../images/common/box-round.gif) no-repeat;
    padding: 15px 0px 15px 20px;
}
table.round td.rt {
    width:15px;
    background: url(../images/common/box-round.gif) top right;
}
table.round td.lb {
    background: url(../images/common/box-round.gif) bottom left;
    height:15px;
}
table.round td.rb {
    width:15px;
    height:15px;
    background: url(../images/common/box-round.gif) bottom right;
}
/* white table */
table.round td.wlt {
    background: url(../images/common/box-round-w.gif) no-repeat;
}
table.round td.wrt {
    background: url(../images/common/box-round-w.gif) top right;
}
table.round td.wlb {
    background: url(../images/common/box-round-w.gif) bottom left;
}
table.round td.wrb {
    background: url(../images/common/box-round-w.gif) bottom right;
}
/* shadow table */
table.round td.slt {
    background: url(../images/common/box-round-s.gif) no-repeat;
}
table.round td.slt p{
    font-style: italic;
    color: #2F6594;
    text-align: right;
    padding-left: 10px;
}
table.round td.srt {
    background: url(../images/common/box-round-s.gif) top right;
    width:28px;
}
table.round td.slb {
    background: url(../images/common/box-round-s.gif) bottom left;
    height:28px;
}
table.round td.srb {
    background: url(../images/common/box-round-s.gif) bottom right;
    width:28px;
    height:28px;
}
/* ---------- */
table.round ul li{
    color: #4890B5;
    padding-bottom: 3px;
}
table.round ul.greyli li{
    color: #57657A;
    padding-bottom: 3px;
}
table.round p {
    margin: 2px 0px;
    padding: 8px 0px;
}
table.round strong {
    font-size:13px;
}
table.round ul li a:link, table.round ul li a:visited {
    color: #006699;
}
table.round ul li a:hover, table.round ul li a:active {
    color: #706B4B;
}

/* Global Careers */

#global-careers {
    padding: 0px 10px;
    background: url(../images/common/global-careers.jpg) no-repeat top right;
}



/* Solutions Show_Details : Customers Speak */

#quotation {
    width: 270px;
    float:right;
    margin-left: 20px;
}
#quotation #main {
    background: url(../images/common/customers-speak-bottom.jpg) bottom;
    padding: 0px 0px 30px 0px;
}
#quotation #top_quotation {
    background: url(../images/common/customers-speak-top.jpg) no-repeat;
    padding-top: 18px;
}
#quotation #logo {
    width: 226px;
    height: 40px;
    padding: 0px 22px;
    text-align: right;
    background: url(../images/common/customers-speak-mark.gif) no-repeat 24px 0px;
}
#quotation #start {
    font-size: 13px;
    color: #666666;
    padding: 0px 28px 0px 32px;
    text-align: right;
}
#quotation #end {
    height: 42px;
    background: url(../images/common/customers-speak-mark.gif) no-repeat 205px -40px;
}
#quotation #speaker {
    font-weight: bold;
    color: #777777;
    padding: 10px 26px 10px 30px;
    text-align: right;
}
#quotation #study {
    padding: 10px 26px 10px 30px;
    text-align:right;
}

/* add by ping start */

#content_with_box {
    width: 265px;
    background: url(../images/common/customers-speak-bottom.jpg) bottom;
    float: right;
    padding-bottom: 20px;
    margin: 0px 0px 10px 10px;
}

#content_right_box {
    background: url(../images/common/right-box-top.jpg) no-repeat top;
    padding: 10px 25px 0px 25px;
}

#content_right_box_quoted {
    background: url(../images/common/right-box-top.jpg) no-repeat top;
    padding: 10px 25px 0px 25px;
}
#content_right_box_quoted, #content_right_box_quoted  p{
    font-style: italic;
    color: #2F6594;
    text-align: right;
}

.highlight{
    font-weight:bold;
    color: #B3872D;
}

/* add by ping end */

/* Footer */

#footer {
	width:100%;
    height: 50px;
    margin: 20px auto 0 auto;
    background:#6d7b87;
	clear:both;
}
#footer a {
    color:#fff;
}
#footer a.rss {
	background:url("../images/common/rss.png") no-repeat 0px 1px;
	padding-left:18px;
}
#footer a.sharethis {
	background:url("../images/common/sharethis.png") no-repeat 0px 1px;
	padding-left:18px;
}
#footer ul {
    width: 980px;
    margin: 0 auto;
	height:28px;
}
#footer ul li{
	list-style:none;
	padding:6px 10px 10px;
	float:right;
    color:#fff;
}

#quotation a.contact {
    display: block;
    width: 270px;
    height: 115px;
    background: url('../images/common/contact-us.jpg') no-repeat;
	color:#fff;
}
#quotation a.contact:hover {
    background: url('../images/common/contact-us.jpg') no-repeat 0px -115px;
	color:#fff;
}

a.left_contact {
    display: block;
    width: 250px;
    height: 114px;
    background: url('../images/common/contact-us.jpg') no-repeat -270px 0px;
}
a.left_contact:hover {
    background: url('../images/common/contact-us.jpg') no-repeat -270px -115px;
}

a.landing_contact {
    display: block;
    width: 250px;
    height: 114px;
    background: url('../images/common/contact-us.jpg') no-repeat -270px 0px;
    float: left;
}
a.landing_contact:hover {
    background: url('../images/common/contact-us.jpg') no-repeat -270px -115px;
    float: left;
}

/* used in /why_achievo/case.php */
ul.case_listing {
    list-style:none;
    margin-left:0px;
}
ul.case_listing li{
    line-height:200%;
}

/* used in /company/office_map.php */
#showphoto {
    padding-right:0px; width:315px;
}
#showphoto img {
    margin: 2px;
    border: 0px solid #FFFFFF;
}


a.register_now {
    display: block;
    width: 216px;
    height: 50px;
    background:url(../images/others/register_now.gif) no-repeat;
}
a.register_now:hover {
    background:url(../images/others/register_now.gif) no-repeat 0px -50px;
}

a.view_recording {
    display: block;
    width: 216px;
    height: 50px;
    background:url(../images/others/view_recording.gif) no-repeat;
}
a.view_recording:hover {
    background:url(../images/others/view_recording.gif) no-repeat 0px -50px;
}

#breadcrumb {
    visibility: hidden;
    height:0px;

}

/*------web-design
------------------------------------------------*/
.development-descript{
	 font-size:14px;
	 line-height:22px;
	 margin-top:20px;
}
.development-img{
	text-align:center;
}
.introduce{
	width:100%;
	/*margin-top:30px;*/
	margin-top:15px;
	float:left;
}
.introduce h2{
	font-size:15px;
	color:#57657a;
}
.introduce ul{
	font-size:14px;
	margin-top:15px;
}
.introduce ul li{
	line-height:30px;
	padding-left:10px;
	background:url(images_inside/te_dot.jpg) no-repeat 0 10px;
}
.technology-item{
	margin-top:15px;
}

.right-technology-descript{
	width:330px;
	text-align:left;
	line-height:22px;
	padding-left:20px;
	float:left;
}
.right-technology-descript h3{
	font-size:14px;
	color:#596c86;
	margin-top:15px;
}
.right-technology-descript p{
	margin-top:0px;
}
.technology-img{
	float:left;
}

/*------Platform-development
----------------------------------------*/
.case-item{
	margin-top:15px;
}
.case-descript{
	width:330px;
	text-align:left;
	line-height:22px;
	padding-left:20px;
	margin-top:25px;
	float:left;
}
.case-descript h3{
	font-size:14px;
	color:#596c86;
	margin-top:15px;
}
.case-descript p{
	margin-top:0px;
	font-size:14px;
}
.right-case-descript{
	width:330px;
	text-align:left;
	line-height:22px;
	padding-left:20px;
	margin-top:75px;
	float:left;
}
.right-case-descript h3{
	font-size:14px;
	color:#596c86;
	margin-top:15px;
}
.right-case-descript p{
	margin-top:0px;
	font-size:14px;
}
.case-img{
	float:left;
	margin-left:25px;
}
.introduce ul.game li{
	width:163px;
	height:130px;
	float:left;
	margon-right:25px;
	list-style:none;
	padding:0;
	background:none;
}
/*------testing--------*/

.testing-right-description{
	width:330px;
	text-align:left;
	line-height:22px;
	padding-left:20px;
	float:left;
	margin-left:320px;
	margin-top:5px;
	margin-right:5px;
	
}

.testing-left-description{
	width:330px;
	text-align:left;
	line-height:22px;
	padding-left:20px;
	float:left;
	margin-left:5px;
	margin-top:5px;	
}