/*----------adaptive CSS-----------*/
html, body{
  min-width: 320px;
  width: 100%;
}
body{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
img {
    max-width: 100%;
}
#class table tbody tr td{
	font-size: 16px;
}
#menu, #right{
	font-size: 16px;
}


.b-container{
	position: relative;
}
.text {
    margin: 0 auto;
}
.text::after {
    clear: both;
    content: "";
    display: table;
}
.b-site-map-container{
	padding: 0 10px;
}
.b-site-map{
	width: 100%;
	margin: 20px 0;
	border-spacing: 0;
    border-collapse: separate;
    background: #fffddf;
    border: 1px solid #4c3c18;
    border-left: 0;
}
.b-site-map .menu{
	width: 100%;
	font-size: 18px;
	height: 46px;
	line-height: 23px;
	text-align: center;
	display: table;
}
.b-site-map .menu a{
	display: table-cell;
  	vertical-align: middle;
}
.b-site-map tr td{
	vertical-align: top;
	font-size: 13px;
	padding: 0;
}
.b-site-map tr td{
	border-left: 1px solid #4c3c18;
}
.b-site-map__inner-list{
	width: 100%;
	border-spacing: 0;
    border-collapse: separate;
}
.b-site-map__inner-list tr td{
	border-left: 0;
}
.b-site-map.col5 tr td{
	width: 20%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col2{
	height: auto;
	min-height: 200px;
}
#center > iframe{
	width: 100%!important;
	height: 100%!important;
}
@media screen and (max-width: 1100px){
	body{
		padding: 0;
		margin: 0;
	}
	#menu, #right{
		width: 200px;
	}
	#center{
		margin: 0 205px;
	}
	
	#header{
		padding: 0;
	}
	.menu{
		width: 95%;
	}
	#header img{
		height: auto;
	}
	#center table{
		border-right: 0;
		border-top: 0;
		border-spacing: 0;
        border-collapse: separate;
        font-size: 13px;
	}
	#center table td{
		border-left: 0;
		border-bottom: 0;
	}
	.b-site-map,
	.b-site-map > tbody,
	.b-site-map > tbody tr,
	.b-site-map > tbody tr td,
	.b-site-map .b-site-map__inner-list,
	.b-site-map .b-site-map__inner-list > tbody,
	.b-site-map .b-site-map__inner-list > tbody tr,
	.b-site-map .b-site-map__inner-list > tbody td{
		display: block;
		width: 100%!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}	
	.b-site-map-container{
		margin: 20px 0;
	}
	.b-site-map-container:after{
		content: "";
		display: table;
		clear: both;
	}
	.b-site-map{
		margin: 0;
    	border-left: 1px solid #4c3c18;
	}
	.b-site-map .menu{
		display: block;
		height: 32px;
		line-height: 23px;
	}
	.b-site-map .menu a{
		display: inline-block;
		line-height: 30px;
	}
	.b-site-map > tbody tr td{
		border: 0;
	}
	#center > iframe{
		min-height: 775px;
	}
	
	#center ins,
	#right ins{
		display: none!important;
	}
}
@media screen and (min-width: 1025px){
    #menu, #right{
		display: block!important;
	}
	#center{
		min-height: 1126px;
	}
}
@media screen and (max-width: 1024px){
	#header{
		padding: 0;
	}
	#menu, #right{
		display: none;
		width: auto;
		position: absolute;
		background: #fffddf;
		margin: 0;
		left: 0;
		right: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7), inset 0 3px 2px rgba(0, 0, 0, 0.7);
	}
	#menu{
		top: 23px;
		z-index: 7;
	}
	#right{
		top: 51px;
		padding-top: 10px;
	}
	.menu{
		width: 100%;
		height: 5px;
		padding: 0;
	}
	#class table{
		background: transparent;
	}
	#class table,
	#class table tbody,
	#class table tbody tr,
	#class table tbody tr td{
		display: block;
		text-align: center;
	}
	#class table tbody tr{
		position: relative;
		padding-top: 56px;
	}
	#class table tbody tr td{
		background: #4c3c18;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 23px;
	}
	#class table tbody tr td:first-child, 
	#class table tbody tr td:last-child{
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		cursor: pointer;
	}
	#class table tbody tr td:first-child.active, 
	#class table tbody tr td:last-child.active{
		text-decoration: underline;
	}
	#class table tbody tr td:first-child{
		top: 0;
	}
	#class table tbody tr td:last-child{
		top: 28px;
	}
	#center{
		margin: 0!important;
		border: 0;
	}
	#center .center{
		height: auto;
	}
	#center img {
	    display: block;
	    float: none;
	    margin: 0 auto;
	}
	.text2{
		height: auto;
	}
	.no-right-col #class table tbody tr td:last-child{
		display: none;
	}
	.no-right-col #class table tbody tr{
		padding-top: 28px;
	}
	.no-right-col.b-container #menu{
		top: 23px;
	}
	object{
		width: 100%!important;
		height: auto!important;
	}
	embed{
		width: 100%!important;
		height: auto!important;
	}
	#center > iframe p{
		margin: 5px 0!important;
	}
	div.rotaban{
		display: none!important;
	}
}