@charset "utf-8";
/* CSS Document */
html, body {
	min-width:840px;
	min-height:600px;
	width:100%;
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#999;
	background:url(../images/share/img/bg.jpg) no-repeat center #000000;
}
h1, h2, h3, h4, p, form {
	margin:0px;
	padding:0px;
}
ul,ul li{
	padding:0px;
	margin:0px;
}
ul li{
	margin:2px 0px 0px 25px;
	
}
h2 {
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:43px;
	font-style:normal;
	color:#DEAD03;
	line-height:35px;
	text-align:right;
}
h2.worktitle {
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:30px;
	font-style:normal;
	color:#FFF;
	line-height:35px;
	text-align:left;
}
.workClient{
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:19px;
	font-style:normal;
	color:#666;
	line-height:19px;
	text-align:left;
}
h3 {
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:22px;
	font-style:normal;
	color:#999;
	line-height:20px;
	text-align:right;
}
#newsPanel div.head{
	background:url(../images/hm/txt/news.png) no-repeat;
	width:37px;
	height:20px;
}
#newsPanel div.content{
	
	background:#121212;
	width:250px;
	height:20px;
	padding:0px 5px;
	margin-bottom:1px;
	overflow:hidden;
}
#newsPanel h2 {
	display:none;
}
#work_head {
	padding:0px 0px 0px 20px;
	height:25px;
}
#work_foot {
	width:100%;
	height:30px;
	background:#000;
}
.workdesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
}
#content {
	position:absolute;
	width:100%;
	top:80px;
}
#contentBg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.hr{
	font-family:DB Ozone X;
	font-weight:bold;
	font-size:22px;
	font-style:normal;
	color:#FFF;
	line-height:11px;
	text-align:left;
	padding:15px 0px 0px 15px;
}
.hrcontact{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#999;
	line-height:15px;
	text-align:left;
	padding:10px 0px 0px 15px;
}
.jobtitle {
	font-family:DB Ozone X;
	font-weight:bold;
	font-size:20px;
	font-style:normal;
	color:#FFF;
	line-height:13px;
	text-align:left;
	padding:10px 0px 0px 10px;
}
.jobdesc {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	font-style:normal;
	color:#5F5F5F;
	text-align:left;
	width:325px;
	padding:10px 0px 0px 10px;
	height:174px;
	overflow:hidden;
}
.applyjob{
	padding:12px 0px 0px 10px;
}
.applyack {
	font-family:DB Ozone X;
	font-weight:bold;
	font-size:30px;
	color:#FFF;
	line-height:30px;
	text-align:left;
}
.applyhead {
	font-family:DB Ozone X;
	font-weight:bold;
	font-style:normal;
	font-size:24px;
	color:#FFF;
	line-height:24px;
	text-align:left;
}
.applydesc{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#5F5F5F;
	padding-top:15px;
}
#aboutText{
	background:url(../images/about/txt/about.png) no-repeat;
	width:584px;
	height:263px;
}
#aboutText h2{
	display:none;
}
#aboutText p{
	display:none;
}
#header {
	position:absolute;
	width:100%;
	z-index:100;
}
#header #logo {
	position:absolute;
	background:url(../images/share/img/logo.png) no-repeat;
	top:0px;
	left:0px;
	margin:15px;
	width:183px;
	height:42px;
	z-index:1020;
}
#header #logo h1 {
	display:none;
}
#nav {
	width:690px;
	height:60px;
	margin:0px auto;
}
#nav .navebg {
	/*background:url(../images/share/img/menu-bg.jpg) no-repeat;*/
	width:608px;
	height:60px;
	margin:0px auto;
	padding-left:50px;
}
ul#menu {
	padding:15px 0px 0px 70px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}
