html {}

body {
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Verdana;
	color:#333;
}
/*
body#skippage {
	margin:0;
	padding:0;
	background:url('../images/skippage/navbar_bg.gif') top repeat-x #000;
}*/

/** Default Setting **/
img {
	border:none;
}

a {
	color:#08C;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}

div.clear {
	clear:both;
}
div.widthSet {
	width:920px;
	margin:0 auto;
	clear:both;
}
div#wrapper {
	background:url('../images/themes/wrapper_bg.gif') top repeat-x;
}



/** Skip Page **/
div#noflash {
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
div#noflash a {
	color:#FFF;
}
div#noflash p {
	text-align:center;
}
div#NavBar {
	height:44px;
	text-align:right;
}


/** Header **/
div#header {
	height:135px;
	background:url('../images/themes/header_bg.jpg') top left no-repeat;
	position:relative;
}
div#header h1 a {
	display:block;
	width:250px;
	height:38px;
	position:absolute;
	left:18px;
	top:50px;
}
div#header h1 a u {
	display:none;
}
div#header ul {
	font-size:13px;
	line-height:16px;
	position:absolute;
	left:320px;
	top:68px;
}
div#header ul li {
	background:url('../images/themes/menu_line.gif') top right no-repeat;
	background-position:100% 4px;
	float:left;
}
div#header ul li a {
	display:block;
	margin-bottom:6px;
	padding:9px 10px 7px 10px;
	color:#FFF;
	text-decoration:none;
/*	letter-spacing:1px;*/
}
div#header ul li a:hover {
	background:url('../images/themes/menu_bg.gif') center no-repeat;
	background-position:0 -50px;
	color:#000;
}
body#company ul li#m_company a,
body#news ul li#m_news a,
body#superiority ul li#m_superiority a,
body#service ul li#m_service a,
body#case ul li#m_case a,
body#partner ul li#m_partner a,
body#contact ul li#m_contact a,
body#video ul li#m_video a {
	margin-bottom:0px;
	padding:9px 10px 13px 10px;
	background:url('../images/themes/menu_bg.gif') top center no-repeat;
	color:#FFF;
}
div#header ul div {
	display:none;
	border-bottom:2px solid #BBB;
	position:absolute;
	top:32px;
	clear:both;
	z-index:1;
}
div#header div#div_company {
	width:90px;
	left:0px;
}
div#header div#div_news {
	width:80px;
	left:72px;
}
div#header div#div_superiority {
	width:174px;
	left:144px;
}
div#header div#div_service {
	width:108px;
	left:216px;
}
div#header ul div a,
body#company ul div#div_company a,
body#news ul div#div_news a,
body#superiority ul div#div_superiority a,
body#service ul div#div_service a,
body#case ul div#div_case a,
body#partner ul div#div_partner a,
body#contact ul div#div_contact a,
body#video ul div#div_video a {
	display:block;
	margin:0;
	padding:0px 12px 0px 12px;
	height:26px;
	border-bottom:1px solid #AAA;
	background:#888;
	color:#FFF;
	line-height:26px;
}
div#header ul div a:hover,
body#company ul div#div_company a:hover,
body#news ul div#div_news a:hover,
body#superiority ul div#div_superiority a:hover,
body#service ul div#div_service a:hover,
body#case ul div#div_case a:hover,
body#partner ul div#div_partner a:hover,
body#contact ul div#div_contact a:hover,
body#video ul div#div_video a:hover {
	background-image:none;
	background:#F70;
	color:#FFF;
}


/** Conternt **/
div#content-wrapper {
	line-height:24px;
}
div#side {
	width:240px;
	background:url('../images/company/side_bg.jpg') top right no-repeat;
	float:left;
}
div.side-body {
	width:200px;
	height:500px;
	margin:auto;
	position:relative;
}
body#company div.side-body {
	background:url('../images/company/side_banner.jpg') top center no-repeat;
}
body#news div.side-body {
	background:url('../images/news/side_banner.jpg') top center no-repeat;
}
body#superiority div.side-body {
	background:url('../images/superiority/side_banner.jpg') top center no-repeat;
}
body#service div.side-body {
	background:url('../images/service/side_banner.jpg') top center no-repeat;
}
body#case div.side-body {
	background:url('../images/case/side_banner.jpg') top center no-repeat;
}
body#partner div.side-body {
	background:url('../images/partner/side_banner.jpg') top center no-repeat;
}
body#contact div.side-body {
	background:url('../images/contact/side_banner.jpg') top center no-repeat;
}
div.side-body ol {
	width:200px;
	position:absolute;
	top:250px;
}
div.side-body ol a {
	display:block;
	padding-right:12px;
	border-bottom:1px solid #CCC;
	background:#FFF;
	height:30px;
	line-height:30px;
	font-size:15px;
	color:#000;
	text-align:right;
	filter:Alpha(Opacity=70);
	-moz-opacity:0.7;
	text-decoration:none;
}
div.side-body ol a:hover {
	background:#333;
	border-left:12px solid #F80;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	filter:Alpha(Opacity=85);
	-moz-opacity:0.85;
}
div#content {
	width:680px;
	float:left;
}
div#content h3.title {
	margin:5px 0 20px 0;
	height:30px;
	background:left center no-repeat;
}
div#content h4.title {
	margin-bottom:3px;
	height:30px;
	background:left center no-repeat;
}
div#content h3.title u, div#content h4.title u {
	display:none;
}
div.content-body {
	width:620px;
	margin:0 auto;
}
body#company div.content-body .letter-spacing {
	letter-spacing:1px;
	line-height:30px;
}


