@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
@import "extension/init/strict.css";
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #666666;
		background: transparent url(../imgs/bg.gif) repeat-x left top;
		font-size: 12px;
		line-height: 18px;
		font-family: Helvetica;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0099cc;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #666;
		background-position: bottom right !important;
		text-decoration: none;
	}
	a:active {}
	.own a, a.own {
		background-position: bottom right !important;
	}

/* heading */
	.siteTitle {
		position: absolute;
		left: 20px;
		top: 31px;
	}
	.siteTitle a {
		display: block;
		width: 109px;
		height: 25px;
		background: transparent url(../imgs/logo.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	.contentTitle {
		margin: 0 auto 30px;
		height: 40px;
		background: transparent url(../imgs/h2.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	.catTitle {
		margin: 0 auto 30px;
		height: 25px;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	h3.news {
		background: transparent url(../imgs/h3-01.gif) no-repeat left top;
	}
	h3.media {
		background: transparent url(../imgs/h3-02.gif) no-repeat left top;
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 83.33333%;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}
	hr { display: none; }
/**
 * 4. Layout
 */
	body #gHeader {
		position: relative;
		height: 121px;
		margin: 0 auto 50px;
	}
	body #gHeader #textSizeSwitch {
		position: absolute;
		left: 634px;
		top: 10px;
		width: 153px;
		height: 18px;
		font-size: 10px;
		line-height: 10px;
		vertical-align: middle;
	}
	body #gHeader #textSizeSwitch li {
		float: left;
	}
	body #gHeader #textSizeSwitch li.title,
	body #gHeader #textSizeSwitch li a {
		display: block;
		height: 18px;
		width: 33px;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #gHeader #textSizeSwitch li.title {
		width: 54px;
		background: transparent url(../imgs/text-size.gif) no-repeat left top;
	}
	body #gHeader #textSizeSwitch li.small a {
		background: transparent url(../imgs/bt-small.gif) no-repeat left top;
	}
	body #gHeader #textSizeSwitch li.middle a {
		background: transparent url(../imgs/bt-middle.gif) no-repeat left top;
	}
	body #gHeader #textSizeSwitch li.large a {
		background: transparent url(../imgs/bt-big.gif) no-repeat left top;
	}
	body #gHeader #textSizeSwitch li.small a { background-position: left top; }
	body #gHeader #textSizeSwitch li.middle a { background-position: right bottom; }
	body #gHeader #textSizeSwitch li.large a { background-position: left top; }
	body #gHeader #gNav {
		position: absolute;
		left: 458px;
		top: 68px;
		width: 434px;
		height: 11px;
		font-size: 10px;
		line-height: 10px;
	}
	body #gHeader #gNav li {
		float: left;
	}
	body #gHeader #gNav li a {
		display: block;
		height: 11px;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #gHeader #gNav li.home a {
		width: 73px;
		background: transparent url(../imgs/hnav-home.gif) no-repeat left top;
	}
	body #gHeader #gNav li.topics a {
		width: 90px;
		background: transparent url(../imgs/hnav-topics.gif) no-repeat left top;
	}
	body #gHeader #gNav li.service a {
		width: 91px;
		background: transparent url(../imgs/hnav-service.gif) no-repeat left top;
	}
	body #gHeader #gNav li.company a {
		width: 88px;
		background: transparent url(../imgs/hnav-company.gif) no-repeat left top;
	}
	body #gHeader #gNav li.recruit a {
		width: 92px;
		background: transparent url(../imgs/hnav-recruit.gif) no-repeat left top;
	}
	body #gHeader #gNav li.english a {
		width: 92px;
		background: transparent url(../imgs/hnav-english.gif) no-repeat left top;
	}
	body #gHeader #gNav li.chinese a {
		width: 90px;
		background: transparent url(../imgs/hnav-chinese.gif) no-repeat left top;
	}
	body #gHeader #breadcrumb {
		position: absolute;
		left: 0;
		top: 90px;
		padding: 11px 20px;
		line-height: 10px;
		font-size: 83.33333%;
	}
	body #gHeader #breadcrumb a {
		color: #999;
	}
	body #gHeader #breadcrumb a:hover {
		color: #f00;
	}
	body #gHeader #breadcrumb span {
		color: #f00;
	}
	body #container {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	body #mainContent {
		float: right;
		width: 680px;
		margin-bottom: 60px;
	}
	body #mainContent .entry {
		background: transparent url(../imgs/border.gif) no-repeat left bottom;
		margin-bottom: 30px;
	}
	body #mainContent .entry .meta {
		height: 27px;
		margin-left: 23px;
	}
	body #mainContent .entry .meta li {
		float: left;
	}
	body #mainContent .entry .meta li.cat {
		margin-right: 30px;
	}
	body #mainContent .entry .title {
		margin-left: 23px;
		margin-bottom: 30px;
		font-size: 120%;
		font-weight: bold;
	}
	body #mainContent .entry .body {
		margin-left: 23px;
		padding-bottom: 30px;
	}
	body #mainContent .entry .body p {
		margin-bottom: 1em;
	}
	body #mainContent .btHome a {
		display: block;
		margin: 0 auto;
		width: 220px;
		height: 33px;
		background: transparent url(../imgs/bt-home.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #mainContent .entryList {
		margin-bottom: 45px;
	}
	body #mainContent ul.media {
		margin-bottom: 0;
	}
	body #mainContent .entryList .entry {
		position: relative;
		margin-bottom: 0;
		padding: 3px 0 4px;
	}
	body #mainContent .entryList .entry a {
		display: block;
		line-height: 18px;
		margin-left: 207px;
		padding-left: 10px;
		background: transparent url(../imgs/entry-bg-date.gif) no-repeat left -4px;
	}
	body #mainContent .entryList .entry a:hover {
		background-position: left -4px !important;
	}
	body #mainContent .entryList .entry div { zoom: 1; }
	body #mainContent .entryList .taica {
		background: transparent url(../imgs/entry-bg-cat-taica.gif) no-repeat left top;
	}
	body #mainContent .entryList .cubic {
		background: transparent url(../imgs/entry-bg-cat-cubic.gif) no-repeat left top;
	}
	body #mainContent .entryList .gel {
		background: transparent url(../imgs/entry-bg-cat-gel.gif) no-repeat left top;
	}
	body #mainContent .entryList .pla {
		background: transparent url(../imgs/entry-bg-cat-pla.gif) no-repeat left top;
	}
	body #mainContent .entryList .yoyo {
		background: transparent url(../imgs/entry-bg-cat-yoyo.gif) no-repeat left top;
	}
	body #mainContent .entryList .date {
		position: absolute;
		top: 3px;
		left: 130px;
		width: 68px;
		height: 24px;
		padding: 0;
		padding-right: 10px;
		font-size: 12px;
	}
	body #mainContent .last {
		background: none !important;
	}
	body #menu {
		float: left;
		width: 180px;
	}
	body #menu .section {
		margin-bottom: 30px;
	}
	body #menu .title {
		color: #999;
		margin-bottom: 5px;
	}
	body #menu ul {
		border-top: 1px solid #dddddd;
	}
	body #menu li a {
		display: block;
		height: 12px;
		line-height: 12px;
		color: #999999;
		text-decoration: none;
		background: transparent url(../imgs/menu-list-bg.gif) no-repeat left top;
		padding: 8px 24px 8px;
	}
	body #menu li a:hover {
		color: #f00;
	}
	body #menu .search #search-q {
		width: 145px;
		margin-right: 3px;
	}
	body #menu .search,
	body #menu .search * {
		vertical-align: middle;
	}
	body #menu #searchBt {
		margin-bottom: 3px;
		cursor: pointer;
	}
	body #menu .category li a {
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #menu .category li.taica a {
		background: transparent url(../imgs/menu-taica.gif) no-repeat left top;
	}
	body #menu .category li.gel a {
		background: transparent url(../imgs/menu-gel.gif) no-repeat left top;
	}
	body #menu .category li.pla a {
		background: transparent url(../imgs/menu-pla.gif) no-repeat left top;
	}
	body #menu .category li.yoyo a {
		background: transparent url(../imgs/menu-yoyo.gif) no-repeat left top;
	}
	body #menu .category li.cubic a {
		background: transparent url(../imgs/menu-cubic.gif) no-repeat left top;
	}
	body #gFooter {
		position: relative;
		clear: both;
		height: 150px;
	}
	body #gFooter .pagetop {
		position: absolute;
		top: 0;
		right: 0;
	}
	body #gFooter .pagetop a {
		display: block;
		width: 99px;
		height: 23px;
		background: transparent url(../imgs/pagetop.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #gFooter .copyright {
		position: absolute;
		top: 104px;
		left: 0;
		width: 269px;
		height: 10px;
		background: transparent url(../imgs/copyright.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
	body #gFooter #fNavi {
		position: absolute;
		top: 63px;
		left: 0;
		width: 100%;
		height: 25px;
		border-bottom: 1px solid #dddddd;
		text-align: center;
		color: #999999;
		font-size: 83.33333%;
	}
	body #gFooter #fNavi a {
		color: #666666;
		text-decoration: none;
	}
	body #gFooter #fNavi a:hover,
	body #gFooter #fNavi strong {
		color: #ff0000;
		font-weight: normal;
		text-decoration: none;
	}
	body #gFooter #fSubNavi {
		position: absolute;
		top: 99px;
		right: 0;
	}
	body #gFooter #fSubNavi li {
		float: left;
		padding: 5px 0 6px;
	}
	body #gFooter #fSubNavi li a {
		line-height: 100%;
		font-size: 83.33333%;
		color: #999999;
	}
	body #gFooter #fSubNavi li.inquiry {
		padding: 0;
	}
	body #gFooter #fSubNavi li.inquiry a {
		display: block;
		width: 90px;
		height: 21px;
		margin-left: 15px;
		background: transparent url(../imgs/fbt-inquery.gif) no-repeat left top;
		text-indent: -9999px;
		text-align: left;
		overflow: hidden;
	}
