/* ----------------------------------------------------------------------- base */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none;
	vertical-align: top;
	}

html {
	overflow: auto;
	}

body {
	position: relative;
	overflow-x: hidden;
	min-width: 1024px;
	font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif;
	font-size: 14px;
	line-height: 170%;
	color: #555;
	text-align: center;
	-webkit-text-size-adjust: none;
	}

header, nav, section, hgroup, article, figure, figcaption, footer, aside, menu, details { display: block; }

h1,h2,h3,h4,h5,h6 {
	font-size: 14px;
	color: #000;
	}

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	}

a:hover {
	color: #2485ce;
	}

img {
	border: none;
	}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=search],
form textarea,
form input[type=submit],
form input[type=button] {
	width: 100%;
	height: 30px;
	padding: 0;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 14px;
	text-indent: 0;
	line-height: 30px;
	color: #555;
	border: 1px solid #b7c5d0;
	outline: none;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	}

	form input[type=text],
	form input[type=email],
	form input[type=tel],
	form input[type=search],
	form textarea {
		border: 1px solid #b7c5d0;
		background-color: #fcfcfc;
		}

	form input[type=submit],
	form input[type=button] {
		height: auto;
		}


.sp,
.mobile {
	display: none;
}

.pc {
	display: block;
}


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


#global-header {
	border-bottom: 2px solid #2485ce;
	}

#global-header div.content {
	width: 1024px;
	padding: 16px 32px 0 32px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#global-header h1 {
	float: left;
	}

#global-header h1 img {
	width: 280px;
	}

#global-header #menu2 {
	position: relative;
	float: right;
	}

#global-header #menu2 dl#world-wide {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 12px;
	z-index: 10000;
	}

#global-header #menu2 dt {
	width: 100px;
	background-color: #fc0;
	text-align: center;
	color: #000;
	line-height: 24px;
	}

#global-header #menu2 dt img.arrow {
	width: 8px;
	height: 6px;
	margin: 9px 0 9px 8px;
	}

#global-header #menu2 dd {
	display: none;
	background-color: #fc0;
	}

	#global-header #menu2 dl:hover dd {
		display: block;
		}

#global-header #menu2 dl:hover dd a {
	display: block;
	border-top: 1px solid #fd3;
	}

	#global-header #menu2 dl:hover dd a:hover {
		background-color: #fd3;
		color: inherit;
		}

#global-header #menu2 ul {
	overflow: hidden;
	zoom: 1;
	}

#global-header #menu2 li {
	float: left;
	margin-left: 24px;
	}

#global-header #menu2 li a {
	display: block;
	line-height: 34px;
	}

#global-header #menu2 li a img {
	width: 12px;
	margin: 11px 6px 11px 0;
	}

#global-header #menu1 {
	clear: both;
	padding-top: 16px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	}

#global-header #menu1 li {
	float: left;
	width: 164px;
	}

#global-header #menu1 li a {
	display: block;
	border-left: 1px solid #b7c5d0;
	padding: 8px 16px 10px 16px;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	}

	#global-header #menu1 li.selected a {
		border-left: 1px solid #2485ce;
		color: #2485ce;
		}

#global-header #menu1 li img.icon {
	width: 16px;
	margin-right: 12px;
	}

#global-header #menu1 li img.arrow {
	width: 8px;
	height: 6px;
	margin: 5px 8px;
	}

#global-header #menu1 form#site-search {
	position: relative;
	height: 34px;
	border-left: 1px solid #b7c5d0;
	border-right: 1px solid #b7c5d0;
	background-color: #fcfcfc;
	overflow: hidden;
	zoom: 1;
	}

#global-header #menu1 form#site-search div {
	margin-right: 48px;
	}

#global-header #menu1 form#site-search input {
	height: 34px;
	line-height: 34px;
	border: none;
	text-indent: 1ex;
	}

	#global-header #menu1 form#site-search input.placeholder {
		color: #aaa;
		}

#global-header #menu1 form#site-search a {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 34px;
	text-align: center;
	}

#global-header #menu1 form#site-search a img {
	width: 16px;
	margin: 9px 0;
	}


#breadcrumb {
	border-bottom: 1px solid #2485ce;
	overflow: hidden;
	}

#breadcrumb div.content {
	width: 1024px;
	padding: 0 32px;
	margin: 0 auto;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	}

#breadcrumb ol {
	display: inline-block;
	margin-left: 18px;
	}

#breadcrumb li {
	display: inline-block;
	line-height: 25px;
	}

#breadcrumb a,
#breadcrumb span {
	display: inline-block;
	padding: 5px 18px 5px 0;
	color: #999;
	}

#breadcrumb a {
	color: #2485ce;
	}

