@charset "UTF-8";
@import url(font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:700,400);
body {
/*	background-attachment: fixed;
	display: block;*/
	background-position: top top;
	text-align: center;
	background-size: 100%;
	background-color:#0c2e4a;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
body, input, select, textarea {
	color: #444;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: 400;
	line-height: 1.65em;
}
a {
	color: #035898;
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: underline;
}
strong, b {
	color: #474747;
	font-weight: 700;
}
em, i {
	font-style: italic;
}
p {
	margin: 0 0 2em 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-weight: 700;
	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.75em;
	line-height: 1.5em;
}
h3 {
	font-size: 1.35em;
	line-height: 1.5em;
}
h4 {
	font-size: 1.1em;
	line-height: 1em;

}
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: 2em 0;
}
hr.major {
	margin: 3em 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: 4px;
	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;
}
pre code {
	display: block;
	line-height: 1.75em;
	padding: 1em 1.5em;
	overflow-x: auto;
}
.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 {
	font-size: 2em;
	color: #444444;
	position: relative;
	margin: 0 0 .5em 0;
}
header p a {
}
header h2 + p {
	font-size: 1.25em;
	margin-top: -1em;
	line-height: 1.5em;
}
header h3 + p {
	font-size: 1.1em;
	margin-top: -0.8em;
	line-height: 1.5em;
}
header h3 + p img {
	vertical-align : middle;
}
header h4 + p, header h5 + p, header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
	line-height: 1.5em;
}
header.major {
	text-align: center;
	margin-bottom: -3em;
}
header.major2 {
	text-align: center;
}
header.major h2 {
}
header.major h3 img {
}
header.major h3.title1 {
	font-size: 2.2em;
	color: #ffffff !important;
	font-weight:500;
	letter-spacing: 3px;
	margin-top:-.1em;
	margin-bottom:1em;
	padding:0.2em 1em;
	position: relative;
	display: inline-block;

	border-radius: 50px;
    border: 10px solid #ff820a;
    box-shadow: 0 0 0 15px #ec2a36;
}

