body {margin: 0;background-image: url(../images/jkrbackground.jpg);}
a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#D6CEF3;text-decoration:none;}
a:hover {text-decoration:underline;}
.jkrlogo {width:899px;height:194px;}
.jkr_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #F3C357;
	line-height: 44px;
	font-weight: bold;
	display: inline;
	letter-spacing: -2px;
	text-shadow: 1px 1px #ccc;
}
.tumbik {
	width:260px;
	height:210px;
	text-align: center;
	padding: 4px;
	background-color: #fff;
	margin: 8px 20px;
	border-width: 6px 20px;
	border-style: solid;
	border-color: #D6CEF3;
}
A:hover .tumbik, A:active .tumbik {border-color: #D6CEF3;background-color: #EBE7FE;}
.jkr_tabl {
	border-bottom: 8px solid #D6CEF3;
	width:899px;
	background-color:#3A375A;
}
.niz {
	color: #fff;
	font-size: 55px;
	font-family: Impact;
	font-weight: bold;
	line-height: 75px;
	text-transform:uppercase;
	letter-spacing: -1px;
	display: inline;
}

.bigpic {border:1px solid #fff;background-color: #FFF;max-width:990px;margin:10px 0;}
.th_bottom {width:899px;display:inline-block;}
.th_bottom IMG {width:222px;border:1px dotted #fff}
.th_bottom a:hover IMG {border:1px solid #fff}
.t_block {margin: 0 auto;width:1032px;text-align:center;}
.t_block ul {list-style: none;padding:0;}
.t_block li {float: left;}
.thu {width:172px;overflow:hidden;text-align:center;}
.thu IMG {border:1px solid #000;padding:1px;margin:0px;background-color:#fff;width:168px;height:168px;}
.thu a:hover IMG {border:1px solid #fff;background-color:#000;}
.thu a {font-family: Tahoma, Verdana;font-size: 14px;color: #3399fd;font-weight: bold;}
.thu a:hover {color: #fff;}

@media screen and (max-width: 1920px) {body {min-width:1600px;}}
@media screen and (max-width: 1600px) {body {min-width:1236px;}}
@media screen and (max-width: 1260px) {
body {min-width:996px;}
.bigpic {height:auto;max-width:990px;}
}

@media screen and (max-width: 1000px) {
body {min-width:768px;}
.jkrlogo {width: 760px;height:auto}
.jkr_head {width: 760px;}
.tumbik {margin: 8px;}
.jkr_tabl, .th_bottom, .t_block {width: 760px;}
.bigpic {height:auto;max-width:760px;}
}

@media screen and (max-width: 788px) {
body {min-width:620px;}
.jkrlogo {width: 610px;height:auto}
.jkr_head {width: 610px;font-size:22px;line-height:25px;}
.jkr_tabl, .th_bottom, .t_block {width: 610px;}
.bigpic {height:auto;max-width:610px;}
}

@media screen and (max-width: 620px) {
body {min-width:500px;}
.jkrlogo {width: 490px;height:auto}
.jkr_head {width: 490px;font-size:20px;line-height:auto;letter-spacing: -1px;}
.tumbik {zoom: 1.4;border:0;}
.jkr_tabl, .th_bottom, .t_block {width: 490px;}
.niz {font-size: 34px;line-height: 50px;}
.bigpic {height:auto;max-width:490px;}
}

@media screen and (max-width: 520px) {
body {min-width:300px;}
.jkrlogo {width: 290px;height:auto}
.jkr_head {width: 290px;font-size:15px;line-height:auto;letter-spacing: -1px;}
.tumbik {zoom: 0.98;margin:5px 10px 5px 10px;border:0;}
.jkr_tabl, .th_bottom, .t_block {width: 290px;}
.niz {font-size: 34px;line-height: 40px;letter-spacing: 0;}
.bigpic {height:auto;max-width:290px;}
}