.ff-amazon {
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif
}

@media only screen and (min-width: 768px) {
	.pcnone {
		display: none
	}
}

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

.clearfix, main, .form-vartical, .footer-menu, .social-menu, ul, ol, .card-list > ul, .thumb-list > ul, .pagenation > ul, .entry-flow ul, .select_payment_menu > ul {
	overflow: hidden;
	*zoom: 1
}

.ellipsis {
	overflow: hidden
}

.ellipsis a {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.font-s {
	font-size: 80% !important
}

.font-l {
	font-size: 130% !important
}

.hidden, .disnon, .hide {
	display: none !important;
	visibility: hidden !important
}

.show {
	display: block !important
}

.fr {
	float: right !important
}

.fl {
	float: left !important
}

.center {
	margin-left: auto;
	margin-right: auto
}

.tc {
	text-align: center !important
}

.tl {
	text-align: left !important
}

.tr {
	text-align: right !important
}

.disp-ib {
	display: inline-block !important
}

.bg-gray {
	background: rgba(34, 34, 34, 0.1);
	padding: 10px;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem
}

.affix {
	position: fixed
}

.w100 {
	width: 100%
}

.w90 {
	width: 90%
}

.w80 {
	width: 80%
}

.w70 {
	width: 70%
}

.w60 {
	width: 60%
}

.w50 {
	width: 50%
}

.w40 {
	width: 40%
}

.w30 {
	width: 30%
}

.w20 {
	width: 20%
}

.w10 {
	width: 10%
}

.m0 {
	margin: 0px !important
}

.mt0 {
	margin-top: 0px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.ml0 {
	margin-left: 0px !important
}

.mr0 {
	margin-right: 0px !important
}

.p0 {
	padding: 0px !important
}

.pt0 {
	padding-top: 0px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.pl0 {
	padding-left: 0px !important
}

.pr0 {
	padding-right: 0px !important
}

.m5 {
	margin: 5px !important
}

.mt5 {
	margin-top: 5px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.ml5 {
	margin-left: 5px !important
}

.mr5 {
	margin-right: 5px !important
}

.p5 {
	padding: 5px !important
}

.pt5 {
	padding-top: 5px !important
}

.pb5 {
	padding-bottom: 5px !important
}

.pl5 {
	padding-left: 5px !important
}

.pr5 {
	padding-right: 5px !important
}

.m10 {
	margin: 10px !important
}

.mt10 {
	margin-top: 10px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.ml10 {
	margin-left: 10px !important
}

.mr10 {
	margin-right: 10px !important
}

.p10 {
	padding: 10px !important
}

.pt10 {
	padding-top: 10px !important
}

.pb10 {
	padding-bottom: 10px !important
}

.pl10 {
	padding-left: 10px !important
}

.pr10 {
	padding-right: 10px !important
}

.m15 {
	margin: 15px !important
}

.mt15 {
	margin-top: 15px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.ml15 {
	margin-left: 15px !important
}

.mr15 {
	margin-right: 15px !important
}

.p15 {
	padding: 15px !important
}

.pt15 {
	padding-top: 15px !important
}

.pb15 {
	padding-bottom: 15px !important
}

.pl15 {
	padding-left: 15px !important
}

.pr15 {
	padding-right: 15px !important
}

.m20 {
	margin: 20px !important
}

.mt20 {
	margin-top: 20px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.ml20 {
	margin-left: 20px !important
}

.mr20 {
	margin-right: 20px !important
}

.p20 {
	padding: 20px !important
}

.pt20 {
	padding-top: 20px !important
}

.pb20 {
	padding-bottom: 20px !important
}

.pl20 {
	padding-left: 20px !important
}

.pr20 {
	padding-right: 20px !important
}

.m25 {
	margin: 25px !important
}

.mt25 {
	margin-top: 25px !important
}

.mb25 {
	margin-bottom: 25px !important
}

.ml25 {
	margin-left: 25px !important
}

.mr25 {
	margin-right: 25px !important
}

.p25 {
	padding: 25px !important
}

.pt25 {
	padding-top: 25px !important
}

.pb25 {
	padding-bottom: 25px !important
}

.pl25 {
	padding-left: 25px !important
}

.pr25 {
	padding-right: 25px !important
}

.m30 {
	margin: 30px !important
}

.mt30 {
	margin-top: 30px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.ml30 {
	margin-left: 30px !important
}

.mr30 {
	margin-right: 30px !important
}

.p30 {
	padding: 30px !important
}

.pt30 {
	padding-top: 30px !important
}

.pb30 {
	padding-bottom: 30px !important
}

.pl30 {
	padding-left: 30px !important
}

.pr30 {
	padding-right: 30px !important
}

.m35 {
	margin: 35px !important
}

.mt35 {
	margin-top: 35px !important
}

.mb35 {
	margin-bottom: 35px !important
}

.ml35 {
	margin-left: 35px !important
}

.mr35 {
	margin-right: 35px !important
}

.p35 {
	padding: 35px !important
}

.pt35 {
	padding-top: 35px !important
}

.pb35 {
	padding-bottom: 35px !important
}

.pl35 {
	padding-left: 35px !important
}

.pr35 {
	padding-right: 35px !important
}

.m40 {
	margin: 40px !important
}

.mt40 {
	margin-top: 40px !important
}

.mb40 {
	margin-bottom: 40px !important
}

.ml40 {
	margin-left: 40px !important
}

.mr40 {
	margin-right: 40px !important
}

.p40 {
	padding: 40px !important
}

.pt40 {
	padding-top: 40px !important
}

.pb40 {
	padding-bottom: 40px !important
}

.pl40 {
	padding-left: 40px !important
}

.pr40 {
	padding-right: 40px !important
}

.m45 {
	margin: 45px !important
}

.mt45 {
	margin-top: 45px !important
}

.mb45 {
	margin-bottom: 45px !important
}

.ml45 {
	margin-left: 45px !important
}

.mr45 {
	margin-right: 45px !important
}

.p45 {
	padding: 45px !important
}

.pt45 {
	padding-top: 45px !important
}

.pb45 {
	padding-bottom: 45px !important
}

.pl45 {
	padding-left: 45px !important
}

.pr45 {
	padding-right: 45px !important
}

.m50 {
	margin: 50px !important
}

.mt50 {
	margin-top: 50px !important
}

.mb50 {
	margin-bottom: 50px !important
}

.ml50 {
	margin-left: 50px !important
}

.mr50 {
	margin-right: 50px !important
}

.p50 {
	padding: 50px !important
}

.pt50 {
	padding-top: 50px !important
}

.pb50 {
	padding-bottom: 50px !important
}

.pl50 {
	padding-left: 50px !important
}

.pr50 {
	padding-right: 50px !important
}

.m55 {
	margin: 55px !important
}

.mt55 {
	margin-top: 55px !important
}

.mb55 {
	margin-bottom: 55px !important
}

.ml55 {
	margin-left: 55px !important
}

.mr55 {
	margin-right: 55px !important
}

.p55 {
	padding: 55px !important
}

.pt55 {
	padding-top: 55px !important
}

.pb55 {
	padding-bottom: 55px !important
}

.pl55 {
	padding-left: 55px !important
}

.pr55 {
	padding-right: 55px !important
}

.m60 {
	margin: 60px !important
}

.mt60 {
	margin-top: 60px !important
}

.mb60 {
	margin-bottom: 60px !important
}

.ml60 {
	margin-left: 60px !important
}

.mr60 {
	margin-right: 60px !important
}

.p60 {
	padding: 60px !important
}

.pt60 {
	padding-top: 60px !important
}

.pb60 {
	padding-bottom: 60px !important
}

.pl60 {
	padding-left: 60px !important
}

.pr60 {
	padding-right: 60px !important
}

.m65 {
	margin: 65px !important
}

.mt65 {
	margin-top: 65px !important
}

.mb65 {
	margin-bottom: 65px !important
}

.ml65 {
	margin-left: 65px !important
}

.mr65 {
	margin-right: 65px !important
}

.p65 {
	padding: 65px !important
}

.pt65 {
	padding-top: 65px !important
}

.pb65 {
	padding-bottom: 65px !important
}

.pl65 {
	padding-left: 65px !important
}

.pr65 {
	padding-right: 65px !important
}

.m70 {
	margin: 70px !important
}

.mt70 {
	margin-top: 70px !important
}

.mb70 {
	margin-bottom: 70px !important
}

.ml70 {
	margin-left: 70px !important
}

.mr70 {
	margin-right: 70px !important
}

.p70 {
	padding: 70px !important
}

.pt70 {
	padding-top: 70px !important
}

.pb70 {
	padding-bottom: 70px !important
}

.pl70 {
	padding-left: 70px !important
}

.pr70 {
	padding-right: 70px !important
}

.m75 {
	margin: 75px !important
}

.mt75 {
	margin-top: 75px !important
}

.mb75 {
	margin-bottom: 75px !important
}

.ml75 {
	margin-left: 75px !important
}

.mr75 {
	margin-right: 75px !important
}

.p75 {
	padding: 75px !important
}

.pt75 {
	padding-top: 75px !important
}

.pb75 {
	padding-bottom: 75px !important
}

.pl75 {
	padding-left: 75px !important
}

.pr75 {
	padding-right: 75px !important
}

.m80 {
	margin: 80px !important
}

.mt80 {
	margin-top: 80px !important
}

.mb80 {
	margin-bottom: 80px !important
}

.ml80 {
	margin-left: 80px !important
}

.mr80 {
	margin-right: 80px !important
}

.p80 {
	padding: 80px !important
}

.pt80 {
	padding-top: 80px !important
}

.pb80 {
	padding-bottom: 80px !important
}

.pl80 {
	padding-left: 80px !important
}

.pr80 {
	padding-right: 80px !important
}

.m85 {
	margin: 85px !important
}

.mt85 {
	margin-top: 85px !important
}

.mb85 {
	margin-bottom: 85px !important
}

.ml85 {
	margin-left: 85px !important
}

.mr85 {
	margin-right: 85px !important
}

.p85 {
	padding: 85px !important
}

.pt85 {
	padding-top: 85px !important
}

.pb85 {
	padding-bottom: 85px !important
}

.pl85 {
	padding-left: 85px !important
}

.pr85 {
	padding-right: 85px !important
}

.m90 {
	margin: 90px !important
}

.mt90 {
	margin-top: 90px !important
}

.mb90 {
	margin-bottom: 90px !important
}

.ml90 {
	margin-left: 90px !important
}

.mr90 {
	margin-right: 90px !important
}

.p90 {
	padding: 90px !important
}

.pt90 {
	padding-top: 90px !important
}

.pb90 {
	padding-bottom: 90px !important
}

.pl90 {
	padding-left: 90px !important
}

.pr90 {
	padding-right: 90px !important
}

.m95 {
	margin: 95px !important
}

.mt95 {
	margin-top: 95px !important
}

.mb95 {
	margin-bottom: 95px !important
}

.ml95 {
	margin-left: 95px !important
}

.mr95 {
	margin-right: 95px !important
}

.p95 {
	padding: 95px !important
}

.pt95 {
	padding-top: 95px !important
}

.pb95 {
	padding-bottom: 95px !important
}

.pl95 {
	padding-left: 95px !important
}

.pr95 {
	padding-right: 95px !important
}

.m100 {
	margin: 100px !important
}

.mt100 {
	margin-top: 100px !important
}

.mb100 {
	margin-bottom: 100px !important
}

.ml100 {
	margin-left: 100px !important
}

.mr100 {
	margin-right: 100px !important
}

.p100 {
	padding: 100px !important
}

.pt100 {
	padding-top: 100px !important
}

.pb100 {
	padding-bottom: 100px !important
}

.pl100 {
	padding-left: 100px !important
}

.pr100 {
	padding-right: 100px !important
}

:root {
	box-sizing: border-box;
	cursor: default;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%
}

audio:not([controls]) {
	display: none
}

details {
	display: block
}

input[type="number"] {
	width: auto
}

input[type="search"] {
	-webkit-appearance: textfield
}

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

main {
	display: block
}

summary {
	display: block
}

pre {
	overflow: auto
}

progress {
	display: inline-block
}

small {
	font-size: 75%
}

big {
	font-size: 125%
}

template {
	display: none
}

textarea {
	overflow: auto;
	resize: vertical
}

[hidden] {
	display: none
}

[unselectable] {
	user-select: none
}

*, ::before, ::after {
	border-style: dotted;
	border-color: rgba(34, 34, 34, 0.3);
	border-width: 0;
	box-sizing: inherit
}

* {	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

::before, ::after {
	text-decoration: inherit;
	vertical-align: inherit
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent
}

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

button, input, select, textarea {
	background-color: transparent;
	border: 0.1rem solid #ccc;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	min-height: 1.5em
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace, monospace
}

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

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

button::-moz-focus-inner {
	border: 0
}

@media screen {
	[hidden~="screen"] {
		display: inherit
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		clip: rect(0 0 0 0) !important;
		position: absolute !important
	}
}

body {
	color: #222;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 200;
	line-height: 1.8
}

p {
	margin: 0 0 1.6rem
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Robot", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 2rem 0 1.6rem
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit
}

h1 {
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.1;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: inline-block
}

h2 {
	font-size: 3rem;
	font-style: normal;
	font-weight: 100
}

h3 {
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 200;
	margin: 1.6rem 0 .4rem
}

h4 {
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	margin: 1.6rem 0 .4rem
}

h5 {
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	margin: 1.6rem 0 .4rem;
	line-height: 2rem;
}

h6 {
	color: #777;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	margin: 1.6rem 0 .4rem
}

small {
	color: #777
}

pre {
	background: #efefef;
	color: #222;
	display: block;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 1.4rem;
	margin: 1.6rem 0;
	padding: 1.6rem;
	word-break: break-all;
	word-wrap: break-word
}

code {
	background: #efefef;
	color: #222;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 1.4rem;
	word-break: break-all;
	word-wrap: break-word
}

a {
	color: #00A0FF;
	transition: 0.25s ease
}

a:hover, a:focus {
	text-decoration: none
}

dl {
	margin-bottom: 1.6rem
}

dd {
	margin-left: 4rem
}

ul, ol {
	margin-bottom: .8rem;
	padding-left: 2rem
}

blockquote {
	border-left: 0.2rem solid #00A0FF;
	font-family: "Roboto Slab", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-style: italic;
	margin: 1.6rem 0;
	padding-left: 1.6rem
}

figcaption {
	font-family: "Roboto Slab", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif
}

html {
	font-size: 62.5%;
	height: 100%
}

body {
	padding: 0;
	height: 100%
}

@media screen and (max-width: 60rem) {
	html {
		font-size: 50%
	}
}

main, header, footer, article, section, aside, details, summary {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%
}

header {
	display: block;
	position: absolute;
	z-index: 1
}

main {
	display: block;
	margin: 0 auto;
	padding-bottom: 100px;
	max-width: 76.8rem;
	padding: 1.6rem 1.6rem 1.6rem;
	min-height: 600px
}

article {
	clear: left;
	display: inline-block;
	float: left;
	margin-bottom: 1.6rem;
	max-width: calc(60% - 1rem)
}

aside {
	clear: right;
	display: inline-block;
	float: right;
	margin-bottom: 1.6rem;
	max-width: calc(40% - 1rem)
}

section {
	clear: both;
	display: inline-block;
	float: left;
	margin-bottom: 40px;
	max-width: 100%
}

footer {
	border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
	clear: both;
	display: inline-block;
	float: left;
	max-width: 100%;
	padding: 1rem 0;
	text-align: center
}

footer .footer-inner {
	width: 96rem;
	margin: auto
}

hr {
	border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
	display: block;
	margin-bottom: 1.6rem;
	width: 100%
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: baseline
}

.header-inner, .nav-inner, .footer-inner {
	width: 96rem;
	margin: auto;
	max-width: 100%
}

@media screen and (max-width: 76.8rem) {
	.header-inner, .nav-inner, .footer-inner, .section-inner {
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block;
		padding-left: 1.6rem;
		padding-right: 1.6rem;
		min-width: 280px
	}

	.header-inner {
		padding-right: 0
	}

	article, section, aside {
		clear: both;
		display: block;
		max-width: 100%
	}

	img {
		margin-right: 1.6rem
	}
}

@media screen and (max-width: 60rem) {
	main {
		min-height: 400px
	}

	.header-inner {
		padding-left: 0;
		text-align: center;
		overflow: visible
	}

	.nav-inner {
		padding-left: 0;
		padding-right: 0
	}

	img {
		margin-right: 1.6rem
	}
}

input[type=submit], input[type=button], button {
	-moz-appearance: none;
	-webkit-appearance: none
}

input[type=submit], button, .btn {
	background-color: #00A0FF;
	border: none;
	border-bottom: 0.4rem solid #0080cc;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: .8rem;
	margin-right: .4rem;
	padding: .8rem 1.6rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.25s ease;
	-webkit-user-drag: none;
	user-select: none;
	vertical-align: baseline
}

input[type=submit] a, button a, .btn a {
	color: inherit
}

input[type=submit]::-moz-focus-inner, button::-moz-focus-inner, .btn::-moz-focus-inner {
	padding: 0
}

input[type=submit]:hover, input[type=submit].hover, button:hover, button.hover, .btn:hover, .btn.hover {
	background: #66c6ff;
	border-color: #33b3ff;
	color: #fff
}

input[type=submit]:hover a, input[type=submit].hover a, button:hover a, button.hover a, .btn:hover a, .btn.hover a {
	color: inherit
}

input[type=submit]:active, button:active, .btn:active {
	background: #66c6ff;
	border-color: #33b3ff;
	color: #fff
}

input[type=submit]:active a, button:active a, .btn:active a {
	color: inherit
}

input[type=submit]:disabled, button:disabled, .btn:disabled {
	box-shadow: none;
	cursor: not-allowed;
	opacity: .40
}

.btn-lg {
	font-size: 130%;
	letter-spacing: 1px;
	min-width: 26rem;
	max-width: 100%
}

.btn-xl {
	font-size: 160%;
	letter-spacing: 1px;
	padding: .8em;
	min-width: 26rem;
	max-width: 100%
}

.btn-2x {
	font-size: 200%;
	letter-spacing: 1px;
	padding: .8em;
	min-width: 26rem;
	max-width: 100%
}

.btn.accent {
	background: #F9619B;
	border-color: #eb095f
}

.btn.accent:hover, .btn.accent .hover {
	background: #fb92ba;
	border-color: #fa70a4
}

.btn.disable {
	background: #aaa;
	border-color: #777
}

.btn.disable:hover, .btn.disable .hover {
	background: #c4c4c4;
	border-color: #b2b2b2
}

.btn.facebook {
	background: #305097;
	border-color: #17274a
}

.btn.facebook:hover, .btn.facebook .hover {
	background: #4d73c6;
	border-color: #395eb2
}

.btn.twitter {
	background: #00aced;
	border-color: #006287
}

.btn.twitter:hover, .btn.twitter .hover {
	background: #3bc9ff;
	border-color: #12beff
}

.btn.amazon {
	background: #313131;
	border-color: #000
}

.btn.amazon:hover, .btn.amazon .hover {
	background: #575757;
	border-color: #434343
}

.btn.android {
	background: #9c0;
	border-color: #739900
}

.btn.android:hover, .btn.android .hover {
	background: #a1d600;
	border-color: #9c0
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select {
	border: none;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	display: inline-block;
	padding: .8rem;
	vertical-align: middle;
	height: 44px;
	line-height: 44px;
	-moz-appearance: none;
	-webkit-appearance: none
}

input:not([type]) {
	-webkit-appearance: none;
	background-clip: padding-box;
	background-color: #fff;
	border: 0.1rem solid #ccc;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	color: #222;
	display: inline-block;
	padding: .8rem;
	text-align: left
}

input[type="color"] {
	padding: .8rem 1.6rem
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
	border-color: #b3d4fc;
	outline: none;
	background: rgba(255, 255, 0, 0.1)
}

input:not([type]):focus {
	border-color: #b3d4fc
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: middle
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: 0.1rem solid thin #222
}

input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[disabled], textarea[disabled] {
	background-color: #efefef;
	color: #777;
	cursor: not-allowed
}

input:not([type])[disabled] {
	background-color: #efefef;
	color: #777;
	cursor: not-allowed
}

input[readonly], select[readonly], textarea[readonly] {
	background-color: #efefef;
	border-color: #ccc;
	color: #777;
	cursor: not-allowed;
	pointer-events: none
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	border-color: #e9322d;
	color: #b94a48
}

input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus {
	outline-color: #ff4136
}

select {
	background-color: #fff;
	border: 0.1rem solid #ccc;
	height: 44px;
	line-height: 1
}

.select-box {
	position: relative;
	display: inline-block
}

.select-box:before {
	content: '\f107';
	font-family: Fontawesome;
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	color: rgba(34, 34, 34, 0.5);
	line-height: 1;
	margin-top: -0.5em
}

select[multiple] {
	height: auto
}

label {
	line-height: 2
}

fieldset {
	border: 0;
	margin: 0;
	padding: .8rem 0
}

legend {
	border-bottom: 0.1rem solid #ccc;
	color: #222;
	display: block;
	margin-bottom: .8rem;
	padding: .8rem 0;
	width: 100%
}

textarea {
	border: 0.1rem solid #ccc;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	display: block;
	margin-bottom: .8rem;
	padding: .8rem;
	vertical-align: middle;
	width: 100%;
	height: 20em;
	background: #FFF
}

.form-vartical {
	background: #FFF;
	overflow: hidden;
	display: inline-block;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	display: inline-block
}

.form-vartical input[type="text"], .form-vartical input[type="email"], .form-vartical input[type="password"] {
	width: 20em
}

.form-vartical select {
	width: 8em;
	border: none
}

.form-vartical label, .form-vartical input[type=submit] {
	width: 10em;
	color: #FFF;
	display: inline-block;
	height: 45px;
	line-height: 44px;
	background: #00A0FF;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
	font-weight: normal;
}

@media screen and (max-width: 60rem) {
	.form-vartical input[type="text"], .form-vartical input[type="email"], .form-vartical input[type="password"] {
		width: 15em
	}

	.form-vartical select {
		width: 5em;
		border: none
	}
}

nav, .menu {
	position: relative;
	width: 100%;
	height: 50px;
	list-style: none;
	padding-left: 0;
	margin: 0
}

nav ul, .menu ul {
	padding-left: 0;
	list-style: none
}

nav > li, .menu > li {
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	background: transparent;
	color: #FFF
}

nav > li a, .menu > li a {
	display: block;
	width: 100%;
	color: inherit;
	padding-left: 10px;
	padding-right: 10px
}

nav > li a:hover, nav > li a.hover, .menu > li a:hover, .menu > li a.hover {
	background: transparent;
	background: rgba(0, 0, 0, 0.3);
	background: rgba(0, 0, 0, 0.8);
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

nav > li a.disable, .menu > li a.disable {
	pointer-events: none;
	cursor: default
}

ul.menu-second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1
}

ul.menu-third-level {
	visibility: hidden;
	opacity: 0
}

ul.menu-fourth-level {
	visibility: hidden;
	opacity: 0
}

li.menu-single > a:after, li.menu-multi > a:after, li.menu-mega > a:after {
	content: '\f107';
	font-family: FontAwesome;
	display: inline-block;
	margin: 0 0 0 10px;
	overflow: visible;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

li.menu-single:hover > a:after, li.menu-single.hover > a:after, li.menu-multi:hover > a:after, li.menu-multi.hover > a:after, li.menu-mega:hover > a:after, li.menu-mega.hover > a:after {
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.arrow-right:after {
	content: '\f105';
	font-family: FontAwesome;
	display: inline-block;
	margin: 0 0 0 15px;
	overflow: visible;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.arrow-right:hover:after, .arrow-right.hover:after {
	-moz-transform: translate(10px, 0px);
	-ms-transform: translate(10px, 0px);
	-webkit-transform: translate(10px, 0px);
	transform: translate(10px, 0px);
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu-second-level li {
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.menu-third-level li {
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.menu-fourth-level li {
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.menu > li.menu-single {
	position: relative
}

.menu > li.menu-single ul.menu-second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu > li.menu-single:hover ul.menu-second-level, .menu > li.menu-single.hover ul.menu-second-level {
	top: 50px;
	visibility: visible;
	opacity: 1
}

.menu > li.menu-multi {
	position: relative
}

.menu > li.menu-multi:hover ul.menu-second-level, .menu > li.menu-multi.hover ul.menu-second-level {
	top: 50px;
	visibility: visible;
	opacity: 1
}

.menu > li.menu-multi ul.menu-second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #072A24;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu > li.menu-multi ul.menu-second-level li {
	position: relative
}

.menu > li.menu-multi ul.menu-second-level li:hover, .menu > li.menu-multi ul.menu-second-level li.hover {
	background: #111
}

.menu > li.menu-multi ul.menu-second-level li:hover ul.menu-third-level, .menu > li.menu-multi ul.menu-second-level li.hover ul.menu-third-level {
	visibility: visible;
	opacity: 1
}

.menu > li.menu-multi ul.menu-second-level li ul.menu-third-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #111;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li {
	position: relative
}

.menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li:hover, .menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li.hover {
	background: #2a1f1f
}

.menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li:hover ul.menu-fourth-level, .menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li.hover ul.menu-fourth-level {
	visibility: visible;
	opacity: 1
}

.menu > li.menu-multi ul.menu-second-level li ul.menu-third-level li ul.menu-fourth-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #2a1f1f;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu > li.menu-mega {
	position: relative
}

.menu > li.menu-mega:hover ul.menu-second-level, .menu > li.menu-mega.hover ul.menu-second-level {
	top: 50px;
	visibility: visible;
	opacity: 1
}

.menu > li.menu-mega ul.menu-second-level {
	position: absolute;
	top: 40px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background: #072A24;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.menu > li.menu-mega ul.menu-second-level > li {
	float: left;
	width: 32%;
	border: none
}

.menu > li.menu-mega ul.menu-second-level > li:nth-child(3n+2) {
	margin: 0 1%
}

.header-menu {
	float: right;
	top: 0;
	right: 0
}

.header-menu ul.menu {
	margin-left: auto;
	margin-right: 0;
	background: transparent
}

.header-menu ul.menu > li {
	border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.header-menu ul.menu > li:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.g-nav {
	background: #222;
	text-align: center
}

.g-nav ul {
	margin: 0 auto;
	display: inline-block
}

.g-nav ul > li {
	width: 25%;
	border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.g-nav ul > li:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.footer-menu ul.menu, .social-menu ul.menu {
	display: inline-block;
	width: auto
}

@media screen and (max-width: 76.8rem) {
	.menu {
		height: auto
	}
}

@media screen and (max-width: 60rem) {
	.header-menu {
		float: none
	}

	.header-menu > ul {
		display: block;
		width: 100%
	}

	.header-menu > ul > li {
		width: 33%;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2)
	}

	.header-menu > ul > li:first-child {
		border-left: none;
		width: 34%
	}

	.header-menu > ul > li:last-child {
		border-right: none
	}

	.g-nav {
		height: 100px !important
	}

	.g-nav ul {
		height: 100px !important
	}

	.g-nav ul li {
		width: 50%;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2)
	}

	.g-nav ul li:last-child {
		border-right: none
	}

	.g-nav ul li:nth-child(odd) {
		border-right: 1px solid rgba(255, 255, 255, 0.2)
	}

	.footer-menu .menu > li {
		height: 40px;
		line-height: 40px;
		display: block;
		width: 100%;
		border-bottom: 2px dotted #555
	}
}

table {
	background-color: #fff;
	margin-bottom: 1.6rem
}

caption {
	padding: .8rem 0;
	color: inherit;
	text-align: left
}

th {
	text-align: left;
	background: #efefef
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
	padding: 10px;
	line-height: inherit;
	vertical-align: top;
	border: none;
	border-bottom: 1px dotted rgba(34, 34, 34, 0.3)
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
	border-top: 0
}

.table > tbody + tbody {
	border-top: 2px solid rgba(0, 0, 0, 0.1)
}

.table .table {
	background-color: #000
}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
	padding: 10px
}

.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.1)
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
	border: 1px solid rgba(0, 0, 0, 0.1)
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) {
	background-color: blue
}

.table-hover > tbody > tr:hover {
	background-color: #ff0
}

table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell
}

.table-responsive {
	overflow-x: auto;
	min-height: 0.01%
}

.fixed-table-body {
	background: #fff;
	padding: 0 20px;
}

@media screen and (max-width: 76.8rem) {
	.table-responsive {
		width: 100%;
		margin-bottom: 7.5px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid rgba(0, 0, 0, 0.1)
	}

	.table-responsive > .table {
		margin-bottom: 0
	}

	.table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
		white-space: nowrap
	}

	.table-responsive > .table-bordered {
		border: 0
	}

	.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0
	}

	.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0
	}

	.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0
	}

	.fixed-table-body {
		background: #fff;
		padding: 0 5px;
	}
}

.modal-content {
	width: 50%;
	margin: 0;
	padding: 10px 20px;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 10001;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem
}

#modal-overlay {
	z-index: 10000;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75)
}

#modal-close {
	position: absolute;
	bottom: 100%;
	right: 0;
	color: #FFF;
	font-size: 2rem;
	cursor: pointer;
	margin-bottom: 0
}

@media screen and (max-width: 60rem) {
	.modal-content {
		width: 80%
	}
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible
}

ol.number {
	counter-reset: number
}

ol.number > li:before {
	counter-increment: number;
	content: counter(number);
	margin-right: 5px
}

ol.maru li:before {
	float: left;
	background: #00A0FF;
	width: 1.5em;
	height: 1.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1.5
}

dl.faq {
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

dl.faq > dt, dl.faq > dd {
	padding-left: 2.5em;
	position: relative;
	margin-bottom: 10px
}

dl.faq > dt:before, dl.faq > dd:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 120%;
	font-weight: bold;
	width: 1.5em;
	height: 1.5em;
	line-height: 1em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	padding: 5px;
	color: #FFF
}

dl.faq > dt {
	font-weight: bold
}

dl.faq > dt:before {
	content: "Q";
	background: #00A0FF
}

dl.faq > dd {
	margin-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(34, 34, 34, 0.3)
}

dl.faq > dd:before {
	content: "A";
	background: #F9619B
}

.list > ul {
	background: #FFF;
	padding: 0 20px;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem
}

.list > ul > li {
	padding: 10px 5px;
	border-bottom: 1px dotted rgba(34, 34, 34, 0.3)
}

.list > ul > li:last-child {
	border-bottom: none
}

.card-list {
	text-align: center
}

.card-list > ul {
	display: inline-block;
	width: 735px;
	margin: auto;
	padding: 0;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.card-list > ul > li {
	float: left;
	margin: 7.5px;
	width: 230px;
	position: relative;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.card-list > ul h4 {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #FFF;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px;
	margin: 0;
	position: absolute;
	top: 110px;
	left: 0;
	width: 230px
}

.card-list > ul .thumb {
	height: 153px;
	background: #000;
	overflow: hidden
}

.card-list > ul a {
	width: 45%
}

.card-list > ul .data-info {
	padding: 5px 5px 0 5px
}

.card-list > ul .data-info > p {
	margin-bottom: 5px
}

@media screen and (max-width: 76.8rem) {
	.card-list > ul {
		width: 490px
	}
}

@media screen and (max-width: 60rem) {
	.card-list > ul {
		width: 290px
	}

	.card-list > ul > li {
		margin: 2.5px;
		width: 140px
	}

	.card-list > ul h4 {
		top: 58px;
		width: 140px
	}

	.card-list > ul .thumb {
		height: 90px
	}

	.card-list > ul .data-info {
		padding: 4px 4px 0 4px
	}
}

.thumb-list {
	text-align: center;
	background: #FFF;
	padding: 20px 0
}

.thumb-list > ul {
	display: inline-block;
	width: 725px;
	margin: auto;
	padding: 0;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.thumb-list > ul > li {
	float: left;
	margin: 7.5px;
	width: 130px;
	position: relative;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.thumb-list > ul .thumb {
	height: 130px;
	background: #000;
	position: relative
}

.thumb-list > ul .thumb img {
	width: 100%;
	height: 100%
}

.thumb-list > ul .thumb:before {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.thumb-list > ul label {
	cursor: pointer;
	position: relative;
	background: red
}

.thumb-list > ul input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	display: none
}

.thumb-list > ul input[type="checkbox"]:checked ~ label div.thumb:before {
	content: "\f00c";
	font-family: Fontawesome;
	font-size: 50px;
	color: rgba(249, 97, 155, 0.8);
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 1;
	vertical-align: middle;
	padding-top: 35px;
	border: 4px solid rgba(249, 97, 155, 0.8)
}

@media screen and (max-width: 76.8rem) {
	.thumb-list > ul {
		width: 524px
	}

	.thumb-list > ul > li {
		margin: 5.5px;
		width: 120px
	}

	.thumb-list > ul .thumb {
		height: 120px
	}
}

@media screen and (max-width: 60rem) {
	.thumb-list > ul {
		width: 285px
	}

	.thumb-list > ul > li {
		margin: 2.5px;
		width: 90px
	}

	.thumb-list > ul .thumb {
		height: 90px
	}

	.thumb-list > ul input[type="checkbox"]:checked ~ label div.thumb:before {
		font-size: 40px;
		padding-top: 20px
	}
}

.thumb-list {
	text-align: center;
	background: #FFF;
	padding: 20px 0
}

.thumb-list > ul {
	display: inline-block;
	width: 725px;
	margin: auto;
	padding: 0;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.thumb-list > ul > li {
	float: left;
	margin: 7.5px;
	width: 130px;
	position: relative;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.thumb-list > ul .thumb {
	height: 130px;
	background: #000;
	position: relative
}

.thumb-list > ul .thumb img {
	width: 100%;
	height: 100%
}

.thumb-list > ul .thumb:before {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.thumb-list > ul label {
	cursor: pointer;
	position: relative;
	background: red
}

.thumb-list > ul input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	display: none
}

.thumb-list > ul input[type="checkbox"]:checked ~ label div.thumb:before {
	content: "\f00c";
	font-family: Fontawesome;
	font-size: 50px;
	color: rgba(249, 97, 155, 0.8);
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 1;
	vertical-align: middle;
	padding-top: 35px;
	border: 4px solid rgba(249, 97, 155, 0.8)
}

@media screen and (max-width: 76.8rem) {
	.thumb-list > ul {
		width: 524px
	}

	.thumb-list > ul > li {
		margin: 5.5px;
		width: 120px
	}

	.thumb-list > ul .thumb {
		height: 120px
	}
}

@media screen and (max-width: 60rem) {
	.thumb-list > ul {
		width: 285px
	}

	.thumb-list > ul > li {
		margin: 2.5px;
		width: 90px
	}

	.thumb-list > ul .thumb {
		height: 90px
	}

	.thumb-list > ul input[type="checkbox"]:checked ~ label div.thumb:before {
		font-size: 40px;
		padding-top: 20px
	}
}

.pagenation {
	text-align: center
}

.pagenation > ul {
	display: inline-block;
	margin: auto;
	padding: 0
}

.pagenation > ul > li {
	float: left;
	margin: 2.5px;
	background: #fff;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.pagenation > ul > li:hover, .pagenation > ul > li.hover {
	background: #ccc;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.pagenation > ul > li > a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: inherit;
	text-align: center
}

.pagenation > ul > li.current {
	background: #ccc;
	transition: all .3s ease;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: inherit;
	text-align: center
}

noscript {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(255, 0, 0, 0.6);
	padding: 1rem;
	color: white
}

noscript .fa-warning {
	padding-right: 0.4rem
}

body {
	background: #f3f3f3
}

header {
	background: rgba(0, 0, 0, 0.2)
}

header .header-inner {
	height: 50px;
	position: relative
}

header .logo {
	color: #FFF;
	padding-top: 1.5rem;
	letter-spacing: -0.01em;
	font-family: 'Robot', sans-serif;
	font-weight: 300
}

header .logo a {
	font-family: inherit
}

.fa-lg {
	vertical-align: middle
}

.intro {
	text-align: center;
	margin: 0;
	width: 100%;
	background: url("../img/26 free blurry backgrounds.jpg") no-repeat center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative
}

.home .intro {
	height: 460px
}

.intro .catch-copy {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	margin-top: -80px;
	color: #FFF;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	font-size: 2rem
}

.intro .catch-copy h2 {
	font-size: 4.2rem;
	margin-bottom: 0;
	font-weight: 300
}

.intro .search-box {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	padding: 10px
}

.intro .search-box > p {
	background: #fff;
	margin-bottom: 0;
	display: inline-block;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem
}

.intro .search-box input[type="text"] {
	width: 30rem;
	border: none
}

.intro .search-box input[type="text"]:focus {
	border: none;
	border-bottom: 1px solid #00A0FF
}

.intro .search-box input[type="submit"] {
	margin-bottom: 0;
	-moz-border-radius: 0 .3rem .3rem 0;
	-webkit-border-radius: 0;
	border-radius: 0 .3rem .3rem 0;
	margin: 0;
	height: 45px
}

.intro .news {
	margin-top: 80px
}

.intro .news h2 {
	color: #FFF;
	font-weight: 300;
	margin-bottom: 0;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
}

.intro .news > p {
	color: #FFF;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
}

.intro .news-list {
	background: rgba(255, 255, 255, 0.8);
	max-width: 76.8rem;
	padding: 1.6rem 1.6rem 1.6rem;
	margin: auto;
	padding: 20px;
	height: 200px;
	-ms-overflow-y: auto;
	overflow-y: auto;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	text-align: left
}

.intro .news-list time {
	background: #000;
	color: #ddd;
	font-style: italic;
	padding: 5px;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	margin-left: -2px
}

.intro .news-list time:before {
	content: "";
	font-family: 'Fontawesome'
}

.intro .news-list li {
	border-left: 2px dotted rgba(0, 0, 0, 0.2)
}

.intro .news-list p {
	padding-left: 5px
}

.page .intro {
	height: 250px
}

.page .intro .catch-copy {
	margin-top: -50px
}

.page .intro .catch-copy h2 {
	font-size: 4.2rem;
	margin-bottom: 0;
	font-weight: 300
}

.footer-page .intro {
	height: 250px
}

.footer-page .intro .catch-copy {
	margin-top: -35px
}

.footer-page .intro .catch-copy h2 {
	font-size: 4.2rem;
	margin-bottom: 0;
	font-weight: 300
}

section.entry .section-inner {
	background: #fff;
	padding: 0
}

section.entry img {
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

section.entry ol {
	background: #f3f3f3;
	display: inline-block;
	padding: 5px 20px 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

section.app-dl .btn {
	width: 60%
}

.entry-flow ul {
	display: block
}

.entry-flow ul li {
	width: 25%;
	float: left
}

.entry-flow ul li p {
	color: #bbb
}

.entry-flow ul li p:first-child {
	border-bottom: 3px solid #bbb
}

.entry-flow ul li.active p {
	color: #00A0FF
}

.entry-flow ul li.active p:first-child {
	border-color: #00A0FF
}

.notes {
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	padding: 10px;
	margin: 40px auto
}

.data-info-box {
	background: rgba(0, 0, 0, 0.1);
	padding: 20px;
	text-align: center;
	font-size: 1.8rem
}

.data-info-box h5 {
	overflow: hidden;
	text-align: center
}

.data-info-box h5 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left
}

.data-info-box h5 span:before, .data-info-box h5 span:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1)
}

.data-info-box h5 span:before {
	right: 100%
}

.data-info-box h5 span:after {
	left: 100%
}

.data-info-box time {
	color: red;
	padding: 10px;
	border: 1px solid red
}

.data-info-box .pw {
	font-size: 1.4rem
}

.entry-box {
	background: rgba(0, 0, 0, 0.1);
	padding: 10px 20px;
	margin-bottom: 20px
}

.iframe {
	text-align: left;
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	height: 150px;
	-ms-overflow-y: scroll;
	overflow-y: scroll;
	padding: 0 20px 20px;
	margin-bottom: 20px
}

.download-data .thumb {
	max-width: 300px;
	max-height: 300px;
	margin: 20px auto
}

.download-data table {
	border: 1px solid rgba(34, 34, 34, 0.2);
	margin: auto
}

.box-light {
	background: #FFF;
	-moz-border-radius: .3rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem
}

.box-dark {
	background: rgba(0, 0, 0, 0.2)
}

footer {
	background: #222;
	color: #FFF;
	position: relative
}

.select_payment_menu > ul {
	display: inline-block;
	width: 530px;
	max-width: 100%
}

.select_payment_menu > ul > li {
	float: left
}

.select_payment_menu label {
	cursor: pointer;
	position: relative
}

.select_payment_menu input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	display: none;
	width: 30px;
	height: 30px
}

.select_payment_menu input[type="radio"]:checked ~ label.btn {
	background: #F9619B;
	border-color: #eb095f
}

.select_payment_menu input[type="radio"]:checked ~ label.btn:hover, .select_payment_menu input[type="radio"]:checked ~ label.btn .hover {
	background: #fb92ba;
	border-color: #fa70a4
}

.select_payment_menu input[type="radio"]:checked ~ label.btn:before {
	content: "\f00c";
	font-family: Fontawesome;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: -3px;
	left: 20px
}

#page-top {
	right: 20px;
	font-size: 77%;
	z-index: 1000
}

#page-top a {
	background: #222;
	text-decoration: none;
	color: #fff;
	width: auto;
	padding: 10px;
	text-align: center;
	display: block;
	-moz-border-radius: .3rem .3rem 0 0;
	-webkit-border-radius: .3rem;
	border-radius: .3rem .3rem 0 0
}

#page-top a:hover, #page-top a.hover {
	text-decoration: none;
	background: #555
}

@media screen and (max-width: 60rem) {
	.logo {
		padding-bottom: 1.5rem;
		width: 100%;
		background: rgba(0, 0, 0, 0.2)
	}

	.home .intro {
		height: 360px
	}

	.intro .catch-copy {
		font-size: 13px;
		margin-top: -50px;
		font-weight: 300;
		top: 30%;
	}

	.intro .search-box {
		padding: 10px 5px
	}

	.intro .search-box input[type="text"] {
		width: auto;
		min-width: 15em
	}

	.intro .news {
		margin-top: 120px
	}

	.intro .news h2 {
		font-size: 2rem
	}

	.intro .news-list {
		padding: 10px;
		height: 110px;
		margin: 5px 20px
	}

	.page .intro {
		height: 200px
	}

	.page .intro .catch-copy {
		font-size: 13px;
		margin-top: -10px
	}

	.page .intro .catch-copy h2 {
		font-size: 3.2rem
	}

	.footer-page .intro {
		height: 170px
	}

	.footer-page .intro .catch-copy {
		font-size: 13px;
		margin-top: 5px
	}

	.footer-page .intro .catch-copy h2 {
		font-size: 3.2rem
	}

	section.entry img {
		float: none;
		margin-right: 10px;
		width: 100%
	}

	section.entry ol {
		display: block
	}

	section.app-dl .btn {
		width: 80%
	}

	.entry-box {
		padding: 10px
	}

	.entry-box .form-vartical {
		display: inline-block
	}

	.entry-box .form-vartical input[type="text"] {
		width: 15em
	}

	.entry-box .form-vartical label {
		width: 8em;
		padding-left: 0px;
		padding-right: 0px
	}

	.iframe {
		padding: 0 10px 10px
	}

	.select_payment_menu > ul > li {
		float: none
	}

	#page-top {
		right: 0px;
		width: 100%
	}

	#page-top a {
		background: rgba(0, 0, 0, 0.56)
	}
}

.pw_box {
	background: #FFF;
	width: 100%
}

.copy_box {
	height: 10em
}

.alert-primary {
	color: #fff;
	background-color: rgba(102, 198, 255, 0.9);
	border-color: #33b3ff;
}

.alert-error {
	color: #fff;
	background-color: rgba(251, 146, 186, 0.9);
	border-color: #fa70a4;
}

.pagination>li>a, .pagination>li>span {
	color: #00A0FF;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #00A0FF;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #00A0FF;
	border-color: #00A0FF;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #00A0FF;
}