#breadcrumb img {
	width: 22px;
	height: 25px;
	margin-right: 20px;
	}


#contents,
#news-contents {
	width: 1024px;
	padding: 16px 32px 48px 32px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

	#contents.home {
		width: auto;
		margin-top: 16px;
		padding: 0 32px;
		background-color: #f0f6f8;
		border-top: 1px solid #b7c5d0;
		}

#news-contents {
	padding-bottom: 48px;
	font-size: 16px;
	line-height: 30px;
	}

#contents > article,
#news-contents > article {
	text-align: left;
	}

#contents > article > header {
	padding: 24px 0 40px 0;
	border-bottom: 1px solid #b7c5d0;
	}

#news-contents > article > header {
	padding: 24px 0 40px 0;
	margin-bottom: 48px;
	border-bottom: 1px solid #b7c5d0;
	}

#contents > article > header h1,
#news-contents > article > header h1 {
	font-size: 40px;
	line-height: 48px;
	color: #000;
	font-weight: normal;
	}

#contents > article > header h1 img,
#news-contents > article > header h1 img {
	float: left;
	height: 48px;
	margin-right: 16px;
	}

#contents > article > header h1 span,
#news-contents > article > header h1 span {
	display: block;
	overflow: hidden;
	}

#contents article a,
#news-contents article a {
	color: #2485ce;
	}
	
#news-contents article a {
	word-break: break-all;
	line-height: 1.5em;
}

#contents article a:hover,
#news-contents article a:hover {
	color: #000;
	}

#contents img.product-banner {
	margin: 48px 0;
	}

#contents section.has-submenu {
	position: relative;
	padding-top: 72px;
	}

#contents section.has-submenu.product {
	padding-top: 120px;
}

#submenu {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #000;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
	z-index: 100;
	}

	#submenu.fixed{
		position: fixed;
		top: 0;
		text-align: center;
		background-color: #fff;
		-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.06);
		-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.06);
		-o-box-shadow: 0 2px 0 rgba(0,0,0,0.06);
		-ms-box-shadow: 0 2px 0 rgba(0,0,0,0.06);
		box-shadow: 0 2px 0 rgba(0,0,0,0.06);
		}

	body.admin-bar #submenu.fixed {
		top: 32px;
		}

#submenu ul {
	position: relative;
	overflow: hidden;
	zoom: 1;
	}

	#submenu.fixed ul {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		}

#submenu.sp ul {
	width: 960px;
	margin: auto;
}

#submenu.sp {
	display: block;
}

#submenu li {
	float: left;
	line-height: 69px;
	border-bottom: 3px solid #fff;
	}

	#submenu li.selected {
		border-bottom: 3px solid #000;
		}

	#submenu li.tmall {
		position: absolute;
		top: 16px;
		right: 0;
		margin: 0;
		border: none;
		}

#submenu li a {
	display: block;
	padding: 0 23px;
	font-size: 18px;
	color: #2485ce;
	font-weight: bold;
	}

	#submenu li.selected a {
		color: #000;
		}

	#submenu li.tmall a {
		padding: 0;
		}

	#submenu li.tmall a img {
		width: 160px;
		}

#submenu.lineup {
	visibility: hidden;
	text-align: center;
	overflow: visible;
}

	#submenu.lineup.ready {
		visibility: visible;
	}

#submenu.fixed.lineup {
	position: fixed;
}

#submenu.lineup #prev,
#submenu.lineup #next {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 40px 10px;
	}

#submenu.lineup #prev {
	margin-left: -480px;
	}

#submenu.lineup #next {
	margin-left: 451px;
	}

#submenu.lineup #prev.disabled,
#submenu.lineup #next.disabled {
	opacity: 0.1;
	}

#submenu.lineup #prev img,
#submenu.lineup #next img {
	width: 9px;
	height: 21px;
	}

#submenu.fixed.lineup ul {
	text-align: center;
}

#submenu.lineup ul {
	position: relative;
	height: 110px;
	overflow: visible;
}

#contents #submenu.lineup li {
	position: absolute;
	top: 0;
	width: 180px;
	text-align: center;
	line-height: 40px;
	height: 110px;
	border: none;
}

#submenu.lineup.has-pages li {
	display: none;
	}

#contents #submenu.lineup li.show {
	display: list-item;
	-webkit-animation: show 300ms ease-out;
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(16px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

#contents #submenu.lineup li.back {
	display: list-item;
	-webkit-animation: back 300ms ease-out;
}

