@charset "utf-8";

/**
 * base.css
 */



/**
 * -------------------------------------------------------
 * global
 * -------------------------------------------------------
 */
/**/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/**/
html {
	/*overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%;
	/*background: #fff;*/
}

body {
	font-family: sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	/*line-height: 120%;*/
	/*background: #fffbfc;*/
	width: 100%;
}

ul, ol, li, p, a,
h1, h2, h3, h4, h5, h6,
form, fieldset, label, input, textarea,
div, span, em,
dl, dt, dd {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

div, p {
	word-break: break-all;
}

a {
	text-decoration: none;
	color: #c600cb;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}


/**
 * -------------------------------------------------------
 * overwrite jquery-mobile css
 * -------------------------------------------------------
 */
.ui-overlay-z,
.ui-body-z,
.ui-page,
.ui-content {
	/*background: #ffc1cc;*/
	width: 100%;
}

a,
a.ui-link {
	font-weight: normal;
	/*-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color: rgba(0, 0, 215, 0.40);
}
a[disabled],
a[disabled].ui-link {
	cursor: default;
	opacity: 1.0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a.ui-link:hover {
	/*color: #cc0000;*/
	opacity: 0.7;
}

a[disabled]:hover,
a[disabled].ui-link:hover {
	/*color: #cc0000;*/
	opacity: 1.0;
}

a:visited,
a.ui-link:visited {
	/*color: #cc0000;*/
}

a:active,
a.ui-link:active {
	/*color: #cc0000;*/
	opacity: 1.0;
}

a:hover img,
a.ui-link:hover img {
	/*opacity: 0.7;*/
}

/**
 * -------------------------------------------------------
 * misc
 * -------------------------------------------------------
 */
.display-block {
	display: block;
}
.display-inline {
	display: inline;
}
.display-none {
	display: none;
}

.clear-both {
	clear: both;
	margin: 0;
	padding: 0;
}

.clear-fix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.align-center {
	text-align: center;
	margin: 0 auto;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}

.hidden {
	visibility: hidden;
}



.font-color-black {
	color: #666666;
}
.font-color-white {
	color: #fff;
}
.font-color-pink {
	color: #9a0089;
}

.font-color-red {
	color: #f1101d;
}

.font-color-blue {
	color: #0000ff;
}

.font-color-yellow {
	color: #fef200;
}

.font-small {
	font-size: 10px;
}
.font-large {
	font-size: 14px;
}
.font-bold {
	font-weight: bold;
}

.marquee {
	overflow: hidden;
	overflow: -webkit-marquee;
	display: -wap-marquee;
	-wap-marquee-loop: infinite;
	white-space: nowrap;
}
.shadow {
	-webkit-box-shadow: 8px 8px 6px -6px #999999;
	-moz-box-shadow: 8px 8px 6px -6px #999999;
	box-shadow: 8px 8px 6px -6px #999999;
}


/* position */
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-top-left {
	position: absolute;
	top: 0px;
	left: 0px;
}
.position-top-right {
	position: absolute;
	top: 0px;
	right: 0px;
}
.position-bottom-right {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.position-bottom-left {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* margin */
.m-2 { margin: 2px; }
.m-4 { margin: 4px; }
.m-6 { margin: 6px; }
.m-8 { margin: 8px; }
.m-10 { margin: 10px; }
.m-12 { margin: 12px; }
.m-14 { margin: 14px; }
.m-16 { margin: 16px; }
.m-18 { margin: 18px; }
.m-20 { margin: 20px; }

.mv-2 { margin: 2px 0px; }
.mv-4 { margin: 4px 0px; }
.mv-6 { margin: 6px 0px; }
.mv-8 { margin: 8px 0px; }
.mv-10 { margin: 10px 0px; }
.mv-12 { margin: 12px 0px; }
.mv-14 { margin: 14px 0px; }
.mv-16 { margin: 16px 0px; }
.mv-18 { margin: 18px 0px; }
.mv-20 { margin: 20px 0px; }

.mh-2 { margin: 0px 2px; }
.mh-4 { margin: 0px 4px; }
.mh-6 { margin: 0px 6px; }
.mh-8 { margin: 0px 8px; }
.mh-10 { margin: 0px 10px; }
.mh-12 { margin: 0px 12px; }
.mh-14 { margin: 0px 14px; }
.mh-16 { margin: 0px 16px; }
.mh-18 { margin: 0px 18px; }
.mh-20 { margin: 0px 20px; }

.mt-2 { margin-top: 2px; }
.mt-4 { margin-top: 4px; }
.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-14 { margin-top: 14px; }
.mt-16 { margin-top: 16px; }
.mt-18 { margin-top: 18px; }
.mt-20 { margin-top: 20px; }

.mb-2 { margin-bottom: 2px; }
.mb-4 { margin-bottom: 4px; }
.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-14 { margin-bottom: 14px; }
.mb-16 { margin-bottom: 16px; }
.mb-18 { margin-bottom: 18px; }
.mb-20 { margin-bottom: 20px; }

.mr-2 { margin-right: 2px; }
.mr-4 { margin-right: 4px; }
.mr-6 { margin-right: 6px; }
.mr-8 { margin-right: 8px; }
.mr-10 { margin-right: 10px; }
.mr-12 { margin-right: 12px; }
.mr-14 { margin-right: 14px; }
.mr-16 { margin-right: 16px; }
.mr-18 { margin-right: 18px; }
.mr-20 { margin-right: 20px; }

.ml-2 { margin-left: 2px; }
.ml-4 { margin-left: 4px; }
.ml-6 { margin-left: 6px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.ml-12 { margin-left: 12px; }
.ml-14 { margin-left: 14px; }
.ml-16 { margin-left: 16px; }
.ml-18 { margin-left: 18px; }
.ml-20 { margin-left: 20px; }

/* padding */
.p-2 { padding: 2px; }
.p-4 { padding: 4px; }
.p-6 { padding: 6px; }
.p-8 { padding: 8px; }
.p-10 { padding: 10px; }
.p-12 { padding: 12px; }
.p-14 { padding: 14px; }
.p-16 { padding: 16px; }
.p-18 { padding: 18px; }
.p-20 { padding: 20px; }

.pv-2 { padding: 2px 0px; }
.pv-4 { padding: 4px 0px; }
.pv-6 { padding: 6px 0px; }
.pv-8 { padding: 8px 0px; }
.pv-10 { padding: 10px 0px; }
.pv-12 { padding: 12px 0px; }
.pv-14 { padding: 14px 0px; }
.pv-16 { padding: 16px 0px; }
.pv-18 { padding: 18px 0px; }
.pv-20 { padding: 20px 0px; }

.ph-2 { padding: 0px 2px; }
.ph-4 { padding: 0px 4px; }
.ph-6 { padding: 0px 6px; }
.ph-8 { padding: 0px 8px; }
.ph-10 { padding: 0px 10px; }
.ph-12 { padding: 0px 12px; }
.ph-14 { padding: 0px 14px; }
.ph-16 { padding: 0px 16px; }
.ph-18 { padding: 0px 18px; }
.ph-20 { padding: 0px 20px; }

.pt-2 { padding-top: 2px; }
.pt-4 { padding-top: 4px; }
.pt-6 { padding-top: 6px; }
.pt-8 { padding-top: 8px; }
.pt-10 { padding-top: 10px; }
.pt-12 { padding-top: 12px; }
.pt-14 { padding-top: 14px; }
.pt-16 { padding-top: 16px; }
.pt-18 { padding-top: 18px; }
.pt-20 { padding-top: 20px; }

.pb-2 { padding-bottom: 2px; }
.pb-4 { padding-bottom: 4px; }
.pb-6 { padding-bottom: 6px; }
.pb-8 { padding-bottom: 8px; }
.pb-10 { padding-bottom: 10px; }
.pb-12 { padding-bottom: 12px; }
.pb-14 { padding-bottom: 14px; }
.pb-16 { padding-bottom: 16px; }
.pb-18 { padding-bottom: 18px; }
.pb-20 { padding-bottom: 20px; }

.pr-2 { padding-right: 2px; }
.pr-4 { padding-right: 4px; }
.pr-6 { padding-right: 6px; }
.pr-8 { padding-right: 8px; }
.pr-10 { padding-right: 10px; }
.pr-12 { padding-right: 12px; }
.pr-14 { padding-right: 14px; }
.pr-16 { padding-right: 16px; }
.pr-18 { padding-right: 18px; }
.pr-20 { padding-right: 20px; }

.pl-2 { padding-left: 2px; }
.pl-4 { padding-left: 4px; }
.pl-6 { padding-left: 6px; }
.pl-8 { padding-left: 8px; }
.pl-10 { padding-left: 10px; }
.pl-12 { padding-left: 12px; }
.pl-14 { padding-left: 14px; }
.pl-16 { padding-left: 16px; }
.pl-18 { padding-left: 18px; }
.pl-20 { padding-left: 20px; }