@charset "utf-8";

/*------ text setting ------*/

/*-- reset styles --*/

* {margin:0;padding:0}
body {font:13px/1.231 arial,helvetica,clean,sans-serif}
a {text-decoration:none;outline:none}
a:hover {text-decoration:underline}
ul,ol {list-style:none}
img,abbr,fieldset {border:0}
h1,h2,h3,h4,h5,h6,strong {font-size:1em;font-weight:normal}
em,address,dfn {font-style:normal}
table {border-collapse:collapse;border-spacing:0}

/*-- general styles --*/

#wrap {
	color:#333;
	font-size:93%
}

#footer {
	font-size:90%
}

/*------ common styles ------*/

#header .guild .article dt,
#header .guild .article dd,
#header .sitemap li,
#header .language li,
#breadCrumb .nav li {
	display:inline
}

#mainNav .nav a {
	display:block;
}

#wrap,
#header,
#main,
#footer {
	position:relative
}

#header .guild,
#header .sitemap,
#header .language,
#mainNav,
#main .localNav,
#breadCrumb,
#footer .company-info,
#footer #epaper {
	position:absolute
}

#aside {
	float:left
}

#main {
	float:right
}

/*------ layout ------*/

#wrap {
	width:950px;
	margin:auto;
}

#main,
#aside {
	margin-bottom:30px;
}

/*-- header --*/

#header {
	height:55px;
	margin-bottom:12px;
	padding-top:24px;
	background:#fff url(../images/design/header-bg.png) right 24px no-repeat;
}

#header .logo {
	margin:8px 0 0 13px;
}

/* header guild */

#header .guild {
	bottom:16px;
	right:10px;
	border:0
}

#header .guild legend {
	display:none
}

#header .guild dt {
	margin:0 6px 0 20px;
	color:#1e3775;
	font-weight:bolder
}

#header .guild dt.search {
	padding-left:20px;
	background:transparent url(../images/icon/magnifier.png) 0 1px no-repeat;
}

#header .guild input,
#header .guild select {
	vertical-align:middle
}

#header .guild input[type="text"] {
	width:170px;
	height:16px;
	padding:1px 2px 0;
	border:1px solid #96aec5;
	color:#787878
}

#header .guild select {
	color:#787878;
	font-weight:bolder
}

/* header sitemap & language */

#header .sitemap,
#header .language {
	top:6px;
	color:#999;
	font-size:11px
}

#header .sitemap {
	right:254px
}

#header .language {
	right:18px
}

#header .sitemap li,
#header .language li {
	margin-left:4px;
	padding-left:6px;
	border-left:1px solid #999;
}

#header .sitemap li:first-child,
#header .language li:first-child {
	padding-left:10px;
	border:0;
	background:transparent url(../images/icon/gray-square.png) 0 6px no-repeat
}

#header .sitemap a,
#header .language a {
	color:inherit
}

/*-- mainNav --*/

#mainNav {
	top:92px;
	left:9px;
	z-index:1;
	width:205px;
	background:#fff
}

#mainNav .nav > li {
	width:100%;
	margin-top:2px;
	background:#f0f0f0 url(../images/design/mainNav-bg.png) 0 37px no-repeat
}

#mainNav .nav > li:first-child {
	margin-top:0
}

#mainNav .nav > li > a {
	overflow:hidden;
	height:37px;
	background:transparent url(../images/design/mainNav.png) 0 0 no-repeat;
	text-indent:-9999em
}

#mainNav .nav > li.products > a {
	background-position:left -37px;
}

#mainNav .nav > li.solution > a {
	background-position:left -74px;
}

#mainNav .nav > li.support > a {
	background-position:left -111px;
}

#mainNav .nav > li.contact > a {
	background-position:left bottom;
}

#mainNav .nav > li.about:hover > a,
#mainNav .nav > li.about.current > a {
	background-position:right 0px;
}

#mainNav .nav > li.products:hover > a,
#mainNav .nav > li.products.current > a {
	background-position:right -37px;
}

#mainNav .nav > li.solution:hover > a,
#mainNav .nav > li.solution.current > a {
	background-position:right -74px;
}

#mainNav .nav > li.support:hover > a,
#mainNav .nav > li.support.current > a {
	background-position:right -111px;
}

#mainNav .nav > li.contact:hover > a,
#mainNav .nav > li.contact.current > a {
	background-position:right bottom;
}

#mainNav .subNav {
	display:none;
	margin-top:2px;
	line-height:1.166;
	text-transform:capitalize
}