/** Footer **/
div#footer {
	padding:9px 0 60px 0;
	font-size:11px;
	font-family:Arial;
	line-height:16px;
	color:#76797C;
}
div#footer div.spaceline {
	margin:8px 0 8px 0;
	height:1px;
	border-top:1px solid #E5E5E5;
}
div#footer div.contact {
	float:left;
}
div#footer div.copyright {
	text-align:right;
	float:right;
}


/** News **/
ul#newsList {}
ul#newsList li {
	padding:6px 0 8px 0;
	background:url('../images/news/news_line.gif') left bottom repeat-x;
}
ul#newsList li a {
	color:#000;
	text-decoration:none;
}
ul#newsList li a:hover {
	color:#F30;
}
div.ctrl {
	margin-top:20px;
	text-align:center;
}
body#news h4.headline {
	margin-bottom:8px;
	padding:6px 0 8px 0;
	background:url('../images/news/news_line.gif') left bottom repeat-x;
	font-size:24px;
	color:#F30;
}
body#news div.newsBody {
	font-size:15px;
	line-height:175%;
}
body#news div.newsBody b {
	color:#369;
}
body#news div.content-body i {
	margin-left:5px;
	font-size:11px;
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:#888;
}


/** Superiority **/
body#superiority div#content ul.picList {
	margin:6px 0 0 12px;
	font-size:12px;
	line-height:20px;
	color:#777;
}
body#superiority div#content ul.picList b {
	padding:0 20px 2px 0;
	border-bottom:2px solid #CCC;
	font-size:13px;
	line-height:32px;
	color:#333;
}
body#superiority div#content div.pic {
	display:inline;
	margin:0 5px 5px 2px;
	padding:3px;
	border:1px solid #CCC;
	background:#FFF;
	font-size:11px;
	line-height:16px;
	float:left;
}
body#superiority div#content div.pic span {
	display:block;
	padding:4px 0 0 0;
	text-align:center;
}


/** Case **/
body.casepage div#content {
	width:920px;
	float:none;
}
body.casepage div.content-body {
	width:900px;
}
body.casepage div#videofield {
	width:900px;
	color:#555;
	clear:both;
}
body.casepage div#videofield div.player {
	width:435px;
	float:left;
}
body.casepage div#videofield div.morevideo {
	margin-top:10px;
}
body.casepage div#videofield div.morevideo a img {
	padding:9px;
	background:url('../images/video/video_capture_bg.gif') center top no-repeat;
}
body.casepage div#videofield div.morevideo a:hover img {
	background:url('../images/video/video_capture_bg_hover.gif') center top no-repeat;
}
/*
body.casepage div#videofield div.morevideo {
	margin-top:5px;
	padding-left:30px;
	height:96px;
	background:url('../images/case/morevideo.gif') no-repeat left top;
}
body.casepage div#videofield div.morevideo a img {
	padding:3px 0 3px 3px;
	filter:Alpha(Opacity=50);
	-moz-opacity:0.5;
}
body.casepage div#videofield div.morevideo a:hover img {
	filter:Alpha(Opacity=100);
	-moz-opacity:1.0;
}
*/
body.casepage div#videofield div.videoinfo {
	width:445px;
	padding:20px 0 0 20px;
	float:right;
	font-size:12px;
	line-height:22px;
}
body.casepage div#videofield div.videoinfo h2 {
	font-size:24px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #DDD;
}
body.casepage div#videofield div.videoinfo i {
	font-style:normal;
	font-size:10px;
	color:#888;
	line-height:17px;
}


body#case div.content-body ul {}
body#case div.content-body ul li {
	width:155px;
	height:170px;
	text-align:center;
	float:left;
}
body#case div.content-body ul a {
	color:#444;
}
body#case div.content-body ul a:hover {
	color:#F03;
}
body#case div.content-body ul a img {
	padding:9px;
	background:url('../images/video/video_capture_bg.gif') center top no-repeat;
}
body#case div.content-body ul a:hover img {
	background:url('../images/video/video_capture_bg_hover.gif') center top no-repeat;
}
body#case div.content-body ul span {
	display:block;
	clear:both;
	line-height:normal;
}