.h3point{

	color: #ffff41!important;

	}
	.h3sub2{
	font-size: .6em!important;
	letter-spacing: 1px;

	}
	 .faicon {
	font-size: 1.3em!important;
	margin-right:.2em;
}
header.major h3.title2 {
	font-size: 1.8em;
	color: #ffffff !important;
	letter-spacing: 5px;
　   height: 20px;
	margin-top: -17px;
	margin-bottom: em;
	padding: .2em .2em .2em .6em;

	background-color:#266da9;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

header.major h3.title3 {
	font-size: 1.8em;
	color: #ffffff !important;
	letter-spacing: 5px;
　  height: 20px;
	margin-top: -18px;
	margin-bottom: em;
	padding: .2em;
	background-image: url(../images/1080807_02_titlebg03.png);
	height: 65px;
	width: 427px;
	position: relative;
	display: inline-block;
	max-width: 100%;
}
header.major h3.title4 {
	font-size: 1.8em;
	color: #ffffff !important;
	letter-spacing: 5px;
　  height: 20px;
	margin-top: -18px;
	margin-bottom: em;
	padding: .2em;
	background-image: url(../images/1080807_02_titlebg04.png);
	height: 65px;
	width: 567px;
	position: relative;
	display: inline-block;
	max-width: 100%;
}
header.major h4{
		margin: 0 0 0 0!important;
}
header.major h4.title1 {
	-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;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/	
	height:3em !important;
	color: #ffffff !important;
	font-size: 1.2em!important;
	letter-spacing: 1px;
	font-weight:800;

}
header.major h4.title1 a {
	background-color: #ec2a35;
	border-radius: 50px;
	border: solid 0px #000;
	color: #ffffff !important;
	font-weight: 500;
	padding: .5em 1.2em .5em .8em;
	text-align:center;
	text-decoration: none;
	font-size: .9em!important;
	cursor: pointer;

	margin-top: -1em;
	margin-bottom:-1em;
	margin-left:.5em;
	margin-right:1em;	

	height:2em !important;
	
}
header.major h4.title1 a:hover {
	background-color: #13436b;
}
header.major h4.title2{
	-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;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/	
	height:3em !important;
	color: #ffffff !important;


}
header.major h4.title2 a {
	background-color: #ffd600;
	border-radius: 50px;
	border: solid 0px #000;
	color: #000 !important;
	font-weight: 500;
	padding: .5em 1.2em .5em .8em;
	text-align:center;
	text-decoration: none;
	font-size: .9em!important;
	cursor: pointer;
	margin-top: -1em;
	margin-bottom:-1em;
	margin-left:.5em;
	margin-right:1em;	
	height:2em !important;
	
}
header.major h4.title2 a:hover {
	background-color: #ffffff;

}
header.major h4.title3 {
	-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;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/
}
header.major h4.title3 a {
	background-color: #ff5c18;
	border-radius: 50px;
	border: solid 0px #000;
	color: #ffffff !important;
	font-weight: 400;
	padding: .1em 1.2em 0 .2em;
	text-align:center;
	text-decoration: none;
	font-size: .6em!important;
	cursor: pointer;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/
	letter-spacing: 1px;
	margin-left:2em;

　
}
header.major h4.title3 a:hover {
	background-color: #ec2a36;

}


.wrapper.style1 .arrimg img {
	vertical-align: middle;
	margin-left: -1.5em;
	margin-right: .1em;
}
.wrapper.style1 .arrimg2 img {
	vertical-align: middle;
	margin-left: -1.5em;
	margin-right: .1em;


}
.wrapper.style1 .arrimg1 img {
	vertical-align: bottom;
	margin-left: -1.5em;
	margin-right: .1em;
	vertical-align:middle;
}

.hrpoint {
	border: 1px solid #b0aba6;
	margin-top: 0em;
	margin-bottom: 1em;
}
header.major li {
	text-align: left;
}
header.major p {
	font-size: 1em;
	font-weight: 400;
}
/* Form */

form {
	margin: 0 0 2em 0;
}
label {
	color: #474747;
	display: block;
	font-size: 0.9em;
	font-weight: 700;
	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: 4px;
	border: none;
	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: #383b43;
	box-shadow: 0 0 0 1px #383b43;
}
.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: #444;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	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-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: 4px;
	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: #3cadd4;
	border-color: #3cadd4;
	color: #ffffff;
	content: '\f00c';
}
input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before {
	border-color: #383b43;
	box-shadow: 0 0 0 1px #383b43;
}
input[type="checkbox"] + label:before {
	border-radius: 4px;
}
input[type="radio"] + label:before {
	border-radius: 100%;
}

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

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

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

	:-ms-input-placeholder {
 color: #858585 !important;
 opacity: 1.0;
}
.formerize-placeholder {
	color: #858585 !important;
	opacity: 1.0;
}
/* Box */

.box {
	border-radius: 4px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	margin-bottom: 2em;
	padding: 1.5em;
}
.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;
}
.box li {
	text-align: left;
}
/* 預設樣式 */.divbox {
	width: 100%;
	float: left;
	padding: 1em;
}
/*  滑入時變換底色樣式 */  
.divOver {
	background: #eff8fe;
}
/* 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:active, .icon:hover {
	text-decoration: none;
}
.icon > .label {
	display: none;
}
.icon.rounded {
	background-color: #383b43;
	border-radius: 100%;
	color: #ffffff;
	display: inline-block;
	height: 3.25em;
	line-height: 3.25em;
	text-align: center;
	width: 3.25em;
}
.icon.rounded2 {
	color: #383b43;
}
.icon.rounded.big {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
.icon.rounded.color1 {
	background-color: #3cadd4;
}
.icon.rounded.color2 {
	background-color: #3c61d4;
}
.icon.rounded.color3 {
	background-color: #633cd4;
}
.icon.rounded.color4 {
	background-color: #af3cd4;
}
.icon.rounded.color5 {
	background-color: #d43cad;
}
.icon.rounded.color6 {
	background-color: #d43c61;
}
.icon.rounded.color7 {
	background-color: #d4633c;
}
.icon.rounded.color8 {
	background-color: #d4af3c;
}
.icon.rounded.color9 {
	background-color: #add43c;
}
.icon.rounded.color10 {
	background-color: #61d43c;
}
.icon.rounded.color11 {
	color: #61d43c;
}
.icon.rounded.fa-twitter {
	background-color: #2daae4;
}
.icon.rounded.fa-facebook {
	background-color: #39599f;
}
.icon.rounded.fa-youtube {
	background-color: #c91e1f;
}
.icon.rounded.fa-commenting {
	background-color: #00ACEC;
}
.icon.rounded.fa-child {
	background-color: #03C302;
}
.icon.rounded.fa-google-plus {
	background-color: #c91e1f;
}
.icon.rounded.fa-dribbble {
	background-color: #c4376b;
}
.icon.rounded.fa-tumblr, .icon.rounded.fa-linkedin {
	background-color: #31516a;
}
.icon.rounded.fa-rss {
	background-color: #f2600b;
}
.icon.rounded.line {
	background-color: #03C302;
}
.icon.star {
	color: #fb5c00;
}
/* Image */

