@charset "UTF-8";
@import url(font-awesome.min.css);
/* @import url("http://fonts.googleapis.com/css?family=Roboto:500,300"); */

/*
	Ion by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

	body {
		background: #fff;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
a{ text-decoration: none; color: #629DD1;}
a:hover{ color: #629DD1; text-decoration: none;}
body, input, select, textarea {color: #555f66;font-family: "Roboto", Helvetica, sans-serif;font-size: 14pt;font-weight: 300;line-height: 1.75em;}


strong, b {color: #666f77;font-weight: 500;}

em, i {font-style: italic;}

p {margin: 0 0 2em 0;}

h1, h2, h3, h4, h5, h6 {color: #666f77;font-weight: 300;line-height: 1em;margin: 0 0 1em 0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}

h2 {font-size: 1.5em;line-height: 1.5em;}

h3 {font-size: 1.25em;line-height: 1.5em;}

h4 {font-size: 1em;line-height: 1.5em;}

h5 {font-size: 0.9em;line-height: 1.5em;}

h6 {font-size: 0.7em;line-height: 1.5em;}

sub {font-size: 0.8em;position: relative;top: 0.5em;}

sup {font-size: 0.8em;position: relative;top: -0.5em;}

hr {border: 0;border-bottom: solid 1px rgba(144, 144, 144, 0.25);margin: 3em 0;}

hr.major {margin: 2em 0 5em 0;}

blockquote {border-left: solid 4px rgba(144, 144, 144, 0.25);font-style: italic;margin: 0 0 2em 0;padding: 0.5em 0 0.5em 2em;}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 6px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
		overflow-x: auto;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special {text-align: center;}

	header p {
		color: #939393;
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.75em;
		line-height: 1.5em;
	}

	header.major {
		text-align: center;
		margin: 0 0 2em 0;
	}

		header.major h2 {
			font-size: 2em; color:#41a8f7; font-family:Arial, Helvetica, sans-serif;
		}

		header.major h2 + p {
			font-size: 1.5em;
			margin: -1em 0 2em 0;
		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #666f77;
		display: block;
		font-size: 0.9em;
		font-weight: 500;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(144, 144, 144, 0.075);
		border-radius: 6px;
		border: none;
		border: solid 1px rgba(144, 144, 144, 0.25);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #629DD1;
			box-shadow: 0 0 0 1px #629DD1;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(144, 144, 144, 0.25);
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

	.select-wrapper select::-ms-expand {display: none;}

	input[type="text"],	input[type="password"],	input[type="email"],select {height: 2.75em;	}

	textarea {padding: 0.75em 1em;}

	input[type="checkbox"],	input[type="radio"] {-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;	-ms-appearance: none;appearance: none;display: block;float: left;margin-right: -2em;/*opacity: 0;*/	width: 1em;	z-index: -1;}

	input[type="checkbox"] + label,	input[type="radio"] + label {text-decoration: none;color: #555f66;cursor: pointer;display: inline-block;font-size: 1em;font-weight: 300;padding-left: 2.4em;padding-right: 0.75em;position: relative;}

	input[type="checkbox"] + label:before,input[type="radio"] + label:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: FontAwesome;font-style: normal;font-weight: normal;text-transform: none !important;}

	input[type="checkbox"] + label:before,input[type="radio"] + label:before {
		background: rgba(144, 144, 144, 0.075);	border-radius: 6px;border: solid 1px rgba(144, 144, 144, 0.25);content: '';display: inline-block;height: 1.65em;left: 0;line-height: 1.58125em;position: absolute;text-align: center;top: 0;width: 1.65em;}

	input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before {background: #192024;		border-color: #192024;color: #ffffff;content: '\f00c';}

	input[type="checkbox"]:focus + label:before,input[type="radio"]:focus + label:before {border-color: #629DD1;			box-shadow: 0 0 0 1px #629DD1;}

	input[type="checkbox"] + label:before {border-radius: 6px;}

	input[type="radio"] + label:before {border-radius: 100%;}

	::-webkit-input-placeholder {color: #bbb !important;opacity: 1.0;}

	:-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 6px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 3em 2em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			display: inline-block;
			margin: 0 0 1.25em 0;
			color: #ffffff;
			background: #629DD1;
			width: 3em;
			height: 3em;
			font-size: 2em;
			text-align: center;
			line-height: 3em;
			border-radius: 100%;
			box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
		}

/* Image */

	.image {
		border-radius: 6px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 6px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 1.5em;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #666f77;
			font-size: 0.9em;
			font-weight: 500;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(144, 144, 144, 0.25);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #192024;
		border-radius: 6px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 300;
		/*text-transform: uppercase;
		letter-spacing: 0.125em;*/
		font-size: 0.9em;
		height: 2.85em;
		line-height: 2.85em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		text-indent: 0.25em;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #232d33;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #0f1315;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.7em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.2em;
			height: 2.65em;
			line-height: 2.65em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);
			color: #666f77 !important;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: rgba(144, 144, 144, 0.075);
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #bbb;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #41a8f7;
			color: #ffffff !important;
			
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #76a9d7;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #4e91cb;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #555f66 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}

/* Wrapper */

.wrapper {padding: 2em 0 2em 0;}
.wrapper .container p{ font-size:1em;padding:0.3em 0;margin:0}

.wrapper.style1 {background: #fff;color: #555f66;}

.wrapper.style2 {background:url(../images/bg1.jpg) no-repeat;color: #c5c7c8;}
.wrapper.style2 .special .row{ position:relative}
.wrapper.style2 .special p{ color:#424242; text-align:left; font-style:italic}
.wrapper.style2 .special .photo{ width:5em; height:5em; display:block; background:#acf; border-radius:2.5em; box-shadow: darkgrey 2px 2px 7px 2px ;}
.wrapper.style2 .special .photo img{ border-radius:2.5em;height:5em;}
.wrapper.style2 .special .IndexrightInfo{ position:absolute;right:0px;left:6em;top:0px;}
.wrapper.style2 .special .IndexrightInfo a{ display:block; text-align:left; color:#ff5c30; text-decoration:none}
.wrapper.style2 .special .IndexrightInfo p{ text-align:left; color:#949494; font-weight:normal; font-size:0.8em; line-height:1.5em; font-style:normal}

.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {color: #41a8f7;	}

.wrapper.style2 header p {color: #a3a5a7;}

.wrapper.style2 .button.alt {box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);	color: #ffffff !important;}

.wrapper.style2 .button.alt:hover {	background-color: rgba(144, 144, 144, 0.275);}

.wrapper.style2 .button.alt:active {background-color: rgba(144, 144, 144, 0.4);}

.wrapper.style2 .button.alt.icon:before {color: #a3a5a7;}

.wrapper.style3 .major p{color:#949494; font-weight:normal; font-size:0.8em; line-height:1.5em;padding:0px 25em;}
.wrapper.style3 .leftInfo{ position:relative; height:auto; background:#f6f6f6;margin-bottom:2em}
.wrapper.style3 .leftInfo img{width:100%; display:block;}

.wrapper.style3 .leftInfo span.title{ position:relative;padding-top:1em; display:block }
.wrapper.style3 .leftInfo span.title a{ color:#41a8f7; float:left; text-decoration:none; display:block }
.wrapper.style3 .leftInfo span.title a.a1{padding-top:0.7em; color:#4b565e}
.wrapper.style3 .leftInfo span.title b{ display:block;color:#41a8f7;width:4em; line-height:1em; font-size:1.1em; }
.wrapper.style3 .leftInfo span.title b:first-child{ font-size:2em; font-family:Arial, Helvetica, sans-serif;width:1.6em;}
.wrapper.style3 .leftInfo p{color:#949494; font-weight:normal; font-size:0.8em; line-height:1.6em;padding:0.8em 0.5em 0 0}
.wrapper.style3 .leftInfo a.orange{ background:#41a8f7;margin-top:1em}

.wrapper.style3 .leftInfo font{display:block;width:0;height:0;border-width:18px 18px 18px 0;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute; top:50%;margin-top:-10px;right:0px;}
.wrapper.style3 .leftInfos font{display:block;width:0;height:0;border-width:18px 0 18px 18px;border-style:solid; border-color:transparent transparent transparent #fff; position:absolute; top:50%;margin-top:-10px;left:4em;}
.wrapper.style3 .leftInfos  span.title{padding-left:2em}
.wrapper.style3 .leftInfos p{padding:0.8em 0em 0 2em}
.wrapper.style3 .leftInfos a.orange{margin-left:2em}

.wrapper.style3 .leftInfor font{border-width:0 18px 18px;border-color:transparent transparent #fff;top:100%;margin-top:-18px; left:50%;margin-left:-10px}
.wrapper.style3 .leftInfor span.title{padding-left:2em}
.wrapper.style3 .leftInfor p{padding:2em 2em 0 2em}
.wrapper.style3 .leftInfor a.orange{margin:1em 0px 2em 2em}

.wrapper.style3 .leftInfocurrent{box-shadow: darkgrey 1px 1px 3px 1px; background:#fff}
.wrapper.style3 .leftInfocurrent span.title a{color:#ff5c31;}
.wrapper.style3 .leftInfocurrent span.title a.a1{ color:#ff5c31}
.wrapper.style3 .leftInfocurrent span.title b{ color:#ff5c31; }
.wrapper.style3 .leftInfocurrent a.orange{ background:#f97d5c;}

.wrapper.style3 .leftInfo:hover{box-shadow: darkgrey 1px 1px 3px 1px; background:#fff}
.wrapper.style3 .leftInfo:hover span.title a{color:#ff5c31;}
.wrapper.style3 .leftInfo:hover span.title a.a1{ color:#ff5c31}
.wrapper.style3 .leftInfo:hover span.title b{ color:#ff5c31; }
.wrapper.style3 .leftInfo:hover a.orange{ background:#f97d5c;}

.wrapper.style4 {background:url(../images/bg2.jpg) no-repeat;color: #c5c7c8;}
.wrapper.style4 h1{ color:#fff; font-size:2em;margin-bottom:0}
.wrapper.style4 .leftForm span{ display:block; position:relative;padding-top:1em}
.wrapper.style4 .leftForm font{ position:absolute;left:0.5em; color:#fff;top:1.2em}
.wrapper.style4 .leftForm input[type='text']{height:2.2em;padding-left:4.5em}
.wrapper a.blue{ background:#41a8f7; margin-top:1em;padding-left:3em;padding-right:3em; font-size:1.2em}

.wrapper.style4 .rightInfo{margin-top:2.7em}
.wrapper.style4 .rightInfo img{margin:0 2em 0 0}
.wrapper.style4 .rightInfo h1{border-top:solid 1px #fff;border-color: rgba(250,255,255,0.3);padding-top:0.5em;margin-top:0.5em}
.wrapper.style4 .rightInfo span{display:block; line-height:1.4em;}
.wrapper.style4 .rightInfo span.first{ color:#41a8f7; font-size:1.2em;margin-top:0.5em}

.wrapper.style4s {background:url(../images/bg5.jpg) no-repeat;color: #c5c7c8;}
.wrapper.style4s h2{ color:#fff}
.wrapper.style4s .formInfo{width:35em; margin:0 auto}
.wrapper.style4s .formInfo span{ display:block;margin-bottom:15px}
.wrapper.style4s .formInfo font{color:#fff; float:left}
.wrapper.style4s .formInfo input[type='text']{height:2.2em;margin-left:7px;width:31em;}


.wrapper.style6{ background:#e9ebeb}
.wrapper.style6s{ background:#f2f4f3}
.wrapper.style6 .leftdiv{margin:0.5em  0em}
.wrapper.style6 .leftdiv h1{ background:#d44b3f; color:#fff;padding:13px;border-top-left-radius:5px;border-top-right-radius:5px; font-size:18px;margin:0px}
.wrapper.style6 .leftdiv1 h1{ background:#eac634;}
.wrapper.style6 .leftdiv2 h1{ background:#8cc127;}
.wrapper.style6 .leftdiv .info{ border:solid 1px #c8c8c8; border-top:0px; padding:13px;background:#fff;}
.wrapper.style6 .leftdiv span{ display:block; position:relative}
.wrapper.style6 .leftdiv input[type="checkbox"]{ width:1em;height:1em;border:solid 1px #dc6960; border-radius:5px;margin-right:0.5em;display:inline-block;margin-top:0.5em}
.wrapper.style6 .leftdiv1 input[type="checkbox"]{ border:solid 1px #eac634}
.wrapper.style6 .leftdiv2 input[type="checkbox"]{ border:solid 1px #8cc127}

.wrapper.style6 .leftdiv a{ display:block; text-align:center; color:#fff; background:#d44b3f; border-radius:1.2em;height:2.4em;width:2.4em; line-height:2.4em;margin:1em auto 0.5em auto}
.wrapper.style6 .leftdiv1 a{ background:#eac634;}
.wrapper.style6 .leftdiv2 a{ background:#8cc127;}
.wrapper.style6s img{ width:100%}
.wrapper.style6s p{ text-align:center}
.wrapper p.red{ color:#d6473e; font-size:1.5em; font-weight:bold}

/*.wrapper.style6 .container font{ color:#d6473e}*/
/*.containerNext p{margin-bottom:0.5em}*/
/*.wrapper .qaInfo{ background:#f8f8f8;border-bottom:solid 1px #e6e6e6;padding:10px 15px 10px 15px; cursor:pointer; position:relative;margin-bottom:0.5em}*/
/*.wrapper .qaInfo a{ position:absolute;right:30px; background:url(../images/hidden.jpg) no-repeat; display:block; width:25px; height:16px;top:18px;display:block}*/
/*.wrapper .qaInfo img{ display:none}*/
/*.wrapper .qaInfo p{ display:none}*/

/*.wrapper .qaInfo:hover,.wrapper .qaInfoc{ background:#fff;border:solid 2px #e6e6e6; padding:1em 1em 1em 10em; font-weight:bold; font-size:1.1em; position:relative}*/
/*.wrapper .qaInfo:hover img,.wrapper .qaInfoc img{ position:absolute; left:2.7em;top:1.5em; display:block}*/
/*.wrapper .qaInfo:hover p,.wrapper .qaInfoc p{ font-weight:normal; font-size:0.9em; display:block}*/
/*.wrapper .qaInfo:hover a,.wrapper .qaInfoc a{ display:none}*/

.wrapper.style6 .container font{ color:#d6473e}
.containerNext p{margin-bottom:0.5em}
.wrapper .qaInfo{ background:#f8f8f8;border-bottom:solid 1px #e6e6e6;padding:10px 15px 10px 15px; cursor:pointer; position:relative;margin-bottom:0.5em}
.wrapper .qaInfo a{ position:absolute;right:30px; background:url(../images/hidden.jpg) no-repeat #acf; display:block; width:25px; height:16px;top:18px;display:block}
.wrapper .qaInfo .XianshiDIv{ display:none}
.wrapper .qaInfo .YingcangDiv{ position:relative}
.wrapper .qaInfo .YingcangDiv p{padding-left:1em}
.wrapper .qaInfo .XianshiDIv img{}

.wrapper .qaInfo:hover,.wrapper .qaInfoc{ background:#fff;border:solid 2px #e6e6e6; font-size:1.1em; position:relative}
.wrapper .qaInfo:hover .XianshiDIv{ display:block;}
.wrapper .qaInfo:hover .YingcangDiv{ display:none}
.wrapper .qaInfo:hover img,.wrapper .qaInfoc img{ position:absolute; left:2.7em;top:1.5em; display:block}

.wrapper .qaInfo .hoverc,.wrapper .qaInfoc{ background:#fff;border:solid 2px #e6e6e6; padding:1em 1em 1em 10em; font-weight:bold; font-size:1.1em; position:relative}
.wrapper .qaInfo .hoverc img,.wrapper .qaInfoc img{ position:absolute; left:2.7em;top:1.5em; display:block}
.wrapper .qaInfo .hoverc p,.wrapper .qaInfoc p{ font-weight:normal; font-size:0.9em; display:block}
.wrapper .qaInfo .hoverc a,.wrapper .qaInfoc a{ display:none}

.wrapper.style7 {background:url(../images/bg3.jpg) no-repeat #fff; color:#fff}
.wrapper.style7 .major{margin-bottom:0em}
.wrapper.style7 h2{ color:#5adbc6; text-align:center; font-size:36px;margin:0px}
.wrapper.style7 h2 b{ color:#fff}
.wrapper.style7 p{ text-align:center;margin:0px}

.wrapper.style8{padding:0px}
.wrapper.style8 div.imgdiv{ width:25%; float:left}
.wrapper.style8 img{ width:100%; height:100%; float:left}
 
.wrapper.style10 {background:url(../images/bg4.jpg) no-repeat #fff; color:#fff; text-align:center}
.wrapper.style10 h2{ color:#5adbc6; text-align:center; font-size:36px;margin:0px;}
.wrapper.style10 h2 b{ color:#fff}
.wrapper p{ margin:0px;padding:0.5em 0; font-size:1.1em}
.wrapper.style10 a.blue{ margin:1em auto 0 auto;padding:0 4em}

.wrapper.style11 p{margin:1em}
.wrapper p.blue{ color:#41a8f7; font-size:1.2em}
.wrapper p.red{ color:#d06733; font-size:1.2em; cursor:pointer}
.wrapper font.red{ color:#d06733;}
.wrapper p.bold{ font-weight:bold}

.wrapper .step4{ margin-bottom:2em; position:relative;}
.wrapper .step4 div.left,.wrapper .step4 div.right{ float:left;width:20%}
.wrapper .step4 div.left{ text-align:center; border-radius:2.5em; background:#62cabe;width:5em;height:5em;margin-right:1em}
.wrapper .step4 div.left a{ color:#fff; }
.wrapper .step4 div.left a:first-child{ font-size:2.2em; font-family:Arial, Helvetica, sans-serif;padding-top:0.4em;}
.wrapper .step4 div a{ display:block; line-height:auto;font-size:1.2em; color:#41a8f7}
.wrapper .step4 div.right{ width:80%}
.wrapper a.font2em{ font-size:1.2em;padding-left:3em;padding-right:3em}

.wrapper.style12 .major h2{ color:#508016; font-size:1.5em}
.wrapper p.redbg{ background:url(../images/libg.png) no-repeat 0 0.6em;margin:0.7em 0;padding:0 1em ; font-size:1em}

.wrapper.style13 {color: #c5c7c8; position:relative;}
.wrapper.style13 .backNg{ background:#000; opacity:0.6; position:absolute; left:0;right:0;bottom:0;padding:1em}
.wrapper.style13 .backNg span,.wrapper.style13 .backNg font,.wrapper.style13 .backNg a{ display:block; font-family:Arial, Helvetica, sans-serif}
.wrapper.style13 .backNg span{ color:#5adbc6; font-size:1.4em; font-weight:bold}
.wrapper.style13 .backNg font{ color:#65b9f6; font-weight:bold}
.wrapper.style13 .backNg a{ color:#fff}

.wrapper.style14 .storyhead{ background:url(../images/bg8l.jpg) no-repeat; background-size:4%;padding-left:4em;padding-top:1em}
.wrapper.style14 .storyhead p{ color:#41a8f7; font-size:1.2em; background:url(../images/bg8r.jpg) no-repeat right bottom; background-size:4%;padding-right:2em;padding-bottom:0.5em}
.wrapper.style14 img{ width:100%}
.wrapper.style14 .leftbg{ position:relative}
.wrapper.style14 .leftbg a.bg{position:absolute;left:0;top:0;bottom:0px;display:block; z-index:200;}
.wrapper.style14 .leftbg img{ position:relative; display:block}

.wrapper.style15{ background:url(../images/bg9.jpg) no-repeat}
.wrapper.style15 .major h2{ color:#ffb412}
.wrapper.style15 .major h2 b{ color:#fff}
.wrapper.style15 .photo{ background:url(../images/bg10.png) no-repeat center; background-size:65%; height:380px; position:relative; text-align:center}
.wrapper.style15 .photo a{ display:inline-block; width:6em; height:6em; border:2px solid #fff; border-radius:3em; position:absolute}
.wrapper.style15 .photo a img{ width:100%; border-radius:3em}
.wrapper.style15 .photo a.big{  width:10em; height:10em; border:2px solid #fff; border-radius:5em}
.wrapper.style15 .photo a.big img{ width:100%; border-radius:5em}
.wrapper.style15 .photo a.red{ border-color:#b32226}
.wrapper.style15 .photo a.yellow{ border-color:#e09900}
.wrapper.style15 .photo a.green{ border-color:#1d7f1d}
.wrapper.style15 .photo a.a1{left:50%;margin-left:-15em;top:10em}
.wrapper.style15 .photo a.a2{left:50%;margin-left:-9em;top:4em}
.wrapper.style15 .photo a.a3{left:50%;margin-left:-3em;top:13em}
.wrapper.style15 .photo a.a4{left:50%;margin-left:3em;top:3em}
.wrapper.style15 .photo a.a5{left:50%;margin-left:15em;top:13em}

.wrapper.style16 .container p{padding:0em 0;}
.wrapper.style16 .rightTu{ border-radius:7em; border:dashed 3px #d4a32f;width:14em;height:14em;padding:0.4em}
.wrapper.style16 .rightTu img{ width:100%; border-radius:7em; height:100%}
.wrapper.style16 .row{margin-top:4em}

/*拍摄服务流程开始*/
.wrapper.style5 .process-boxs{width:100%;margin:0 auto 7em auto;min-width:75em;}
.wrapper.style5 .process-boxs ul li{ width:16em; height: 16em; float: left; cursor: pointer; position: relative; margin-left:9em;}
.wrapper.style5 .process-boxs ul li .kuang{  position:relative;width: 16em; height:16em; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); margin-top: 55px;  border-radius:0.5em}
.wrapper.style5 .process-boxs ul li .text1 .imginfo img{position:absolute; left:-2.4em;right:0;top:0.25em;bottom:0;width:22.4em;height:22.4em}
.wrapper.style5 .process-boxs ul li .text1 .title{background:url(../images/bg11.png) no-repeat bottom; background-size:100%; position:absolute;bottom:-7.1em; width:12em;height:11.9em;left:3.1em; text-align:center; z-index:3;display: none;}
.wrapper.style5 .process-boxs ul li .text1 .title span{ position:absolute;bottom:1.5em; color:#fff;display:none; width:5em; left:3.4em;}
.wrapper.style5 .process-boxs ul li .text1 .title{ font-size: 15px; color: #422710; }

.wrapper.style5 .process-boxs ul li .text2{ width: 16em; height: 16em; z-index: 4; position: absolute; left: 0.5em; top:0.8em;display: none; }
.wrapper.style5 .process-boxs ul li .text2 .mengban{ position: absolute; z-index: 1; width: 16em; height: 16em;  -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background: #41a8f7; margin-top: 42px; margin-left:0px; border-radius:0.5em}
.wrapper.style5 .process-boxs ul li .text2 .title{ position: absolute; z-index: 2;top: 6em; left:0em; right:0em;font-size: 1.4em; color: #fff; text-align: center;}
.wrapper.style5 .process-boxs ul li .text2 .desc{ position: absolute; z-index: 2; width: 16em; height: 10em; top: 88px; left:0px; font-size: 1em; color: #fff; text-align: center; line-height: 24px; overflow:hidden}

.wrapper.style5 .process-boxs ul.two li{ margin-top: -6em;}
.wrapper.style5 .process-boxs ul li:hover .text2{ display: block;}
/*拍摄服务流程结束*/
/* Header */
#skel-layers-wrapper {padding-top: 3em;}

#header {background: #fff;color: #555f66;cursor: default;height: 6em;left: 0;position: fixed;top: 0;width: 100%;z-index: 10000;box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);	}
#header h1 {color: #666f77;font-weight: 500;height: inherit;left: 1.25em;line-height: inherit;margin: 0;padding: 0;	position: absolute;	top: 0;	padding-top:0.6em;}
#header h1 a {font-size: 1.25em;}
#header .topinfo{ position:absolute; right:0px; height:2em; background:#41a8f7; line-height:2em;padding:0 1em 0 3em;background: linear-gradient(120deg, transparent 2em, #41a8f7 0) top left; 	}
#header .topinfo a{ color:#fff; font-size:0.8em;padding:0 0.5em; text-decoration:none; float:right}
#header .topinfo a.tu{padding-top:0.2em}

#header nav {height: inherit;line-height: inherit;position: absolute;right: 1.25em;top:2.8em;vertical-align: middle;}
#header nav > ul {list-style: none;	margin: 0;padding-left: 0;}
#header nav > ul > li {border-radius: 6px;display: inline-block;margin-left: 2em;padding-left: 0;}
#header nav > ul > li a {-moz-transition: color 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;color: #555f66;display: inline-block;text-decoration: none;}
#header nav > ul > li a:hover,#header nav > ul > li a.current {color: #629DD1;}
#header nav > ul > li:first-child {margin-left: 0;}
#header nav > ul > li .button {height: 2.25em;line-height: 2.25em;margin-bottom: 0;padding: 0 1em;position: relative;top: -0.075em;vertical-align: middle;}
#header .container {position: relative;}
#header .container h1 {left: 0;}
#header .container nav {right: 0;}
/* Banner */
#banner {/*background-color: #fff;background-image: url("../images/banner.jpg");background-size: cover;	background-position: center center;	background-repeat: no-repeat;color: #d8d8d8;text-align: center;position: relative; height:30em;  background:#acf;padding:0px*/	}

/* Footer */
#footer {background: #41a8f7;padding: 0.5em 0; color:#fff; text-align:center}
#footer span,#footer a{ display:block}
#footer span:first-child{ margin-top:0px}
#footer span{ font-size:1.5em;margin-top:0.5em}
#footer a{ line-height:1.2em;color: inherit;}
#footer .copyright {color: #bbb;font-size: 0.9em;margin: 2em 0 0 0;padding: 0;ext-align: center;}
#footer .copyright li {border-left: solid 1px rgba(144, 144, 144, 0.25);display: inline-block;list-style: none;margin-left: 1.5em;padding-left: 1.5em;}
#footer .copyright li:first-child {border-left: 0;margin-left: 0;padding-left: 0;}
#footer .icons a {color: #bbb;}