@-webkit-keyframes back {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-16px,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

/*
#contents #submenu.lineup ul { padding-left: 30px; }
#contents #submenu.lineup.has2 ul { padding-left: 0; }
#contents #submenu.lineup.has3 ul { padding-left: 0; }
#contents #submenu.lineup.has4 ul { padding-left: 0; }
*/
#contents #submenu.lineup.no-pages.has2 li { margin-left: 270px; }
#contents #submenu.lineup.no-pages.has3 li { margin-left: 180px; }
#contents #submenu.lineup.no-pages.has4 li { margin-left: 90px; }


#contents #submenu.lineup li#item0,
#contents #submenu.lineup li#item5,
#contents #submenu.lineup li#item10,
#contents #submenu.lineup li#item15,
#contents #submenu.lineup li#item20 {
	left: 30px;
}

#contents #submenu.lineup li#item1,
#contents #submenu.lineup li#item6,
#contents #submenu.lineup li#item11,
#contents #submenu.lineup li#item16 {
	left: 210px;
}

#contents #submenu.lineup li#item2,
#contents #submenu.lineup li#item7,
#contents #submenu.lineup li#item12,
#contents #submenu.lineup li#item17 {
	left: 390px;
}

#contents #submenu.lineup li#item3,
#contents #submenu.lineup li#item8,
#contents #submenu.lineup li#item13,
#contents #submenu.lineup li#item18 {
	left: 570px;
}

#contents #submenu.lineup li#item4,
#contents #submenu.lineup li#item9,
#contents #submenu.lineup li#item14,
#contents #submenu.lineup li#item19 {
	left: 750px;
}


#contents #submenu.lineup li.selected {
	border: none;
}

#contents #submenu.lineup li a {
	display: block;
	position: relative;
	width: 180px;
	height: 100px;
	padding: 0;
	background-color: #fff;
}

#contents #submenu.lineup li img {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 10px;
	left: 0;
	margin: auto;
	max-width: 120px;
    max-height: 80px;
	z-index: 1;
}

#contents #submenu.lineup li p {
	position: absolute;
	bottom: -23px;
	left: 10px;
	width: 160px;
	font-size: 12px;
	line-height: 24px;
	color: #777;
	background-color: #eee;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
}

#contents #submenu.lineup li.selected p {
	background-color: #000;
	color: #fff;
}

#contents section h1 {
	padding: 48px 0;
	font-size: 24px;
	font-weight: normal;
	}


.youku {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

.youku iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


body > footer {
	background-color: #f1f4f6;
	border-top: 1px solid #b7c5d0;
	}

footer div.content {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 32px 0;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	}

footer h1 {
	position: relative;
	margin-bottom: -1px;
	padding-bottom: 32px;
	border-bottom: 1px solid #b7c5d0;
	}

	footer h1 img {
		width: 280px;
		}

footer div.content div {
	width: 25%;
	float: left;
	}

footer dl {
	border-top: 1px dotted #b7c5d0;
	padding: 32px 0;
	margin-right: 32px;
	}

footer dt {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	}

	footer dt.no-child {
		margin-bottom: 0;
		}

footer dd a {
	display: block;
	font-size: 13px;
	line-height: 28px;
	overflow: hidden;
	zoom: 1;
	}

	footer dd a:before {
		content: '□';
		float: left;
		width: 6px;
		height: 6px;
		margin: 8px 8px 0 2px;
		border: 2px solid #b7c5d0;
		text-indent: -5000px;
		overflow: hidden;
		zoom: 1;
		}

footer a#official-weibo {
	position: absolute;
	top: 33px;
	right: 0;
	}

footer a#official-weibo img {
	width: 128px;
	}

footer em#copyright {
	display: block;
	clear: both;
	border-top: 1px dotted #b7c5d0;
	font-size: 11px;
	color: #888;
	line-height: 48px;
	}

footer em img {
	width: 32px;
	margin-top: 8px;
	}

footer #kingfile-kun {
	position: absolute;
	right: 24px;
	bottom: 32px;
	width: 168px;
	height: 168px;
	}




/* ----------------------------------------------------------------------- home */


#main-banner {
	margin-top: 16px;
	width: 100%;
	overflow: hidden;
	}

#main-banner-slider {
	visibility: hidden;
	position: relative;
	margin: auto;
	width: 976px;
	height: 320px;
	overflow: visible !important;
	}

	#main-banner-slider.ready {
		visibility: visible;
		}

#main-banner-slider .flex-viewport,
#main-banner-slider ul.slider {
	width: 100%;
	overflow: visible !important;
	}

#main-banner-slider .flex-viewport li a {
	display: block;
	width: 960px;
	height: 320px;
	margin: 0 8px;
	background-color: #000;
	}

#main-banner-slider .flex-viewport li img {
	width: 960px;
	height: 320px;
	opacity: 0.7;
	}

	#main-banner-slider .flex-viewport li.active img {
		opacity: 1;
		}

