body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.老師好書推介-20200915 a {
    text-decoration: none;
    color: #FFFFFF !important;
    display: block;
    padding: 30px 80px;
    width: 100%;
}
.老師好書推介-下學期-20210125 a {
    text-decoration: none;
    color: #FFFFFF !important;
    display: block;
    padding: 30px 80px;
    width: 100%;
}
.老師好書推介-下學期-20210125, .老師好書推介-20200915 { text-align: center; }

.paraCount1 .paragraphContent { background-color: #ffffff; -moz-box-shadow: inset 0 0 30px #f395ff; -webkit-box-shadow: inset 0 0 30px #f395ff; box-shadow: inset 0 0 30px #f395ff; margin: 0 20px;}
.paraCount2 .paragraphContent { background-color: #ffffff; -moz-box-shadow: inset 0 0 30px #b0efff; -webkit-box-shadow: inset 0 0 30px #b0efff; box-shadow: inset 0 0 30px #b0efff; margin: 0 20px;}

.paraCount1 .paragraphContent .book-button1 {
	box-shadow: 1px 2px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #cb33ef 5%, #70f8ff 100%);
	background-color:#33bdef;
	border-radius:10px;
	border:2px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px 0px #5b6178;
        text-align: center;
        width: 80%;
        min-width: 350px;
        height: 60px;
        line-height: 55px;
}
.paraCount1 .paragraphContent .book-button1:hover {
	background:linear-gradient(to bottom, #70f8ff 5%, #cb33ef 100%);
	background-color:#019ad2;
}
.paraCount1 .paragraphContent .book-button1:active {
	position:relative;
	top:1px;
}

.paraCount1 .paragraphContent .book-button2 {
	box-shadow: 1px 2px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #308a69 5%, #e3ff8d 100%);
	background-color:#edc834;
	border-radius:10px;
	border:2px solid #4d06cf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px 0px #5b6178;
        text-align: center;
        width: 80%;
        min-width: 350px;
        height: 60px;
        line-height: 55px;
}
.paraCount1 .paragraphContent .book-button2:hover {
	background:linear-gradient(to bottom, #e3ff8d 5%, #308a69 100%);
	background-color:#d18c02;
}
.paraCount1 .paragraphContent .book-button2:active {
	position:relative;
	top:1px;
}

.paraCount2 .paragraphContent .book-button1 {
	box-shadow: 1px 2px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:10px;
	border:2px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px 0px #5b6178;
        text-align: center;
        width: 80%;
        min-width: 350px;
        height: 60px;
        line-height: 55px;
}

.paraCount2 .paragraphContent .book-button1:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.paraCount2 .paragraphContent .book-button1:active {
	position:relative;
	top:1px;
}
.paraCount2 .paragraphContent .book-button2 {
	box-shadow: 1px 2px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #edc834 5%, #d18c02 100%);
	background-color:#edc834;
	border-radius:10px;
	border:2px solid #4d06cf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px 0px #5b6178;
        text-align: center;
        width: 80%;
        min-width: 350px;
        height: 60px;
        line-height: 55px;
}
.paraCount2 .paragraphContent .book-button2:hover {
	background:linear-gradient(to bottom, #d18c02 5%, #edc834 100%);
	background-color:#d18c02;
}
.paraCount2 .paragraphContent .book-button2:active {
	position:relative;
	top:1px;
}
.book-title1 {
font-size: 26px;
font-weight: 700;
margin-bottom: 40px;
text-align: left;
}
h1, h2 {
margin-left: 20px !important;
}
.book2022-back { padding: 1%; float: left; margin: 1%; font-size: 20px;
font-weight: 700; background-color: #d9c890; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.book2022-back a { display: block; padding: 0%; width: 100%;}
.greenBorder01 { display: table; width: 100%;}
@media (max-width: 430px) {
.paraCount2 .paragraphContent .book-button1, .paraCount2 .paragraphContent .book-button2 { min-width: 0px; width: 100% !important; }
.paraCount1 .paragraphContent .book-button1, .paraCount1 .paragraphContent .book-button2 { min-width: 0px; width: 100% !important; }
}