@charset "UTF-8";

@font-face
{
	font-family:FontAwesome;src:url(./font/fontawesome-webfont862f.eot?v=4.1.0);src:url(./font/fontawesome-webfontd41d.eot?#iefix&v=4.1.0) format("embedded-opentype"),url(./font/fontawesome-webfont862f.txt?v=4.1.0) format("woff"),url(./font/fontawesome-webfont862f-2.txt?v=4.1.0) format("truetype"),url(./font/fontawesome-webfont862f.xml?v=4.1.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before
{
	background: url(../images/m_menu_icon.png) no-repeat center center;
	background-size: 100% 100%
}

.fa-times:before
{
	content: "╳"
}

html
{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body
{
	margin: 0
}

a,body,input,li,p,table,textarea
{
	font-family: "Microsoft Yahei", "Microsoft YaHei";
	font-size: 14px
}

ul
{
	list-style: none
}

a:link
{
	text-decoration: none
}

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

audio,canvas,progress,video
{
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls])
{
	display: none;
	height: 0
}[hidden],template
{
	display: none
}

a
{
	background: 0 0
}

a:active,a:hover
{
	outline: 0
}

abbr[title]
{
	border-bottom: 1px dotted
}

b,strong
{
	font-weight: 700
}

dfn
{
	font-style: italic
}

h1
{
	font-size: 2em;
	margin: .67em 0
}

mark
{
	background: #ff0;
	color: #000
}

small
{
	font-size: 80%
}

sub,sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup
{
	top: -.5em
}

sub
{
	bottom: -.25em
}

img
{
	border: 0
}

svg:not(:root)
{
	overflow: hidden
}

figure
{
	margin: 1em 40px
}

hr
{
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre
{
	overflow: auto
}

code,kbd,pre,samp
{
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea
{
	color: inherit;
	font: inherit;
	margin: 0
}

button
{
	overflow: visible
}

button,select
{
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit]
{
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled]
{
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner
{
	border: 0;
	padding: 0
}

input
{
	line-height: normal
}

input[type=checkbox],input[type=radio]
{
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button
{
	height: auto
}

input[type=search]
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
	-webkit-appearance: none
}

legend
{
	border: 0;
	padding: 0
}

textarea
{
	overflow: auto
}

optgroup
{
	font-weight: 700
}

table
{
	border-collapse: collapse;
	border-spacing: 0
}

td,th
{
	padding: 0
}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */html
{
	color: #222;
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection
{
	background: #b3d4fc;
	text-shadow: none
}

::selection
{
	background: #b3d4fc;
	text-shadow: none
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,canvas,img,svg,video
{
	vertical-align: middle
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0
}

textarea
{
	resize: vertical
}

.browsehappy
{
	color: #000
}

.hidden
{
	display: none!important;
	visibility: hidden
}

.visuallyhidden
{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus
{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible
{
	visibility: hidden
}

.area .area__inner:after,.area .area__inner:before,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons:after,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons:before,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util:after,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util:before,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a:after,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a:before,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul:after,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul:before,.area.area--blog .area__inner .area__inner__col-sub.is-article-detail:after,.area.area--blog .area__inner .area__inner__col-sub.is-article-detail:before,.area.area--service .area--service__plan:after,.area.area--service .area--service__plan:before,.area.area--works-intro .grid-3 .area--works-meta__detail:after,.area.area--works-intro .grid-3 .area--works-meta__detail:before,.clearfix:after,.clearfix:before,.footer .footer__inner .footer__logo:after,.footer .footer__inner .footer__logo:before,.footer .footer__inner:after,.footer .footer__inner:before,.grid-row:after,.grid-row:before,.nav .nav__inner .nav__links:after,.nav .nav__inner .nav__links:before,.nav .nav__inner .social-accounts:after,.nav .nav__inner .social-accounts:before,.nav .nav__inner:after,.nav .nav__inner:before,.panel:after,.panel:before,.social-accounts:after,.social-accounts:before,.social-buttons:after,.social-buttons:before
{
	content: " ";
	display: table
}

.area .area__inner:after,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons:after,.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util:after,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a:after,.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul:after,.area.area--blog .area__inner .area__inner__col-sub.is-article-detail:after,.area.area--service .area--service__plan:after,.area.area--works-intro .grid-3 .area--works-meta__detail:after,.clearfix:after,.footer .footer__inner .footer__logo:after,.footer .footer__inner:after,.grid-row:after,.nav .nav__inner .nav__links:after,.nav .nav__inner .social-accounts:after,.nav .nav__inner:after,.panel:after,.social-accounts:after,.social-buttons:after
{
	clear: both
}

@media print
{
	*
	{
		background: transparent!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}

	a,a:visited
	{
		text-decoration: underline
	}

	a[href]:after
	{
		content: " (" attr(href) ")"
	}

	abbr[title]:after
	{
		content: " (" attr(title) ")"
	}

	a[href^="#"]:after,a[href^="javascript:"]:after
	{
		content: ""
	}

	blockquote,pre
	{
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead
	{
		display: table-header-group
	}

	img,tr
	{
		page-break-inside: avoid
	}

	img
	{
		max-width: 100%!important
	}

	h2,h3,p
	{
		orphans: 3;
		widows: 3
	}

	h2,h3
	{
		page-break-after: avoid
	}
}/*!*  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/.fa
{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-lg
{
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -15%
}

.fa-2x
{
	font-size: 2em
}

.fa-3x
{
	font-size: 3em
}

.fa-4x
{
	font-size: 4em
}

.fa-5x
{
	font-size: 5em
}

.fa-fw
{
	width: 1.28571em;
	text-align: center
}

.fa-ul
{
	padding-left: 0;
	margin-left: 2.14286em;
	list-style-type: none
}

.fa-ul>li
{
	position: relative
}

.fa-li
{
	position: absolute;
	left: -2.14286em;
	width: 2.14286em;
	top: .14286em;
	text-align: center
}

.fa-li.fa-lg
{
	left: -1.85714em
}

.fa-border
{
	padding: .2em .25em .15em;
	border: solid .08em #eee;
	border-radius: .1em
}

.pull-right
{
	float: right
}

.pull-left
{
	float: left
}

.fa.pull-left
{
	margin-right: .3em
}

.fa.pull-right
{
	margin-left: .3em
}

.fa-spin
{
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear
}

@-moz-keyframes spin
{
	0%
	{
		-moz-transform: rotate(0deg)
	}

	100%
	{
		-moz-transform: rotate(359deg)
	}
}

@-webkit-keyframes spin
{
	0%
	{
		-webkit-transform: rotate(0deg)
	}

	100%
	{
		-webkit-transform: rotate(359deg)
	}
}

@-o-keyframes spin
{
	0%
	{
		-o-transform: rotate(0deg)
	}

	100%
	{
		-o-transform: rotate(359deg)
	}
}

@keyframes spin
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100%
	{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.fa-rotate-90
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	-webkit-transform: scale(-1,1);
	-moz-transform: scale(-1,1);
	-ms-transform: scale(-1,1);
	-o-transform: scale(-1,1);
	transform: scale(-1,1)
}

.fa-flip-vertical
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: scale(1,-1);
	-moz-transform: scale(1,-1);
	-ms-transform: scale(1,-1);
	-o-transform: scale(1,-1);
	transform: scale(1,-1)
}

.fa-stack
{
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x
{
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center
}

.fa-stack-1x
{
	line-height: inherit
}

.fa-stack-2x
{
	font-size: 2em
}

.fa-inverse
{
	color: #fff
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.nodisp
	{
		display: none
	}

	.area__paragraph .no_pdLf
	{
		padding-left: 0
	}
}

@media only screen and (max-width:539px)
{
	.nodisp
	{
		display: none
	}

	.area__paragraph .no_pdLf
	{
		padding-left: 0
	}
}

.grid-row>*,.panel>*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.grid-row .grid-12,.panel .grid-12
{
	width: 100%;
	padding: 0 10px
}

.grid-row .grid-11,.panel .grid-11
{
	float: left;
	width: 91.666666667%;
	padding: 0 10px
}

.grid-row .grid-10,.panel .grid-10
{
	float: left;
	width: 83.333333333%;
	padding: 0 10px
}

.grid-row .grid-9,.panel .grid-9
{
	float: left;
	width: 75%;
	padding: 0 10px
}

.grid-row .grid-8,.panel .grid-8
{
	float: left;
	width: 66.666666667%;
	padding: 0 10px
}

.grid-row .grid-7,.panel .grid-7
{
	float: left;
	width: 58.333333333%;
	padding: 0 10px
}

.grid-row .grid-6,.panel .grid-6
{
	float: left;
	width: 50%;
	padding: 0 10px
}

.grid-row .grid-5,.panel .grid-5
{
	float: left;
	width: 41.666666667%;
	padding: 0 10px
}

.grid-row .grid-4,.panel .grid-4,.panel li
{
	float: left;
	width: 320px;
	padding: 0 10px
}

.grid-row .grid-3,.panel .grid-3
{
	float: left;
	width: 25%;
	padding: 25px 10px
}

.grid-row .grid-2,.panel .grid-2
{
	float: left;
	width: 16.666666667%;
	padding: 0 10px
}

.grid-row .grid-1,.panel .grid-1
{
	float: left;
	width: 8.333333333%;
	padding: 0 10px
}

.nav
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999
}

.nav .nav__inner
{
	font-family: HalisR-Bold;
	width: 90%;
	margin: 0 auto
}

.nav .nav__inner .nav__logo
{
	float: left;
	margin: 42px 0;
	padding: 0
}

@media only screen and (max-height:660px)
{
	.nav .nav__inner .nav__logo
	{
		margin: 42px 0
	}
}

.nav .nav__inner .nav__logo a
{
	font-family: arial;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	letter-spacing: .15em;
	font-size: 24px;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.nav .nav__inner .nav__logo a:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.nav .nav__inner .nav__links
{
	float: left;
	margin: 51px 0 30px 40px;
	padding: 0
}

@media only screen and (max-height:660px)
{
	.nav .nav__inner .nav__links
	{
		margin: 51px 0 30px 40px
	}
}

.nav .nav__inner .nav__links li
{
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none
}

.nav .nav__inner .nav__links li.m_lang
{
	display: none
}

.nav .nav__inner .nav__links li:first-child
{
	margin-left: 0
}

.nav .nav__inner .nav__links li a
{
	text-decoration: none;
	font-weight: normal ;
	color: #fff;
	letter-spacing: .1em;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.nav .nav__inner .nav__links li a:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.nav .nav__inner .social-accounts
{
	float: right;
	margin: 51px 0 30px;
	padding: 0
}

@media only screen and (max-height:660px)
{
	.nav .nav__inner .social-accounts
	{
		margin: 51px 0 30px
	}
}

.nav .nav__inner .social-accounts li
{
	float: left;
	margin: 0 0 0 16px;
	padding: 0;
	list-style: none
}

.social-accounts li.Lispan
{
	padding-top: 8px;
	font-weight: 700
}

.social-accounts li.Lispan span a
{
	font-size: 14px;
	cursor: pointer;
	color: #3868b0
}

.nav .nav__inner .social-accounts li:first-child
{
	margin-left: 0
}

.nav .nav__inner .social-accounts li a
{
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.nav .nav__inner .social-accounts li.lang
{
	margin-top: 2px;
	color: #fff
}

.nav .nav__inner .social-accounts li.lang a,.nav .nav__inner .social-accounts li.lang span
{
	font-size: 12px
}

.nav .nav__inner .social-accounts li.lang span
{
	color: #d4d4d4
}

.nav .nav__inner .social-accounts li.lang a
{
	color: #fff
}

.nav.fixed .nav__inner .social-accounts li.lang,.nav.fixed .nav__inner .social-accounts li.lang a,.nav.fixed2 .nav__inner .social-accounts li.lang,.nav.fixed2 .nav__inner .social-accounts li.lang span
{
	color: #222
}

.nav.fixed .nav__inner .social-accounts li.lang span,.nav.fixed2 .nav__inner .social-accounts li.lang span
{
	color: #999
}

.nav .tel_member
{
	line-height: 20px;
	color: #FFF;
	display: none
}

.nav.fixed .tel_member
{
	color: #222
}

@media only screen and (min-width:1180px)
{
	.nav .tel_member
	{
		display: block
	}
}

.nav .nav__inner .social-accounts li a.icon-fb,.nav .nav__inner .social-accounts li a.icon-g,.nav .nav__inner .social-accounts li a.icon-tw
{
	font-family: FontAwesome
}

.nav .nav__inner .social-accounts li a:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.fixed .social-accounts li a.icon-fb,.fixed2 .social-accounts li a.icon-fb
{
	font-family: FontAwesome;
	display: inline-block;
	width: 12px;
	height: 21px
}

.fixed .social-accounts li a.icon-tw,.fixed2 .social-accounts li a.icon-tw
{
	font-family: FontAwesome;
	display: inline-block;
	width: 22px;
	height: 18px
}

.fixed .social-accounts li a.icon-g,.fixed2 .social-accounts li a.icon-g
{
	font-family: FontAwesome;
	display: inline-block;
	width: 21px;
	height: 21px
}

.nav.fixed,.nav.fixed2
{
	position: fixed;
	z-index: 9999;
	background-color: #fff
}

.nav.fixed .nav__logo,.nav.fixed2 .nav__logo
{
	margin: 20px 0
}

.nav.fixed .nav__links,.nav.fixed2 .nav__links
{
	margin: 28px 0 20px 40px
}

.nav.fixed .social-accounts,.nav.fixed2 .social-accounts
{
	margin: 26px 0 24px
}

.nav.fixed a,.nav.fixed2 a
{
	color: #222!important
}

.nav.fixed a.icon-sina span.sina_img,.nav.fixed2 a.icon-sina span.sina_img
{
	background: url(../images/spt_icon.png) no-repeat 0 -104px;
	z-index: 9;
	width: 24px;
	height: 20px;
	margin-top: 5px
}

.nav a.icon-sina span.sina_img
{
	background: url(../images/spt_icon.png) no-repeat 0 -139px;
	z-index: 9;
	width: 25px;
	height: 20px;
	margin-top: 4px;
	display: block
}

.nav.fixed a.nav__toggle i,.nav.fixed2 a i
{
	color: #2468ef!important;
	background: url(../images/m_menu_icon2.png) no-repeat center center;
	background-size: 100% 100%
}

.nav.loadingFixed
{
	position: fixed;
	z-index: 9999;
	background-color: #fff
}

.nav.loadingFixed a
{
	color: #222!important
}

.nav.loadingFixed a.icon-sina
{
	background: url(../images/sina_icon_h.png) no-repeat;
	z-index: 9;
	width: 24px;
	height: 20px;
	margin-top: -2px
}

.nav.loadingFixed a.icon-sina img
{
	display: none
}

.nav.loadingFixed a i
{
	color: #222!important
}

.nav a.nav__toggle
{
	display: none
}

.nav a.nav__toggle i
{
	display: block;
	height: 50px;
	width: 50px;
	font-size: 24px;
	background: url(../images/m_menu_icon.png) no-repeat center center;
	background-size: 100% 100%
}

.nav a.nav__toggle i.toggle-button.fa-times
{
	padding-top: 14px;
	background: 0 0
}

@media only screen and (max-width:539px)
{
	.nav
	{
		z-index: 9999
	}

	.nav .nav__logo
	{
		margin: 16px 0 12px!important
	}

	.nav .nav__logo a
	{
		font-size: 18px!important;
		color: #fff
	}

	.nav a.nav__toggle
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 53px;
		width: 53px;
		text-align: center;
		text-decoration: none;
		color: #222!important
	}

	.nav a.nav__toggle i
	{
		font-size: 24px
	}

	.nav a.nav__toggle i.toggle-button
	{
		display: block;
		padding: 0;
		color: #fff
	}

	.nav .nav__links
	{
		display: none;
		position: fixed!important;
		width: 100%!important;
		float: none!important;
		margin: 0!important;
		padding: 0!important;
		top: 53px!important;
		left: 0!important;
		background: rgba(0,0,0,.9)!important;
		text-align: center!important
	}

	.nav .nav__links li.m_lang
	{
		display: block!important
	}

	.nav .nav__inner .social-accounts li.lang
	{
		display: none
	}

	.nav .nav__links li
	{
		float: none!important;
		margin: 0!important;
		padding: 0!important
	}

	.nav .nav__links li a
	{
		display: block!important;
		color: #fff!important
	}

	.nav .social-accounts
	{
		display: none;
		position: fixed!important;
		width: 100%!important;
		float: none!important;
		margin: 0!important;
		padding: 0!important;
		bottom: 0!important;
		left: 0!important;
		text-align: center!important;
		background: rgba(0,0,0,.9)!important
	}

	.nav .social-accounts li
	{
		float: left!important;
		width: 25%!important;
		margin: 0!important;
		padding: 0!important;
		text-align: center!important
	}

	.nav .social-accounts li a
	{
		height: auto!important;
		display: block!important;
		width: 100%!important;
		color: #fff!important
	}

	.nav .social-accounts li a.icon-fb
	{
		background: rgba(24,95,152,.95)!important
	}

	.nav .social-accounts li a.icon-tw
	{
		background: rgba(51,204,255,.95)!important
	}

	.nav .social-accounts li a.icon-g
	{
		background: rgba(230,71,36,.95)!important
	}

	.nav .social-accounts li a.icon-sina
	{
		background-image: none;
		background-color: #ff4800;
		margin-top: 0
	}

	.nav a.icon-sina span.sina_img
	{
		display: inline-block;
		margin: auto;
	}

	.nav.fixed a.icon-sina span.sina_img,.nav.fixed2 a.icon-sina span.sina_img
	{
		background: url(../images/spt_icon.png) no-repeat 0 -139px;
	}

	.nav .social-accounts li a.icon-sina img
	{
		display: inline
	}
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.nav
	{
		z-index: 9999
	}

	.nav .nav__logo
	{
		margin: 16px 0 12px!important
	}

	.nav .nav__logo a
	{
		font-size: 18px!important;
		color: #fff
	}

	.nav a.nav__toggle
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 53px;
		width: 53px;
		text-align: center;
		text-decoration: none;
		color: #222!important
	}

	.nav a.nav__toggle i.toggle-button
	{
		display: block;
		padding: 0;
		color: #fff
	}

	.nav .nav__links
	{
		display: none;
		position: fixed!important;
		width: 100%!important;
		float: none!important;
		margin: 0!important;
		padding: 0!important;
		top: 53px!important;
		left: 0!important;
		background: rgba(0,0,0,.9)!important;
		text-align: center!important
	}

	.nav .nav__links li
	{
		float: none!important;
		margin: 0!important;
		padding: 0!important
	}

	.nav .nav__links li.m_lang
	{
		display: block!important
	}

	.nav .nav__inner .social-accounts li.lang
	{
		display: none
	}

	.nav .nav__links li a
	{
		font-size: 24px;
		display: block!important;
		color: #fff!important
	}

	.nav .social-accounts
	{
		display: none;
		position: fixed!important;
		width: 100%!important;
		float: none!important;
		margin: 0!important;
		padding: 0!important;
		bottom: 0!important;
		left: 0!important;
		text-align: center!important;
		background: rgba(0,0,0,.9)!important
	}

	.nav .social-accounts li
	{
		float: left!important;
		width: 25%!important;
		margin: 0!important;
		padding: 0!important;
		text-align: center!important
	}

	.nav .social-accounts li a
	{
		display: block!important;
		width: 100%!important;
		font-size: 36px!important;
		color: #fff!important;
		height: auto!important
	}

	.nav .social-accounts li a.icon-fb
	{
		background: rgba(24,95,152,.95)!important
	}

	.nav .social-accounts li a.icon-tw
	{
		background: rgba(51,204,255,.95)!important
	}

	.nav .social-accounts li a.icon-g
	{
		background: rgba(230,71,36,.95)!important
	}

	.nav .social-accounts li a.icon-sina
	{
		background-image: none;
		background-color: #ff4800;
		margin-top: 0
	}

	.nav .social-accounts li a.icon-sina img
	{
		display: inline
	}
}

.author.author--with-thumbnail img
{
	width: 32px;
	height: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	margin: 0 8px 0 0
}

.author.author--with-thumbnail span
{
	font-size: 14px;
	letter-spacing: .05em
}

.cover
{
	width: 100%!important;
	height: 100%;
	display: table;
	position: relative;
	z-index: 0
}



@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary .cover__valign
	{
		background-size: 100%;
		background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,#000));
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000)
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary .cover__valign
	{
		background-size: 100%;
		background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,#000));
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000)
	}
}

.cover.cover--secondary .cover__valign .cover__inner
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary .cover__valign .cover__inner
	{
		margin: 0 auto;
		padding: 0 10px 50px;
		width: 90%;
		text-align: left
	}
	
	
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary .cover__valign .cover__inner
	{
		margin: 0 auto;
		padding: 0 10px 25px;
		width: 90%;
		text-align: left
	}
}

.cover.cover--secondary .cover__valign .cover__eyecatch
{
	font-size: 52px;
	margin: 50px 0 0;
	padding-bottom: 0;
	font-weight: 400
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary .cover__valign .cover__eyecatch
	{
		font-size: 36px
	}
}

.cover.cover--secondary .cover__valign .cover__main-copy
{
	margin: 20px 0 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 2;
	font-family: 'Microsoft YaHei'
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary .cover__valign .cover__main-copy
	{
		margin: 10px 0 0;
		padding: 0
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary .cover__valign .cover__main-copy
	{
		margin: 10px 0 0;
		padding: 0;
		font-size: 16px;
		letter-spacing: 0
	}
}

.cover.cover--secondary.cover--secondary--work .cover__main-copy
{
	margin: 0
}

.cover.cover--secondary.cover--secondary--work .cover__sub-copy
{
	margin: 20px 0 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	color: #fff
}

.cover.cover--secondary.cover--secondary--blog .cover__valign
{
	vertical-align: bottom
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign
	{
		vertical-align: bottom;
		background-size: 100%;
		background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,#000));
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000)
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign
	{
		vertical-align: bottom;
		background-size: 100%;
		background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,#000));
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000);
		background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#000)
	}
}

.cover.cover--secondary.cover--secondary--blog .cover__valign a
{
	text-decoration: none
}

.cover.cover--secondary.cover--secondary--blog .cover__valign a *
{
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.cover.cover--secondary.cover--secondary--blog .cover__valign a:hover *
{
	filter: alpha(Opacity=75);
	opacity: .75
}

.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	padding: 0 10px 50px;
	text-align: left
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner
	{
		padding: 0 10px 50px;
		width: 90%
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner
	{
		padding: 0 10px 25px;
		width: 90%
	}
}

.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .cover__eyecatch
{
	font-family: Arial;
	font-size: 14px;
	display: inline;
	padding-bottom: 5px;
	border-bottom: 2px solid #fff
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .cover__eyecatch
	{
		font-family: HalisR-Regular,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,sans-serif;
		font-size: 12px
	}
}

.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .cover__main-copy
{
	width: 75%;
	margin: 30px 0 40px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .1em
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .cover__main-copy
	{
		margin: 30px 0 20px;
		padding: 0
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .cover__main-copy
	{
		margin: 30px 0 20px;
		padding: 0;
		font-size: 20px;
		letter-spacing: 0
	}
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .author.author--with-thumbnail
	{
		margin: 0
	}
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .author.author--with-thumbnail
	{
		margin: 0
	}
}

.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .author.author--with-thumbnail img
{
	filter: alpha(Opacity=0);
	opacity: 0
}

.cover.cover--secondary.cover--secondary--blog .cover__valign .cover__inner .author.author--with-thumbnail span
{
	color: #fff
}

.cover.cover--secondary.cover--secondary--blog+.cover--bg .stretchMeCover
{
	filter: alpha(Opacity=0);
	opacity: 0
}

.cover.cover--secondary.cover--secondary--blog+.cover--bg .stretchMeCover div
{
	background-color: #222
}

.cover.cover--secondary.cover--secondary--blog+.cover--bg .stretchMeCover div img
{
	display: block;
	filter: alpha(Opacity=80);
	opacity: .8
}

.cover.cover--secondary.cover--secondary--blog.cover--secondary--blog--home .link-btn
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 300px;
	
	transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	margin: 0;
	border: 3px solid #fff;
	padding: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	-webkit-transition: color .5s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: color .5s ease 0s;
	-o-transition: color .5s ease 0s;
	transition: color .5s ease 0s
}

@media only screen and (max-width:539px)
{
	.cover.cover--secondary.cover--secondary--blog.cover--secondary--blog--home .link-btn
	{
		width: 90%;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	
	}
}

.cover.cover--secondary.cover--secondary--blog.cover--secondary--blog--home .link-btn i
{
	position: relative;
	right: -10px
}

.cover.cover--secondary.cover--secondary--blog.cover--secondary--blog--home a:hover .link-btn
{
	background-color: #fff!important;
	color: #222!important
}

.cover .cover__valign
{
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.cover .cover__valign .cover__eyecatch
{
	font-weight: 400;
	margin: 110px 0 16px;
	line-height: 1.25;
	font-size: 32px;
	color: #fff;
	position: relative;
	z-index: 200
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .cover__eyecatch
	{
		margin: 10px 0 0;
		font-size: 20px
	}
}

.cover .cover__valign .cover__eyecatch--and
{
	margin: 0 0 160px;
	position: relative;
	z-index: 200
}

.cover .cover__valign .cover__eyecatch--and img
{
	width: 198px;
	height: auto
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .cover__eyecatch--and
	{
		margin: 0 0 60px
	}

	.cover .cover__valign .cover__eyecatch--and img
	{
		width: 99px
	}
}

.cover .cover__valign .cover__eyecatch--title
{
	width: 100%;
	height: auto;
	position: static;
	margin-top: -102px;
	z-index: 100;
	font-size: 60px;
	font-weight: 700;
	color: #FFF
}

.cover .cover__valign .cover__eyecatch--title img
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover .cover__valign .cover__eyecatch--title
	{
		width: 100%;
		max-width: 590px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: -91px;
		font-size: 40px;
		position: static
	}
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .cover__eyecatch--title
	{
		width: 100%;
		height: auto;
		position: static;
		margin-left: 0;
		margin-top: -43px;
		font-size: 30px
	}
}

.cover .cover__valign .cover__main-copy
{
	margin: 0 0 40px;
	font-size: 20px;
	line-height: 1.75;
	color: #fff;
	position: relative;
	font-weight: 400;
	z-index: 200
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover .cover__valign .cover__main-copy
	{
		padding: 0 10%;
		font-size: 16px;
		margin: 0
	}
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .cover__main-copy
	{
		padding: 0 10%;
		font-size: 14px;
		margin: 0
	}
}

.cover .cover__valign .link-btn a
{
	position: relative;
	color: #fff;
	border-color: #fff;
	font-size: 16px
}

.cover .cover__valign .link-btn a i
{
	position: relative;
	right: -10px
}

.cover .cover__valign .link-btn a:hover
{
	background-color: #fff!important;
	color: #222!important
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover .cover__valign .link-btn a
	{
		width: 300px;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	}
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .link-btn a
	{
		width: 90%;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	}
}

@media only screen and (max-width:539px)
{
	.cover .cover__valign .link-btn
	{
		position: absolute;
		width: 100%;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
		bottom: 20px
	}
}

.cover .cover__arrow
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -20px;
	z-index: 1000;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.cover .cover__arrow:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.cover .cover__arrow
	{
		display: none
	}
}

@media only screen and (max-width:539px)
{
	.cover .cover__arrow
	{
		display: none
	}
}

.cover--bg
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: -100;
	width: 100%
}

.cover--bg .stretchMeCover
{
	width: 100%;
	position: absolute!important;
	left: 0;
	top: 0
}

.cover__preloader
{
	position: absolute;
	z-index: 3000;
	color: #000;
	font-size: 32px;
	left: 50%;
	top: 50%;
	width: 211px;
	height: 150px;
	margin-left: -100px;
	margin-top: -110px;
	text-align: center
}

.cover__preloader.cover__preloader--secondary
{
	top: 40%;
	margin-top: -32px
}

.cover__preloader .cover__preloader__logo
{
	font-family: Arial;
	margin: 0;
	padding: 0;
	letter-spacing: .15em;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700
}

.cover__preloader .cover__preloader__tagline
{
	margin: 0;
	letter-spacing: .1em;
	font-size: 12px;
	padding-top: 12px
}

.cover__preloader .cover__preloader__icon
{
	height: 65px;
	margin: 0 0 26px;
	padding: 0;
	color: #222;
	position: relative
}

.cover__preloader .cover__preloader__icon .fa-circle-o-notch
{
	margin-top: 24px;
	font-size: 10px;
	position: absolute;
	left: 44px;
	top: -6px
}

.box
{
	background: #ddd;
	margin: 0 0 20px;
	min-height: 50px
}

.area
{
	width: 100%;
	margin: 0;
	text-align: center;
	background-color: #f7f7f7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.area.area--white
{
	background-color: #fff
}

.area.area--black
{
	background-color: #2568ef
}

.area.area--black .area__main-copy
{
	color: #fff;
	border-color: #fff
}

.area.area--black .panel__main-copy,.area.area--black p
{
	color: #fff
}

.area.area--border
{
	border-top: 1px solid #ddd
}

.area.area--service
{
	text-align: left
}

.area.area--service .grid-6:first-child
{
	padding-right: 50px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .grid-6:first-child
	{
		padding-right: 10px
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .grid-6:first-child
	{
		padding-right: 10px
	}
}

.area.area--service .area--service__sub-copy
{
	font-weight: 700;
	display: inline;
	padding: 0 0 5px;
	border-bottom: 2px solid #222;
	font-size: 14px;
	letter-spacing: .03em
}

.area.area--service .area--service__main-copy
{
	margin: 30px 0 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.75
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__main-copy
	{
		margin: 20px 0 12px;
		font-size: 18px
	}
}

.area.area--service p
{
	margin: 0 0 45px;
	font-size: 14px;
	line-height: 1.75
}

.area.area--service .area--service__design .grid-3
{
	padding: 0
}

.area.area--service .area--service__design .grid-3 .area--service__figure
{
	margin: 0 0 20px
}

.area.area--service .area--service__design .grid-3 .area--service__figure img
{
	width: 100%;
	height: auto
}

.area.area--service .area--service__design .grid-3 .area--service__figure.service__figure-bg-1
{
	background: url(../images/about-figure-1-1_bg.png) no-repeat;
	-webkit-background-size: 100%,auto;
	-moz-background-size: 100%,auto;
	-o-background-size: 100%,auto;
	background-size: 100%,auto
}

.area.area--service .area--service__design .grid-3 .area--service__figure.service__figure-bg-2
{
	background: url(../images/about-figure-1-2_bg.png) no-repeat;
	-webkit-background-size: 100%,auto;
	-moz-background-size: 100%,auto;
	-o-background-size: 100%,auto;
	background-size: 100%,auto
}

.area.area--service .area--service__design .grid-3 .area--service__figure.service__figure-bg-3
{
	background: url(../images/about-figure-1-3_bg.png) no-repeat;
	-webkit-background-size: 100%,auto;
	-moz-background-size: 100%,auto;
	-o-background-size: 100%,auto;
	background-size: 100%,auto
}

.area.area--service .area--service__design .grid-3 .area--service__figure.service__figure-bg-4
{
	background: url(../images/about-figure-1-4_bg.png) no-repeat;
	-webkit-background-size: 100%,auto;
	-moz-background-size: 100%,auto;
	-o-background-size: 100%,auto;
	background-size: 100%,auto
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .area--service__design .grid-3 .area--service__figure
	{
		background-image: none!important
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__design .grid-3 .area--service__figure
	{
		background-image: none!important
	}
}

.area.area--service .area--service__design .grid-3 .area--service__design__flow__eyecatch
{
	font-family: "Microsoft YaHei";
	font-weight: 700;
	margin: 0 0 5px!important;
	padding: 0 10px;
	font-size: 14px;
	text-align: center
}

.area.area--service .area--service__design .grid-3 .area--service__design__flow__main-copy
{
	margin: 0 0 20px;
	padding: 0 10px;
	font-size: 14px;
	text-align: center;
	font-weight: 700
}

.area.area--service .area--service__design .grid-3 .area--service__design__flow__sub-copy
{
	margin: 0 0 40px;
	padding: 0 6px;
	font-size: 12px;
	text-align: left
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .area--service__design .grid-3
	{
		width: 50%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__design .grid-3
	{
		width: 100%
	}
}

.area.area--service .area--service__team .area--service__figure
{
	margin: 60px 0 40px
}

.area.area--service .area--service__team .area--service__figure img
{
	width: 100%;
	height: auto
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .area--service__team .grid-6
	{
		float: none;
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__team .grid-6
	{
		float: none;
		width: 100%
	}

	.area.area--service .area--service__team .area--service__main-copy+p
	{
		margin-bottom: 0!important
	}

	.area.area--service .area--service__team .area--service__figure
	{
		margin: 20px 0 40px
	}
}

.area.area--service .area--service__growth .area--service__figure
{
	margin: 60px 0 40px
}

.area.area--service .area--service__growth .area--service__figure img
{
	width: 100%;
	height: auto
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .area--service__growth .grid-6
	{
		float: none;
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__growth .grid-6
	{
		float: none;
		width: 100%
	}

	.area.area--service .area--service__growth .area--service__main-copy+p
	{
		margin-bottom: 0!important
	}

	.area.area--service .area--service__growth .area--service__figure
	{
		margin: 20px 0 40px
	}
}

.area.area--service .area--service__plan
{
	margin-top: 40px;
	padding: 0
}

.area.area--service .area--service__plan li
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 10px;
	list-style: none
}

.area.area--service .area--service__plan li .area--service__plan__box
{
	padding: 40px 0 0;
	min-height: 300px;
	background-color: #fff;
	text-align: center
}

.area.area--service .area--service__plan li .area--service__plan__box .area--service__figure
{
	margin: 0 0 10px
}

.area.area--service .area--service__plan li .area--service__plan__box .area--service__figure img
{
	width: 134px;
	height: auto
}

.area.area--service .area--service__plan li .area--service__plan__box .area--service__plan__main-copy
{
	margin: 0 0 20px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 700
}

.area.area--service .area--service__plan li .area--service__plan__box .area--service__plan__sub-copy
{
	font-size: 12px;
	width: 82%;
	height: 130px;
	margin: auto;
	text-align: left;
	padding-bottom: 12px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--service .area--service__plan .grid-3
	{
		width: 50%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--service .area--service__plan
	{
		margin: 20px auto 0
	}

	.area.area--service .area--service__plan .grid-3
	{
		width: 100%
	}

	.area.area--service .area--service__plan .grid-3 .area--service__figure
	{
		margin: 0 0 20px!important
	}

	.area.area--service .area--service__plan .grid-3 .area--service__plan__main-copy
	{
		font-size: 16px!important
	}

	.area.area--service .area--service__plan .grid-3 .area--service__plan__sub-copy
	{
		font-size: 14px
	}
}

.area.area--cta
{
	background: rgba(0,0,0,.25);
	color: #fff
}

.area.area--cta .area__inner
{
	padding-bottom: 50px
}

.area.area--cta .area__main-copy
{
	border-bottom: 4px solid #fff
}

.area.area--cta .area__sub-copy
{
	margin-top: 30px;
	font-size: 20px;
	font-weight: 400
}

.area.area--cta .area__sub-copy+p
{
	margin-top: 30px;
	font-size: 14px
}

.area.area--cta .link-btn a
{
	border-color: #fff;
	color: #fff;
	font-size: 14px;
	-webkit-transition: color .5s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: color .5s ease 0s;
	-o-transition: color .5s ease 0s;
	transition: color .5s ease 0s
}

.area.area--cta .link-btn a i
{
	position: relative;
	right: -10px
}

.area.area--cta .link-btn a:hover
{
	background-color: #fff!important;
	color: #222!important
}

@media only screen and (max-width:539px)
{
	.area.area--cta-twin .grid-6
	{
		width: 100%;
		float: none;
		margin: 30px 0 0
	}

	.area.area--cta-twin .grid-6:first-child
	{
		margin-top: 0
	}

	.area.area--cta-twin .grid-6 .area__sub-copy
	{
		font-size: 14px
	}
}

.area.area--team .area__inner .grid-row,.area.area--team .area__inner .panel
{
	margin: 40px 0 0;
	padding: 0
}

.area.area--team .area__inner .grid-row .grid-4,.area.area--team .area__inner .panel .grid-4,.area.area--team .area__inner .panel li,.panel .area.area--team .area__inner .grid-row li
{
	list-style: none
}

@media only screen and (max-width:539px)
{
	.area.area--team .area__inner .grid-row .grid-4,.area.area--team .area__inner .panel .grid-4,.area.area--team .area__inner .panel li,.panel .area.area--team .area__inner .grid-row li
	{
		width: 100%;
		float: none
	}
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__portrait img,.area.area--team .area__inner .panel .grid-4 .area--team__portrait img,.area.area--team .area__inner .panel li .area--team__portrait img,.panel .area.area--team .area__inner .grid-row li .area--team__portrait img
{
	width: 160px;
	height: auto;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	-ms-border-radius: 160px;
	-o-border-radius: 160px;
	border-radius: 160px
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__name,.area.area--team .area__inner .panel .grid-4 .area--team__name,.area.area--team .area__inner .panel li .area--team__name,.panel .area.area--team .area__inner .grid-row li .area--team__name
{
	margin: 20px 0 5px;
	font-size: 20px;
	line-height: 22px
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__job,.area.area--team .area__inner .panel .grid-4 .area--team__job,.area.area--team .area__inner .panel li .area--team__job,.panel .area.area--team .area__inner .grid-row li .area--team__job
{
	margin: 12px 0 20px;
	font-size: 14px;
	font-weight: 400
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__profile,.area.area--team .area__inner .panel .grid-4 .area--team__profile,.area.area--team .area__inner .panel li .area--team__profile,.panel .area.area--team .area__inner .grid-row li .area--team__profile
{
	position: relative;
	margin: 0 0 25px;
	padding: 20px 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 1.75
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__profile.areaText_heg1
{
	height: 157px
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__profile:before,.area.area--team .area__inner .panel .grid-4 .area--team__profile:before,.area.area--team .area__inner .panel li .area--team__profile:before,.panel .area.area--team .area__inner .grid-row li .area--team__profile:before
{
	position: relative;
	content: " ";
	display: block;
	border-top: 2px solid #222;
	width: 40px;
	top: -20px;
	left: 50%;
	margin-left: -20px
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__social,.area.area--team .area__inner .panel .grid-4 .area--team__social,.area.area--team .area__inner .panel li .area--team__social,.panel .area.area--team .area__inner .grid-row li .area--team__social
{
	margin: 0 0 50px;
	position: relative;
	padding-left: 0;
	text-align: center;
	display: inline-block
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__social li,.area.area--team .area__inner .panel .grid-4 .area--team__social li,.area.area--team .area__inner .panel li .area--team__social li,.panel .area.area--team .area__inner .grid-row li .area--team__social li
{
	letter-spacing: normal;
	position: relative;
	margin: 0 8px;
	padding: 0;
	display: inline-block;
	list-style: none
}

.area.area--team .area__inner .grid-row .grid-4 .area--team__social li:first-child,.area.area--team .area__inner .panel .grid-4 .area--team__social li:first-child,.area.area--team .area__inner .panel li .area--team__social li:first-child,.panel .area.area--team .area__inner .grid-row li .area--team__social li:first-child
{
	margin-left: 0
}

.area.area--team .area__inner .grid-row .grid-4 .link-btn a,.area.area--team .area__inner .panel .grid-4 .link-btn a,.area.area--team .area__inner .panel li .link-btn a,.panel .area.area--team .area__inner .grid-row li .link-btn a
{
	width: 100%;
	transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
}

@media only screen and (min-width:980px)
{
	.area.area--team .area__inner .grid-row .grid-4 p,.area.area--team .area__inner .panel .grid-4 p,.area.area--team .area__inner .panel li p,.panel .area.area--team .area__inner .grid-row li p
	{
		padding-left: 10px!important;
		padding-right: 10px!important
	}
}

.area.area--about .area__inner
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: none;
	margin: 0;
	padding: 0
}

.area.area--about .area__inner .area--about__detail
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
	text-align: left;
	padding: 10% 5%;
	border: none;
	word-wrap: break-word;
	word-break: break-all
}

.area.area--about .area__inner .area--about__detail .link-btn
{
	text-align: center
}

.area.area--about .area__inner .area--about__detail .link-btn a
{
	margin: 0
}

.area.area--about .area__inner .area--about__img
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 50%;
	border: none
}

@media only screen and (max-width:700px)
{
	.area.area--about .area__inner
	{
		display: block
	}

	.area.area--about .area__inner .area--about__detail
	{
		width: 100%;
		display: block;
		padding: 30px 5% 10px
	}

	.area.area--about .area__inner .area--about__img
	{
		position: relative;
		z-index: 1000;
		width: 100%;
		display: block;
		height: 200px
	}
}

.area.area--company .area__inner,.area.area--company .area__inner .grid-6.area--company__photo
{
	padding: 0
}

.area.area--company .area__inner .grid-6.area--company__photo .stretchMe
{
	min-height: 640px;
	height: auto
}

.area.area--company .area__inner .grid-6.area--company__description
{
	text-align: left;
	padding: 90px 7.5% 0
}

.area.area--company .area__inner .grid-6.area--company__description .area__main-copy
{
	font-size: 24px;
	letter-spacing: 0;
	border-width: 2px
}

.area.area--company .area__inner .grid-6.area--company__description .area--company__detail
{
	margin: 40px 0 0;
	font-size: 14px
}

.area.area--company .area__inner .grid-6.area--company__description .area--company__detail dt
{
	clear: left;
	float: left;
	margin: 0 0 16px;
	width: 8em;
	line-height: 1.75;
	color: #222
}

.area.area--company .area__inner .grid-6.area--company__description .area--company__detail dd
{
	margin: 0 0 16px 8em;
	line-height: 1.75;
	text-indent: 0;
	color: #444
}

.area.area--company .area__inner .grid-6.area--company__description .area--company__detail dd .CorBlue
{
	color: #2572C0;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.area.area--company .area__inner .grid-6.area--company__description .area--company__detail dd .CorBlue:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.area_no13
{
	color: #333;
	line-height: 24px;
	padding-top: 30px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--company .grid-6.area--company__photo
	{
		display: none;
		float: none
	}

	.area.area--company .grid-6.area--company__description
	{
		float: none;
		width: 100%;
		padding: 80px 10% 90px!important
	}
}

@media only screen and (max-width:539px)
{
	.area.area--company .grid-6.area--company__photo
	{
		display: none;
		float: none
	}

	.area.area--company .grid-6.area--company__description
	{
		float: none;
		width: 100%;
		padding: 30px 10% 20px!important
	}

	.area.area--company .grid-6.area--company__description .area__main-copy
	{
		border-width: 2px;
		font-size: 18px;
		letter-spacing: .01em
	}

	.area.area--company .grid-6.area--company__description .area--company__detail
	{
		margin: 20px 0 0!important
	}

	.area.area--company .grid-6.area--company__description .area--company__detail dt
	{
		float: none!important;
		margin: 0 0 4px!important;
		font-size: 12px
	}

	.area.area--company .grid-6.area--company__description .area--company__detail dd
	{
		margin: 0 0 16px!important;
		font-size: 12px
	}
}

.area#area--access
{
	position: relative;
	padding-bottom: 35%;
	height: 0;
	overflow: hidden
}

@media only screen and (max-width:539px)
{
	.area#area--access
	{
		padding-bottom: 50%
	}
}

.area#area--access iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.area.area--works-intro
{
	text-align: left
}

.area.area--works-intro .grid-9
{
	padding-right: 30px
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-9
	{
		float: none;
		width: 100%!important;
		padding-right: 10px!important
	}
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-9 h3
	{
		font-size: 14px;
		letter-spacing: .03em
	}
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-9 h3+p
	{
		margin: 20px 0 40px;
		font-size: 14px
	}
}

.area.area--works-intro .grid-9 h3,.area.area--works-intro .grid-9 h4
{
	font-weight: 700;
	display: inline;
	padding: 0 0 5px;
	border-bottom: 1px solid #222;
	font-size: 16px;
	letter-spacing: 0.07em
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-9 h3,.area.area--works-intro .grid-9 h4
	{
		letter-spacing: .03em
	}
}

.area.area--works-intro .grid-9 h3+p,.area.area--works-intro .grid-9 h4+p
{
	margin: 10px 0 40px;
	font-size: 13px;
	line-height: 2
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-9 h3+p,.area.area--works-intro .grid-9 h4+p
	{
		font-size: 10px;
		margin: 10px 0 10px!important
	}
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-3
	{
		float: none;
		width: 100%!important
	}
}

.area.area--works-intro .grid-3 .area--works-meta__logo
{
	margin: 0 0 20px
}

.area.area--works-intro .grid-3 .area--works-meta__logo img
{
	width: 100%
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-3 .area--works-meta__logo
	{
		display: none
	}
}

.area.area--works-intro .grid-3 .area--works-meta__main-copy
{
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 10px;
	font-family: arial
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-3 .area--works-meta__main-copy
	{
		display: none
	}
}

.area.area--works-intro .grid-3 .area--works-meta__sub-copy
{
	margin: 0 0 20px;
	font-weight: 700
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-3 .area--works-meta__sub-copy
	{
		display: none
	}
}

.area.area--works-intro .grid-3 .area--works-meta__detail
{
	margin: 0 0 30px;
	font-size: 12px
}

@media only screen and (max-width:539px)
{
	.area.area--works-intro .grid-3 .area--works-meta__detail
	{
		margin: 0 0 20px;
		font-size: 10px
	}
}

.area.area--works-intro .grid-3 .area--works-meta__detail dt
{
	clear: left;
	float: left;
	margin: 0;
	width: 3em;
	line-height: 1.75
}

.area.area--works-intro .grid-3 .area--works-meta__detail dd
{
	margin: 0 0 0 3em;
	line-height: 1.75
}

.area.area--works-intro .grid-3 .area--works-meta__social
{
	margin: 0 0 20px;
	font-size: 12px
}

.area.area--works-intro .grid-3 .area--works-meta__social li
{
	float: left;
	margin: 0 0 0 10px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--works-intro .grid-3 .area--works-meta__social li
	{
		float: none;
		margin: 0 0 10px
	}
}

.area.area--works-intro .grid-3 .area--works-meta__social li:first-child
{
	margin-left: 0
}

.area.area--works-intro .grid-3 .link-btn
{
	margin: 0 0 20px
}

.area.area--works-intro .grid-3 .link-btn a
{
	width: 100%;
	transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	border: 2px solid #222;
	padding: 10px;
	text-align: center;
	font-size: 12px
}

.area.area--works-intro .grid-3 .link-btn a i
{
	font-size: 10px
}

.area.area--works-detail>div.content
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1280px;
	margin: 0 auto;
	padding: 0 10px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--works-detail>div.content
	{
		width: 90%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--works-detail>div.content
	{
		width: 90%
	}
}

.area.area--works-detail>div.content img
{
	width: 100%
}

.area.area--works-detail>div.content:first-child
{
	padding-top: 60px
}

.area.area--works-detail>div.content+p
{
	margin-top: 60px
}

.area.area--works-detail .link-text
{
	margin-top: 80px;
	padding-bottom: 80px
}

@media only screen and (max-width:539px)
{
	.area.area--works-detail .link-text
	{
		margin-top: 30px;
		margin-bottom: 0!important
	}
}

.area.area--works-detail img
{
	width: 100%
}

.area.area--recruit
{
	text-align: left
}

.area.area--recruit .area__main-copy
{
	font-size: 32px;
	font-family: "黑体";
	color: #222;
	display: inline;
	line-height: 1.7;
	border: none;
	letter-spacing: 0
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area__main-copy
	{
		font-size: 17px;
		letter-spacing: .05em
	}
}

.area.area--recruit .area__main-copy+p
{
	font-size: 22px;
	margin-top: 60px!important
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area__main-copy+p
	{
		margin-top: 20px!important;
		font-size: 14px
	}
}

.area.area--recruit p
{
	margin: 30px auto 0;
	font-size: 22px;
	text-align: left;
	font-weight: 700;
	line-height: 2
}

.area.area--recruit .ter_no16Cor2
{
	margin: 10px auto 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 2em;
	color: #222;
	text-indent: 35px
}

.ter_no16Cor2 span
{
	padding-right: 20px
}

.ter_titNo201
{
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #222;
	padding-top: 10px;
	margin-bottom: 10px
}

.ter_titNo202
{
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #222;
	margin-top: 15px;
	margin-bottom: 10px
}

@media only screen and (max-width:539px)
{
	.area.area--recruit p
	{
		font-size: 14px;
		line-height: 1.75
	}
}

.area.area--recruit .area--contact
{
	margin-top: 60px;
	width: 100%
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact
	{
		margin-top: 0
	}
}

.area.area--recruit .area--contact .area--contact__inner
{
	width: 1280px;
	margin: 0 auto;
	padding: 0 0 40px;
	text-align: center
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--recruit .area--contact .area--contact__inner
	{
		width: 90%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner
	{
		width: 90%
	}
}

.area.area--recruit .area--contact .area--contact__inner .area__eyecatch
{
	width: 130px;
	margin: 110px auto 30px
}

.area.area--recruit .area--contact .area--contact__inner .area__eyecatch img
{
	width: 100%
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area__eyecatch
	{
		width: 98px;
		margin: 60px auto 30px
	}
}

.area.area--recruit .area--contact .area--contact__inner .area__main-copy
{
	margin: 0 0 20px;
	color: #fff;
	font-size: 28px
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area__main-copy
	{
		font-size: 18px
	}
}

.area.area--recruit .area--contact .area--contact__inner .area__sub-copy
{
	margin: 0 0 60px;
	color: #fff;
	font-size: 16px;
	line-height: 1.75
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area__sub-copy
	{
		margin: 0 0 20px;
		font-size: 14px
	}
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form
{
	background: #fff;
	width: 620px;
	margin: 0 auto 60px;
	padding: 50px 60px 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form
	{
		margin: 0 auto;
		padding: 20px!important
	}
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form p
{
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 16px
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=email],.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=text],.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form textarea
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 20px;
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 10px;
	font-weight: 400
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=email]:focus,.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=text]:focus,.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form textarea:focus
{
	outline: 0
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=email],.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=text],.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form textarea
	{
		margin: 0 0 10px;
		font-size: 14px
	}
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form input[type=submit]
{
	background-color: #222;
	color: #fff;
	border: none;
	font-size: 16px;
	padding: 20px 0;
	width: 100%
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-not-valid-tip
{
	margin-top: -10px;
	font-size: 12px;
	text-align: left;
	color: #c7523c
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-validation-errors
{
	color: #c7523c;
	border: 3px solid #c7523c;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	font-size: 14px
}

.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-mail-sent-ok
{
	color: #398f14;
	border-width: 3px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	font-size: 14px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .area--contact .area--contact__inner .area--contact__inner__form
	{
		width: 100%
	}
}

.area.area--blog .area__inner
{
	padding: 60px 0
}

.area.area--blog .area__inner .area__inner__col-main
{
	float: left;
	width: 853px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area__inner__col-main
	{
		width: 100%;
		float: none
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-main
	{
		width: 100%;
		float: none
	}
}

.area.area--blog .area__inner .area__inner__col-main li
{
	width: 320px;
	margin-bottom: 20px
}

.area.area--blog .area__inner .area__inner__col-sub
{
	float: left;
	width: 33.333333333%
}

.area.area--blog .area__inner .area__inner__col-sub .link-btn
{
	margin: 0
}

.area.area--blog .area__inner .area__inner__col-sub .link-btn a
{
	width: 100%;
	transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	background-color: #2568ef!important;
	padding: 12px;
	font-size: 14px;
	color: #fff!important;
	-webkit-transition: background-color .5s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: background-color .5s ease 0s;
	-o-transition: background-color .5s ease 0s;
	transition: background-color .5s ease 0s
}

.area.area--blog .area__inner .area__inner__col-sub .link-btn a:hover
{
	background-color: #666!important;
	border-color: #666!important
}

.area.area--blog .area__inner .area__inner__col-sub .link-text
{
	text-decoration: none
}

.area.area--blog .area__inner .area__inner__col-sub .link-text:hover
{
	text-decoration: underline
}

.area.area--blog .area__inner .area__inner__col-sub .link-text+.link-text
{
	margin-top: -40px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area__inner__col-sub
	{
		width: 100%;
		float: none
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-sub
	{
		width: 100%;
		float: none
	}
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel
{
	margin: 40px 0 0;
	padding: 0 10px 0 30px;
	text-align: left
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel
	{
		width: 50%;
		float: left;
		padding: 0 10px
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel
	{
		width: 100%;
		float: none;
		padding: 0 10px
	}
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel:first-child
{
	margin-top: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel .col-sub__panel__title
{
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	margin: 0 0 30px;
	border-top: 1px solid #ddd;
	padding: 30px 0 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about a
{
	text-decoration: none;
	color: #222;
	font-weight: 700
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about img
{
	display: block;
	margin: 0 0 20px;
	width: 100%
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .panel--about__description
{
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.75;
	color: #666
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .panel--about__description a
{
	color: #c7523c;
	text-decoration: underline
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .panel--about__description a:hover
{
	text-decoration: none
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .panel--about__written-by
{
	font-family: arial;
	margin: 0 0 10px;
	font-size: 12px;
	color: #666
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .panel--about__written-by em
{
	padding-left: 6px;
	font-style: normal;
	font-size: 18px;
	letter-spacing: .1em
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--likebox
	{
		width: 100%
	}

	.area.area--blog .area__inner .area__inner__col-sub .conpany_shoe
	{
		display: none
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--likebox
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--likebox .fb-like-box
{
	width: 100%;
	border: 1px solid #ddd;
	overflow: hidden
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--likebox iframe
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular
{
	font-size: 12px
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul
{
	margin: 0;
	padding: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li
{
	list-style: none;
	margin: 20px 0 0;
	padding: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li:first-child
{
	margin-top: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a
{
	text-decoration: none;
	color: #666;
	display: block
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a .panel--popular__thumb
{
	width: 21.428571429%;
	float: left;
	margin: 0 3.571428571% 0 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a .panel--popular__thumb img
{
	width: 100%;
	height: auto
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a .panel--popular__caption
{
	float: left;
	width: 75%
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a .panel--popular__caption .panel--popular__date
{
	margin: 0 0 8px;
	font-family: "Microsoft YaHei";
	color: #999
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--popular ul li a .panel--popular__caption .panel--popular__main-copy
{
	margin: 0;
	line-height: 1.5
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul
{
	margin: 0;
	padding: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul li
{
	float: left;
	margin: 0 7px 20px 6px;
	padding: 0;
	list-style: none
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul li a
{
	text-decoration: none;
	color: #fff;
	background-color: #999;
	font-size: 12px;
	padding: 6px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--topics ul li a:hover
{
	background-color: #2568ef
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--contributors ul
{
	margin: 0;
	padding: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--contributors ul .author.author--with-thumbnail
{
	margin: 20px 0 0;
	padding: 0;
	list-style: none
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--contributors ul .author.author--with-thumbnail:first-child
{
	margin-top: 0
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--contributors ul .author.author--with-thumbnail a
{
	text-decoration: none;
	color: #666
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--wanted .panel--wanted__inner
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 3px #222;
	text-align: center;
	padding: 40px 20px 20px
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--wanted .panel--wanted__inner .fa-envelope
{
	margin: 0 0 20px;
	font-size: 32px;
	line-height: 1
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--wanted .panel--wanted__inner .panel--wanted__eyecatch
{
	font-family: arial;
	margin: 0 0 30px;
	font-size: 14px;
	letter-spacing: .5em;
	line-height: 1;
	text-indent: .5em;
	font-weight: 700
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--wanted .panel--wanted__inner hr
{
	border-top: 2px solid #222;
	width: 40px;
	margin: 0 auto 30px
}

.area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--wanted .panel--wanted__inner .panel--wanted__main-copy
{
	margin: 0 auto 20px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.75
}

.area.area--blog .area__inner .area__inner__col-sub.is-article-detail
{
	float: none;
	width: 100%
}

.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .col-sub__panel
{
	float: left;
	width: 33.333333333%;
	padding: 0 10px
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .col-sub__panel
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .panel--likebox
{
	float: none;
	margin: 0 auto 40px;
	width: 66.666666667%!important
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .panel--likebox
	{
		width: 100%!important
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .panel--likebox
	{
		width: 100%!important
	}
}

.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .panel--article
{
	width: 66.666666667%!important;
	margin: 0 auto
}

.area.area--blog .area__inner .area__inner__col-sub.is-article-detail .panel--article li
{
	width: 50%
}

.area.area--blog .area__inner .area--blog__article-detail
{
	text-align: left
}

.area.area--blog .area__inner .area--blog__article-detail a
{
	color: #c7523c;
	font-weight: 700
}

.area.area--blog .area__inner .area--blog__article-detail a:hover
{
	text-decoration: none
}

.area.area--blog .area__inner .area--blog__article-detail h2
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	margin: 0 auto 55px;
	padding: 0 10px;
	line-height: 1.75;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 700;
	color: #222
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail h2
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail h2
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area--blog__article-detail h3
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	margin: 0 auto 55px;
	padding: 0 10px;
	line-height: 1.75;
	margin-bottom: 15px;
	font-size: 20px;
	color: #222
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail h3
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail h3
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area--blog__article-detail div.view_article_content
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	margin: 0 auto 55px;
	padding: 0 10px;
	font-size: 14px;
	color: #222;
	line-height: 1.9
}

.view_article_content img
{
	max-width: 100%
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail div.view_article_content
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail div.view_article_content
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area--blog__article-detail ol,.area.area--blog .area__inner .area--blog__article-detail ul
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	margin: 0 auto 55px;
	padding: 0 10px;
	line-height: 1.75;
	font-size: 14px;
	color: #222
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail ol,.area.area--blog .area__inner .area--blog__article-detail ul
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail ol,.area.area--blog .area__inner .area--blog__article-detail ul
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area--blog__article-detail ol li,.area.area--blog .area__inner .area--blog__article-detail ul li
{
	margin: 0 20px 10px
}

.area.area--blog .area__inner .area--blog__article-detail blockquote
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 55px;
	padding: 0 10px;
	line-height: 1.75;
	font-size: 14px;
	color: #222;
	width: 58.333333333%;
	position: relative
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote
	{
		width: 100%
	}
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote
	{
		width: 80%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote
	{
		width: 80%
	}
}

.area.area--blog .area__inner .area--blog__article-detail blockquote p
{
	position: relative;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #666
}

.area.area--blog .area__inner .area--blog__article-detail blockquote:before
{
	font-family: HalisR-Bold;
	content: "“";
	color: #ddd;
	position: absolute;
	left: -37px;
	top: -93px;
	font-size: 170px;
	z-index: 1
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote:before
	{
		left: -20px
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote:before
	{
		top: -60px;
		left: -22px;
		font-size: 120px
	}
}

.area.area--blog .area__inner .area--blog__article-detail blockquote:after
{
	font-family: HalisR-Bold;
	content: "”";
	color: #ddd;
	position: absolute;
	right: -37px;
	bottom: -190px;
	font-size: 170px;
	z-index: 1;
	vertical-align: bottom
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote:after
	{
		right: -20px
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail blockquote:after
	{
		bottom: -127px;
		right: -21px;
		font-size: 120px
	}
}

.area.area--blog .area__inner .area--blog__article-detail blockquote cite
{
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	text-align: right;
	color: #666
}

.area.area--blog .area__inner .area--blog__article-detail figure
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	margin: 0 auto 55px;
	padding: 0 10px;
	line-height: 1.75;
	font-size: 14px;
	color: #222;
	position: relative
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail figure
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail figure
	{
		width: 100%
	}
}

.area.area--blog .area__inner .area--blog__article-detail figure img
{
	width: 100%;
	height: auto
}

.area.area--blog .area__inner .area--blog__article-detail figure.large
{
	width: 100%
}

.area.area--blog .area__inner .area--blog__article-detail figure figcaption
{
	color: #999;
	width: 100%;
	text-align: right;
	font-size: 12px;
	margin-top: 15px
}

.area.area--blog .area__inner .area--blog__article-detail hr
{
	text-align: center;
	margin: 0 auto 55px;
	border-color: #999
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 66.666666667%;
	line-height: 1.75;
	font-size: 14px;
	color: #222;
	border-top: 1px solid #ddd;
	margin: 0 auto;
	padding: 20px 10px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util
	{
		margin: 0 0 10px
	}
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util a
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 20%;
	float: left;
	text-decoration: none
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util a
	{
		float: none;
		width: 100%;
		display: block;
		text-align: center;
		padding: 0 0 20px!important
	}
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util a i
{
	padding-right: 8px
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%!important;
	float: right;
	margin: 0;
	padding-right: 0
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons
	{
		float: none;
		width: 100%!important;
		margin: 0;
		padding: 0
	}
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons li
{
	float: right;
	margin: 0 0 0 10px!important
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons li
	{
		float: left;
		margin: 0 10px 0 0!important
	}
}

.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons li.social-buttons__caption
{
	margin: 0;
	padding: 6px 0 0;
	color: #666;
	font-size: 11px
}

@media only screen and (max-width:539px)
{
	.area.area--blog .area__inner .area--blog__article-detail .area--blog__article-detail__util .social-buttons li.social-buttons__caption
	{
		float: none;
		clear: both
	}
}

.area div
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.area .area__inner
{
	margin: 0 auto;
	padding: 70px 0 40px
}

.area .area__inner.init-padding--top
{
	padding-top: 0
}

@media only screen and (max-width:539px)
{
	.area .area__inner
	{
		padding: 30px 0 10px
	}
}

.area .area__main-copy
{
	margin: 0;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	font-size: 30px;
	letter-spacing: 0.1em;
	line-height: 60px;
	font-weight: 400
}

@media only screen and (max-width:539px)
{
	.area .area__main-copy
	{
		font-size: 24px;
		letter-spacing: .02em
	}
}

.area .area__main-copy+p
{
	margin: 45px 0;
	font-size: 16px;
	line-height: 1.6
}

.area .area__main-copy+p+.link-text
{
	margin-top: -24px
}

@media only screen and (max-width:539px)
{
	.area .area__main-copy+p+.link-text
	{
		margin-top: -10px
	}
}

@media only screen and (max-width:539px)
{
	.area .area__main-copy+p
	{
		font-size: 14px;
		margin: 20px 0
	}
}

.area .area__main-copy+.panel
{
	margin-top: 60px
}

@media only screen and (max-width:539px)
{
	.area .area__main-copy+.panel
	{
		margin-top: 30px
	}
}

.area .area__sub-copy
{
	font-size: 20px;
	line-height: 1.6;
	padding: 20px 0;
	font-weight: 300
}

.area .area__paragraph
{
	margin: 42px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.9
}

.area .area__paragraph+.area__paragraph
{
	margin-top: -10px
}

@media only screen and (max-width:539px)
{
	.area .area__paragraph
	{
		margin: 20px 0!important;
		font-size: 14px
	}
}

.area p
{
	margin-bottom: 40px
}

@media only screen and (max-width:539px)
{
	.area p
	{
		margin-bottom: 20px!important
	}
}

.area.is-fixed .area__inner
{
	width: 1280px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.is-fixed .area__inner
	{
		width: 90%
	}
}

@media only screen and (max-width:539px)
{
	.area.is-fixed .area__inner
	{
		width: 90%
	}
}

.area.is-fixed.area--border
{
	border-top: none
}

.area.is-fixed.area--border .area__inner
{
	border-top: 1px solid #ddd
}

.bg--contact
{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	background: #222
}

.bg--contact .stretchMe
{
	position: relative;
	width: 100%;
	height: 1200px;
	z-index: 0;
	filter: alpha(Opacity=75);
	opacity: .75
}

.bg--contact .stretchMe div
{
	position: fixed!important
}

.bg--contact .area--contact
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}

.bg--contact .area--contact .area--contact__logo
{
	font-family: Arial;
	width: 90%;
	margin: 60px auto;
	padding: 0;
	font-weight: 700
}

.bg--contact .area--contact .area--contact__logo a
{
	text-decoration: none;
	color: #fff;
	letter-spacing: .2em;
	font-size: 24px
}

.bg--contact .area--contact .area--contact__inner
{
	width: 1280px;
	margin: 0 auto;
	text-align: center
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.bg--contact .area--contact .area--contact__inner
	{
		width: 90%
	}
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner
	{
		width: 90%
	}
}

.bg--contact .area--contact .area--contact__inner .area__eyecatch
{
	width: 130px;
	margin: 60px auto 30px
}

.bg--contact .area--contact .area--contact__inner .area__eyecatch img
{
	width: 100%
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area__eyecatch
	{
		width: 98px;
		margin: 60px auto 30px
	}
}

.bg--contact .area--contact .area--contact__inner .area__main-copy
{
	margin: 0 0 20px;
	color: #fff;
	font-size: 28px;
	line-height: 28px
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area__main-copy
	{
		font-size: 18px
	}
}

.bg--contact .area--contact .area--contact__inner .area__sub-copy
{
	margin: 0 0 60px;
	color: #fff;
	font-size: 16px;
	line-height: 1.75
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area__sub-copy
	{
		margin: 0 0 20px;
		font-size: 14px
	}
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form
{
	background: #fff;
	width: 620px;
	margin: 0 auto 170px;
	padding: 50px 60px 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area--contact__inner__form
	{
		padding: 20px!important
	}
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form .form_content,.bg--contact .area--contact .area--contact__inner .area--contact__inner__form p
{
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	text-align: left
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=email],.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=text],.bg--contact .area--contact .area--contact__inner .area--contact__inner__form textarea
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 20px;
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 10px;
	font-weight: 400
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=email]:focus,.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=text]:focus,.bg--contact .area--contact .area--contact__inner .area--contact__inner__form textarea:focus
{
	outline: 0
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=email],.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=text],.bg--contact .area--contact .area--contact__inner .area--contact__inner__form textarea
	{
		margin: 0 0 10px;
		font-size: 14px
	}
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-not-valid-tip
{
	margin-top: -10px;
	font-size: 12px;
	text-align: left;
	color: #c7523c
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-validation-errors
{
	color: #c7523c;
	border: 3px solid #c7523c;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	font-size: 14px
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form .wpcf7-mail-sent-ok
{
	color: #398f14;
	border-width: 3px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	font-size: 14px
}

.bg--contact .area--contact .area--contact__inner .area--contact__inner__form input[type=submit]
{
	background-color: #2568ef;
	color: #fff;
	border: none;
	font-size: 16px;
	padding: 20px 0;
	width: 100%
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.bg--contact .area--contact .area--contact__inner .area--contact__inner__form
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.bg--contact .area--contact .area--contact__inner .area--contact__inner__form
	{
		width: 100%
	}
}

.area--404 .area__main-copy
{
	margin: 40px 0
}

.area--404 .area-404__sub-copy
{
	font-size: 24px
}

.area--404 .area-404__text
{
	font-size: 14px;
	line-height: 1.75;
	margin: 0 0 80px
}

.area--404 a
{
	color: #c7523c
}

.area--404 a:hover
{
	text-decoration: none
}

.panel
{
	margin: 0;
	padding: 0
}

.panel li
{
	margin: 0 0 50px;
	list-style: none
}

.panel li a
{
	text-decoration: none
}

.panel li a .stretchMe
{
	width: 100%;
	height: 300px;
	margin: 0 0 20px
}

.panel li a hgroup
{
	margin: 0;
	padding: 0
}

.panel li a hgroup .panel__main-copy
{
	font-family: Arial;
	margin: 0 0 10px;
	color: #222;
	font-size: 18px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700
}

.panel li a hgroup .panel__sub-copy
{
	font-family: Arial;
	margin: 0;
	color: #999;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3
}

.case_list_panel.panel li
{
	width: 320px;
	position: relative
}

.case_list_panel.panel li a .stretchMe
{
	margin-bottom: 0!important
}

.case_list_panel .text_layer .text img
{
	max-height: 30px;
	max-width: 80%
}

.case_list_panel .text_layer h2
{
	font-size: 16px
}

.case_list_panel .text_layer h3
{
	font-size: 12px
}

.case_list_panel .text_layer h2,.case_list_panel .text_layer h3
{
	margin: 0;
	line-height: 1.8em;
	font-weight: 400
}

.case_list_panel .text_layer .text
{
	display: table-cell;
	vertical-align: middle
}

.case_list_panel .text_layer .text_box
{
	display: table;
	width: 100%;
	height: 68px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6)
}

.case_list_panel .text_layer
{
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	top: 0;
	z-index: 10;
	background-color: rgba(0,0,0,.4);
	color: #FFF;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .5s ease 0s;
	-o-transition: opacity .5s ease 0s;
	transition: opacity .5s ease 0s
}

.case_list_panel.panel li:hover .text_layer
{
	opacity: 1
}

@media only screen and (max-width:1280px)
{
	.case_list_panel .text_layer
	{
		opacity: 1;
		position: static;
		background-color: transparent;
		color: #000
	}

	.case_list_panel .text_layer .text_box
	{
		position: static;
		background: 0 0
	}
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.panel li
	{
		width: 50%!important
	}

	.client_list_panel.panel li
	{
		width: 178px!important;
		margin-left: 14px!important
	}

	body .client_box.area .area__inner
	{
		width: 100%
	}
}

@media only screen and (max-width:539px)
{
	.panel li
	{
		width: 100%!important;
		float: none;
		margin-bottom: 20px
	}

	.client_list_panel
	{
		padding: 0 15px
	}

	.client_list_panel.panel li
	{
		width: 48%!important;
		float: left;
		margin-left: 0!important;
		margin-bottom: 10px!important
	}

	.client_list_panel.panel li:nth-child(even)
	{
		float: right
	}

	body .client_box.area .area__inner
	{
		width: 100%
	}

	.panel li .stretchMe
	{
		margin: 0 0 15px!important
	}

	.panel li .panel__main-copy
	{
		margin: 0 0 5px!important
	}
}

p+.panel
{
	margin-top: 40px
}

@media only screen and (max-width:539px)
{
	p+.panel
	{
		margin-top: 20px
	}
}

.panel.panel--article .stretchMe
{
	height: 200px;
	margin: 0
}

.panel.panel--article .panel--article__caption
{
	position: relative;
	height: 300px;
	overflow: hidden;
	padding: 30px;
	background-color: #fff;
	text-align: left
}

@media only screen and (max-width:539px)
{
	.panel.panel--article .panel--article__caption
	{
		height: 200px
	}
}

.panel.panel--article .panel--article__caption .panel--article__caption__date
{
	font-family: HalisR-Bold;
	margin: 0 0 12px!important;
	color: #666;
	font-size: 12px;
	line-height: 1;
	letter-spacing: .05em
}

.panel.panel--article .panel--article__caption .panel--article__caption__date span
{
	color: #2568ef;
	font-family: arial;
	font-weight: 700
}

.panel.panel--article .panel--article__caption .panel--article__caption__main-copy
{
	margin: 0 0 12px;
	color: #222;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 700;
	word-wrap: break-word;
	word-break: break-all
}

.panel.panel--article .panel--article__caption .panel--article__caption__lead
{
	font-size: 12px;
	color: #666;
	line-height: 1.6
}

.panel.panel--article .panel--article__caption .panel--article__caption__autor
{
	font-family: Arial;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0!important;
	padding: 60px 0 30px;
	color: #999;
	font-size: 12px;
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,#fff),color-stop(100%,#fff));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff,#fff);
	background-image: -moz-linear-gradient(top,rgba(255,255,255,0),#fff,#fff);
	background-image: -o-linear-gradient(top,rgba(255,255,255,0),#fff,#fff);
	background-image: linear-gradient(top,rgba(255,255,255,0),#fff,#fff);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF')
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.panel.panel--article .stretchMe
	{
		margin: 0!important
	}
}

@media only screen and (max-width:539px)
{
	.panel.panel--article .stretchMe
	{
		margin: 0!important
	}
}

.panel.panel--service
{
	display: table;
	margin-bottom: 40px
}

.panel.panel--service .grid-6
{
	display: table-cell;
	float: none!important;
	margin: 0 0 40px!important;
	padding: 0!important;
	border-right: 10px solid #f7f7f7!important;
	background-color: #fff
}

.panel.panel--service .grid-6:first-child
{
	border-left: 10px solid #f7f7f7!important;
	border-right: none!important
}

.panel.panel--service .grid-6 .stretchMe
{
	width: 100%;
	height: 270px
}

.panel.panel--service .grid-6 .panel--service__caption
{
	margin: 0;
	padding: 40px
}

@media only screen and (max-width:539px)
{
	.panel.panel--service .grid-6 .panel--service__caption
	{
		padding: 25px 20px
	}
}

.panel.panel--service .grid-6 .panel--service__caption .panel--service__main-copy
{
	margin: 0 0 12px;
	text-align: left;
	color: #222;
	font-size: 18px
}

@media only screen and (max-width:539px)
{
	.panel.panel--service .grid-6 .panel--service__caption .panel--service__main-copy
	{
		font-size: 16px
	}
}

.panel.panel--service .grid-6 .panel--service__caption .panel--service__sub-copy
{
	margin: 0;
	text-align: left;
	color: #222;
	font-size: 14px;
	line-height: 1.75
}

@media only screen and (max-width:539px)
{
	.panel.panel--service
	{
		display: block;
		margin-bottom: 0
	}

	.panel.panel--service .grid-6
	{
		display: block;
		width: 100%;
		margin: 0 0 20px!important;
		border-left: 10px solid #f7f7f7!important;
		border-right: 10px solid #f7f7f7!important
	}

	.panel.panel--service .grid-6:first-child
	{
		border-right: 10px solid #f7f7f7!important
	}

	.panel.panel--service .grid-6 .stretchMe
	{
		height: 180px
	}
}

.stretchMe
{
	z-index: 10
}

.link-btn
{
	margin: 0
}

.link-btn a
{
	font-size: 16px;
	font-family: 'Microsoft YaHei';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 300px;
	margin: 0 auto;
	border: 3px solid #222;
	padding: 14px;
	color: #222;
	text-decoration: none;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: color .5s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: color .5s ease 0s;
	-o-transition: color .5s ease 0s;
	transition: color .5s ease 0s
}

.link-btn a i
{
	position: relative;
	right: -10px
}

.link-btn a:hover
{
	background-color: #222!important;
	color: #fff!important
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.link-btn a
	{
		width: 100%;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	}
}

@media only screen and (max-width:539px)
{
	.link-btn a
	{
		width: 100%;
		transition:width 3s ease;
	-moz-transition:width 3s ease; /* Firefox 4 */
    -webkit-transition:width 3s ease; /* Safari and Chrome */
    -o-transition:width 3s ease; /* Opera */
	}
}

.link-text
{
	margin: 0
}

.link-text a
{
	margin: 0 auto;
	color: #999;
	text-decoration: none ;
	font-size: 12px
}

.link-text a i
{
	padding-left: 6px;
	font-size: 16px
}

.link-text a:hover
{
	text-decoration: underline
}

a.link-map
{
	text-decoration: underline;
	color: #999
}

a.link-map i
{
	padding-right: 6px;
	font-size: 14px
}

a.link-map:hover
{
	text-decoration: none
}

.align-left
{
	text-align: left
}

.social-buttons
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%
}

.social-buttons li
{
	float: right;
	margin-right: 10px;
	list-style: none;
	line-height: 1
}

.social-buttons li:first-child
{
	margin-right: 0
}

.social-buttons .social-buttons__facebook
{
	width: 68px;
	overflow: hidden
}

.social-buttons .social-buttons__caption
{
	font-size: 12px
}

.social-accounts
{
	margin: 0;
	padding: 0
}

.social-accounts li
{
	float: left;
	margin-right: 20px;
	list-style: none;
	line-height: 1
}

.social-accounts li:first-child
{
	margin-left: 0
}

.social-accounts li.Lispan
{
	margin-right: 0;
	margin-left: 0
}

.social-accounts li a
{
	font-size: 20px;
	color: #222;
	text-decoration: none
}

.footer .social-accounts li a
{
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.footer .social-accounts li a:hover

{
	filter: alpha(Opacity=50);
	opacity: .5
}

.social-accounts li .email-cor
{
	color: #2572C0;
	font-size: 12px;
	font-family: arial
}

.social-accounts li a.icon-sina
{
	display: block;
	margin-top: -5px
}

.social-accounts li a.icon-fb
{
	font-family: FontAwesome;
	display: inline-block;
	width: 25px;
	height: 20px
}

.social-accounts li a.icon-tw
{
	font-family: FontAwesome;
	display: inline-block;
	width: 22px;
	height: 18px
}

.social-accounts li a.icon-g
{
	font-family: FontAwesome;
	display: inline-block;
	width: 21px;
	height: 21px
}

.social-accounts li a.icon-be,.social-accounts li a.icon-dri,.social-accounts li a.icon-jaypeg
{
	font-family: FontAwesome
}

.social-accounts li a.icon-home
{
	font-family: Arial
}

.footer
{
	position: relative;
	z-index: 1000;
	width: 100%;
	background: #fff
}

.footer .footer__inner
{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0 0
}

.footer .footer__inner .footer__logo
{
	margin: 0 0 20px;
	padding: 0;
	letter-spacing: .15em;
	font-size: 24px;
	line-height: 24px
}

.footer .footer__inner .footer__logo em
{
	display: block;
	float: left;
	font-style: normal;
	font-size: 20px;
	font-weight: 700;
	color: #161616
}

.footer .footer__inner .footer__logo span
{
	display: block;
	float: left;
	margin: 0 0 0 15px;
	padding-top: 9px;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: .1em
}

.footer .footer__inner .footer__address
{
	margin: 0 0 20px;
	font-size: 14px;
	color: #666
}

.footer .footer__inner .footer__address a
{
	color: #3868b0;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.footer .footer__inner .footer__address a:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.footer .footer__inner .footer__address span
{
	color: #333;
	font-weight: 700
}

.footer .footer__inner .footer__link
{
	margin: 0 0 30px;
	font-size: 12px;
	color: #999
}

.footer .footer__inner .footer__link a
{
	color: #999
}

.footer .footer__inner .footer__social
{
	margin: 0 0 20px
}

.footer .footer__inner .footer__share
{
	float: right
}

.footer .footer__inner address
{
	margin: 0 0 45px;
	font-size: 12px;
	font-style: normal;
	clear: both;
	color: #333;
	font-weight: 300
}

.footer .footer__inner address a
{
	color: #333;
	padding-right: 12px;
	padding-left:12px;
}

.bottom-img,.bottom-img img
{
	height: 22px;
	width: 100%
}

.footer .footer__inner address a
{
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.footer .footer__inner address a:hover
{
	filter: alpha(Opacity=50);
	opacity: .5
}

@media only screen and (max-width:539px)
{
	.footer .footer__inner
	{
		padding: 30px 0 0
	}

	.footer .grid-7
	{
		width: 100%;
		float: none
	}

	.footer .grid-7 .footer__logo em
	{
		font-size: 16px;
		letter-spacing: .1em
	}

	.footer .grid-7 .footer__logo span
	{
		padding-top: 3px;
		font-size: 10px
	}

	.footer .footer__social
	{
		margin: 0 0 20px!important
	}

	.footer .footer__share
	{
		float: none!important;
		width: 100%!important;
		margin: 0 0 20px
	}

	.footer .footer__share .social-buttons li
	{
		float: left;
		margin: 0 0 0 10px
	}

	.footer .footer__share .social-buttons li:first-child
	{
		margin-left: 0
	}

	.footer address
	{
		margin: 0 0 30px!important
	}

	.no16Corf0
	{
		padding-left: 0
	}
}

.browsehappy
{
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 3000px;
	margin: 0;
	padding: 0;
	z-index: 100000;
	background: #fff
}

.browsehappy .browsehappy__inner
{
	padding: 60px
}

.browsehappy .browsehappy__inner .browsehappy__logo
{
	font-family: HalisR-Bold;
	margin: 0;
	letter-spacing: .1em;
	font-size: 50px
}

.browsehappy .browsehappy__inner p
{
	font-size: 16px;
	line-height: 1.8
}

.browsehappy .browsehappy__inner p a
{
	color: #c7523c
}

.browsehappy .browsehappy__inner p a:hover
{
	text-decoration: none
}

.panel a img
{
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.panel a:hover img
{
	filter: alpha(Opacity=50);
	opacity: .5
}

.area_select_zwUl
{
	margin-top: 58px;
	padding: 0
}

.area_select_zwUl li
{
	width: 144px;
	height: 40px;
	border: 1px silver solid;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	float: left;
	cursor: pointer;
	background: 0 0;
	margin-right: 100px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.area_select_zwUl .li_h,.area_select_zwUl li:hover
{
	background-color: #999;
	border: 1px #999 solid;
	color: #fff
}

.area .rct_kw_list_condition
{
	margin-top: 55px;
	width: 100%
}

.area .rct_kw_list_condition h3
{
	color: #d0181a;
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 30px
}

.area .rct_kw_list_condition .dl
{
	padding-bottom: 20px
}

.area .rct_kw_list_condition .dl .dt
{
	font-size: 20px;
	color: #212322;
	line-height: 30px;
	padding-bottom: 25px;
	font-weight: 700;
	float: left;
	width: 16%
}

.area .rct_kw_list_condition .dl .dd
{
	float: left;
	width: 84%;
	color: #222;
	font-size: 16px;
	line-height: 30px
}

.area .rct_kw_list_condition .dl .dd p
{
	color: #222;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 8px;
	font-weight: 400;
	margin: 0
}

.zp_kw_email
{
	width: 146px;
	height: 36px;
	text-align: center;
	background-color: #2568ef;
	margin: 20px auto 0
}

.zp_kw_email a
{
	color: #fff;
	display: block;
	line-height: 36px
}

.area_zsNo
{
	text-align: center;
	margin-top: 35px;
	color: #333;
	font-size: 13px
}

.area_pany_logoMod
{
	width: 278px;
	margin: 9px 0 0;
	position: relative;
	min-height: 50px
}

.area_pany_border
{
	border-bottom: 1px #e0e1e5 solid;
	width: 280px;
	height: 10px
}

.area_pany_logoMod_fl
{
	width: 70px;
	height: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0
}

.area_pany_logoMod_fl img
{
	max-width: 70px;
	max-height: 50px
}

.area_pany_logoMod_fr
{
	float: left;
	margin-left: 70px
}

.area_pany_logoMod_tit
{
	font-size: 12px;
	line-height: 22px
}

.area_pany_logoMod_tit a
{
	font-weight: 700;
	color: #3f5684
}

.area_pany_logoMod_follow_img
{
	height: 22px
}

.area_pany_tex
{
	font-size: 12px;
	color: #333;
	padding: 8px 7px 6px
}

.area_pany_photoList
{
	width: 270px;
	margin: 0 auto;
	margin-top: 2px
}

.area_pany_photoList ul
{
	margin: 0;
	padding: 0
}

.area_pany_photoList ul li
{
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 2px
}

.area_pany_photoList ul li a img
{
	width: 50px;
	height: 50px
}

.area_sinaLogo
{
	margin-left: 11px;
	margin-top: 3px;
	width: 68px;
	height: 27px
}

.area_sinaLogo img
{
	width: 68px;
	height: 17px
}

.wp_ts_noTex1
{
	border: 3px #64b241 solid;
	color: #64b241;
	text-align: center;
	padding: 35px 0;
	line-height: 1.4em
}

.wp_ts_noTex2
{
	height: 70px;
	border: 3px #ea3030 solid;
	color: #ea3030;
	text-align: center;
	line-height: 66px
}

.ps_no14Core
{
	color: #ea3030;
	font-size: 14px;
	padding-bottom: 14px;
	display: block;
	font-weight: 400;
	line-height: 14px;
	padding-left: 5px;
	margin-top: -4px
}

#contactUs
{
	width: 100%;
	position: relative
}

#contactUs .contact1
{
	height: auto;
	padding-bottom: 260px
}

@media only screen and (max-width:539px)
{
	#contactUs .contact1
	{
		padding-bottom: 150px
	}
}

.contact1
{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 1270px;
	background: #f7f7f7
}

.contact1 .stretchMe1
{
	position: relative;
	width: 100%;
	height: 865px;
	z-index: 0;
	filter: alpha(Opacity=95);
	opacity: .95
}

.area__paragraph_tit
{
	font-size: 16px;
	color: #222;
	padding-bottom: 16px;
	font-weight: 700
}

.no16Corf0
{
	color: #fe2525
}

.no_pdLf
{
	padding-left: 59px
}

.tex_fl01
{
	float: left;
	width: 108px
}

.tex_fl01 .text_Cor1
{
	font-size: 30px;
	color: #f72a6c;
	padding-top: 16px;
	line-height: 30px
}

.tex_fl01 .text_Cor2
{
	color: #0897d8;
	padding-top: 28px
}

.tex_fl01 .text_Cor3
{
	color: #6287d5;
	padding-top: 28px
}

.tex_fl01 .text_Cor4
{
	color: #5fa920;
	padding-top: 24px
}

.tex_fl01 .text_Cor5
{
	color: #5db3bc;
	padding-top: 28px
}

.tex_fl01 .text_Cor6
{
	color: #f37224;
	padding-top: 25px
}

.tex_flPro
{
	float: left;
	background: url(../images/proIcon.png) no-repeat;
	height: 343px;
	width: 11px
}

.tex_fl02
{
	float: left;
	padding-left: 18px
}

.tex_fl02 .text_no16
{
	font-size: 16px;
	color: #222;
	padding: 20px 0 14px;
	font-weight: 700
}

@media only screen and (max-width:860px)
{
	.area_select_zwUl li
	{
		float: left;
		margin-bottom: 10px;
		margin-right: 0;
		width: 45%
	}

	.area_select_zwUl li:nth-child(even)
	{
		float: right
	}
}

@media only screen and (max-width:1280px)
{
	.area .rct_kw_list_condition .dl .dd,.area .rct_kw_list_condition .dl .dt
	{
		float: none;
		width: 100%
	}
}

.tooltip
{
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
	font-weight: 400
}

.tooltip.in
{
	opacity: .8;
	filter: alpha(opacity=80)
}

.tooltip.top
{
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right
{
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom
{
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left
{
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner
{
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.tooltip-arrow
{
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow
{
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000;
	border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow
{
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000;
	border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow
{
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000;
	border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow
{
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000;
	border-width: 0 5px 5px
}

.fade
{
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in
{
	opacity: 1
}

.tooltip.error .tooltip-arrow
{
	border-top-color: #d75b4e
}

.tooltip.error .tooltip-inner
{
	background-color: #d75b4e
}

#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD1
{
	width: 60%;
	float: left
}

#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD2
{
	width: 35%;
	float: right
}

.aboutUs .wpcf7-form-control-wrap input
{
	margin-bottom: 20px!important
}

.wpcf7-form-control-wrap .span_po_r
{
	position: relative;
	display: block
}

.aboutUs .area--team__job
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (max-width:1280px)
{
	.wpcf7-form-control-wrap .span_po_r
	{
		display: block;
		width: 100%
	}
}

.wpcf7-form-control-wrap
{
	position: relative;
	display: block
}

.wpcf7-form-control-wrap .ps_no14Core
{
	position: absolute;
	bottom: -10px;
	left: 0
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.area.area--team .area__inner .grid-row .grid-4 .area--team__profile.areaText_heg1
	{
		height: auto
	}

	.area .area__sub-copy
	{
		font-size: 16px
	}

	.area.area--recruit .area__main-copy
	{
		font-size: 24px
	}

	.grid-12 .record
	{
		display: block;
		padding-top: 10px
	}

	.area__paragraph_tit
	{
		display: none
	}

	#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD1,#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD2
	{
		width: 100%;
		float: inherit
	}
	.footer__inner
	{ width:90%;}
}

@media only screen and (max-width:539px)
{
	.area.area--recruit .ter_no16Cor2
	{
		font-size: 14px
	}

	.area.area--team .area__inner .grid-row .grid-4 .area--team__profile.areaText_heg1
	{
		height: auto
	}

	.grid-12 .record
	{
		display: block;
		padding-top: 10px
	}

	.area__paragraph_tit
	{
		display: none
	}

	#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD1,#contactUs .bg--contact .area--contact .area--contact__inner .area--contact__inner__form .kw_inputD2
	{
		width: 100%;
		float: inherit
	}
}

.Por_tex_info img
	{
		width: 100%
	}
}

@media only screen and (max-width:580px)
{
	.Por_tex
	{
		display: none
	}

	.Por_tex_info
	{
		display: block;
		width: 100%
	}

	.Por_tex_info img
	{
		width: 100%
	}
}

.kw_assureMod
{
	width: 100%;
	background-color: #efefef
}

.kw_assure
{
	width: 1280px;
	margin: 0 auto
}

.kw_assureTit
{
	font-size: 30px;
	color: #444;
	font-weight: 700;
	padding-top: 76px;
	padding-bottom: 20px
}

.kw_assureTit span
{
	font-weight: 400;
	padding-left: 20px
}

.kw_assureUl
{
	padding-bottom: 60px;
	margin: 0
}

.kw_assureUl li
{
	list-style: disc;
	font-size: 15px;
	color: #444;
	line-height: 15px;
	padding-bottom: 36px
}

@media only screen and (min-width:540px) and (max-width:1280px)
{
	.kw_assure
	{
		width: 90%
	}

	.kw_assureUl li
	{
		padding-bottom: 15px;
		line-height: 26px
	}
}

@media only screen and (max-width:539px)
{
	.kw_assure
	{
		width: 90%
	}

	.kw_assureUl li
	{
		padding-bottom: 15px;
		line-height: 26px;
		font-size: 14px
	}

	.kw_assureTit
	{
		font-size: 28px
	}
}

.client_box.area .area__inner
{
	padding-bottom: 130px;
	width: 941px
}

.client_list_panel.panel li
{
	width: 185px;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 4px
}

.client_list_panel.panel li:nth-child(5n+1)
{
	margin-left: 0
}

.client_list_panel.panel li a .stretchMe
{
	height: auto;
	margin-bottom: 0
}

.client_list_panel.panel .client_item_bg
{
	-webkit-transition: background-color .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: background-color .3s ease 0s;
	-o-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s
}

.client_list_panel.panel a:hover .client_item_bg
{
	background-color: #fff
}

.client_list_panel.panel a:hover img
{
	opacity: 1
}

.client_list_panel a
{
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #3c3c3c;
	display: block
}

.client_list_panel a img
{
	opacity: 0;
	width: 100%;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.client_list_panel.fadeIn a img
{
	opacity: 1
}

.view_body .area.area--blog .area__inner .area__inner__col-sub .link-text
{
	text-decoration: none
}

.view_body .area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .link-text a
{
	text-decoration: underline
}

.view_body .area.area--blog .area__inner .area__inner__col-sub .col-sub__panel.panel--about .link-text a:hover
{
	text-decoration: none
}

.fenye_page
{
	text-align: right;
	font-size: 0
}

.fenye_page .page_item,.fenye_page .thisclass
{
	margin-left: 15px;
	padding: 0 5px;
	color: #aaa;
	font-size: 14px;
	display: inline
}

.fenye_page .page_next,.fenye_page .page_prev
{
	letter-spacing: -3px
}

.fenye_page .page_item a
{
	color: #aaa
}

.fenye_page .thisclass a,.fenye_page .thisclass span
{
	color: #333
}

.fenye_page .page_item:hover a
{
	color: #349dff
}

@media only screen and (max-width:539px)
{
	.fenye_page
	{
		margin-bottom: 40px;
		padding: 0 10px
	}

	.fenye_page .page_item,.fenye_page .thisclass
	{
		margin-left: 5px;
		padding: 0 2px
	}
}

.btn_loading
{
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999
}

.btn_loading img
{
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	z-index: 3
}

.btn_loading .bg
{
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

#pjaxLoading
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999;
	background-color: #fff
}

#pjaxLoading img
{
	height: 18px;
	width: 33px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -16px
}

.cover__preloader_index_box
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 9999999999
}

.cover__preloader_index
{
	position: absolute;
	z-index: 3000;
	color: #000;
	font-size: 32px;
	left: 50%;
	top: 50%;
	width: 140px;
	height: 150px;
	margin-left: -65px;
	margin-top: -70px;
	text-align: center
}

.cover__preloader_index .cover__preloader__logo
{
	font-family: Arial;
	margin: 0;
	padding: 0;
	letter-spacing: .06em;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700
}

.cover__preloader_index .cover__preloader__tagline
{
	margin: 0;
	font-size: 10px;
	letter-spacing: .1em;
	padding-top: 10px;
	line-height: 1em
}

.cover__preloader_index .cover__preloader__icon img
{
	display: block
}

.cover__preloader_index .cover__preloader__icon
{
	height: 60px;
	margin: 0 0 18px;
	padding: 0;
	color: #222;
	position: relative
}

.cover__preloader_index .cover__preloader__icon .fa-circle-o-notch img
{
	display: block;
	height: 100%;
	width: 100%
}

.cover__preloader_index .cover__preloader__icon .fa-circle-o-notch
{
	font-size: 10px;
	position: absolute;
	left: 131px;
	top: -1px;
	width: 22px;
	height: 22px
}

.code_box
{
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	visibility: hidden;
	opacity: 0;
	overflow: hidden
}

.z_code_box .z_code_img
{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 25px
}

.z_code_box .z_code_info p
{
	padding: 0;
	margin: 0 0 9px;
	line-height: 1em;
	white-space: nowrap
}

.z_code_m
{
	display: none
}

.z_code_m .z_code_m_img
{
	width: 100%
}

@media only screen and (max-width:539px)
{
	.grid-row .grid-12.z_code_box
	{
		margin-left: -7px
	}

	.z_code_box .z_code_img
	{
		float: none;
		display: block;
		margin: 0 auto 10px
	}

	.z_code_box .z_code_info p
	{
		padding-left: 0
	}

	.z_code_pc
	{
		display: none
	}

	.z_code_m
	{
		display: block
	}
}

@media only screen and (min-width:1280px)
{
	.contact .contact1 .stretchMe1
	{
		height: 965px
	}

	.contact .bg--contact .area--contact .area--contact__inner .area__eyecatch
	{
		margin-top: 160px
	}
}

.contact_footer .footer__inner .contact_info
{
	display: none
}

.contact_adderss .area__inner
{
	width: 90%;
	margin: 0 auto
}

.contact_adderss #dituContent
{
	height: 570px;
	width: 100%;
	float: right
}

.area.contact_adderss .area__inner .grid-6.area--company__photo
{
	padding-top: 90px
}

.contact_adderss .z_code_box
{
	margin-top: 20px
}

.area--works-recent .area_inner_line
{
	margin-top: 40px;
	border-top: 1px solid #ddd;
	margin-bottom: 30px
}

@media only screen and (min-width:1280px)
{
	.content_more_case_box
	{
		overflow: hidden
	}

	.content_more_case
	{
		float: left
	}

	.content_more_box
	{
		position: relative
	}

	.content_more_box .more_left_icon
	{
		left: -20px;
		background: url(../images/more_left_icon.png) no-repeat left center
	}

	.content_more_box .more_right_icon
	{
		right: -20px;
		background: url(../images/more_right_icon.png) no-repeat right center
	}

	.content_more_box .more_icon
	{
		position: absolute;
		z-index: 9;
		top: 135px;
		height: 30px;
		width: 14px;
		cursor: pointer
	}
}

@media only screen and (max-width:1280px)
{
	.content_more_case .more_icon,.content_more_case>li
	{
		display: none
	}
}

.recruit_country
{
	margin-top: 70px;
	margin-bottom: 50px
}

.recruit_country .country_select
{
	box-sizing: content-box;
	position: relative;
	min-width: 142px;
	height: 28px;
	line-height: 28px;
	border: 1px solid rgba(0,0,0,.27);
	border-radius: 3px;
	cursor: pointer;
	background-color: #f7f7f7;
	box-shadow: 0 1px 1px rgba(0,0,0,.22);
	display: inline-block
}

.recruit_country .country_select .text
{
	display: block;
	color: #333;
	padding-left: 10px;
	padding-right: 15px;
	margin-right: 14px;
	background: url(../images/icon_recruit_select.png) no-repeat right center
}

.recruit_country .country_select .select_ul
{
	position: absolute;
	top: 29px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.22);
	display: none
}

.recruit_country .country_select.on .select_ul
{
	display: block
}

.recruit_country .country_select .select_ul li:hover
{
	background-color: #acacac;
	color: #FFF
}

.recruit_country .country_select .select_ul li.on
{
	display: none
}

.recruit_country .country_select .select_ul li
{
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	padding-left: 10px;
	color: #333;
	border-top: 1px solid #dadada
}

.recruit_country .country_select .select_ul li:first-child
{
	border-top: none
}

.recruit_content_box
{
	background-color: #f7f7f7;
	padding-bottom: 75px
}

.recruit_content
{
	width: 1280px;
	margin: 0 auto;
	padding: 0
}

.recruit_content .recruit_item
{
	width: 182px;
	float: left;
	margin-bottom: 45px;
	cursor: pointer
}

.recruit_content .recruit_item .item_icon
{
	height: 75px
}

.recruit_content .recruit_item img
{
	max-width: 75px;
	max-height: 75px;
	margin: 0 auto
}

.recruit_content .recruit_item img.normal
{
	display: block
}

.recruit_content .recruit_item img.on
{
	display: none
}

.recruit_content .recruit_item .item_title
{
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	line-height: 44px;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.recruit_content .recruit_item:hover .item_title
{
	color: #2568ef
}

.recruit_content .recruit_item:hover .normal
{
	display: none
}

.recruit_content .recruit_item:hover .on
{
	display: block
}

.recruit_detail
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.62);
	z-index: 99999;
	display: none
}

.recruit_detail .content
{
	width: 92%;
	max-width: 750px;
	background-color: #fff;
	box-shadow: 0 5px 6px rgba(0,0,0,.22);
	position: absolute;
	top: 200px;
	bottom: 135px;
	left: 0;
	right: 0;
	margin: auto;
	color: #333;
	line-height: 1.8em
}

.recruit_detail.loading .content
{
	background: url(../images/btn_loading.gif) no-repeat center center #fff
}

.recruit_detail .content .scroll_box
{
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	overflow: hidden
}

.recruit_detail .content .title
{
	color: #d0181a;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em
}

.recruit_detail .content .title2
{
	margin: 14px 0 8px;
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	color: #333;
	line-height: 1.2em
}

.recruit_detail .content p
{
	margin: 0;
	padding: 0;
	font-size: 14px
}

.iScrollVerticalScrollbar
{
	position: absolute;
	z-index: 9999;
	width: 6px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden
}

.iScrollVerticalScrollbar.iScrollBothScrollbars
{
	bottom: 18px
}

.iScrollIndicator
{
	position: absolute;
	background: #cc3f6e;
	border-radius: 3px
}

.iScrollVerticalScrollbar .iScrollIndicator
{
	width: 100%;
	background: rgba(0,0,0,.2)
}

@media only screen and (max-width:1280px)
{
	.recruit_country
	{
		margin-top: 15px;
		margin-bottom: 20px
	}

	.recruit_content
	{
		width: 100%;
		box-sizing: border-box;
		padding: 0 26px
	}

	.recruit_content .recruit_item
	{
		width: 50%
	}

	.recruit_content .recruit_item .item_icon
	{
		height: 32px
	}

	.recruit_content .recruit_item img
	{
		max-width: 75px;
		max-height: 75px
	}

	.recruit_content .recruit_item .item_title
	{
		font-size: 16px;
		line-height: 170px
	}

	.recruit_detail .content
	{
		top: 20%;
		bottom: 20%;
		line-height: 1.8em
	}

	.recruit_detail .content .scroll_box
	{
		top: 20px;
		left: 12px;
		right: 12px;
		bottom: 20px
	}

	.recruit_detail .content .title
	{
		font-size: 14px;
		line-height: 1.2em
	}

	.recruit_detail .content .title2
	{
		font-size: 12px;
		line-height: 1.2em
	}

	.recruit_detail .content p
	{
		font-size: 10px;
		line-height: 1.8em
	}
	.zp_kw_email
	{ width:80%;}
}

@media only screen and (min-width:1180px)
{
	.nav .nav__inner .nav__links li
	{
		position: relative
	}

	.nav.fixed .nav__inner .nav__links li:after
	{
		background-color: rgba(34,34,34,.5)
	}

	.nav .nav__inner .nav__links li:after
	{
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		height: 2px;
		width: 100%;
		background-color: rgba(255,255,255,.5);
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		-o-transform: scaleX(0);
		transform-origin: center center;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transition: transform .5s ease-in;
		-webkit-transition: -webkit-transform .5s ease-in;
		-moz-transition: -moz-transform .5s ease-in;
		-ms-transition: -ms-transform .5s ease-in;
		-o-transition: -o-transform .5s ease-in
	}

	.nav .nav__inner .nav__links li:hover:after
	{
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-o-transform: scaleX(1)
	}
}

.index_video
{
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -100;
	background-color: #FFF;
	display: none
}

.index_video video
{
	position: relative;
	z-index: 999
}

.index_video .mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	z-index: 10000
}

.index_cover--bg
{
	display: none
}

.cover__preloader_index .cover__preloader__icon .fa-circle-o-notch span.logo_h
{
	background: url('../images/spt_icon.png') no-repeat -3px -202px;
	width: 22px;
	height: 22px;
	display: block;
}

.cover__preloader .cover__preloader__icon .fa-circle-o-notch span.sp_logo_h
{
	background: url('../images/spt_icon.png') no-repeat -6px -239px;
	width: 15px;
	height: 14px;
	display: block;
}

.fa span.z_bottom
{
	background: url('../images/spt_icon.png') no-repeat 0px -172px;
	width: 24px;
	height: 15px;
	display: inline-block;
}

.social-accounts li a span.facebook
{
	background: url('../images/spt_icon.png') no-repeat 0px 0px;
	width: 11px;
	height: 21px;
	display: inline-block;
}

.social-accounts li a span.twitter
{
	background: url('../images/spt_icon.png') no-repeat 0px -37px;
	width: 22px;
	height: 18px;
	display: inline-block;
}

.social-accounts li a span.google
{
	background: url('../images/spt_icon.png') no-repeat 0px -69px;
	width: 21px;
	height: 21px;
	display: inline-block;
}

.social-accounts li a span.sina
{
	background: url('../images/spt_icon.png') no-repeat 0px -104px;
	width: 24px;
	height: 20px;
	display: inline-block;
}




/*!
在线客服css
*/
.slides{position:fixed;right:0;top:45%; z-index:10000;}
.slides .slideul>li{position:relative;display:block;width:56px;height:56px;margin-bottom:10px;overflow:visible;}
.slides .slideul>li.kefu{width:66px;padding-left:10px;margin-left:-10px;}
.slides .slideul>li ul.kefulist{position:absolute;left:-130px;top:-30px;padding-right:10px;display:none;}
.slides .slideul>li ul.kefulist li{margin-bottom:10px; }
.slides .slideul>li ul.kefulist li a{display:block;width:90px;height:30px;line-height:30px;background:#2568ef;color:#fff;text-align:center;text-decoration:none;}
.slides .slideul>li ul.kefulist li a:hover{text-decoration:none;}

@media only screen and (max-width:800px)
{

.slides{ display:none;}

}