#main-banner-slider .flex-direction-nav {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	}

#main-banner-slider .flex-direction-nav li {
	display: block;
	position: absolute;
	top: 128px;
	left: 50%;
	width: 64px;
	height: 64px;
	overflow: hidden;
	zoom: 1;
	}

	#main-banner-slider .flex-direction-nav li.flex-nav-prev {
		margin-left: -544px;
		text-align: left;
		}
	
	#main-banner-slider .flex-direction-nav li.flex-nav-next {
		margin-left: 480px;
		text-align: right;
		}

	#main-banner-slider.sliding .flex-direction-nav li {
		visibility: hidden;
		}

#main-banner-slider .flex-direction-nav li a {
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	background-color: #2485ce;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-o-border-radius: 32px;
	-ms-border-radius: 32px;
	border-radius: 32px;
	-webkit-transition: -webkit-transform 200ms ease-out;
	-moz-transition: -moz-transform 200ms ease-out;
	-o-transition: -o-transform 200ms ease-out;
	-ms-transition: -ms-transform 200ms ease-out;
	transition: transform 200ms ease-in-out;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}

	#main-banner-slider .flex-direction-nav li.flex-nav-prev a {
		margin-left: 32px;
		}

		#main-banner-slider.sliding .flex-direction-nav li.flex-nav-prev a {
			-webkit-transform: translate3d(32px,0,0);
			-moz-transform: translate3d(32px,0,0);
			-o-transform: translate3d(32px,0,0);
			-ms-transform: translate3d(32px,0,0);
			transform: translate3d(32px,0,0);
			}
	
	#main-banner-slider .flex-direction-nav li.flex-nav-next a {
		margin-left: -32px;
		}

		#main-banner-slider.sliding .flex-direction-nav li.flex-nav-next a {
			-webkit-transform: translate3d(-32px,0,0);
			-moz-transform: translate3d(-32px,0,0);
			-o-transform: translate3d(-32px,0,0);
			-ms-transform: translate3d(-32px,0,0);
			transform: translate3d(-32px,0,0);
			}

#main-banner-slider .flex-direction-nav li img {
	width: 9px;
	height: 21px;
	margin: 21px 13px;
	}

#main-banner-slider .flex-control-nav {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	}

#main-banner-slider .flex-control-nav li {
	display: inline-block;
	margin: 0 8px;
	}

#main-banner-slider .flex-control-nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border: 3px solid #000;
	background-color: #fff;
	text-indent: -100px;
	overflow: hidden;
	zoom: 1;
	}

	#main-banner-slider .flex-control-nav li a.flex-active {
		background-color: #2485ce;
		}

#home-contents {
	width: 960px;
	margin: auto;
	display: table;
	border-collapse: collapse;
	}

#home-pickup {
	display: table-cell;
	padding-bottom: 32px;
	border-right: 1px dotted #b7c5d0;
	}

#home-pickup dl {
	position: relative;
	visibility: hidden;
	margin: 0 -1px -1px 0;
	}

	#home-pickup.ready dl {
		visibility: visible;
		}

#home-pickup dt {
	position: relative;
	padding-top: 16px;
	color: #2485ce;
	line-height: 32px;
	font-size: 24px;
	overflow: hidden;
	zoom: 1;
	}

	#home-pickup dt #pickup-effect {
		position: absolute;
		top: -32px;
		right: 32px;
		width: 320px;
		height: 320px;
		}

	#home-pickup dt #pickup-effect div {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 320px;
		height: 320px;
		zoom: 1;
		}

	@-webkit-keyframes play {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0,0,0);
			}
		25% {
			opacity: 1;
			}
		100% {
			-webkit-transform: translate3d(0,-32px,0);
			}
		}
	@-webkit-keyframes out {
		0% {
			opacity: 1;
			-webkit-transform: translate3d(0,-32px,0);
			}
		25% {
			opacity: 0;
			}
		100% {
			-webkit-transform: translate3d(0,-64px,0);
			}
		}
	@-moz-keyframes play {
		0% {
			opacity: 0;
			-moz-transform: translate3d(0,0,0);
			}
		25% {
			opacity: 1;
			}
		100% {
			-moz-transform: translate3d(0,-32px,0);
			}
		}
	@-moz-keyframes out {
		0% {
			opacity: 1;
			-moz-transform: translate3d(0,-32px,0);
			}
		25% {
			opacity: 0;
			}
		100% {
			-moz-transform: translate3d(0,-64px,0);
			}
		}

	#home-pickup dt #pickup-effect div.play {
		display: block;
		z-index: 10;
		-webkit-animation: play 5s linear;
		-moz-animation: play 5s linear;
		animation: play 5s linear;
		}

	#home-pickup dt #pickup-effect div.out {
		display: block;
		-webkit-animation: out 5s linear;
		-moz-animation: out 5s linear;
		animation: out 5s linear;
		}

	#home-pickup dt #pickup-effect img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
		}