/**
 * 5. EachPageStyle
 */
/* pageID */
	body#pageID {}


/*	langbtn */
	#langbtn {
		width: 90px;
		position: absolute;
		left: 812px;
		top: 10px;
	}
	#langbtn li {
		height: 17px;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}
	#langbtn li img {
		vertical-align: top;
	}
	#langbtn .current {
		margin-bottom: 2px;
	}
	#langbtn li a {
		display: block;
		width: 90px;
		height: 17px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#langbtn li.navENG a {
		background: transparent url(../imgs/nav-english.gif) no-repeat left top;
	}
	#langbtn li.navENG a:hover {
		background: transparent url(../imgs/nav-english_ov.gif) no-repeat left top;
	}
	#langbtn li.navCHINA a {
		background: transparent url(../imgs/nav-china.gif) no-repeat left top;
	}
	#langbtn li.navCHINA a:hover {
		background: transparent url(../imgs/nav-china_ov.gif) no-repeat left top;
	}
	#langbtn .current a {
		background: transparent url(../imgs/bt-langbtn.gif) no-repeat left top;
		display: block;
		width: 90px;
		height: 18px;
		text-indent: -9999px;
	}
	#langbtn .current a:hover {
		background: transparent url(../imgs/bt-langbtn_ov.gif) no-repeat left top;
	}