body     { line-height:0; background-color:#000; background-repeat:repeat; text-align:center; }
.trance       { text-align:center; display:block; margin-top:20px; margin-right:auto; margin-left:auto; width:882px; height:584px; clear:both; }
.t1     { display:block; margin:0; width:23px; height:584px; float:left; }
.t2     { background-color:#fff; display:block; margin:0; width:418px; height:584px; float:left; }
.t3     { background-color:#fff; display:block; margin:0; width:418px; height:584px; float:left; }
.t4       { display:block; margin:0; width:23px; height:584px; float:left; }
.no3 {; }
#center      { background-image:url("../comic/15trance/center.png"); background-repeat:repeat-y; background-position:center 0; text-align:center; display:block; position:absolute; z-index:2; top:20px; right:47%; left:48%; width:44px; height:584px; }
.top { display:block; width:100%; height:33%; }
.list { display:block; width:100%; height:33%; }
.home { display:block; width:100%; height:33%; }
@media screen and (max-width:882px) {
	#center   { position:absolute; z-index:2; top:20px; left:428px; }
}
@media screen and (max-width:640px) {
	.trance  { margin:0; padding-bottom:0; width:100%; height:100%; }
	.t1    { width:100%; height:40px; float:none; }
	.t2 { width:100%; height:auto; float:none; }
	.t3 { width:100%; height:auto; float:none; }
	.t4     { width:100%; height:40px; float:none; }
	.no3 { display:none; }
	#center { margin-right:0; margin-left:0; position:static; z-index:0; width:100%; height:40px; clear:both; }
	.top    { background-image:url("../comic/15trance/short15mobtop.png"); background-position:center 0; width:33%; height:40px; float:left; }
	.list    { background-image:url("../comic/15trance/short15moblist.png"); background-position:center 0; width:33%; height:40px; float:left; }
	.home    { background-image:url("../comic/15trance/short15mobhome.png"); background-position:center 0; width:33%; height:40px; float:left; }
}
@media print {
	body { display:none; }
}