#home-pickup dd {
	position: relative;
	float: left;
	width: 208px;
	margin: 16px 16px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	}

	#home-pickup dd#pickup0,
	#home-pickup dd#pickup1 {
		width: 320px;
		}

#home-pickup dd a {
	display: block;
	position: relative;
	outline: 4px solid #f0f6f8;
	background-color: #fff;
	overflow: hidden;
	transition: outline-color 200ms;
	}

	#home-pickup dd a:hover {
		outline-color: #c9e0ef;
		}

#home-pickup .thumbnail {
	position: relative;
	width: 208px;
	height: 156px;
	overflow: hidden;
	}

	#home-pickup dd#pickup0 .thumbnail,
	#home-pickup dd#pickup1 .thumbnail {
		width: 320px;
		height: 240px;
		}

#home-pickup .thumbnail img {
	width: 100%;
	}

#home-pickup dd .lead {
	padding: 16px;
	}

#home-pickup dd h2 {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 24px;
	}

	#home-pickup dd#pickup0 h2,
	#home-pickup dd#pickup1 h2 {
		font-size: 18px;
		line-height: 30px;
		}

#home-pickup dd p {
	font-size: 12px;
	line-height: 22px;
	color: #666;
	}

	#home-pickup dd#pickup0 p,
	#home-pickup dd#pickup1 p {
		font-size: 15px;
		line-height: 28px;
		}

#home-news {
	display: table-cell;
	position: relative;
	width: 272px;
	padding-left: 32px;
	padding-bottom: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#home-news dl {
	text-align: left;
	}

#home-news dt {
	padding: 16px 0;
	color: #aec500;
	line-height: 32px;
	font-size: 24px;
	}

	#home-news dt img {
		height: 32px;
		margin-right: 1ex;
		}

	#home-news dt a {
		color: #aec500;
		}

	#home-news dt a:hover {
		color: #000;
		}

#home-news dd {
	padding: 12px 16px;
	border-top: 1px dotted #b7c5d0;
	background-color: #fff;
	}

	#home-news #weibo dd {
		padding: 0;
		border: none;
		}

	#home-news dd#news0 {
		border: none;
		}

#home-news dd img.icon {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	}

#home-news dd i {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	}

#home-news dd i time {
	margin-left: 1ex;
	padding-left: 1ex;
	border-left: 1px solid #999;
	}

#home-news dd h2 {
	color: #2485ce;
	text-decoration: underline;
	}

#home-news #weibo dd {
	width: 240px;
	overflow: hidden;
	}

#home-news iframe {
	border: none;
	width: 240px !important;
	}




/* ----------------------------------------------------------------------- about */


#about > section {
	clear: both;
	margin-top: 48px;
	overflow: hidden;
	border-top: 1px solid #b7c5d0;
}

#about section#company {
	margin-top: 0;
	border: none;
	}

#about > section > h1 {
	margin: 48px 0;
	padding: 0;
}

	#about > section > h1 em {
		float: right;
		font-size: 14px;
		line-height: inherit;
		}

#about > section h2 {
	margin-bottom: 32px;
	padding: 8px 0;
	background-color: #fdfdfd;
	border-top: 1px dotted #B7C5D0;
	border-bottom: 1px dotted #B7C5D0;
	font-size: 18px;
	font-weight: bold;
}

#about #philosophy .action {
    text-align: center;
    font-size: 30px;
    display: block;
    margin: 60px 0 40px;
    line-height: 1em;
}

#about table {
	border-top: 1px solid #B7C5D0;
	border-left: 1px solid #B7C5D0;
	width: 100%;
	border-spacing: 0px;
}

#about table th {
	width: 80px;
	background: #e9eef2;
}

#about table th,
#about table td {
	padding: 5px 15px;
	border-right: 1px solid #B7C5D0;
	border-bottom: 1px solid #B7C5D0;
}

#about table td a {
	word-break: break-all;
}

#about #company .text {
	width: 490px;
	float: left;
	font-size: 15px;
	line-height: 1.7em;
}

#about #company .text p {
	display: block;
	margin-bottom: 30px;
}

#about #company .image {
	width: 440px;
	float: right;
}

#about #company .map {
	clear: both;
}

#about #company .logo {
	margin-bottom: 20px;
}

#about #company .map {
	padding-top: 40px;
}

#about #company .map table {
	margin-bottom: 30px;
	width: auto;
}

#about #philosophy .text {
	text-align: center;
	padding: 30px 0 50px;
}

