/* §ó§ï¥DÃD */
html:root {
    /*--color-main: rgb(40,92,139);*/
    --color-main: #205295;
    --footer-main:#205295;
    --bodyColor: #6D67E4;/* 144272 */
    --postBgColor: #0A2647;
    --postBgWColor: #2C74B3;
    --postBgHColor: #F5EA5A;/* 937DC2 A63EC5 46C2CB C0EEF2 */
    --postBgDHColor: #F5EA5A;
    --color-a: #144272;
    --color-ahover: #2C74B3;
    --color-main2: #f60;
    --color-nav-light: #f60;
    /* 
    	--color-ahover: #f60; 
    	--color-a: rgb(68 139 208);\
    */
    --color-nav-a: #fff;
    --color-nav-ahover: #ff0;
    --headlogin-a: #333;
    --maxscreenwidth: 1400px;
    --nav-background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.6));
    --av-a-backgroundn: transparent;
    --nav-ahover-background: rgba(0,0,0,0.15);
    --nav-anow-background: rgb(188,66,188);
    --head-background: linear-gradient(to bottom,rgb(68,72,169),rgb(117,216,239));
    --yellowbtn-background: linear-gradient(to top,#fb5c00,#ff6161);
    --background-lightcolor: linear-gradient(to top,#396c93,#6daad9);
    --nav-main-height: 50px;
    --pagetitle-height: 40px;
    --background-popbg: rgba(0,0,0,0.7);
    --color-boy: #3999f6;
    --color-girl: #e45ee5;
    --color-all: #23b08d;
    --changepage-width: 36px;
    --usermenuwidth: 240px;
    --imgshadow: 0 4px 5px rgba(0,0,0,0.1);
    --readborder-l: 0px;
    --readborder-s: 10px;
    --readheadheight: 30px;
    --vchangeheight: 70px;
    --curchap-border: 5px solid #eee;
    --curchap-bkcolor: #f5f5f5;
    --curchap-bkcolorhover: #f1f1f1;
}

* { -webkit-tap-highlight-color: transparent; outline: none; font-family:'Droid Sans',Noto }
html {font-size:14px;height:100%;}

h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, p, form { margin: 0; list-style: none; padding: 0; }
body { padding: 0px 0 0 0px; margin: 0px auto; background-color: #fff;padding-bottom:60px;position:relative;box-sizing:border-box;min-height:100%;}
a {
	/*color:var(--color-a);#a4a09b*/
	color:var(--color-girl)
	text-decoration:none;
}
a:hover, a:active {color:var(--color-ahover);}

article.black h1{background-color:var(--postBgWColor);color:#fff;}
article.black header {background-color:var(--postBgWColor);color:#fff;}
article.black header div{background-color:var(--postBgWColor);color:#fff;}
article.black div {background-color:var(--postBgWColor);color:#fff;}

.IconLink {position: fixed; left:0;right:auto;top:auto;bottom:0; box-sizing: border-box; z-index: 12;width: 100%;border-width:var(--readheadheight) var(--readborder-l) var(--readborder-l) 0;border-style:solid;border-color:transparent;}
.IconLink .footerbox {
	margin: 0 auto; 
	border-radius: 0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* background-color:var(--footer-main); */
	box-sizing:border-box;
	padding:0;
	height:auto;
	position:relative;
}
.IconLink ul {display: block; height: auto; width: 100%; overflow: hidden; display: block;padding-top:3px;font-size:0;padding:3px 0;text-align:center;}
.IconLink ul li {display:inline-block;width:auto;height:auto;border:2px solid transparent;padding:0px;min-width:50px;}
.IconLink ul li:last-child { border-bottom: 0; }
.IconLink ul li a, .IconLink ul li button { 
	color: #fff; 
	display: block; 
	height: auto; 
	line-height: 5px; padding: 10px 0px; transition: background 0.2s; font-weight: normal; text-align: center;
	font-size: .8rem; position: relative;
	/*background-color:rgba(0,0,0,0.25);*/
	font-size: 2.2rem;
  background-color: var(--footer-main);
	cursor:pointer;border-radius:.5rem;border:0;width:100%;}
.IconLink ul li a[url=none], .IconLink ul li a[name=no] { opacity: 0.2; pointer-events: none; }
.IconLink ul li a img, .IconLink ul li button img {
    display: block;
    width: auto;
    height: 25px;
    margin: 0 auto 5px auto;
    opacity: 1;
}


.footerbox ul li a svg {display: block;
    width: auto;
    height: 25px;
    margin: 0 auto 5px auto;
    opacity: 1;
   	fill:#fff;
   	padding:1px;
    cursor: pointer;
    border-radius: 0.5rem;
}

.novelcontent {margin:0 auto;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.novelcontent.size14 {font-size:14px;}
.novelcontent.size16 {font-size:16px;}
.novelcontent.size18 {font-size:18px;}
.novelcontent.size20 {font-size:20px;}
.novelcontent.size22 {font-size:22px;}
.novelcontent.size24 {font-size:24px;}
.novelcontent.size26 {font-size:26px;}
.novelcontent.size28 {font-size:28px;}
.novelcontent.size30 {font-size:30px;}
.novelcontent.size32 {font-size:32px;}
.novelcontent.size34 {font-size:34px;}
.novelcontent.size36 {font-size:36px;}

.novalct { display: block; text-align: center; padding:0px; position: fixed; width: 80px; box-sizing: border-box; opacity: 1; z-index: 100;right:0px;bottom:0px;}
.novalct ul { display: block; border-radius: 0; padding: 3px; font-size: 0; }
.novalct ul li { display: block; width:auto; height: 57px; margin: 0 0px;padding:0 2px 2px 2px;}
.novalct ul li form {display:block;width:100%;height:100%;}
.novalct ul li form button {display:block;width:100%;height:100%;border:0;background:none;padding:0;margin:0;}
.novalct ul li span{background-color:rgba(0,0,0,0.25);cursor:pointer;display:block;width:100%;height:100%;border-radius:6px;transition: background 0.2s;}
.novalct ul li span:hover {background-color: rgba(0,0,0,0.5) }
.novalct ul li span svg { display: block; width: 100%; height: 100%; }
.novalct ul li span svg { fill: #fff; box-sizing: border-box; padding: 20px; }

.nextbox {
    padding: 20px 0 20px 0;
    text-align: center;
}
.nextbox button, .nextbox a {
    display: inline-block;
    font-size: 1.3rem;
    border: 0;
    color: #fff;
    background-color: var(--color-main);
    padding: 0.6rem 1.5rem;
    border-radius: 0.5rem;
}
button:hover, button:active {
    opacity: 0.8;
}
button {
    cursor: pointer;
    transition: all 0.2s;
}


	.IconLink ul li.pagep{
	    display: none;
	}