.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
}
.image img {
	border-radius: 4px;
	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.left, .image.right {
	max-width: 40%;
}
.image.left img, .image.right img {
	width: 100%;
}
.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}
.image.fit img {
	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;
	font-size: 1.2em;
	line-height: 1.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.unstyled {
	list-style: none;
	padding-left: 0;
}
ul.unstyled li {
	padding: 0.4em 0;
}
ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}
ul.icons li {
	display: inline-block;
	padding: 0 1em 0 0;
}
ul.icons li:last-child {
	padding-right: 0;
}
ul.icons li .icon:before {
	font-size: 2em;
}
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;
}
.titlesub {
	font-size: .9em;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 90%;
	border: 5px solid #3c78ad;
	border-radius: 5%;
}

.point {
	-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: #000000;
	border-radius: 5px;
	border: solid 0px #ff5a00;
	color: #fff;
	line-height: 1.5em;
	padding:.2em .3em  !important;
	margin-right:5px;

	font-size:.8em !important;


}
.pointbuy {
	color: #000;
	font-size:1.2em;
	font-weight:600;
}



.point1 img{
	width: 20px;
	height: 34px;
	margin-left: -1.4em;
	margin-right:.5em;
	vertical-align:bottom;
}
.point1 {
	-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: #ffe650;
	border-radius: 10px;
	border: solid 0px #ffe650;
	color: #000;
	font-size:1.4em;
	font-weight:600;
	line-height: 1.5em;
	padding:.5em;

	margin-left:1.2em;
	margin-bottom:1em;

	position: relative;
	display: inline-block;

}
.point2 {
	-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: #000000;
	border-radius: 5px;
	border: solid 0px #ff5a00;
	color: #fff;
	line-height: 1.5em;
	padding:.3em .5em;
	font-size:.8em !important;
	margin-right:5px;

}
.point2 img {

	float: left;
	margin-top:8px;


}


.point3 a {
	background-color: #e00039;
	border-radius: 50px;
	border: solid 2px #000;
	color: #ffffff !important;
	font-weight: 500;
	padding: 0 .8em 0 .2em;
	text-align:center;
	text-decoration: none;
	font-size: .7em!important;
	cursor: pointer;
	margin: -1em 1em;
	letter-spacing: 0px;
	line-height:1em;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/
}
.point3 a:hover {
	background-color: #000;
}
.pointsub {

	font-weight: 400 !important;
	font-size: .8em !important;
	margin-left:-5px;


}
.pointsub2 {
	font-size: .9em;
	margin-top: -1.7em;
	margin-bottom: 1em;
	color: #fff;
}

#gotop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 40px;
	padding: 10px 15px;
	font-size: 20px;
	cursor: pointer;
	z-index: 11;
}
.mbuttonshow {
	display: none !important;
}
#saleall {
	position: relative;
	margin: -2em 0 1.5em 0;
}
#saleall .titie {
	/*margin: [上面邊界值] [右邊邊界值] [下面邊界值] [左邊邊界*/
	margin: 1em 0 .5em 0;
	font-size: 2em;
	color: #bf2f33;
	font-weight: 700;
}
#saleall .sub {
	-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;
	display: inline-block;/*流動式排版*/
	white-space: pre-wrap;/*规定段落中的文本不进行换行*/
}
#saleall .sub a {
	font-size: 1.2em;
 background-color:;
	border-radius: 30px;
	border: 2px solid #000;
	color: #000 !important;
	font-weight: 800;
	padding: .5em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;/*改變滑鼠形狀*/
	display: inline-block;
}
#saleall .sub a:hover {
	background-color: #000;
	color: #ffffff !important;
}
/*四小圈底色圖*/
.subbox {
	-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: #C0262C;
	border-radius: 30px;
	border: 0;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	height: 2.85em;
	line-height: 2.95em;
	padding: 0 1em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-size: 1.2em;
}
.subbox a {
	color: #ffffff !important;
}
/*jQuery Basic Table, Author: Jerry Low*/
table {
	background: white;
	border-collapse: collapse;
	margin: 0em 0 0 0;
	width: 70%
}
table tr, table th, table td {
	border: none;
	border: 3px solid #ffffff;
	text-align: center;
	font-size: 1em;
	vertical-align: middle;
}
table th, table td {
	padding: 10px 12px;
	text-align: left
}
table th {
	background: #dea165;
	color: #000;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase
}
table tr td {
	background: #f4e6d8;
	color: #000
}
.tablepoint {
	background: #ebd4bb;
	color: 000;
	font-weight: 600;
	text-align: center;
}
/*table tr:nth-of-type(2n+2) td {
	background: #ffffff
}*/