#about #philosophy .text p {
	display: block;
	font-size: 40px;
	text-align: center;
	color: #2485CE;
	line-height: 1.4em;
	margin-bottom: 20px;
}

#about #philosophy .text img {
	width: 350px;
}

#about #philosophy ul {
	overflow: hidden;
}

#about #philosophy ul li {
	width: 50%;
	float: left;
	margin-top: 32px;
}

#about #philosophy ul li dt {
	font-size: 30px;
	line-height: 1.5em;
	margin-bottom: 10px;
	color: #000;
}

#about #philosophy ul li dt div {
    width: 18px;
    height: 18px;
    border: 4px solid #000;
    text-indent: -100px;
    overflow: hidden;
    zoom: 1;
    background: #2485CE;
    display: block;
    float: left;
    margin: 10px 6px 0 0;
}

#about #philosophy ul li dd {
	font-size: 15px;
	line-height: 1.7em;
}

#about #history table {
	border: none;
}

#about #history table tr {
	padding: 10px 0;
}

#about #history table th,
#about #history table td {
	border: none;
	border-bottom: 15px solid #FFF;
}

#about #history table th {
	 background: #2485CE;
	 color: #FFF;
	 font-size: 20px;
	 vertical-align: middle;
	 padding: 20px 10px;
	 text-align: center;
	 font-weight: normal;
}

#about #history table td {
	padding: 0 15px;
}

#about #history table td dl {
	border-bottom: 1px solid #dbe2e8;
}

#about #history table td dt {
	margin-top: 20px;
	color: #000;
	font-weight: bold;
}

#about #history table td dd {
	margin-bottom: 20px;
}

#about #history {
	position: relative;
}

#about #history .item li {
	position: absolute;
}

#about #history .item .item1 {right: 40px; bottom: 1120px;}
#about #history .item .item2 {right: 150px; bottom: 1000px;}
#about #history .item .item3 {right: 40px; bottom: 780px;}
#about #history .item .item4 {right: 70px; bottom: 380px;}
#about #history .item .item5 {right: 10px; bottom: 210px;}
#about #history .item .item6 {right: 40px; bottom: 110px;}

#about #history .item .item7 {right: 100px; bottom: 1270px;}
#about #history .item .item8 {right: 20px; bottom: 1396px;}


#about #shop {
	margin-bottmo: 0;
	}

#about #shop section {
	clear: both;
	overflow: hidden;
	margin-bottom: 32px;
}

#about #shop section .text {
	width: 460px;
	float: left;
}

#about #shop section .text th {
	white-space: nowrap;
}

#about #shop section .image {
	float: right;
	text-align: right;
}


/* ----------------------------------------------------------------------- support */

#support ul {
	margin: 40px 0px;
	display: table;
	border-right: 1px solid #B7C5D0;
}

#support li {
	width: 20%;
	display: table-cell;
	margin-right: -1px;
	border: 1px solid #B7C5D0;
	border-right: none;
}

#support li header {
	padding: 24px;
	border: none;
	text-align: center;
}

	#support li.faq header {
		background-color: #ffd872;
		}

	#support li.store header {
		background-color: #b6d872;
		}

	#support li.contact header {
		background-color: #61caee;
		}

	#support li.catalog header {
		background-color: #ffafb6;
		}

	#support li.manual header {
		background-color: #ff9892;
		}

	#support li.software header {
		background-color: #ff816e;
		}

#support li header img {
	width: 96px;
}

#support li h2 {
	margin-top: 16px;
	font-size: 16px;
}

#support li a:hover h2 {
	color: #fff;
}

#support li p {
	padding: 24px;
	border-top: 1px dotted #B7C5D0;
	line-height: 1.8em;
	
	padding: 14px;
	font-size: 14px;
}

#support li a {
	color: #666666;
}

#support li section a:hover h2 {
	
}

#support li header a:hover img {
	opacity: 0.8;
}

/* ----------------------------------------------------------------------- faq */


#faq {
	padding: 32px 0 16px;
	}

#faq h1 {
	position: relative;
	padding: 0 20px !important;
	margin-top: 16px;
	border: 1px solid #2485ce;
	font-size: 18px;
	line-height: 56px;
	color: #2485ce;
	cursor: pointer;
	z-index: 10;
	}

	#faq h1.selected {
		background-color: #2485ce;
		color: #000;
		}

#faq h1 img {
	width: 13px;
	margin: 21px 16px 0 0;
	}

#faq ul {
	display: none;
	position: relative;
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid #B7C5D0;
	border-top: none;
	background-color: #fcfcfc;
}

#faq li {
	border: 1px solid #B7C5D0;
	margin-bottom: 16px;
	background-color: #fff;
}