ul#menu li {
	padding:0px 30px 0px 0px;
	margin: 0px;
	float: left;
}
ul#menu li a {
	display:none;
}
#menu01 {
	float:left;
	width:85px;
	height:20px;
	cursor:pointer;
}
#menu01 .slider {
	position:absolute;
	width:85px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
}
.menu01Over {
	float:left;
	width:85px;
	height:20px;
	background:url(../images/share/btn/mn_our_work-over.png) no-repeat;
	cursor:pointer;	
}
.menu01Out {
	float:left;
	width:85px;
	height:20px;
	background:url(../images/share/btn/mn_our_work.png) no-repeat;
	cursor:pointer;	
}
#menu02 {
	float:left;
	width:108px;
	height:20px;
	cursor:pointer;
}
#menu02 .slider {
	position:absolute;
	width:108px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
}
.menu02Over {
	float:left;
	width:108px;
	height:20px;
	background:url(../images/share/btn/mn_our_company-over.png) no-repeat;
	cursor:pointer;	
}
.menu02Out {
	float:left;
	width:108px;
	height:20px;
	background:url(../images/share/btn/mn_our_company.png) no-repeat;
	cursor:pointer;	
}
#menu03 {
	float:left;
	width:100px;
	height:20px;
	cursor:pointer;
}
#menu03 .slider {
	position:absolute;
	width:100px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
}
.menu03Over {
	float:left;
	width:100px;
	height:20px;
	background:url(../images/share/btn/mn_onthemove-over.png) no-repeat;
	cursor:pointer;	
}
.menu03Out {
	float:left;
	width:100px;
	height:20px;
	background:url(../images/share/btn/mn_onthemove.png) no-repeat;
	cursor:pointer;	
}

#menu04 {
	float:left;
	width:80px;
	height:20px;
	cursor:pointer;
}
#menu04 .slider {
	position:absolute;
	width:80px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
}
.menu04Over {
	float:left;
	width:80px;
	height:20px;
	background:url(../images/share/btn/mn_carreer-over.png) no-repeat;
	cursor:pointer;	
}
.menu04Out {
	float:left;
	width:80px;
	height:20px;
	background:url(../images/share/btn/mn_carreer.png) no-repeat;
	cursor:pointer;	
}
#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	z-index:1002;
}