table.bt {
	width: 100%
}
table.bt tr {
	border: 1px solid #fff;
}
table.bt tfoot th, table.bt tfoot td, table.bt tbody td {
	font-size: 1em;
	padding: 0
}
table.bt tfoot th:before, table.bt tfoot td:before, table.bt tbody td:before {
	background: #dea165;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	padding: 2px 5px
}
table.bt tfoot th .bt-content, table.bt tfoot td .bt-content, table.bt tbody td .bt-content {
	display: inline-block;
	padding: 2px 5px
}
table.bt tfoot th:first-of-type:before, table.bt tfoot th:first-of-type .bt-content, table.bt tfoot td:first-of-type:before, table.bt tfoot td:first-of-type .bt-content, table.bt tbody td:first-of-type:before, table.bt tbody td:first-of-type .bt-content {
	padding-top: 10px
}
table.bt tfoot th:last-of-type:before, table.bt tfoot th:last-of-type .bt-content, table.bt tfoot td:last-of-type:before, table.bt tfoot td:last-of-type .bt-content, table.bt tbody td:last-of-type:before, table.bt tbody td:last-of-type .bt-content {
	padding-bottom: 10px
}
table.bt thead, table.bt tbody th {
	display: none
}
table.bt tfoot th, table.bt tfoot td, table.bt tbody td {
	border: 1px solid #ffffff;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	float: left\9;
	width: 100%\9
}
table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before {
	content: attr(data-th) "";
	display: inline-block;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	width: 7em
}
table.bt tfoot th.bt-hide, table.bt tfoot td.bt-hide, table.bt tbody td.bt-hide {
	display: none
}
table.bt tfoot th .bt-content, table.bt tfoot td .bt-content, table.bt tbody td .bt-content {
	vertical-align: top
}
.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
/* 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(n) {
	background-color: rgba(144, 144, 144, 0.075);
	background-color: #efdeca;
	}
table tbody tr:nth-child(n):hover {
	background-color: rgba(144, 144, 144, 0.075);
	background-color: #fcefb5;
	}

table tbody td {
	border:0px rgba(0, 0, 0, 1);	


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

}

table td {
	padding: 0.75em 0.75em;
	font-size: 1em;	


}
table th {
	color: #000000;
	background-color: #e0ba8d;
	font-size: 1.2em;
	font-weight: 700;
	padding: 0.75em;
	text-align: center;
	border:  0px rgba(0, 0, 0, 1);
}

table th a {
	color: #ffffff;
	text-decoration: underline;
}
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: #3cadd4;
	border-radius: 30px;
	border: 0;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	height: 2.85em;
	line-height: 2.95em;
	padding: 0 2em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {
	background-color: #51b6d9;
	text-decoration: none;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active {
	background-color: #2da2ca;
	text-decoration: none;
}
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.8em;
}
input[type="submit"].big, input[type="reset"].big, input[type="button"].big, .button.big {
	font-size: 1.35em;
}
input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
	color: #474747 !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: #858585;
}
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, .button.special {
	background-color: #383b43;
	color: #ffffff !important;
}
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, .button.special:hover {
	background-color: #444751;
}
input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, .button.special:active {
	background-color: #2c2f35;
}
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: #444 !important;
	box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
	color: #fff !important;
	cursor: default;
	opacity: 0.25;
}
/* Header */

