/*     newstyles.css
                              called from shengv.html, shengvch.html      */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
	color: #000000;
}
html {
	font-size: 1em;
	line-height: 1.4;
}
/* =========================================================
   Custom styles: designed by the Taipei Autonomy Alliance 
   ========================================================= */

.wrapper {
	width: 84%;
	margin: 0 auto;
	min-width: 400px;
	max-width: 990px;
	box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 1em;    
}
.tx-small {
	font-size: 0.875em;
}
/* 14px/16=0.875em */

.tx-red {
	color: #ff0000;
	font-weight: bold;
}
.tx-bold {
	font-weight: bold;
}
.tx-italic {
	font-style: italic;
}
.tx-italic12 {
	font-style: italic;
    font-size: 1.2em;
}
.tx-italic14 {
	font-style: italic;
    font-size: 1.4em;
}
.tx-12 {	
    font-size: 1.2em;
}
.tx-under {
	text-decoration: underline;
}
.tx-und-italic {
	text-decoration: underline;
	font-style: italic;
}
.tx-smallheight {
	line-height: 6px;
}
.tx-centter {
	text-align: center;
}

hr {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.leftline:before {
   height: 0;
   width: 20px;
   border-top: 2px solid #e20020;
   content: '';
   display: inline-block;
   margin-right: 10px;
   vertical-align: middle;
}


/* ============================================
    Comment placed inside-text, coding style 1   
   ============================================ */

div.comment1 {
	background-color: #ffffd2;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	border-left: 12px solid #78866b;
	color: #347c17;
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	font-size: 0.9em;
	line-height: 1.5em;
}
/* ============================================
    Comment placed inside-text, coding style 2   
   ============================================ */

div.comment2 {
	background-color: #e5e4e2;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	border-left: 12px solid #5d7d7e;
	color: #7a7a78;
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	font-size: 0.9em;
	line-height: 1.5em;
}
/* ============================================
    Comment placed inside-text, coding style 3   
   ============================================ */

div.comment3 {
	background-color: #ffeae9;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	border-left: 12px solid #806517;
	color: #827b60;
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	font-size: 0.9em;
	line-height: 1.5em;
}
/*   margin-left: 30px; margin-right: 30px; border-radius: 10px;   
border-width: 1px; border-style: solid; border-color: #84cc67;  */

/* =========================================================
  Simple Reference Box, at bottom of webpage, coding style 1   
   ========================================================= */

.wrappNSbig1 {
	width: 70%;
	margin: 0 auto;
	min-width: 400px;
	max-width: 1200px;
	box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 2.5em;
}
.RefBox01 {
	text-align: center;
	color: #800517;
	background-color: #f3fbaf;
	padding: 1em 0em;
	border-radius: 10px;
	margin: -0.5em;
}
/* =========================================================
  Simple Reference Box, at bottom of webpage, coding style 2  
   ========================================================= */

.wrappNSbig2 {
	width: 64%;
	margin: 0 auto;
	min-width: 400px;
	max-width: 1200px;
	box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 2.5em;
}
.RefBox02, .RefBox02out {
	text-align: center;
	color: #800517;
	background-color: #d7fbfd;
	padding: 1em 1em;
	border-radius: 10px;
	margin: -0.6em;
}
/* =========================================================
  Simple Reference Box, at bottom of webpage, coding style 3   
   ========================================================= */

.wrappNSbig3 {
	width: 58%;
	margin: 0 auto;
	min-width: 400px;
	max-width: 1200px;
	box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 2.5em;
}

.RefBox03 {
	text-align: center;
	color: #800517;
	background-color: #ddfcb1;
	padding: 1em 0em;
	border-radius: 10px;
	margin: -0.6em;
}
/* =================================================
     LINK Box, at bottom of webpage, coding style 1   
   ================================================= */

.wrappNSmid1 {
	width: 40%;
	margin: 0 auto;
	min-width: 300px;
	max-width: 1000px;
	box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 2.5em;
}

.InfoLink01 {
	text-align: center;
	color: #800517;
	background-color: #b3e1e1;
	/*  box-shadow: 2px 2px 2px #b3e1e1;   */
	padding: 1em 0em;
	border-radius: 10px;
	margin: -0.7em;
}

.padbox8  {
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 11px;     
    font-family: Arial, helvetica, Geneva, "Heiti TC", sans-serif; 
    font-size: .93em;
    text-align: left;
}

.greyborder8 {        
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #b6b6b4;  
    background-image: url("../images/grey-backgr.jpg");
   /* background-image: url("../images/darkgreyleather.jpg"); */
   /*  background-image: url("../images/grey-gradient.png");  */
    width: 72%;  
    color: #fff;
}

@media screen {
    .noscreen {
        display: none;
    }
}

@media print {
    .noprint {
        display: none;
    }
}

 .ashowi {
     display: block;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #d6ebeb;
     width: 122px;
     height: 43px;
     border: 2px solid #0000ff;
 }

 .futile {
     font-weight: 400;
     font-size: 1.25em;
     width: 55%;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

/* ============================================
    <a>    COLORING AND STYLING specifications   
   ============================================ */

a {
	text-decoration: underline;
    text-decoration-color: #800080;
	color: #0000f5;
}

/* unvisited link */
a:link {
	text-decoration: underline;
    text-decoration-color: #ff00ff;
	color: #0000f5;
}

/* visited link */
a:visited {
	color: #5c5cf9;
}

/* mouse over link */
a:hover {
/*	text-decoration: none;  */
	text-decoration: underline;
	color: #9c9566;
}  /*  font-weight: bold;  */

/* selected link */
a:active {
	color: #af00af;
	font-weight: bold;
}   /*  text-decoration: wavy underline #8eebec; */

/* ============================================== */

.part-title {
    font-style: italic;
    font-size: 1.4rem;
    font-family: 'Marcellus', serif;
    color: #000080;
  /*  text-indent: -0.8rem;
    padding-left: 1rem;   */
    text-indent: -1em;    padding-left: 1em; 
}