#faq li dt {
	overflow: hidden;
	font-size: 18px;
	line-height: 56px;
	color: #666666;
	cursor: pointer;
}

#faq li dt span {
	display: block;
	background: #B7C5D0;
	width: 56px;
	text-align: center;
	line-height: 56px;
	color: #FFF;
	font-size: 32px;
	float: left;
	margin-right: 10px;
}

#faq li dt a {
	display: block;
	line-height: 56px;
	padding-right: 20px;
	font-size: 32px;
	float: right;
	background: url(../../../images/qa-icon-arrow.png) right center no-repeat;
	background-size: 10px;
	color: #B7C5D0;
	margin-right: 20px;
}

#faq li dt.selected a {
	background: url(../../../images/qa-icon-arrow_2.png) right center no-repeat;
	background-size: 10px;
}

#faq li dd {
	padding: 20px;
	display: none;
	border-top: 1px solid #B7C5D0;
	overflow: hidden;
}

#faq li dd span {
    background: #2485CE;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 22px;
    color: #FFF;
    float: left;
}

#faq li dd p {
	margin-left: 50px;
	padding: 8px 0;
}

/* ----------------------------------------------------------------------- catalog */

#catalog ul {
	margin: 30px 0;
	/*border-right: 1px solid #B7C5D0;*/
	display: table;
}

#catalog li {
	width: 25%;
	display: table-cell;
	position: relative;
    margin-bottom: -1px;
    border-right: none;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

#catalog li img {
    max-width: 100%;
    max-height: 200px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    border: 1px solid #D2D2D2;
}

#catalog li a {
	display: block;
	vertical-align: middle;
}



/* ----------------------------------------------------------------------- news list */

#topics {
	position: relative;
	}

#topics #news-tabs {
	position: absolute;
	top: -48px;
	right: 0;
	overflow: hidden;
	zoom: 1;
	}

#topics #news-tabs li {
	float: left;
	margin-left: 8px;
	}

#topics #news-tabs li a,
#topics #news-tabs li span {
	display: block;
	padding: 0 24px;
	line-height: 48px;
	background-color: #2485ce;
	color: #fff;
	}

#topics #news-tabs li span {
	background-color: #000;
	}

#topics article {
	overflow: hidden;
	zoom: 1;
	}

article #topics-list {
	visibility: hidden;
	padding-top: 24px;
	}

	article #topics-list.ready {
		visibility: visible !important;
		}

article #topics-list li {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	zoom: 1;
	}

article #topics-list li div {
	float: left;
	margin-right: 24px;
	width: 240px;
	height: 180px;
	}

article #topics-list li div img {
	width: 100% !important;
	height: auto !important;
	}

article #topics-list h2 {
	font-size: 18px;
	}

article #topics-list time {
	display: block;
	font-size: 12px;
	color: #999;
	}

article #topics-list p {
	margin: 5px 0 15px;
	color: #777;
	}

article #topics-list a.more {
	float: left;
	}

.lcp_paginator {
	float: right;
	overflow: hidden;
	zoom: 1;
	}

.lcp_paginator li {
	float: left;
	display: block !important;
	margin: 0 0 0 8px !important;
	padding: 0 !important;
	min-width: 32px;
	border: 1px solid #2485ce !important;
	background-color: #2485ce !important;
	text-align: center;
	color: #fff;
	line-height: 32px;
	}

.lcp_paginator li a {
	display: block;
	position: relative;
	padding: 0 8px;
	background-color: #fff;
	color: #2485ce;
	}



/* ----------------------------------------------------------------------- news detail */

#news-contents .eyecatch {
	margin-bottom: 48px;
	text-align: center;
	}

#news-contents .eyecatch img {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	border: 10px solid #fff;
	-webkit-box-shadow: 0 3px 16px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 3px 16px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 16px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 3px 16px rgba(0,0,0,0.15);
	box-shadow: 0 3px 16px rgba(0,0,0,0.15);
	zoom: 1;
	}




/* ----------------------------------------------------------------------- search result */

#search-result dl {
	}

#search-result strong {
	background-color: #fd0;
	font-weight: normal;
	}

#search-result dt {
	padding: 24px 0 16px 0;
	font-size: 18px;
	font-weight: bold;
	}

	#search-result dt.null {
		font-size: 24px;
		line-height: 128px;
		text-align: center;
		color: #bbb;
		font-weight: normal;
		}

#search-result dd {
	border-bottom: 1px solid #b7c5d0;
	padding-bottom: 24px;
	}

#search-result dd a {
	white-space: nowrap;
	}

#search-result nav {
	padding-top: 24px;
	overflow: hidden;
	}

#search-result nav ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	}