body.landing #header {
	background-color: transparent;
	left: 0;
	position: absolute;
	top: 0;
}
body.landing #header nav a {
	color: rgba(255, 255, 255, 0.5);
}
#header {
	background-color: #383b43;
	color: #ffffff;
	cursor: default;
	font-size: 1.1em;
	height: 6em;
	line-height: 6em;
	width: 100%;
	z-index: 10000;
}
#header h1 {
	color: #ffffff;
	height: inherit;
	left: 3em;
	line-height: inherit;
	margin: 0;
	padding: 0;
	position: absolute;
}
#header h1 a {
	font-size: 1.25em;
}
#header nav {
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 3em;
	vertical-align: middle;
}
#header .show2 {
	display: none !important;
}
#header nav > ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#header nav > ul > li {
	border-radius: 4px;
	display: inline-block;
	margin-left: 1em;
	padding-left: 0;
	font-size:1em;
}
#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: #cdced0;
	display: inline-block;
	text-decoration: none;
}
#header nav > ul > li a:active, #header nav > ul > li a:hover {
	color: #ffffff;
}
#header nav > ul > li:first-child {
	margin-left: 0;
}
#header nav > ul > li .button {
	background-color: #fff;
	color: #444 !important;
	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 .avatar {
	width: 100%;
	max-width: 1920px;
	height: 600px;
	margin: 0px auto;
	background-image: url(../images/1090201_web.jpg);
	background-size: cover;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
#banner {
	/*background-color: #AAE0F9; 
	background-image: url(../images/1081203_bg1.jpg);*/
	background-position: center center;
	background-size: cover;
	padding: 0em 0em 0em 0em;
	text-align: center;
}
#bannerlogo {
	display: none !important;
}
.avatar2 img {
	width: 100%;
	max-width: 951px;
	max-height: 323px;
	background-size: cover;
	overflow: hidden;
	position: relative;
	/*	margin: 0px auto;*/
	overflow: hidden;
	background-size: cover;
	text-indent: -9999px;
}
.avatar3 img {
	width: 100%;
	max-width: 996px;
	max-height: 25px;
	/*	margin: 0px auto;*/
	overflow: hidden;
	background-size: cover;
	text-indent: -9999px;
}
.avatar4 img {
	width: 100%;
	max-width: 520px;
	max-height: 405px;
	margin: 0px auto;
	overflow: hidden;
	background-size: cover;
	text-indent: -9999px;
}
.avatar2 img {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}
.avatar5 {
	opacity: 1.0;
//設為完全不透明 filter: alpha(opacity=100);
// IE8 與更早的版本
}
.avatar5:hover {
	opacity: 0.7;
//透明度設為 0.5 filter: alpha(opacity=50);
// IE8 與更早的版本
}
.avatar5 img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
}
/* 隱藏 */
.hidden {
	display: block !important;
}
.hiddenimg {
	display: block !important;
}
/* 隱藏 */
.showimg {
	display: none !important;
}
#banner :last-child {
	margin-bottom: 0;
}
#banner h2 {
	color: #ffffff;
	font-size: 4em;
	line-height: 1.25em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
/* Wrapper */

.wrapper {
	padding: 0em 0em 4em;/* Style 1 Wrapper *//* Style 2 Wrapper *//* Style 3 Wrapper */
}
.wrapper.style1 {background-image: url(../images/1090201_BG.png);
	 		/*	border-bottom: 1px solid rgba(144, 144, 144, 0.25);
	border-top: 1px solid rgba(144, 144, 144, 0.25);*/
	background-color: ;
	padding-bottom: 2em;
	background-size: cover;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-size: 100%;
}
.wrapper.style1 .box1 {
	margin-top: .5em;
	margin-bottom: 1em;
    padding: 5px;
    border-radius: 40px;
    border: 7px solid #ff820a;
    box-shadow: 0 0 0 9px #ec2a36;
	width: 70%;
    display: inline-block;
 	background:#001d31 ; 
}
.wrapper.style1 .box1inline-block {
   width: 85%;
   display: inline-block!important;


}
.wrapper.style1 .box1 ul {
	margin-right: 0em;
	margin-bottom: 1em;
	color:#fff;
    display: inline-block!important;
	position:relativel;

}
.wrapper.style1 .box1 li {
	list-style-image:url(../images/1090201_arr01.png);
	font-size:1.5em;
    line-height:1.7em!important;
	font-weight:300!important;
    padding-left: 0;
			
	
	
}