#footer #copyright {
	background:url(../images/share/img/copyright.png) no-repeat;
	margin:8px 0px 0px 17px;
	width:237px;
	height:11px;
}
#footer #copyright span {
	display:none;
}
ul#menufooter {
	padding:0px;
	margin: 0px 20px 0px 0px;
	list-style-type: none;
	list-style-image: none;
}
ul#menufooter li {
	float: left;
	padding: 0px;
	padding-right:15px;
	margin: 0px;
}
ul#menufooter li a {
	display:none;
}
#carreer_prev {
	float:left;
	width:48px;
	height:15px;	
	cursor:pointer;
}
#carreer_prev a {
	display:none;
}
.carreer_prevOver {
	position:absolute;
	width:48px;
	height:15px;
	background:url(../images/career/btn/prv_btn_ovr.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.carreer_prevOut {
	position:absolute;
	width:48px;
	height:15px;
	background:url(../images/career/btn/prv_btn.png)  no-repeat;
	cursor:pointer;	
}
#carreer_next {
	float:left;
	width:44px;
	height:15px;	
	cursor:pointer;
}
#carreer_next a {
	display:none;
}
.carreer_nextOver {
	position:absolute;
	width:44px;
	height:15px;
	background:url(../images/career/btn/next_btn_ovr.png)  no-repeat;
	cursor:pointer;	
	display:none;
}
.carreer_nextOut {
	position:absolute;
	width:44px;
	height:15px;
	background:url(../images/career/btn/next_btn.png) no-repeat;
	cursor:pointer;	
}
#footerMenu01 {
	float:left;
	width:51px;
	height:25px;
	cursor:pointer;
}
.footerMenu01Over {
	position:absolute;
	width:51px;
	height:25px;
	background:url(../images/share/btn/btn_share-over.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.footerMenu01Out {
	position:absolute;
	width:51px;
	height:25px;
	background:url(../images/share/btn/btn_share.png) no-repeat;
	cursor:pointer;	
}
#footerMenu02 {
	float:left;
	width:49px;
	height:25px;	
	cursor:pointer;
}
.footerMenu02Over {
	position:absolute;
	width:49px;
	height:25px;
	background:url(../images/share/btn/btn_award-over.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.footerMenu02Out {
	position:absolute;
	width:49px;
	height:25px;
	background:url(../images/share/btn/btn_award.png) no-repeat;
	cursor:pointer;	
}
#footerMenu03 {
	float:left;
	width:63px;
	height:25px;
	cursor:pointer;
}
.footerMenu03Over {
	position:absolute;
	width:63px;
	height:25px;
	background:url(../images/share/btn/btn_newflash-over.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.footerMenu03Out {
	position:absolute;
	width:63px;
	height:25px;
	background:url(../images/share/btn/btn_newflash.png) no-repeat;
	cursor:pointer;	
}
#footerMenu04 {
	float:left;
	width:66px;
	height:25px;
	cursor:pointer;
}
.footerMenu04Over {
	position:absolute;
	width:66px;
	height:25px;
	background:url(../images/share/btn/btn_contact-over.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.footerMenu04Out {
	position:absolute;
	width:66px;
	height:25px;
	background:url(../images/share/btn/btn_contact.png) no-repeat;
	cursor:pointer;	
}

.ipadBubble {
	float:left;
	width:15px;
	height:15px;	
	cursor:pointer;
}
.ipadBubble .over {
	position:absolute;
	width:15px;
	height:15px;
	background:url(../images/ourwork/btn/btn_select_page.png) no-repeat;
	cursor:pointer;	
	display:none;
}
.ipadBubble .out {
	position:absolute;
	width:15px;
	height:15px;
	background:url(../images/ourwork/btn/btn_unselect_page.png) no-repeat;
	cursor:pointer;	
}

span.opacity {
	position:absolute;
	display:block;
	background:#AAA;
	width:295px;
	height:22px
}
span.opacity1 {
	position:absolute;
	display:block;
	background:#AAA;
	width:110px;
	height:15px;
}
span.content {
	position:absolute;
	display:block;
	padding-left:8px;
}
aside, nav, footer, header, section {
 display:;
}
.opacity1 {
	cursor:pointer;
}
.issueflh {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.arthead {
	font-family: DB Ozone X;
	font-size:58px;
	font-weight:normal;
	font-style:normal;
	color:#FC0;
}
.artsub {
	font-family: DB Ozone X;
	font-size:38px;
	font-weight:normal;
	font-style:normal;
	color:#CCC;
}
.datenws {
	font-family: DB Ozone X;
	font-size:21px;
	font-weight:normal;
	font-style:normal;
	color:#FFF;
}
.descnws {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding-top:4px;
	color:#999;
}
.titleart {
	float:left;
	width:100%;
	font-family: DB Ozone X;
	font-weight: normal;
	font-size:22px;
	color:#FFF;
	text-decoration:none;
}
.descart {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding-top:4px;
	color:#606060;
}
.descawd {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#616161;
}
.awdname {
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:27px;
	color:#CCC;
	line-height:27px;
}
.przname {
	font-family:DB Ozone X;
	font-weight:normal;
	font-size:20px;
	color:#999;
}
.awddetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#616161;
}
.txtcontact {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#5F5F5F;
}
.txtcontact_invalid {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	/*color:#F90;*/
}
.txthide {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
}
.star {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FC0;
}
.dropdown {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	width:200px;
	height:18px;
}
.txtform {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	width:200px;
	height:16px;
}
.txtareaform {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	width:420px;
	height:100px;
}
.inputbg {
	background:#FFF;
	width:200px;
}
.inputbg_focus {
	background:#FFDC64;
	width:200px;
}
.inputbg_invalid {
	background:#FFCC00;
	width:200px;
}
.textareabg {
	background:#FFF;
	width:420px;
}
.textareabg_focus {
	background:#FFDC64;
	width:420px;
}
.textareabg_invalid {
	background:#FFCC00;
	width:420px;
}
.dropdown_apply {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
	width:300px;
	height:20px;
}
.txtform_mbl1 {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
	width:50px;
	height:20px;
}
.txtform_mbl2 {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
	width:245px;
	height:20px;
}
.txtform_apply {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
	width:300px;
	height:20px;
}
.txtareaform_apply {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
	width:300px;
	height:65px;
}
.inputbg_apply {
	background:#FFF;
	width:300px;
}
.inputbg_apply_focus {
	background:#FFDC64;
	width:300px;
}
.inputbg_apply_invalid {
	background:#FFCC00;
	width:300px;
}
.inputbg_apply_mbl1 {
	background:#FFF;
	width:50px;
}
.inputbg_apply_mbl1_focus {
	background:#FFDC64;
	width:50px;
}
.inputbg_apply_mbl1_invalid {
	background:#FFCC00;
	width:50px;
}
.inputbg_apply_mbl2 {
	background:#FFF;
	width:248px;
}
.inputbg_apply_mbl2_focus {
	background:#FFDC64;
	width:248px;
}
.inputbg_apply_mbl2_invalid {
	background:#FFCC00;
	width:248px;
}
.textareabg_apply {
	background:#FFF;
	width:300px;
}
.textareabg_apply_focus {
	background:#FFDC64;
	width:300px;
}
.textareabg_apply_invalid {
	background:#FFCC00;
	width:300px;
}
h1, h2, h3, h4, p, form {
	margin:0px;
	padding:0px;
}
.contact_title {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:28px;
	color:#fff;
}
.contact_title2 {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:24px;
	color:#fff;
}
.contact_cmpnm {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:20px;
	color:#f7f7f7;
}
.contact_address {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	color:#999;
}
.span.opacity2 {
	position:absolute;
	display:block;
	background:#ffffff;
	width:470px;
	height:390px;
}
.txtformShort {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	width:50px;
	height:16px;
}
.txtform2 {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	width:168px;
	height:16px;
}
.txtareaform2 {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	width:315px;
	height:108px;
}
.txtareaform3 {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	width:300px;
	height:64px;
}
.txtblack24 {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:24px;
	color:#000;
}
.txtblack18 {
	font-family:DB Ozone X;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	color:#000;
}
.txtblack13{
	font-size:13px;
	color:#000;
}
.inputbg2 {
	background:#FFF;
	width:148px;
}
.inputbg2_focus {
	background:#FFDC64;
	width:148px;
}
.inputbg2_invalid {
	background:#FFCC00;
	width:148px;
}
.inputbgShort {
	background:#FFF;
	width:50px;
}
.inputbgShort_focus {
	background:#FFDC64;
	width:50px;
}
.inputbgShort_invalid {
	background:#FFCC00;
	width:50px;
}
.textareabg2 {
	background:#FFF;
	width:320px;
}
.textareabg3 {
	background:#FFF;
	width:300px;
}
.textareabg2_focus {
	background:#FFDC64;
	width:320px;
}
.textareabg3_focus {
	background:#FFDC64;
	width:300px;
}
.textareabg2_invalid {
	background:#FFCC00;
	width:320px;
}
.textareabg3_invalid {
	background:#FFCC00;
	width:300px;
}
img {
	border:none;
}
.txtgray9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
}
.txtgray11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}
.txtwhite9{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}
.txtwhite11{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999;
}
a:hover {
	color:#999;
}
a .hover {
	display: none;
}
a .unhover {
	display: block;
}
a:hover .hover {
	display: block;
}
a:hover .unhover {
	display: none;
}
a.linknws {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	line-height:16px;
}
a.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	text-decoration:underline;
}
a.info:hover {
	color:#fff;
}
a.flash {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
a.flash:hover {
	
}
a.filter {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-decoration:none;
}
a.filter:hover {
	color:#fff;
}
a.titlenws1 {
	float:left;
	width:100%;
	font-family: DB Ozone X;
	font-weight: normal;
	font-size:28px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}
a.titlenws1 .hover {
	color:#FC0;
}
a.titlenws2 {
	float:left;
	width:100%;
	font-family: DB Ozone X;
	font-weight: normal;
	font-size:22px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}
a.titlenws2 .hover {
	color:#FC0;
}
a.titleflh {
	float:left;
	width:100%;
	font-family: DB Ozone X;
	font-weight: normal;
	font-size:22px;
	color:#999;
	text-decoration:none;
	cursor:pointer;
}
a.titleflh .hover {
	color:#FC0;
}
a.titleawd {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	color:#999;
	text-decoration:none;
}
a.titleawd:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	color:#FC0;
	text-decoration:none;
}

a.hmnews {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	color:#666;
	text-decoration:none;
}
a.hmnews:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	color:#CCC;
	text-decoration:none;
}

