html {
	font-size:1vw;
}

body,p,a,div,input,select,textarea,ul,li,table,tr,td,dl,dt,dd {
	font-size:5.25rem;
	line-height:6.5rem;
}

html,body {
	margin:0;
}

body {
	background-color: #e5e5e5;
}

#body_wrapper {
	padding:5px 10px;
}

.top-nav-div {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	height:50px;
	background-color:#666;
}

.top-nav-div-wrapper {
	width:294px;
	margin:auto;
}

.top-nav-div-wrapper > a {
	margin-left:10px;
}

.top-nav-div-wrapper > a:first-child {
	margin-left:0px;
}

.top-logo-div {
	text-align:center;
	font-size: 4.5rem;
}

.top-logo-div img {
	vertical-align:middle;
}

.yjc-logo-div {
	text-align:center;
	margin:10px 0;
}

.yjc-info-div {
	font-size:4.5rem;
	line-height:5.5rem;
	text-align:justify;
}

.bottom-menu-div {
	text-align:center;
	font-size:4.25rem;
}

.bottom-menu-div * {
    font-size:4.25rem;
}

.copyright {
	text-align:center;
	font-size:3.5rem;
}

.content-div {
	margin:20px 0 0 0;
}

a:link, a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

.sep-hr {
	border-top: 1px dotted #aaa;
	color:transparent;
}

.cell {
	display:table-cell;
}

.footer_logo>img {
	width:75px;
}

.footer_copy {
	vertical-align:middle;
	color:#333;
	font-size:3.5rem;
	line-height:4.5rem;
}

.content-title {
	font-size:7.5rem;
	font-weight:bold;
	text-align:center;
}

.block-div {
	display:inline-block;
}

.clear {
	clear:both;
}

.form dl,dt,dd {
	margin:0;
	padding:0;
}

.form dl {
}

.form dl dt,dd {
	display:inline-block;
}

.form dl:first-child {
	margin-top:0;
}

.form dl dt {
	margin-left:5px;
}

.form dl dt:first-child {
	margin-left:0;
}

.hidden {
	display:none;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.list-table {
	width:100%;
	border-collapse:collapse;
}

.list-table thead {
	background-color:#cdcdcd;
}

.list-table th,td {
	padding:.5em .5em .5em 0;
}

.list-table tbody tr:not(:last-child) td {
	border-bottom:1px dotted #bcbcbc;
}

.pagebar {
	text-align:center;	
}

.pagebar li {
	list-style:none;
	display:inline-block;
	margin:0 .5em;
}

.this-page {
	font-weight:bold;
}

input[type=button] {
	border:1px solid #adadad;
	border-radius: 5px;
	background: linear-gradient(#f0f0f0, #d0d0d0);
}

input[type=button].btn-green {
	border:1px solid olivedrab;
	background: linear-gradient(#cdff65, #9acd32);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* desktop */
@media screen and (min-width: 769px) {

html {
	font-size:13px;
}

body,p,a,div,input,select,textarea,ul,li,table,tr,td,dl,dt,dd {
	font-size:13px;
	line-height:22px;
}

#content_wrapper {
	width:600px;
	margin:0 auto;
}

.top-logo-div {
	font-size: 13px;
}

.yjc-logo-div {
	margin:10px 0;
}

.yjc-info-div {
	width:400px;
    margin:0 auto;
	font-size:13px;
	line-height:22px;
}

.footer_logo {
    padding:0 10px;
}

.footer_copy {
	font-size:13px;
	line-height:18px;
}

.footer_wrapper {
	width:600px;
	margin:0 auto;
}

.copyright {
	font-size:13px;
}

.content-title {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1em;
}

} /* !desktop */