.wrapper.style1 .box2 {
	margin-top: 1em;
	margin-bottom: 1em;
    padding: 5px;
   border-radius: 40px;
   border: 7px solid #ff820a;
   box-shadow: 0 0 0 9px #ec2a36;
   width: 70%;
   display: inline-block;
   background:#001d31 ;  原本的背景顏色
   color:#ffffff;

}
.wrapper.style1 .box2inline-block {
   width: 90%;
   display: inline-block;


}
.wrapper.style1 .box2 ul {

	margin-right: 0em;
	margin-bottom: 1em;
	color:#fff;
    display: inline-block!important;
	position:relativel;

}
.wrapper.style1 .box2 li {
	
	list-style-image:url(../images/1090201_arr01.png);
	font-size:1.5em;
    line-height:1.7em!important;
	font-weight:300!important;
    padding-left: 0;
			
	
	
}

.wrapper.style1 .box3 {
	margin-top: 1em;
	margin-bottom: 1em;
    padding: 5px;
    border-radius: 40px;
    border: 7px solid #ff820a;
    box-shadow: 0 0 0 9px #ec2a36;
	width: 70%;
    display: inline-block;
 	background:#001d31 ; 
}
.wrapper.style1 .box3inline-block {
   width: 85%;
   display: inline-block!important;


}
.wrapper.style1 .box3 ul {
	margin-right: 0em;
	margin-bottom: 1em;
	color:#fff;
    display: inline-block!important;
	position:relativel;

}
.wrapper.style1 .box3 li {
	list-style-image:url(../images/1090201_arr01.png);
	font-size:1.5em;
    line-height:1.7em!important;
	font-weight:300!important;
    padding-left: 0;
			
	
	
}
.wrapper.style1 .box4 {
	margin-top: 1em;
	margin-bottom: 3em;
    padding: 5px;
    border-radius: 40px;
    border: 7px solid #ff820a;
    box-shadow: 0 0 0 9px #ec2a36;
	width: 70%;
    display: inline-block;
 	background:#14496d ; 
}
.wrapper.style1 .box4inline-block {
   width: 98%;
   display: inline-block!important;


}
.wrapper.style1 .box4 ul {
	margin-right: 0em;
	margin-bottom: 1em;
	color:#fff;
    display: inline-block!important;
	position:relativel;

}
.wrapper.style1 .box4 li {
	list-style-image:url(../images/1090201_arr03.png);
	font-size:1.2em;
    line-height:1.5em!important;
	font-weight:300!important;
    padding-left: 0;
	
	
}
.wrapper.style1 .box4sub{
	margin-left:.5em;

}
.wrapper.style1 .classimg img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin-top: -1em;
	margin-bottom:1em;
	margin-left: 0em;
    margin-right: 2em;

	opacity:1.0 !important;
    filter: alpha(opacity=100) !important; // IE8 與更早的版本
	display: block !important;

}
.wrapper.style1 .pointimg img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1em;
}
.wrapper.style1 .pointimg1 img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin-top: -2em;
	margin-bottom: 1em;
}
.wrapper.style1 .pointimg2left img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin-top: -2em;
	margin-left: 1em;
}
.wrapper.style1 .pointimg2right img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin-top: -2em;
	margin-right: 1em;
}
.wrapper.style1 .titleimg2 img {
	vertical-align: middle;
	text-align: right;
}
.wrapper.style1 .profile img {
	float: left;
}
.wrapper.style1 .box h2, .wrapper.style1 .box h3, .wrapper.style1 .box h4, .wrapper.style1 .box h5, .wrapper.style1 .box h6 {
	color: #858585;
}
.wrapper.style2 {
	margin-top: 0em;

}
.wrapper.style2 .titleimg img {
	position: relative;
	border-radius: 0%;
	float: left;
	margin-top: -10em;
	margin-left: -3em;
	z-index: 3;
}
.wrapper.style2 .profiles {
	margin-bottom: -5em;
	padding-top: 1em;
	text-align: center;
}
.wrapper.style2 .profile {
	margin-bottom: 2em;
	text-align: left;
}
.wrapper.style2 .profile img {
	border-radius: 50%;
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}
.wrapper.style2 .profile h4 {
	margin-bottom: 0;
	margin-top: 1em;
}
.wrapper.style2 footer {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
.wrapper.style2 footer p {
	margin-bottom: 3em;
}
.wrapper.style3 {
	background-color: #dfdfd7;
	color: #666666;
}
.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 p {
	color: #666666;
}
.wrapper.style3 input[type="text"], .wrapper.style3 input[type="password"], .wrapper.style3 input[type="email"], .wrapper.style3 select, .wrapper.style3 textarea {
	background-color: #fff;
	color: #444;
}
.wrapper.style4 {/*background-image: url(../images/1070401_07_bg.png);*
			border-bottom: 1px /*solid rgba(144, 144, 144, 0.25)*/;/*border-top: 1px /*solid rgba(144, 144, 144, 0.25)*/;
	background-color: #e0ba8d;
	margin-bottom: -3em;
}
.wrapper.style4 .box {
	border-radius: 5px;
	border: 2px dashed #000000;
	background: #ffffff;  /* 原本的背景顏色 */
	width: 75%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	display: inline-block;
}
.wrapper.style4 .box ul {
	margin-left: -1em;
}
.wrapper.style4 .box li {
	font-size: 1em;
	list-style: none;
}
.wrapper.style4 .class ul {
	margin-left: -1.5em;
	margin-right: -2em;
	margin-bottom: 0em;
	list-style: none;
}
.wrapper.style4 .class li {
	line-height: 2em;
	font-size: 1.2em;
	padding-bottom: .2em;
	letter-spacing: 3px;
}
.wrapper.style1 .box li {
	font-size: 1em;
	list-style: none;
}
.wrapper.style4 .classsub1 {
	background-color: #e7373c;
	border-radius: 30px;
	border: 0;
	color: #FFFFFF !important;
	display: inline-block;
	line-height: 1.2em;
	padding: .2em .5em;
	text-decoration: none;
	white-space: pre-wrap;
	font-size: 1em;
	cursor: pointer;
	margin: 0 .5em .5em;
}
.wrapper.style4 .profiles {
	border-bottom: 1px solid rgba(144, 144, 144, 0.25);
	border-top: 1px solid rgba(144, 144, 144, 0.25);
	margin-bottom: -6em;
	padding-top: 4em;
}
.wrapper.style4 .profile {
	margin-bottom: 2em;
	text-align: left;
}
.wrapper.style4 .profile img {
}
.wrapper.style4 .profile h4 {
	margin-bottom: 0;
	margin-top: 1em;
}
.wrapper.style4 p {
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 2em;
	letter-spacing: 5px;
}
.wrapper.style5 .box h2, .wrapper.style1 .box h3, .wrapper.style1 .box h4, .wrapper.style1 .box h5, .wrapper.style1 .box h6 {
	color: #858585;
}
/* Footer */

#footer {
	background: #383b43;
	padding: 6em 0em 4em;
}
#footer h2, #footer h3, #footer h4 {
	color: #ffffff;
}
#footer p, #footer a, #footer li {
	color: #cdced0;
}
#footer .links {
	border-bottom: 1px solid rgba(144, 144, 144, 0.25);
	margin-bottom: 4em;
	padding-bottom: 1em;
}
#footer .copyright {
	margin-top: 0.65em;
	padding: 0;
}
#footer .copyright li {
	color: #858585;
	display: inline-block;
	list-style: none;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