#search-result nav ul li {
	float: left;
	display: block !important;
	margin: 0 0 0 8px !important;
	padding: 0 !important;
	min-width: 32px;
	border: 1px solid #2485ce !important;
	background-color: #2485ce !important;
	text-align: center;
	color: #fff;
	line-height: 32px;
	}

#search-result nav ul li a {
	display: block;
	position: relative;
	padding: 0 8px;
	background-color: #fff;
	color: #2485ce;
	}




/* ----------------------------------------------------------------------- information */

#information {
	padding-top: 32px;
	}

#information dt {
	margin-top: 40px;
	padding: 8px 0;
	background-color: #fdfdfd;
	border-top: 1px dotted #B7C5D0;
	border-bottom: 1px dotted #B7C5D0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	}

#information dd {
	margin-top: 24px;
	}

#information dd img.logo {
	height: 23px;
	}

#information ol li {
	margin: 8px 0 0 2em;
	list-style-type: decimal;
	}

#information ul li {
	margin: 8px 0 0 2em;
	list-style-type: circle;
	}

/* sitepolicy */
#sitePage .cmTtl{ background-position:0 -260px;}
.siteTable table { font-size: 12px; line-height: 160%; border-collapse: collapse; }
.siteTable table tr th{background:#2485ce;color:#fff;vertical-align:middle;padding:8px; text-align:center; font-size:14px;border-bottom:1px solid #fff; border-left:1px solid #fff; width:170px;}
.siteTable table tr th span{ text-align:left; display:inline-block;}

.siteTable table tr td{ background:#f3f3f3; color:#666666;border-left:1px solid #fff;border-bottom:1px solid #fff; padding:8px;}
.siteTable table tr td a{ color:#4f86c5; text-decoration:underline;}
.siteList li{ padding-left:10px;  background:url(../images/ico_05.gif) no-repeat 0 50%; margin:5px 0;}
#sitePage p{ color:#666666; line-height:24px;}




/* ----------------------------------------------------------------------- contact */

#contact #company {
	overflow: hidden;
	zoom: 1;
	}

#contact #company div.text {
	float: left;
	width: 500px;
	}

#contact #company h3 {
	padding: 8px 10px;
	background-color: #2485ce;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	}

#contact .info-table {
	width: 100%;
	margin-bottom: 16px;
	border-top: 1px solid #B7C5D0;
	border-left: 1px solid #B7C5D0;
	border-spacing: 0px;
}

#contact .info-table th {
	background: #e9eef2;
}

#contact .info-table th,
#contact .info-table td {
	padding: 8px 10px;
	border-right: 1px solid #B7C5D0;
	border-bottom: 1px solid #B7C5D0;
	vertical-align: middle;
	text-align: left;
}

#contact .info-table .button {
	margin-left: 1ex;
	vertical-align: middle;
	}

#contact .photo {
	float: right;
	}

#dituContent {
	float: right;
	width: 460px;
	height: 344px;
	border: 1px solid #B7C5D0;
}


#form > div {
	margin-top: 24px;
	padding: 32px;
	border: 1px solid #B7C5D0;
}

#form dl,
#form div.acceptance,
#form footer {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px dotted #B7C5D0;
	overflow: hidden;
	zoom: 1;
}

#form dl.first {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

#form dt {
	float: left;
	font-size: 16px;
	line-height: 32px;
}

#form dd {
	margin-left: 10em;
}

#form input[type=text],
#form input[type=tel],
#form input[type=email] {
	max-width: 560px;
	padding: 8px;
}

#form textarea {
	height: 240px;
	padding: 8px;
}

#form span {
	color: #c00;
}

#form div.acceptance,
#form footer {
	text-align: center;
	vertical-align: middle;
}

#form div.acceptance input {
	vertical-align: middle;
}

#form footer input {
    display: inline-block;
	border: none;
	width: auto !important;
	padding: 8px 24px;
	margin: 0 8px;
	background: #2484CD;
	font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #FFF !important;
}

#form footer input#wpcf7-modify {
	background-color: #aaa !important;
}

#form .wpcf7-response-output {
	margin: 0 0 24px 0!important;
	padding: 16px !important;
	background-color: #ffd872;
	border: none !important;
}

#form .wpcf7-mail-sent-ok {
	background-color: #61caee !important;
	border: none !important;
}




/* ----------------------------------------------------------------------- 404 */

#not-found {
	width: 480px;
	margin: 0 auto;
	padding: 80px 0;
	overflow: hidden;
	text-align: left;
	}

#not-found img {
	float: right;
	width: 168px;
	}

#not-found h1 {
	margin: 56px 0 16px 0;
	font-size: 32px;
	font-weight: normal;
	color: #555;
	}

#not-found p {
	color: #999;
	}