@import url('header.css?v=20102018_2');

body {
	margin: 0;
	overflow-x:hidden;
	background-color:#fff;
	font-family: Arial;
	font-size:14px;
}

a:link {
	color:#666;
	text-decoration:none;
}
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}
a:active {
	color:#666;
	text-decoration:none;
}

input[type=text] {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

img{
    vertical-align: middle;
}

textarea {
	resize: none;
}

input[type=radio] {
	vertical-align:middle;
	margin-top:-2px;
}

#ajax_gallery img {
	max-width:100%;
	height: auto;
}

#main {
	text-align: center;
}

#main button {
    width:100px;
    height: 20px;
    padding: 0 10px 0 10px;
    color: #fff;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 8px;
}

#main .wrapper_box, #main .wrapper_tutor {
	text-align: center;
	display:inline-block;
	overflow:hidden;
	font-size: 16px;
}

#main .wrapper_box .col_l {
	float: left;
	text-align: left;
	display:inline-block;
}

#main .wrapper_box .col_m {
	float: left;
	display:inline-block;
}

#main .wrapper_box .col_r {
	float: right;
	text-align: left;
	display:inline-block;
}

#main .wrapper_box .box_title, 
#main .wrapper_tutor .box_title {
	color: #fff;
	font-weight: bold;
	line-height: 57px;
	max-width: 100%;
	height: 57px;
	background-color: #0095D9;
}

#main .wrapper_box .bt_col_1,
#main .wrapper_tutor .bt_col {
	float: left;
	font-size: 16px;
	background-color: #0095D9;
}

#main .wrapper_box .bt_col_2 {
	float: right;
	font-size: 12px;
	background-color: #0095D9;
}

.box_content .row {
	padding: 0 10px 0 10px;
	line-height: 18px;
}

.box_content .row .title {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

.box_content .row .content {
	font-family: Arial;
	font-size: 12px;
}

#main .wrapper_tutor .col {
	float: left;
	text-align: left;
	display:inline-block;
}

#get_news, #get_gallery {
	width:100px;
	height: 20px;
	padding: 0 10px 0 10px;
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
}

#scroll {
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#ajax_news, #ajax_news_content {
	font-family: Arial;
	font-size: 12px;
}

#ajax_news_content {
	background-color: #F4F4F4;
}

#ajax_news_content img {
	max-width:100%;
	height: auto;
}

@media screen and (max-width: 1199px) {
	#main .wrapper_box, #main .wrapper_tutor {
		width: 90%;
	}
	#main .wrapper_box .col_l, #main .wrapper_box .col_r, .box_content, #main .wrapper_tutor .col, #scroll {
		width:100%;
	}
	#main .wrapper_box .col_m {
		display:none;
	}
	#scroll img {
		width:105px;
		height:auto;
	}
	/*
	#scroll img {
		width:52.5px;
		height:auto;
	}
	*/
}

@media screen and (max-width: 649px) {
	#ajax_gallery img {
		width:50%;
		height:auto;
	}
}

@media only screen and (min-width: 650px) and (max-width: 999px) {
	#ajax_gallery img {
		width:33.33%;
		height:auto;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	#ajax_gallery img {
		width:33.33%;
		height:auto;
	}
}

@media screen and (min-width: 1200px) {
	#main .wrapper_box, #main .wrapper_tutor, #main .wrapper_tutor .col {
		width: 1200px;
	}
	#main .wrapper_box .col_l, #main .wrapper_box .col_r, .box_content {
		width:590px;
	}
	#main .wrapper_box .col_m {
		width:20px;
	}
	#ajax_gallery img {
		width:147.5px;
		height:auto;
	}
	#scroll {
		max-width:1200px;
	}
	#scroll img {
		width:105px;
		height:auto;
	}
}