.box {
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	color: #FFF;
	margin: 2px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}

.box img {
	width: 96px;
	vertical-align: middle;
}

.box1 {background: red;}
.box2 {background: blue;}
.box3 {background: orange;}

.ibox,
.cbox,
.fbox {
	width:320px;
	height: 265px;
	/*line-height: 210px;*/
	text-align: center;
	margin: 4px 10px 0 10px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.centered .ibox,
.centered .cbox{
	margin: 2px auto;
	padding: 0 2px;
}

.ibox .ibox_info { position:absolute;bottom:0;width: 100%;text-align:center;background-color: #fff; padding: 10px 0;}
.ibox .ibox_info .title { font-size: 20px; margin-bottom: 5px; }
.ibox .ibox_info .s1 { margin-top:0;font-size:14px; }
.ibox .ibox_info .s2 { margin-top:0;font-size:14px; }
.ibox .ibox_info .s3 { margin-top:0;font-size:14px; }
.ibox .ibox_info .s4 { position: absolute; bottom: 10px; right: 5px; font-size: 16px; display: none; }
.ibox .ibox_info span { color: #ea6262; }

.ibox img {
	width: 320px;
	vertical-align: middle;
	text-align:center;
}


.cbox img,
.fbox img{
	width: 100%;
	vertical-align: middle;
}

.fbox {
	width: 600px;
	height: 600px;
	line-height: 600px;
}

span.delta {
	position: absolute;
	top: 0;
	width: 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: magenta;
}

.ibox span.delta {
	height: 210px;
}

.active .box {
}

.gallery-holder {
	margin: 0 auto;
	/*margin: 0 auto 0 auto;*/
	padding: 40px 0px 20px;
	background:#eee;
	width: 100%;
	position:relative;
	z-index: 1;
}

.gallery {
	overflow: hidden;
	position: relative;
}

.gallery div.holder {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.gallery div.list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700%;
	overflow: hidden;
}

.gallery div.item {
	float: left;
}

.gallery div.item2 {
	float: left;
	left:-200px;
}
/*.moving {
	background: yellow;
}*/

.debug-item {
	padding: 1px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1px;
	color: #999;
	font-size: 11px;
}

#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 0;
	margin-bottom: 6px;
	font-size: 10px;
	color: #333;
	background: #EFEFEF;
	text-decoration: none;
	text-align: center;
}

a.prev,
a.next,
#moveTo,
a.tablink,
#counter {
	border: 1px solid #CCC;
	padding: 4px ;
	margin-bottom: 6px;
	font-size: 6px;
	color: #333;
	background: #ddd;
	text-decoration: none;
}

a.prev {
	width: 40px;
	height: 60px;
	background: url(../img/icon/prev_ico.png) no-repeat center center;
	position:absolute;
	top: 50%;
	left: 0;
	margin-top: -30px;
	z-index:99999;font-size:1em;border:none;font-weight:bold;
	text-indent: -9999px;
}

a.next {
	width: 40px;
	height: 60px;
	background: url(../img/icon/next_ico.png) no-repeat center center;
	position:absolute;
	top: 50%;
	right: 0;
	margin-top: -30px;
	z-index:99999;font-size:1em;border:none;font-weight:bold;
	text-indent: -9999px;
}

#moveTo,
#counter {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 200px;
	text-align: center;
}

.focus .ibox {
}
.focus-old .ibox {
}

#tabs, #tabs2 {
	text-align: center;
}
.tablink {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 0 2px;
}
a.active {
	border-color: #c62632;
}

#tabs2 .tablink {
	display: inline-block;
	overflow: hidden;
	width: 2px;
	height: 2px;
	text-align: center;
	margin: 25px 7px 0 7px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-indent: -9999px;
}

#tabs2 a.active {
	background-color: #c62632;
}

#side_ad{position:absolute;width:200px;height:100%;top:0px;left:460px;margin-left:50%;margin-top:130px;}
.sub_body #side_ad{top:151px;}
#side_ad > div > div{width:127px;position:absolute;top:0px;right:-141px;}
#side_ad li{margin-bottom:3px;}
#side_ad img{width:100%;}
.width-fixed{position:relative; width:900px; margin:0 auto;}
 #testbanner{
	position: relative;
	left : 0px;
	width: 200px;
}
#slide_wrap {
 position:relative;
}
.banner_box {
	position:absolute;
	top:30%;
	left:55%;
	z-index:1;
	width:30%;
}
.banner_box div {
	max-width:390px;
}
.banner_box a { float:left;  width:50%;}
.banner_box h1 {
	margin-bottom:7%;
}

/*
@media screen and (max-width: 768px) {
	.ibox, .cbox, .fbox {height: 265px;}
}
*/


@media screen and (max-width: 768px) {
	.gallery-holder { padding: 15px 0px 10px; }
	.ibox, .cbox, .fbox { width:200px; height: 163px; /*line-height: 210px;*/ text-align: center; margin: 4px 10px 0 10px; display: block; text-decoration: none; overflow: hidden; position: relative; border-radius: 10px;}
	.ibox .ibox_info { position:absolute;bottom:0;width: 100%;text-align:center;background-color: #fff; padding: 2px 0;}
	.ibox .ibox_info .title { font-size: 14px;}
	.ibox .ibox_info .s1 { font-size: 14px}
	.ibox .ibox_info .s2 { font-size:11px; }
	.ibox img {	width: 200px;	vertical-align: middle;	text-align:center; }
	#tabs2 .tablink { display: inline-block; overflow: hidden; width: 2px; height: 2px; text-align: center; margin: 15px 7px 0 7px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-indent: -9999px;}
	a.prev { width: 40px; height: 60px; background: url(../img/icon/prev_ico.png) no-repeat center center; background-size: 30px; margin-top: -30px; z-index:99999;font-size:1em;border:none;font-weight:bold; text-indent: -9999px; }
	a.next { width: 40px; height: 60px;	background: url(../img/icon/next_ico.png) no-repeat center center; background-size: 30px; margin-top: -30px; z-index:99999;font-size:1em;border:none;font-weight:bold; text-indent: -9999px; }
}

@media screen and (max-width: 320px) {
}