A:link {color:#3F1505}
A:visited {color:#141870}
A:hover {color:#FAF6E7;background-color:#744B24;text-decoration:overline}
A:active {color:Blue}
BODY {margin:0;padding:0;height:100%;font-family:'Georgia','Trebuchet MS',serif;	color:#00002F;background-color:#FFFFFA}
H1 {font-family:'Georgia','Trebuchet MS',serif;text-shadow:2px 2px 3px #C89681;color:#141870;font-weight:normal;text-align:center;font-size:160%;margin-top:6px;margin-bottom:6px}
H2 {font-weight:500;color:#00002F;font-size:150%;margin-top:10px}
H3 {font-weight:600;color:#00002F}
H4 {margin-top:3px;margin-bottom:3px}
P {line-height:130%}
BLOCKQUOTE {padding:10px;border:1px solid #141870;margin:10px;border-radius:8px;color: #141870;background-color:#F7F7FF;font-style:italic;overflow:hidden}
OL {font-size:105%}
OL > LI {padding:4px 0}
TH,TD {padding: 5px}
.alt_units {font-size:85%}
.centred {text-align:center}
.chC {font-family:'SimSun','Georgia','Trebuchet MS',serif;font-size:150%}
.chP {font-size:130%}
.chW {color:#141870;font-style:italic;font-size:90%;margin-right:4px;margin-left:4px}
.ch2C {font-family:'SimSun','Georgia','Trebuchet MS',serif;font-size:120%}
.ch2P {font-size:105%;font-weight:600}
.chfC {font-family:'SimSun','Georgia','Trebuchet MS',serif}
.popup {padding:8px;border:1px solid #744B24;border-radius:6px;font-size:85%;box-shadow:10px 10px 5px #744B24;visibility:hidden;z-index:2}
.popup h4 {margin:3px 0;font-family:'Georgia','Trebuchet MS',serif}
.cip{ background-color:#E2E6FF;cursor:pointer;padding:0 2px;}
.cl {text-decoration:none}
.cl:link {color:#141870;border-bottom:1px dashed #141870}
.cl:visited {color:#682E4B;border-bottom:1px dotted #682E4B}
.cl:hover {color:#FAF6E7;background-color:#141870;text-decoration:underline}
.cl:focus {background-color: #E2E6FF;}
.colbox {border-radius:8px;padding:10px;border:1px solid #C89681;margin-top:4px;overflow:hidden}
.botbox {width:100%;min-height:400px;overflow:hidden;}
.botcolbox {width:31%;float:left;margin:1%;background-color:#F2EFFD;color:#3F1505}
.botimg {width:100%;height:auto}
.bottext {padding:2%}
.botcolbox > a { text-decoration:none; display:block;margin:2px}
.botcolbox > a:hover { text-decoration:none; color:black; margin:0px; border:2px dashed #3F1505;background-color:#F6E2D0}
.botlink {text-decoration:none; border:none}
.dload {visibility:hidden}
.dropfont {color:inherit}
.dropfont::first-letter {font-size:160%;padding-right:2px}
.ExtLink {padding-left:2px;padding-right:6px}
.ExtLink:hover {color:#682E4B;background-color:#FAF6E7;text-decoration:underline}
.ExtArr {font-weight:bolder;text-shadow:3px 0 1px #E2E6FF}
.hrefanchor{padding-top:70px;margin-top:-70px}
.ifloatalwaysleft {float:left;margin-right:10px;border:0}
.ifloatalwaysright {float:right;margin-left:10px;border:0}
.imgcredit {text-align:center;font-size:80%;margin:4px}
.imgblockcredit {padding:0 8px;font-size:80%}
.lange {padding:0 4px;font-style:italic;background-color:#FAF6E7;color:#141870}
.langp {padding:0 4px;font-style:italic;background-color:#F2EFFD;color:#3F1505}
.linkbutton {color:white;background-color:#3F1505;padding:2px 8px;margin-top:10px;border-radius:6px;margin-right: 6px}
.linkbutton:link {color:white}
.linkbutton:visited {color:white}
.linkbutton:focus {text-decoration:underline;color:white;background-color:#682E4B;}
.lmpodcast {width:105px;text-align:center;float:right;margin-left:6px;font-size:75%;overflow: hidden;}
.lmpodcastleft {width:105px;text-align:center;float:left;margin-right:6px;font-size:75%}
.lmpodcastlogo {width:100px;height:45px;background:url('motifs/PBMotifs.png');background-position:0 -713px}
.lmpodcastpic {border:1px solid #3F1505;margin:4px 0}
.picframe {padding:1px;border:2px solid #3F1505;margin-bottom:6px}
.picframesq {padding:1px;border:2px solid #3F1505;margin-bottom:6px;width:95%;height:auto}
.picframesmall {border:1px solid #3F1505;margin-top:4px}
.popbutton {color:#FFFFFA;background-color:#3F1505;padding:3px 7px;border-radius:6px;cursor:pointer}
.popbutton:hover {color: #FAF6E7;background-color: #141870;margin-right: 1px;margin-left: -1px;}
.popbutton:focus {text-decoration:underline;color:#F6E2D0}
.provimg {float:left;margin-right:10px;margin-bottom:5px;border:2px ridge ;clear:both}
.provbigimg {margin-right:10px;margin-top:10px;border:2px ridge ;clear:both}
.qchC {font-family:'SimSun','Georgia','Trebuchet MS',serif;font-size:120%;font-weight:bold;}
.qchP {font-size:110%;}
.quiza {padding:10px;border:1px solid #C89681;background-color:#F2EFFD;margin-top:4px;overflow:hidden;border-radius:8px}
.quizres {padding:1px}
.quizimga {padding:1px}
.quoteinline {font-weight: bold;color: #141870}
.resizer {background-color:inherit}
#seealsobox {clear:both;border:1px solid #141870;background-color:#F2EFFD;margin:4px 0;border-radius:8px;padding:8px;font-size:13px;text-decoration:none}
#seealsobox a:link {text-decoration:none}
#seealsobox a.cl:link {border:none}
.ytvideo { padding:1px;border:2px solid #141870;margin-bottom:6px}
.nofloat {float:none}
.navbar {background-color:#A4561D;color:white;font:16px 'Georgia','Trebuchet MS',serif;padding: 8px 0px 8px 0}
.navbar a:link {color:#F7F7FF;padding:5px 2px  3px 2px;	text-decoration:none}
.navbar a:visited {color:#FAF6E7}
.navbar a:hover {color:black;background-color:#E2E6FF;padding:2px 2px;text-decoration:underline}
.navbar a>b {color:#141870;	background-color:#FAF6E7;font-weight:bold;border-radius:5px;padding:2px 12px;text-decoration:none;margin-right:4px}
#topbarleft {display:block;background-color:#E2E6FF;position:fixed;top:0;left:0;width:108px;height:64px;z-index:10;overflow:hidden}
#topbarmiddle {left:169px;right:0;min-width:368px;position:fixed;background:#E2E6FF url('base/TCB3.png') repeat;top:0;height:64px;z-index:10;overflow:auto}
#topbarimage{background-color:#E2E6FF;height:64px;display:block;margin:auto}
#topbarmenu{position:fixed;top:0;left:108px;background:#E2E6FF url('base/TBA.png') no-repeat;background-position:-108px 0px;width:61px;height: 64px;z-index:10;}
#mainbody {position:relative;top:64px}
.gabox {padding:5px;width:auto;clear:both;overflow:hidden}
.pbbox {width: 350px;float:right;background-color:#FFFFFA;margin:2px;color:#3B0800;overflow:hidden}
.pbbox  h3 { margin:0 0 4px 0; font-size:110%}
.pbbox > a { text-decoration:none; display:block;padding:2px}
.pbbox > a.cl { text-decoration:underline; display:inline}
.pbbox > a.linkbutton {clear:both;margin-top:6px;padding: 3px 5px;}
.pbbox > a:hover { text-decoration:none; color:black; background-color:#C89681;margin-left:5px;margin-right:-5px}
.pbimg {float:none; width:100%;height:auto;}
.pbimg:hover {transform:scale(1.05,1.05);}
.pbblock {display:block;}
.pbblock .pbimg {width:auto;float:left;margin: 0px 6px 6px 0;}
.pbthumb {float:left;margin:0 5px 5px 0;border:1px solid #141870}
.proverbPB{	padding:8px}
.proverbPB .prov_chinese{font-family:'SimSun','Georgia','Trebuchet MS',serif;font-size:150%;display:inline}
.proverbPB .prov_pinyin {font-size:100%;margin-left:8px;display:block}
.proverbPB .prov_translate {font-weight:bold;display:block;padding:4px 0}
.proverbPB .prov_meaning {font-weight:normal}
.proverbPB .prov_english {font-size:110%;font-style:italic}
.pbbox  h2>.chfC {	font-size:200%}
.pbnone {width: 800px;height: auto;float:none}
.ifloatleft {float:left;margin-right:10px}
.ifloatright {float:right;margin-left:10px}
.detailboxright {width:500px;float:right;font-size:95%;margin-left:20px;overflow:hidden}
.caret {display:inline-block;margin-left:16px;font-size:120%}
.hieararchy {padding: 4px 0 4px 0;}
.menudropdown {position:relative;display:inline-block}
#ddmtop {display:none;visibility:hidden;position:absolute;z-index:6}
#ddm {display:block;position:relative;top:64px;left:0;z-index:12;width:235px;font:20px 'Georgia','Trebuchet MS',serif;font-weight:bold;box-shadow:10px 20px 30px 0 rgba(63,13,0,0.7);background-color:#00002F;color:#F7F7FF;padding:4px}
#main {padding:0 10px;}
/* Make dropdown visible when activate top */
.menudropdown:hover #ddm {display:block}
.ddmlev1 {display:block;padding:6px 4px;width:200px;z-index:12;color:#F7F7FF}
.ddmlev1:hover {background-color:#E2E6FF;color:#3F1505}
.navsel {display:block}
.ddmlev1.navsel {background-color:#A4A0B0;font-weight:bold}
.ddmlev1 a {color:#F2EFFD;text-decoration:none}
.ddmlev1 a:hover {background-color:#FAF6E7;color:#3F1505;text-decoration:underline}
.ddmore {font-style:italic;font-weight:bold;background-color: #3c5795}
.ddmlev2 {display:none;position:relative;background-color:#682E4B;color:#F7F7FF}
.ddmlev2 a {display:block;width:200px;color:#F7F7FF;padding:6px 10px;text-decoration:none}
.ddmlev2 a:hover {background-color:#E2E6FF;color:#3F1505;text-decoration:underline}
.consentpopup {position:fixed;top:0;left:0;background-color:#3F1505;color:white;font-size:100%;padding:6px;width:100%;z-index:20}
.consentpopup a:link {font-weight:bold;color:#FAF6E7;background-color:#682E4B;padding:2px 4px}
.consentpopup a:visited {color:#FAF6E7}
.consentpopup a:active {color:#FAF6E7}
#cookieconsent {visibility:hidden;display:none}
.navbarcustom {background-color:#A4561D;font:20px 'Georgia','Trebuchet MS',serif;padding:5px 2px 2px 3px;overflow:hidden;color:#F6E2D0}
.navbarcustom a:link {color:#F6E2D0;padding:5px;	text-decoration:none}
.navbarcustom a:visited {color:#FAF6E7}
.navbarcustom a:hover {color:#E2E6FF;background-color:#3F1505;	padding: 2px 5px;text-decoration:underline}
.navbarcustom a:focus {color:#141870}
#dnb {overflow:hidden;font-family:'Georgia','Trebuchet MS',serif;background-color: #3F1505;height:39px;font-size:110%}
.dnbb {float:left;text-align:center;padding:10px;}
.dnbp {float: left;}
.dnbp .dnbb {border:none;outline:none;padding:10px 6px;color:#FAF6E7;background-color:inherit;margin:0;font-size:16px;font-weight:bold;text-decoration:none;}
#dnb a:hover, .dnbp:hover .dnbb {color:#00002F;background-color:#E2E6FF}
.dnbc {display:none;position:absolute;background-color:#FAF6E7;width:100%;left:0;top:35px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4);z-index:20;padding:12px 0}
.dnbc a {float:left; color:black;padding:12px 4px;text-decoration:none;display:block;text-align:left;min-width:160px;}
.dnbc a:hover {text-decoration:underline;}
.dnbc a:focus {text-decoration:underline;color:#682E4B;font-weight:bold}
.dnbt {float: left;color:black;background-color:#F2EFFD;font-weight:bold;padding:10px 5px;text-decoration:none;display:block;text-align:left;min-width:150px;}
.dnbx {margin-top: 6px;background: url('motifs/PBMotifs.png') 0% 0%;width: 30px;height: 30px;display:inline-block }
.dnbx:focus {color:white;background-color: #C89681;}
.dnbs{color:#FAF6E7;padding:0 2px;}
.dnbp:hover .dnbc {display:block;}
.dnbb:focus {background-color: #C89681;}
.dnbp .dnbsel {color:#F7F7FF;background-color:#A4561D;}
.dnbp a:hover {color:#F7F7FF;background-color: #F2EFFD;}
.dnbv {display:inline-block;margin-left:5px;vertical-align:middle;border-top:6px dashed;border-right:6px solid transparent;border-left:6px solid transparent;height:0}
ins.adsbygoogle[data-ad-status='unfilled'] { display: none !important;}
@media screen and (max-width:720px)
{
.ifloatleft {float:none;margin:5px}
.ifloatright {float:none;margin:5px;margin-left:0}
.iresize {width:96%;height:auto}
div#navtabs {font-weight:normal}
div#navtabs>a {margin:2px 3px 1px 1px}
div#navtabs>a:hover {margin:2px 3px 1px 1px}
.botbox {min-height:10px;}
.botcolbox {width:100%;margin-bottom:2%}
.botimg {width:96%}
.picframe {width:96%;height:auto}
.provimg {float:none;margin:0;width:96%;height:auto}
.largeimgleft {float:none;width:96%;height:auto}
.lmpodcast {width:90%;text-align:center;float:none}
.lmpodcastlogo {float:left}
.lmpodcastpic {display:none;}
.ytvideo { width:95%;margin-bottom:0}
.ytvideoplace {width:95%;height:auto}
.dropfont::first-letter {font-size:130%;padding-right:2px}
#topbarleft {visibility:hidden;display:none;position:static}
#topbarmiddle {position:inherit;min-width:140px;overflow:hidden}
#topbarmenu {position:absolute;top:0;left:0}
#topbarimage {background:transparent url('base/TBA.png') no-repeat;background-position:-180px 0;width:285px;position:relative;left:20px}
#main {padding:4px 8px}
#ddm{top:40px}
#mainbody {position:relative;top:0}
.dnbp .dnbb {font-size:14px}
.dnbv {display:none;visibility:hidden}
div#navlist a:link {background-image:none;padding:0 0 0 10px}
div#navlist a:hover {background-color:#FFFFFA;padding:0 0 0 8px}
.pbbox {font-size:100%;float:none;width:auto;min-height:50px;margin-left:0}
.detailboxright{float:none;width:auto;margin:0}
}
@media not screen and (max-width:720px)
{
#topbarleft {background:#E2E6FF url('base/TBA.png') left top no-repeat;}
#topbarimage{background:transparent url('base/TBA.png') no-repeat;background-position:-170px 0}
#topbarmiddle {position:fixed;}
}