#mainNav .nav li.on .subNav {
	display:block
}

#mainNav .subNav a {
	width:177px;
	padding:16px 0 16px 28px;
	border-bottom:1px dotted #787878;
	background:transparent url(../images/icon/blue-arrow.png) 10px 17px no-repeat;
	color:#5f5f5f;
	text-decoration:underline
}

#mainNav .subNav a:hover,
#mainNav .subNav li.current a {
	font-weight:bolder
}

/*-- main --*/

#main {
	width:728px;
	min-height:180px;
	padding-top:13px
}

#main .general.title {
	position:relative;
	height:23px;
	padding-left:12px;
	border-left:5px solid #82b9ff;
	line-height:23px
}

#main .general.title .subTitle {
	color:#535353;
	font-size:18px;
	font-weight:bolder;
	text-transform:capitalize
}

#main .general.title img.content {
	top:5px;
	left:12px;
	position:absolute
}

#main .pagination {
	margin-top:20px;
	text-align:center
}

#main .pagination li {
	display:inline;
	margin-left:10px
}

#main .pagination li.pagePrev {
	margin-left:0;
	margin-right:14px
}

#main .pagination li.pagePrev + li.current {
	margin-left:0
}

#main .pagination li.pageNext {
	margin-left:14px
}

#main .pagination a {
	color:#787878
}

#main .pagination li.current {
	color:#1e3775;
	font-weight:bolder
}

#main .pagination li.current:before {
	content:"[ "
}

#main .pagination li.current:after {
	content:" ]"
}

#main .pagination img {
	vertical-align:middle
}

/* contents */

#main #contents {
	padding-top:21px;
	margin-top:8px;
	background:transparent url(../images/design/contents-bg.png) 0 0 no-repeat
}

#main #contents + .dividing {
	height:21px;
	background:transparent url(../images/design/contents-dividing.png) 0 0 no-repeat
}

#main #contents + .dividing hr {
	display:none
}

/* local nav */

#main .localNav {
	top:16px;
	right:3px
}

#main .localNav li {
	display:inline;
	margin-right:5px
}

/*-- aside --*/

#aside {
	width:206px;
	padding:197px 0 0 9px
}

/* box1 */

#aside .article.box1 {
	position:relative;
	margin-top:7px;
	padding-top:25px;
	border:1px solid #82b9ff;
	color:#5f5f5f
}

#aside .article.box1 h2.title {
	position:absolute;
	top:-1px;
	left:-1px;
}

#aside .article.box1 .section {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dotted #787878;
	line-height:1.333
}

/*-- breadCrumb --*/

#breadCrumb {
	top:90px;
	right:1px;
	width:728px;
	padding-bottom:2px;
	background:transparent url(../images/design/breadCrumb-bg.png) right bottom no-repeat;
	color:#747474;
	font-size:10px;
	text-transform:capitalize
}

#breadCrumb .nav {
	padding-right:10px;
	text-align:right
}

#breadCrumb .nav li {
	margin-right:5px;
	padding-left:10px;
	background:transparent url(../images/icon/gray-arrow.png) 0 3px no-repeat
}

#breadCrumb .nav li:first-child {
	background:none
}

#breadCrumb .nav a {
	color:#747474
}

/*-- footer --*/

#footer {
	clear:both;
	height:61px;
	padding:19px 0 0 24px;
	border-top:1px solid #cbddea;
	border-bottom:1px solid #fff;	
	background:transparent url(../images/design/footer-bg.png) 0 0 repeat-x;
	color:#747474

}

#footer .company-info {
	bottom:20px
}

#epaper {
	top:11px;
	right:38px;
	height:51px;
	padding:8px 0 0 20px;
	border:0;
	background:transparent url(../images/design/epaper-bg.png) 0 0 repeat-y;
	font-size:12px;
}

#epaper legend {
	display:none;
}

#epaper .title {
	display:block;
	margin-bottom:6px;
	color:#3a9dc8
}

#epaper input {
	vertical-align:middle
}

#epaper input[type="text"] {
	width:167px;
	height:18px;
	margin-right:2px;
	padding:1px 2px 0;
	border:1px solid #b2d3ea;
	color:#858585
}

#footer .copyright .logo {
	margin-right:16px;
	vertical-align:middle
}

/*-- etc --*/

.hiddenInfo {display:none}

/* access key */

.acckey {position:absolute;visibility:hidden}

/* clear float */

* html .clearfix {height:1%}
*+html .clearfix {display:inline-block}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}