/* _hypub.css
 * Copyright (c) HerongYang.com. All Rights Reserved.
 */
div.c1#left {width: 170px; padding-left: 8px;}
div.c1#center {width: 610px; padding-left: 8px;}
div.c1#right {width: 220px; padding-left: 8px;}

@media (max-width: 1024px) {
   div.c1#right {display: none;}
}

@media (max-width: 796px) {
   div.c1#left {display: none;}
   div.c1#center {width: 100%; padding-left: 0px;}
}

body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, sans-serif; font-size: 12pt;}
div.c1 {display: inline; float: left}

html {-webkit-text-size-adjust: 100%;}
input {font-family: Arial, sans-serif; font-size: 12pt;}
textarea {font-family: monospace; font-size: 11pt; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}
option {font-family: Arial, sans-serif; font-size: 12pt;}
td {font-family: Arial, sans-serif; font-size: 12pt;}

p {margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px; line-height: 140%;}
li {margin: 10px 0px 10px 0px; padding: 0px 5px 0px 10px; line-height: 140%;}
form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
img {vertical-align: bottom; width: auto !important; height: auto !important; max-width:100% !important;}
p.picture img {vertical-align: bottom; max-width: 256px !important; max-height: 331px; background-color: #ffffff;}

form.inline {margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px;}

a:link {color: #3366cc; text-decoration: none;}
a:visited {color: #3366cc; text-decoration: none;}
a:hover {text-decoration: underline;}

div.r2 {border-top: 1px #bbbbbb solid;}
div.c1#left div.r2 {border-right: 1px #bbbbbb solid;}
div.c1#right div.r2 {border-left: 1px #bbbbbb solid;}
div.c1#center div.r2 {min-width: 468px;}

div.r2#menu {text-align: right;}
div.r2#header {text-align: left; font-size: 11pt;}
div.r2#footer {text-align: left; font-size: 11pt;}
div.r2#bottom {text-align: center; font-size: 11pt;}
div.r2#bottom img {width: 80px !important; height: 16 !important; border: 0px; vertical-align: center;}

div.floatR {float: right; margin: 0px 0px 4px 4px;}

p.itemComm {margin: 10px 0px 10px 30px;}
p.itemComm  .body {font-size: 11pt; color: #000000;}

p.variable {display: none;}

p.tocTitle {background-color: #cfcfcf; margin: 10px 0px 0px 0px; padding: 8px 0px 0px 0px; font-weight: bold; font-size: 16pt; text-align: center;}
p.tocVersion {background-color: #cfcfcf; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-weight: bold; font-size: 12pt; text-align: center;}
p.tocDate {background-color: #cfcfcf; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-weight: bold; font-size: 12pt; text-align: center;}
p.tocAuthor {background-color: #cfcfcf; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-weight: bold; font-size: 12pt; text-align: center;}
p.tocCopyright {background-color: #cfcfcf; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-weight: bold; font-size: 12pt; text-align: center;}
p.tocHomeUrl {background-color: #cfcfcf; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-weight: bold; font-size: 12pt; text-align: center;}

p.pageTitle {background-color: #cfcfcf; margin: 8px 0px 0px 0px; padding: 8px 8px 8px 8px; font-weight: bold; font-size: 14pt; clear: both;}
p.pageDescription {font-size: 12pt; font-style: italic;}
p.navIndex {margin: 0px; padding: 4px 4px 4px 4px; font-weight: bold;}
p.navChapter {margin: 0px; padding: 4px 4px 4px 4px; font-weight: bold;}
span.navUp1 {margin: 0px; padding: 0px 2px 0px 2px; font-weight: bold; font-size: 12pt; vertical-align: top; color: blue;}
span.navUp2 {margin: 0px; padding: 0px 2px 0px 16px; font-weight: bold; font-size: 12pt; vertical-align: top; color: blue;}

p.blockTitle {background-color: #cfcfcf; margin: 18px 0px 0px 0px; padding: 4px 4px 4px 4px; font-weight: bold; font-size: 13.5pt;}
pre {overflow-x: auto; font-family: 'new courier', monospace; font-size: 13px; background-color: #e8e8e8; margin: 4px 0px 4px 0px;	border: 10px; color: black; padding: 5px; line-height: 150%;}
pre.source_85 {font-family: 'new courier', monospace; font-size: 10px; background-color: #e8e8e8; margin: 4px 0px 4px 0px;	border: 10px; color: black; padding: 5px; line-height: 150%;}
pre.syntax {font-style: italic; font-family: 'new courier', monospace; font-size: 13px; background-color: #e8e8e8; margin: 4px 0px 4px 0px;	border: 10px; color: black; padding: 5px; line-height: 150%;}
pre.chinese {overflow-x: auto; font-family: 'microsoft yahei', monospace; font-size: 13px; background-color: #e8e8e8; margin: 4px 0px 4px 0px;	border: 10px; color: black; padding: 5px; line-height: 150%;}

blockquote.bookToc {margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px;}
blockquote.chapterToc {margin 20px 0px 20px 0px; padding: 0px 0px 0px 0px;}

p.bookToc {margin: 8px 25px 0px 0px; font-weight: bold;}
p.chapterToc {margin: 8px 50px 0px 20px; font-weight: bold;}
span.dotOff {margin: 0px; padding: 0px 12px 0px 0px; font-weight: bold; font-size: 12pt; color: blue;}
span.dotOn {margin: 0px; padding: 0px 2px 0px 0px; font-weight: bold; font-size: 12pt; color: blue;}
span.small {font-size: 8pt;}

p.dot {height:1px; background-color: #000000; margin: 0px; padding: 0px;}

p.sideList {font-weight: bold; font-size: 8pt; margin-top: 7px; margin-left: 0px; margin-right: 3px; margin-bottom: 0px;}
p.sideItem {font-size: 8pt; margin-top: 7px; margin-left: 8px; margin-right: 3px; margin-bottom: 0px;}
p.sideText{font-size: 8pt; margin-top: 7px; margin-left: 0px; margin-right: 3px; margin-bottom: 0px;}

p.author {font-weight: bold; font-size: 8pt;}
p.icon {line-height: 180%;}
p.copyright {text-align: right; font-style: italic; font-size: 12pt;}
p.stamp {text-align: right; font-style: italic;}
p.syndication {margin: 4px 0px 0px 0px; padding: 0px; text-align: right;}
p.search {margin: 0px 0px 0px 0px; padding: 0px;}
p.picture {background-color: #bfbfbf; text-align: center; margin: 4px 0px 4px 0px; border: 10px; padding: 10px;}

a img {border: 0; margin: 0px 4px 0px 0px;}

figure {text-align: center}
figcaption {font-weight: bold; margin: 8px 0px 0px 0px;}

p.head {font-size: 13pt; font-weight: bold; background-color: #eeffee; margin: 0px; padding-top: 4px; padding-bottom: 4px;}
div.iconL {float: left; background-color: #00b030; color: #ffffff; font-size: 16pt; font-weight: bold; font-family: Algerian, sans-serif; padding: 0px 4px 0px 4px; margin: 10px 4px 2px 0px;}
div#error {border-top: 4px #ff7777 solid; border-bottom: 3px #ff7777 solid;}
div#notice {border-top: 4px #ffff77 solid; border-bottom: 3px #ffff77 solid;}

div.fb-like {margin: 6px 0px 6px 0px; padding: 0px 0px 6px 0px;}

table.cal_year { border: 1px #000000 solid; }
td.cal_year { padding: 10px; font-size: 18pt; font-weight: bold; text-align: center; color: #ff0000; background-color: #ffffff; }
table.cal_month { border: 1px #000000 solid; background-color: #dfdfdf; }
td.cal_month { padding: 4px; font-size: 12pt; font-weight: bold; text-align: center; background-color: #ffffff; }
td.cal_end { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; color: #ff0000; background-color: #ffffff; }
td.cal_day { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; background-color: #ffffff; }
td.cal_nil { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; color: #ffffff; background-color: #ffffff; }
td.wek_end { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; color: #ff0000; background-color: #dfdfdf; }
td.wek_day { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; background-color: #dfdfdf; }
td.cal_end_hi { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; color: #ff0000; background-color: #ffaaaa; }
td.cal_day_hi { padding: 2px; font-size: 7.7pt; font-weight: bold; text-align: center; background-color: #ffaaaa; }