.container {
	background-image: url(https://eralen.cc/ch/chbg.gif);
	background-repeat: repeat-x;
        display: flex;
        height: 100vh;
    }
    .sidebar {
        width: 250px;
        background-color: #f3f3f3;
        padding: 15px;
        border-right: 1px solid #ddd;
        box-sizing: border-box;
    }
    .sidebar h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sidebar ul {
        list-style: none;
        padding: 0;
    }
    .sidebar ul li {
        margin-bottom: 8px;
    }
    .sidebar ul li a {
        text-decoration: none;
        color: #0073e6;
    }
    .sidebar ul li a:hover {
        text-decoration: underline;
    }
    .content {
        flex: 1;
        padding: 20px;
        box-sizing: border-box;
        overflow-y: auto;
		background-color: #F5F5F5;
    }
    .content h1 {
        font-size: 24px;
    }
    .content p {
        line-height: 1.6;
    }

	.kanta {
	font-family : Verdana, Tahoma,  Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #336699;
	FONT-WEIGHT: normal;
	}


.kanta:hover {
    color: #FF0000;
}



 body { background-color: #ffffff; margin: 0; padding: 0; color: #202122; }
        .weaponch { font-size: 13px; line-height: 1.6; }
        a { color: #0645ad; text-decoration: none; }
        a:hover { text-decoration: underline; }
        a:visited { color: #0b0080; }
        h1, h2, h3 { font-family: 'Linux Libertine', 'Georgia', 'Times', serif; color: #000; border-bottom: 1px solid #a2a9b1; margin-bottom: 0.5em; margin-top: 1em; font-weight: normal; }
        h1 { font-size: 1.8em; margin-top: 0; padding-bottom: 5px; }
        h2 { font-size: 1.5em; padding-bottom: 3px; }
        table.layout-table { width: 100%; border-collapse: collapse; background: #fff; }
        td.layout-sidebar { width: 176px; vertical-align: top; background-color: #f6f6f6; border-right: 1px solid #a7d7f9; padding: 10px; }
        td.layout-content { vertical-align: top; padding: 20px 25px; background: #ffffff; }
        .wiki-logo { text-align: center; margin-bottom: 15px; }

		.wiki-logo{position:relative;width:135px;margin:0 auto 15px auto;text-align:center;perspective:1000px;}
        .wiki-logo-stage{position:relative;width:135px;height:135px;transform-style:preserve-3d;will-change:transform;}
        .wiki-logo img{display:block;width:135px;height:auto;position:relative;z-index:2;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));}
        .wiki-logo canvas{position:absolute;left:0;top:0;width:135px;height:135px;z-index:3;pointer-events:none;}


        .sidebar-section { margin-bottom: 20px; }
        .sidebar-header { font-size: 0.75em; color: #54595d; text-transform: uppercase; padding: 5px 8px; margin-bottom: 6px; cursor: default; border-bottom: 1px dashed #a2a9b1; border-left: 2px solid #0645ad; background-color: #eef4fa; border-radius: 0 3px 3px 0; }
        .sidebar-links div { padding: 3px 0 3px 10px; }
        .sidebar-links a { color: #0645ad; font-size: 12px; }
        .wiki-popular-box { background: linear-gradient(to bottom, #f0f9ff 0%, #eef5fc 100%); border: 1px solid #c8ccd1; border-left: 4px solid #0645ad; padding: 8px; margin-bottom: 15px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
        .wiki-popular-title { font-weight: bold; color: #202122; font-size: 11px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }
        .wiki-popular-item { padding: 3px 0; border-bottom: 1px dotted #dce4ec; }
        .wiki-popular-item:last-child { border-bottom: none; }
        #searchInput { width: 100%; border: 1px solid #a2a9b1; padding: 5px; font-size: 13px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); box-sizing: border-box; }
        #searchResults { position: absolute; background: #fff; border: 1px solid #a2a9b1; width: 156px; z-index: 100; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
        #searchResults div { padding: 5px; cursor: pointer; }
        #searchResults div:hover { background-color: #eaecf0; }
        table.wikitable { margin: 1em 0; background-color: #f8f9fa; border: 1px solid #a2a9b1; border-collapse: collapse; color: #202122; }
        table.wikitable > tr > th, table.wikitable > tr > td { border: 1px solid #a2a9b1; padding: 0.4em 0.6em; }
        table.wikitable > tr > th { background-color: #eaecf0; text-align: center; font-weight: bold; }
        .main-page-box { border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 15px; margin-bottom: 20px; border-radius: 2px; }
        .main-page-header { background-color: #cedff2; border: 1px solid #a2a9b1; padding: 10px; font-size: 120%; font-weight: bold; margin-bottom: 10px; text-align: center; }
        .heartbeat { animation: heartbeat 1.2s infinite; width: 20px; }
        @keyframes heartbeat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
        .wiki-nav-bar { background: #eaecf0; border-bottom: 1px solid #a2a9b1; padding: 5px 10px; font-size: 11px; text-align: right; }
        .wiki-btn { background: #fff; border: 1px solid #a2a9b1; padding: 2px 8px; color: #000; cursor: pointer; font-size: 11px; }