#footer .copyright li:first-child {
	margin-left: 0;
	padding-left: 0;
}
#footer .copyright a {
	color: #858585;
}
#footer .icons {
	text-align: right;
}
#footer a.icon {
	color: #ffffff;
	font-size: 0.65em;
	height: 4em;
	line-height: 4em;
	width: 4em;
	cursor: pointer;
}
#footerbutton {
	/*display: none !important;*/
	
	display: block !important;
	margin-top: -2em;
	margin-right: 2em;
	position: fixed;
	bottom: 5em;
	width: 3%;
	right: 0px;
	background: rgba();
	color: #444 !important;
	height: 18em;
	line-height: 4em;
	z-index: 10;
}
/* Grid Demo */

.grid-demo {
	display: block;
	margin: 0 0 2em 0;
}
.grid-demo span {
	background: #8d93a0;
	border-radius: 4px;
	color: rgba(0, 0, 0, 0.25);
	display: block;
	font-weight: 700;
	height: 2.75em;
	line-height: 2.75em;
	text-align: center;
}
.grid-demo .row.flush > div span {
	border-radius: 0;
}
.grid-demo .row.flush > div:first-child span {
	border-radius: 4px 0 0 4px;
}
.grid-demo .row.flush > div:last-child span {
	border-radius: 0 4px 4px 0;
}