/*
THEME NAME: tib_style
THEME URI: http://themeshaper.com/thematic-for-wordpress/
DESCRIPTION: A development theme based on work in <a href="http://code.google.com/p/blueprintcss/"> The Blueprint CSS Framework</a>, and by <a href="http://www.pearsonified.com/">Chris Pearson</a>, <a href="http://andy.wordpress.com/">Andy Skelton</a>, <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> and many, many others.
VERSION: 0.5
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.

/* Prepare theme for plugins */

@import url('library/styles/plugins.css');

/* Un-comment the line below to set a grid with 18px line-height */

/*body { background:url(images/grid.gif) repeat-y top center; }*/

/* =reset.css
-------------------------------------------------------------- */

/* --------------------------------------------------------------

   Reset default browser CSS.

   Based on work by Eric Meyer:
   * http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

/* v1.0 | 20080212 */

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?85642619');
  src: url('fonts/fontello.eot?85642619#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?85642619') format('woff'),
       url('fonts/fontello.ttf?85642619') format('truetype'),
       url('fonts/fontello.svg?85642619#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-volume-up:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-facebook-squared:before { content: '\e802'; } /* '' */
.icon-sina-weibo:before { content: '\e803'; } /* '' */
.icon-wechat:before { content: '\e804'; } /* '' */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    line-height: 1;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens:auto;
    hyphens: auto;
}

body .china-only {
   display: none;
}
body.geoip-country-CN .geoip {
   display: none !important;
}
body.geoip-country-CN .geoip.china-only {
   display: block !important;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}

::selection {
    background-color: #ffe150;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #999 !important;
}
/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

a:hover img {
    filter: opacity(50%);
}

a:hover img.psp-active {
    filter: opacity(100%);
}

@font-face {
    font-family: 'TIBch';
    src: local('Hiragino Sans GB'),local('PingFang SC'), local('Heiti SC'), local('Source Han Sans'), local('Microsoft YaHei UI'), local('Microsoft YaHei');
    /* unicode-range: U+002F, U+2014, U+00B7, U+2026, U+201C, U+201D; */
    unicode-range: U+002F, U+2014, U+00B7, U+2026;
}
@font-face {
    font-family: 'TIBch-t';
    src: local('PingFang TC'),local('Hiragino Sans GB'), local('Source Han Sans'), local('Microsoft JhengHei UI'), local('Microsoft JhengHei');
    /* unicode-range: U+002F, U+2014, U+00B7, U+2026, U+201C, U+201D; */
    unicode-range: U+002F, U+2014, U+00B7, U+2026;
}

/* =3c-r-fixed.css
-------------------------------------------------------------- */

/*
LAYOUT: Three-Column (Right)
DESCRIPTION: Three-column 920px fixed layout with two sidebars right of content
*/

#header {
    position: relative;
    top: 0;
    padding-top: 15px;
    height: 200px;
}

#branding {
    margin: 20px auto 0 31px;
    height: 70px;
}

#access {
    position: relative;
    overflow: hidden;
}

#menu {
    width: 873px;
    margin: 0 auto 0 31px;
}

#main {
    width: 66%;
    margin: 0 auto 0 0;
    overflow: hidden;
    float: left;
}

#container {
    padding: 0 0 0 35px;
}

#content {
    overflow: hidden;
    margin-right: 10px;
    font-size: 1.3em;
}

#content blockquote p {
}

#primary {
    width: 25%;
    min-width: 282px;
    float: right;
    margin: 0 2.5% 0 2.5%;
    padding-left: 10px;
}

#secondary {
    width: 197px;
    float: left;
    padding: 0 0 0 11px;
}

#footer {
    clear: both;
    text-align: left;
}

#subsidiary {
    width: 975px;
    margin: 0 auto;
    overflow: hidden;
}

#subsidiary .aside {
    width: 300px;
    float: left;
    margin: 0 10px 0 10px;
}

#subsidiary #third {
    margin: 0 0 0 10px;
}

#siteinfo {
    clear: both;
    width: 955px;
    margin: 0 auto;
}

/* =Site Meta
-------------------------------------------------------------- */

/* sliding panel fixed to top of browser window when logged-in */

#topbar {
    position: absolute;
    height: 10px;
    background-color: black;
    width: 100%;
    top: 0;
    z-index: 999999;
}

#topbar .topbar_wrapper {
    height: 10px;
    top: 0;
    width: 100%;
    max-width: 1100px;
    list-style: none;
    margin: 0 auto;
}

#topbar .topbar_wrapper .yellow-wrapper {
    float: right;
    width: 299px;
    margin-bottom: 0px;
    margin-right: 4.5%;
}
#topbar .topbar_wrapper .members-yellow-wrapper {
    display: none;
}

#topbar .topbar_wrapper .yellow {
    z-index: 999999;
    width: 100px;
    height: 100px;
    background-color: #ffe150;
    cursor: pointer;
    position: fixed;
    border-radius: 100px;
    color: black;
    padding-top: 5px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: -30px;
    padding-top: 40px;
    line-height: 1.2;
    -webkit-box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);
    box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);
}
#topbar .topbar_wrapper .yellow-wrapper a:first-child {
    display: block;
} 
#topbar .topbar_wrapper .yellow-wrapper a:nth-child(2) {
    display: none;
}
body.logged-in #topbar .topbar_wrapper .yellow-wrapper a:first-child {
    display: none;
}
body.logged-in #topbar .topbar_wrapper .yellow-wrapper a:nth-child(2) {
    display: block;
}
#topbar .topbar_wrapper .yellow:hover {
    background-color: black;
    color: white;
}

/*#topbar .topbar_wrapper .yellow.animate {
  -webkit-animation: yellowBounce 0.5s cubic-bezier(0.64, 0.16, 0.84, 0.45) 1s 4 alternate;
          animation: yellowBounce 0.5s cubic-bezier(0.64, 0.16, 0.84, 0.45) 1s 4 alternate;
}
@-webkit-keyframes yellowBounce {
  0%,
  10% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 3, 1);
            transform: scale3d(1, 3, 1);
  }
}
@keyframes yellowBounce {
  0%,
  10% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 3, 1);
            transform: scale3d(1, 3, 1);
  }
}*/

/* =typography
-------------------------------------------------------------- */

/* --------------------------------------------------------------

   Set some default typography based on Blueprint
   * http://code.google.com/p/blueprintcss/

   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]

   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb

-------------------------------------------------------------- */

body {
    font: 16px/1.6 "TIBch", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    color: #000;
}

body.zh-hant {
    font: 16px/1.6 "TIBch-t", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans GB", "Noto Sans CJK TC", "Source Han Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
    color: #000;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3 {
    font-weight: normal;
    clear: both;
}

h4,h5,h6 {
    font-weight: normal;
}

/* Text elements
-------------------------------------------------------------- */

p {
    margin: 0 0 18px 0;
}

ul {
    margin: 0 0 18px 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
    margin-bottom: 1em;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}

/*dl    {
    margin: 0 0 1.5em 0;
}
dl dt {
    font-weight: bold;
    margin: 18px 0 0 0;
}
dd {
    margin: 0 0 0 1.5em;
}*/

strong {
    font-weight: bold;
}

cite, em, i {
    font-style: italic;
}

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

pre {
    line-height: 18px;
    margin: 15px 0;
    background-color: white;
    padding: 0 15px 15px;
    border: 1px solid #ddd;
    overflow-x: scroll;
}

code {
    font: 14px "Courier New", Monaco, monospace;
    text-indent: 0px;
    background-color: white;
    padding: .2rem .5rem;
    vertical-align: middle;
    color: black;
    border: 1px solid #ddd;
}

a code {
    padding-bottom: .2rem;
    margin-bottom: 1rem;
    vertical-align: text-top;
    border-bottom: none;
}

pre code {
    border: 0;
}

ins {
    text-decoration: none;
}

sup,sub {
    height: 0px;
    line-height: 10px;
    vertical-align: super;
    width: 0px;
}

sup {
}

sub {
}

/* Forms
-------------------------------------------------------------- */

input, textarea {
    line-height: 160%;
}

/* =Global Elements
-------------------------------------------------------------- */

body {
    font-family: "TIBch", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
    background-color: #f8f8f5;
    text-align: center;
}

html.fixed, body.fixed {
    overflow: hidden;
}

#wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 0;
    text-align: left;
}

a:link {
    text-decoration: none;
    color: #5c5c5c;
}

a:visited {
    text-decoration: none;
    color: #9f9f9f;
}

a:hover {
    border-bottom: 1px solid black;
    color: Black;
}

blockquote em, blockquote cite, blockquote i {
    font-style: normal;
}

input, textarea {
    font: 14px "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
}

hr {
    border: 0;
    color: #cacaca;
    background-color: #cacaca;
    height: 1px;
    margin: 2em 0;
}

.caps {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.important {
    font-weight: bold;
}

.grey, figcaption {
    font-size: .75em;
    color: #9c9c9c;
    margin: -8px 0 40px;
    text-indent: 0px;
    width: 80%;
    clear: both;
    display: block;
}

.grey a, .grey a:active, .grey a:visited, figcaption a, figcaption a:active, figcaption a:visited {
    color: #9c9c9c !important;
    border-bottom: 0 !important;
}
.grey a:hover, figcaption a:hover {
    border-bottom: 1px solid #9c9c9c !important;
}

.grey:before, figcaption:before {
    content: "— ";
}

.credits {
    clear: both;
    color: #7d7d7d;
    margin: 7px 0 10px;
    text-indent: 0px;
    background-color: #ebebe9;
    padding: 20px;
    width: 80%;
    font-size: .75em;
}

.entry-content video {
/*     margin-left: -2em; */
    cursor:pointer;
}

.entry-content video:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 86.6px;
    border-color: transparent transparent transparent #ffffff;
}

.entry-content .credits p {
    margin: 0;
}

.entry-content .ref {
    font-size: .75em;
    color: #5c5c5c;
    margin: 100px 0 10px;
    width: 100%;
    padding-top:20px;
}

.entry-content .ref h4 {
    font-size: 16px !important;
    margin: 20px 0 10px;
}

.entry-content .ref ul {
    text-indent: -32px;
    margin-bottom: 6px !important;
    width: 100%;
}

.entry-content .ref ul li a:link {
    border: 0;
    color: #5c5c5c;
}

.entry-content .ref ul li a:hover {
    border-bottom: 1px solid #a4a4a4;
}

blockquote {
    /* width: 80%; */
    text-indent: 0px;
    padding: .5em 0px .5em .5em;
    margin: .5em .5em .5em 1.5em;
}
/* =Header
-------------------------------------------------------------- */

#header {
}

#blog-title {
    float: left;
    width: 66%;
}

#blog-title img {
    width: 35%;
}

#blog-title a:hover {
    border-bottom: none;
}

#blog-description {
}

#search {
    list-style: none;
    margin-top: 2em;
}

input#s {
    width: 189px;
}

input#searchsubmit {
    margin-left: 15px;
    height: 20px;
    margin-bottom: 2px;
}

/* =Menu
-------------------------------------------------------------- */

.corner {
    width: 310px;
    float: right;
}

#access {
    font-size: 14px;
    background: #B5D1EA;
    border-top: 1px solid #CADEF0;
    margin-top: -1px;
}

.skip-link {
    display: none;
}

#menu {
    padding: 7px 0 8px 0;
    overflow: hidden;
}

#menu ul {
    margin: 0;
    list-style: none;
    clear: both;
}

#menu ul ul {
    display: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 6px;
    background: #87B5DD;
    color: #fff;
    border-top: 1px solid #6DA5D6;
    text-decoration: none;
}

#menu a:hover {
    background: #5C9BD1;
    color: #fff;
    border-color: #3B86C7;
}

#menu .current_page_item a {
    background: #5C9BD1;
    color: #fff;
    border-color: #3B86C7;
}

#menu a:focus {
    background: #4887BD;
    color: #fff;
    border-color: #2772B3;
}

#white {
    background-color: Red;
}

/* =Content
-------------------------------------------------------------- */

#main {
    padding: 0 0 54px;
}

#main a:link {
    margin: 0 0.1em;
}

#content blockquote {
    color: #7d7d7d;
    padding-right: 20px;
    margin-left: 25px;
}

#content blockquote p {
    
}

#content .entry-content a.more-link {
    width:110px;
    height:30px;
    background: black;
    display: inline-block;
    line-height:31px;
    text-align: center;
    letter-spacing:3px;
    text-indent: 0;
    margin:30px 0 40px -2rem;
    font-size:.75em;
    color: white;
    border-bottom: 0;
}

#content .entry-content em {
    font-weight: bold;
    font-style: normal;
}

.hentry {
    margin: 10px 0 0 0;
    padding: 10px 0 30px 1px;
}

.home .hentry .entry-content {
    border-bottom: 1px solid #cacaca;
    overflow: hidden;
}

.p1 {
    margin: 0;
    padding: 0 0 36px 0;
    border: none;
}

.page-title {
    font-weight: bold;
    font-size: 24px;
    line-weight: 26px;
    padding: 2px 0 8px 0;
    color: #000;
    letter-spacing: 1px;
}


.wf-inactive .page-title {
    font: bold 18px "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
    padding: 18px 0;
}

.page-title span {
}

.entry-title {
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.5;
    padding: 2px 0 .3em 0;
    color: #000;
    letter-spacing: 1px;
    width: 100%;
}

.wf-inactive .page-title {
    font: bold 18px "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
}

.entry-title a {
    text-decoration: none;
    color: #000;
}
.entry-title a:hover {
    border-bottom: 2px solid black;
}

.entry-meta {
    color: #7d7d7d;
    font: .75em "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
}

.entry-meta a {
    color: #7d7d7d;
}

.entry-meta a:hover {
}

.entry-meta .author {
}

.entry-meta .meta-sep {
}

.entry-meta abbr {
}

.entry-content {
    text-align: left;
    color: #5c5c5c;
    margin: 20px 0 15px;
}

.entry-content p {
    margin: 0.7em 0 0.7em;
    text-indent: 2em;
}

.entry-content a:link, .entry-utility a:link {
    color: #5c5c5c;
    text-decoration: none;
    border-bottom: 1px solid #a4a4a4;
}

.entry-content a:visited, .entry-utility a:visited {
    color: #7d7d7d;
    text-decoration: none;
    border-bottom: 1px dotted #9f9f9f;
}

.entry-content a:hover, .entry-utility a:hover {
    color: Black;
    text-decoration: none;
    border-bottom: 1px solid black;
}

.entry-content h1, .entry-content h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 22px 0;
    padding: 22px 0 0 0;
}

.entry-content h3 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.2em;
    color: #1a1a1a;
    text-indent: 0px;
    margin-top: 50px;
}

.entry-content h4, .notice h4 {
    font-weight: bold;
    font-size: 1em;
    color: #1a1a1a;
    text-indent: 0px;
    clear: both;
    width: 600px;
    margin-bottom: 6px;
}

.entry-content h5, .notice h5 {
    font-size: 1em;
    text-indent: 0px;
    clear: both;
    width: 600px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #4a4a4a;
    text-indent: 2em;
}

.entry-content ul {
    list-style: disc;
    margin: 0 0 1em;
    width: 100%;
    clear: both;
}

.entry-content ul ul {margin-bottom: 0}

.entry-content li {
    text-indent: 0;
    margin: 0 0 0 2em;
}

.entry-content dl {
    margin: 18px 103px 18px 0;
}

.entry-content dt {
    font-weight: bold;
    text-indent: 0;
}

.entry-content dd {
    margin: 0 0 18px 0;
}

.entry-content .slideshow-wrapper {
    margin: 0px!important;
    position: relative;
}

.entry-content .slideshow-wrapper a:link {
    margin: 0px !important;
    border-bottom: 0 !important;
}

.entry-content .slideshow-wrapper a:hover {
    color: #9f9f9f !important;
}

.entry-content .slideshow-wrapper .grey, .entry-content .slideshow-wrapper figcaption {
    margin-top: 10px;
    width: 500px;
}

.entry-content .slideshow-wrapper .bullets {
    float: right;
    margin-right: 10px;
}

.entry-content .slideshow-wrapper .slideshow-content img {
    outline: 1px solid #cacaca !important;
    outline-offset: -1px;
    padding: 1px !important;
}

.entry-content .slideshow-wrapper .meta-content {
    min-height: 2em;
}

.entry-content img.continue {
    margin-top: 30px !important;
    margin-bottom: 45px;
}

.entry-content abbr, .entry-content acronym, .entry-content .help {
    border-bottom: 1px dotted #333;
    cursor: help;
}

.content-column, .entry-content .linkcat {
    list-style: none;
    float: left;
}

.more-link {
}

.page-link {
    margin: 0 0 18px 0;
}

.page .edit-link {
    float: left;
    clear: both;
}

.entry-utility, .entry-comment {
    color: #7d7d7d;
    float: left;
    width: 80%;
    font-size: .75em;
    padding: 5rem 0 15px;
}

.entry-comment {
    text-align: right;
}

.comments-link a {
    color: #7d7d7d;
}

.plus {
    color: Black;
    font-size: 16px;
}

.notice {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cali {
    font: italic 1.4em/150% "Adobe Caslon Pro", "Adobe Caslon", Athelas, Georgia, "Times New Roman", Times, serif;
}
/* =Comments
-------------------------------------------------------------- */

#comments {
    color: #5c5c5c;
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
    width: 80%;
    clear: both;
}

#comments h3 {
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 18px 0;
    padding: 0;
}

#comments .comments:first-child h3 {
    padding-top: 18px;
}

#comments ol {
    margin: 0 0 36px 0;
}

#comments li {
    border-top: 1px solid #cacaca;
    margin: 15px 0 0;
    padding: 17px 0 0;
    position: relative;
}

#comments a {
}

#comments li.byuser {
    background: #f2f2f2;
    border-color: #cacaca;
    padding-left: 10px;
}

#comments li.byuser p a {
}

#comments li.bypostauthor {
}

#comments li.bypostauthor p a {
}

#comments .avatar {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 19px;
    left: 20px;
}

#comments .fn {
    font-weight: bold;
    font-size: 14px;
    padding: 18px 0 0 58px;
    display: block;
}

#comments .fn a {
    color: #fff;
}

#comments-list .comment-meta {
    font-size: 14px;
    font-family: "TIBch", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
    margin: 0 0 18px 0;
    padding: 0 0 0 0px;
    color: #7d7d7d;
}

#comments-list .comment-meta a {
    color: #7d7d7d;
}

#comments li p {
    margin: 0;
    padding: 0 0 18px 0;
}

#comments li p.thdrpy {
    padding: 0;
}

.comment-author {
    font-weight: bold;
    color: #4F4F4F;
    font-size: 14px;
}

.comment-author a {
    font-weight: bold;
    color: Black;
    border-bottom: 1px solid #5c5c5c;
}

#trackbacks-list .comment-author {
    margin: 0 0 18px 0;
    font-size: 14px;
    font-weight: bold;
    color: Black;
}

#trackbacks-list .comment-author a {
    font-size: 14px;
    font-weight: bold;
    color: Black;
}

#respond {
    border-top: 1px solid #cacaca;
    margin: 0;
}

#respond h3 {
    padding-top: 18px;
}

#respond form {
    padding: 0 0 36px 0;
}

#respond #form-section-author {
    width: 196px;
    float: left;
}

#respond #form-section-author input {
    width: 196px;
}

#respond #form-section-email {
    width: 270px;
    float: left;
    margin-left: 10px;
}

#respond #form-section-email input {
    width: 270px;
    margin-left: 10px;
}

#respond #form-section-url {
    width: 486px;
    float: left;
}

#respond #form-section-url input {
    width: 486px;
}

#respond .form-label {
    float: left;
    clear: both;
}

#respond .form-input input {
    margin: 0 0 14px 0;
    float: left;
}

#respond textarea {
    width: 590px;
    margin: 0 0 16px 0;
    float: left;
}

#respond .form-submit {
    float: right;
}

p.subscribe-to-comments {
    width: 260px;
    float: left;
}

p.subscribe-to-comments label {
}

p.comment_license {
    clear: both;
    margin: 0;
}

p.solo-subscribe-to-comments {
    clear: both;
    margin: 0;
}

p.solo-subscribe-to-comments:first-line {
}

/*input#solo-subscribe-email {
    width:220px;
    margin:9px 0;
}*/

#respond .required {
    font-weight: bold;
}

/* =Author Info
-------------------------------------------------------------- */

#author-info {
    margin: 10px 0 36px;
}

#author-info p:first-line {
    font-weight: bold;
}

#author-info .avatar {
    float: left;
    width: 72px;
    height: 72px;
    margin: 0 10px 0 0;
    padding: 5px;
    background: #B5D1EA;
    position: relative;
    top: 4px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    margin: 0px 0 36px 0;
    overflow: hidden;
    clear: both;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    width: 50%;
    text-align: right;
}

#nav-above,#nav-below {
}

#nav-above {
    margin: 18px 0 36px 0;
}

.home #nav-above, .single #nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

/* =Images
-------------------------------------------------------------- */

/*  Remember the baseline   */

.noindent {
    text-indent: 0px;
}

.noindent p {
    text-indent: 0px;
}

.entry-content img {
    outline: 1px solid #cacaca;
    outline-offset: -1px;
    padding: 1px;
    overflow: visible;
    visibility: visible;
    text-indent: 0px;
    float: left;
    margin-bottom: 18px;
    margin-left: 1px;
    width: 99%;
    height: auto;
}

.entry-content img.small {
    width: 33%;
}

.entry-content iframe {
    width: 99%;
}

img.quote {
    display: inline;
    border: none !important;
}

img.alignleft,img.align-left,iframe {
    float: left;
    margin: 5px 20px 20px 1px;
}

img.alignright,img.align-right {
    display: block;
    float: right;
    margin: 20px 0 20px 20px;
}

img.center {
    display: block;
    float: none;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    float: none;
    clear: both;
}

img.size-half {
    width: 48%;
    margin:5px 5px 20px 5px
}

img.size-third {
    width: 31%;
    margin:5px 5px 20px 5px
}

.img-full {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0;
}

.img.drop {
    margin-top: 10px;
}

.wp-smiley {
/* Prevent the smileys from breaking line-height */
    max-height: 13px;
}

.entry-content img.noborder {
    border: none;
    margin-top: 18px;
}

.entry-content a img.noborder {
    text-decoration: none;
    border-bottom: none;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
    font-family: "TIBch", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
    text-decoration: none !important;
    font-size:16px;
    font-weight: normal;
    color: #333;    
}

#lightbox-close {
    display: none !important;
}

#lightbox-infoContainer {
    padding-top: 10px !important;
}

#lightbox-overlay-text {
    background: url("https://thetype.com/wp-content/themes/tib_style/images/lightbox_close.png") no-repeat top left ;
    width: 31px;
    height: 31px;
    display: block;
    cursor: pointer !important;
    position: absolute;
    right: 10px;
    top: 10px;
}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */

#secondary ul {
    margin: 0!important;
    list-style: none !important;
}

#secondary ul ul {
    margin: 0!important;
    list-style: none !important;
}

#secondary ul li {
    margin: 0!important;
    list-style: none !important;
}

#secondary ul ul li {
    margin: 0!important;
    list-style: none !important;
}

.home ul.list,
.aside ul {
    margin: 0;
    list-style: none;
    padding: 0.5em 5px 0.5em 0;
}

.home ul.list {
    padding: 0;
}

.home ul.list li,
.aside li {
    list-style: none;
    text-indent: 0;
}

.home ul.list li:last-child,
.aside li:last-child {
    border-bottom: 0;
}

.yarpp-related h3 {
    padding: unset !important;
    font-size: unset !important;
    text-transform: unset !important;
    margin:unset !important;
}

.yarpp-related ol {
    padding: 0.5em 5px 0.5em 0;
}

.yarpp-related li {
    padding: 0.5em 5px 0.5em 0;
    border-bottom: 1px solid #5c5c5c;
}
.yarpp-related li:hover {
    background: white;
}
.yarpp-related a {
    font-weight: unset !important;
}

.yarpp-related a:hover {
    border-bottom: 0;
}

.aside h3 {
    font-weight: bold;
}

.home ul.list,
.aside ul ul {
    list-style: none !important;
    margin: 0 0 18px 13px;
}

.home ul.list li,
.aside ul li {
    list-style: none !important;
}

.home ul.list li,
.aside ul ul li {
    list-style: none!important;
    border-bottom: 1px solid #5c5c5c;
/*margin-left: -3px;*/
    padding: 0.5em 5px 0.5em 0;   
}

.home ul.list li:hover,
.aside ul ul li:hover {
    background: white;
}
.home .list li a:hover,
.aside ul ul li a:hover {
    border-bottom: 0;
}
.home .list,
.aside ul ul ul {
    margin: 0 !important;
}



/* Begin Calendar styles */

.aside table {
    border-top: 1px solid #e0e0e0;
    margin: 0 0 8px 0;
}

.aside th {
    border-left: 1px solid #e0e0e0;
}

.aside tr {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    line-height: 35px;
}

.aside td {
    border-left: 1px solid #e0e0e0;
    padding: 0 10px;
}

.aside caption {
/* Make the caption match h3 styles */
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 9px 0;
}

.aside tfoot tr {
    border: none;
    line-height: 36px;
}

.aside tfoot td {
    border: none;
    padding: 0;
}

.aside #next {
    text-align: right;
}

.aktt_tweets ul li {
    color: #7d7d7d;
}

/* End Calendar styles */

/* Begin Search styles */

.aside form {
    margin: 4px 0 10px 0;
}

/* End Search styles */

/* Begin RSS widget styles */

/* I think I'm going to have to reset some stuff in functions.php for the RSS widget. It sucks for styling. */

/* End RSS widget styles */

#content .widgetcontainer {
    border-top: 1px solid #cacaca;
    padding: 35px 1px 18px 1px;
    margin: 18px 0 36px 0;
}

#index-top .widgetcontainer,
#single-top .widgetcontainer,
#page-top .widgetcontainer {
    border-top: none;
    border-bottom: 1px solid #cacaca;
    padding: 0 1px 53px 1px;
    margin: 0 0 36px 0;
}

#content .aside:first-child .widgetcontainer:first-child {
    padding-top: 18px;
}

.page #content .aside:first-child .widgetcontainer:first-child {
    padding-top: 0;
}

#content .aside h3 {
    font-size: 24px;
    line-height: 26px;
    padding: 8px 0 20px 0;
    font-weight: bold;
}

#single-bottom .widgetcontainer {
    border-top: none;
}

.main-aside {

}

.main-aside h3 {
    padding: 20px 0 1px 0;
}

.main-aside h3.biotitle {
    padding: 3.8em 0 1px 0;
}

.main-aside ul ul {
    margin: 0 0 18px 0;
}

.main-aside ul ul ul {
    margin: 0;
}

.sub-aside h3 {

}

#footer .widgetcontainer {
    padding: 0 1px;
    margin: 0 0 18px 0;
}

#footer .widgetcontainer ul {
    margin: 0 0 0 13px;
}

#footer .widgetcontainer ul ul {

}

#about {
    color: #696969;
    line-height: 175%;
}

#about h3 {
    color: Black;
}

.type_lecture {
    background: url('https://thetype.com/wp-content/uploads/2014/05/type_lecture_2.jpg');
    color: #eee;
    margin-top:20px;
    cursor: pointer;
}

.ziyuren {
    background: url('https://thetype.com/wp-content/uploads/2015/01/ziyuren_2.jpg');
    color: #eee;
    margin-top:20px;
    cursor: pointer;
}

.side_feature.typechat {
    background: url('https://thetype.com/wp-content/uploads/2015/11/typechat-banner@2x.png');
    background-size: cover;
    color: #eee;
    margin-top:20px;
    cursor: pointer;

}


.audio-item {
    display: block;
    margin: 0.7em auto;
    width: 100%;
}

.ten {
    background: url('https://thetype.com/wp-content/uploads/2017/06/10banner.png');
    background-size: cover;
    color: #000;
    margin-top:20px;
    cursor: pointer;
}

.members-banner {
    background: url('https://thetype.com/wp-content/uploads/2018/08/member_banner.png');
    background-size: cover;
    color: #000;
    margin-top:20px;
    cursor: pointer;
}
.kongque-banner {
    background: url('https://thetype.com/wp-content/uploads/2018/10/kongque-banner@2x-1.png');
    background-size: cover;
    color: #000;
    margin-top:20px;
    cursor: pointer;
}
.gtransition-banner {
    background: url('https://thetype.com/wp-content/uploads/2019/05/german-transition-banner.png');
    background-size: cover;
    color: #fff;
    margin-top:20px;
    cursor: pointer;
}
.side_feature {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: right
}

.side_feature:hover{
    color: #fff;
}

.side_feature_bg {
    font-size:20px;
    letter-spacing: 5px;
    padding-left: 15px;
    padding-top: 15px;
}

.side_feature_sm {
    letter-spacing: 3px;
    padding-left: 15px;
    padding-top: 25px;
}

.podcast_episodes {
    color: #5c5c5c
}
.podcast_episodes hr {
    margin: 1em 0;
}

.podcast_episodes blockquote {
    width: 100%;
    margin: 0;
    padding: 0;
}
.podcast_episodes h2{
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 2.3em;
    color: black;
    letter-spacing: 2px;
    margin-bottom: 1.5em;
}
.podcast_episodes h3{
    font-weight: bold;
    font-size: 1.2em;
} 
.podcast_episodes h2 a, .podcast_episodes h3 a {
    color: black;
}
.podcast_episodes .post:first-of-type {
    background: white;
    outline: 20px solid white;
}
.podcast_episodes .post:first-of-type hr {
    height: 0;
}
.podcast_episodes .post:first-of-type h3 {
    padding-top: 0;
}
.podcast_episodes .post:first-of-type h3:before {
    content: "新";
    display: inline-block;
    padding: .3em .5em;
    background: #ffe150;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-weight: normal;
    color: black;
    width: 1em;
    height:1.3em;
    margin-right: .5em;
}
.podcast_episodes .date {
    color: #7d7d7d;
}
.podcast_episodes .subscribe {
    width: 90px;
    height: 30px;
    background: black;
    display: inline-block;
    line-height: 31px;
    text-align: center;
    letter-spacing: 3px;
    text-indent: 0;
    float: right;
    font-size: .65em;
    font-weight: normal;
}
.podcast_episodes .subscribe a {
    color: white;
}
.podcast_episodes .content {
    margin-top: .5em;
}
.podcast_episodes img {
    width: 100%;
    height: auto;
    margin-bottom: .5em;
}

.widgetcontainer ul li {
    display: inline-block;
    width: 30.8%;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
    background: Black;
    color: #fff;
    width: 100%;
    height: 100px;
    padding: 20px 0;
}

#footer a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid white;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid white;
}
.footer_wrapper {
    background: Black;
    max-width: 1100px;
    margin: 10px auto 0;
    display: block;
    height: auto;
    overflow: auto;
}

#footer .col1 {
    float: left;
    margin-left: 35px;
}
#footer .col2 {
    float: left;
    margin-left: 67px;
}

#footer .col2 a {
    text-decoration: none;
    border: 0;
}

#subsidiary .aside {
    margin-bottom: 18px;
}

/* =PageNavi
-------------------------------------------------------------- */

/* Use !important to override PageNavi CSS */

.wp-pagenavi {
    margin: 0 0 0 0;
    line-height: 36px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #cacaca !important;
    background: transparent !important;
    border: 1px solid #cacaca !important;
}

.wp-pagenavi a:hover {
    color: white !important;
    background-color: #000 !important;
}

.wp-pagenavi span.pages {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.wp-pagenavi span.current {
    border: 1px solid #cacaca !important;
}

.wp-pagenavi span.extend {
    margin: 0 !important;
}

/* Use !important to override PageNavi CSS */

.editComment, .editableComment, .textComment {
    display: inline;
}

.comment-childs {
    border: 1px none #cacaca;
    margin: 15px 0;
    padding: 10px 2px 15px 20px;
    border-top: 1px solid #cacaca;
}

.chalt {

}

#newcomment {
    border: 1px dashed #cacaca;
    width: 90%;
}

#newcommentsubmit {
    color: #7d7d7d;
}

.adminreplycomment {
    border: 1px dashed #cacaca;
    width: 99%;
    margin: 4px;
    padding-left: 15px;
}

.mvccls {
    color: #7d7d7d;
}

.social {
    height:20px;
    margin: 30px 0 20px;
    text-indent: 0 !important;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1em;
}
.socialitem {
    float: left;
    margin-right: -20px;
    text-indent: 0 !important;
}
/* SEARCH */
.autocomplete li p.title {
    color: black !important;
}
.autocomplete li.active p.title {
    color: white !important;
}
.autocomplete li.active {
    border-top: grey !important;
    border-bottom: grey !important;
    background: grey !important;
    -webkit-box-shadow: grey !important;
    background: grey !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #72ABFE), color-stop(100%, grey));
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, grey), color-stop(100%, grey));
    background: -webkit-linear-gradient(grey,grey);
    background: -moz-linear-gradient(grey,grey);
    background: -o-linear-gradient(grey,grey);
    background: -ms-linear-gradient(grey,grey);
    background: linear-gradient(grey,grey);
}
.autocomplete li.active .sections {
    color: #d0d0d0 !important;
}
.autocomplete li.active .sections em {
    color: yellow !important;
}
span.st-snippet em {
    background-color: yellow;
    color: black;
    font-weight: normal;
    font-style: normal;
}
form input#s {
    font-size: 12px;
    padding: 4px 9px 4px 27px;
    height: 20px;
    width: 200px;
    color: #666;
    border: 1px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.17);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.17);
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.17);
    outline: none;
    background: #fcfcfc url(https://thetype.com/wp-content/themes/tib_style/images/search.png) no-repeat 7px 7px;
    margin-bottom: 10px;
}
/* SLIDESHOW */
.slideshow-wrapper {
    margin-bottom: 50px !important;
}
.portfolio-slideshow {
    width: 100% !important;
    padding: 1px;
}
.slideshow-content {
    top: 1px !important;
    left: 1px !important;
}
.slideshow-content img {
    width: 99% !important;
    height: auto !important;
}
.portfolio-slideshow .bullets li{
    margin: 5px 0;
}
.graphical .psp-icon-replace, .pscarousel .psp-icon-replace, .bullets .psp-icon-replace {
    width: 20px !important;
    min-width: 20px !important;
}
.graphical .psp-icon:before, .pscarousel .psp-icon:before, .bullets .psp-icon:before {
    text-indent: -10px !important;
}
.slideshow-caption {
    display: none;
}
.slideshow-wrapper .slideshow-meta, .meta-content {
    width: 500px;
    float: left;
}
.pager {
    z-index: 222;
    padding-bottom: 10px;
    padding-left: 20px;
    clear:none!important;
    position: absolute;
    right: 0;
}
/* AUTHOR */
.biotitle {
    margin-top: 10px;
}
.bio {
    background-color: #ECECEC;
    /* padding: 0 10px; */
    overflow: auto;
    margin-top: 30px;
    margin-bottom: 10px;
    outline: 20px solid #ECECEC;
}
.bio .avatar {
    float: left;
    width: 35%;
    margin-bottom: 10px;
    margin-top: 5px;
    height: 35%;
}
.bio img.avatar {
    width: 100%;
    height: auto;
}
.bio .info {
    float: right;
    width: 60%;
    margin-top: 10px;
}
.bio .info .name {
    font-weight: bold;
}
.bio .authorposts {
    clear: both;
}
.bio .authorposts li {
    border-top: 1px solid #d3d3d3;
    padding: 0.5em 5px 0.5em 0;
}
#ds-reset .ds-highlight {
    color: black !important;
}
.incap_page-tooltip {
    display: none !important;
}
/* CHINESE CONVERSION */
#wpcc_output {
    /*background-color: #ECECEC;*/
    list-style: none;
    margin-bottom: 0;
    clear: both;
}
#wpcc_output a {
}
#wpcc_output .wpcc_current_lang a{
    color: black;
}
.bookleft {
    width: 25%;
    margin-right: 5%;
    float: left;
}
.bookright {
    width: 70%;
    float: left;
}

body.home span.comments-link {
    display:inline-block;
    background: #999;
    line-height:30px;
    text-align:center;
    height: 30px;
    padding: 0 1em;
    letter-spacing: 3px;
    margin-left: .5em;
    text-indent: 0;
    font-size: .75em;
}

body.home span.comments-link a {
    color: white;
    border-bottom: 0;
}

body.home span.comments-link:hover {
    background: #000;
}

.navigation ul {
    margin: 0;
    font-size: 0.75em;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: white;
    margin-right: .5em;
}

.navigation li,
.navigation li.disabled {
    background-color: #999;
    cursor: pointer;
    padding: 0 1em;
}

.navigation li:hover,
.navigation li.active {
    background-color: #000;
}

/** OVERLAY **/
#overlay {
    background-color: #ffe150;
    opacity: .95;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 9;
    position: fixed;
    top:0;
}
.overlay-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3em;
    letter-spacing: .1em;
}
.overlay-wrapper a {
    color: black;
    border-bottom: 0;
}
.overlay-wrapper a:hover {
    color: #999;
}

.table-responsive {
    margin: 2em 0;
    background: white;
    padding: 1em 1em .5em 1em;
}
.easy-table {
    text-indent: 0;
    font-size: .9em;
    line-height: 1.4;
}
.easy-table th, .easy-table td {
    line-height: 1.4 !important;
}
.easy-table caption {
    margin-bottom: 2em;
    font-weight: normal !important;
}

/* embed */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: 
    hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
.embed-container iframe {
    margin: 0;
}
.members_header,
#members_footer{
    display: none;
}

/* members */
body.page-id-15442,
body.parent-pageid-15442 {
    background: #212121;
}
body.page-id-15442 #header,
body.page-id-15442 #footer,
body.parent-pageid-15442 #header,
body.parent-pageid-15442 #footer {
    display: none;
}
body.page-id-15442 .members_header,
body.parent-pageid-15442 .members_header {
    display: block;
    margin-top: -20px;
    background: black;
    padding-top: 2rem;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow,
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow {
    margin-top: 4rem;
    height: 100px;
    border-radius: 100px;
    line-height: 20px;
    padding-top: 0;
    position: absolute;
    padding-top:30px;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow-wrapper,
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow-wrapper {
    display: none;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper,
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper {
    display: block;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow:hover,
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow:hover {
    background-color: #212121;
}
body.page-id-15442 #members_footer,
body.parent-pageid-15442 #members_footer {
    display: block;
    width: 100%;
    height: 200px;
    text-align: center;
}
body.page-id-15442 #members_footer img,
body.parent-pageid-15442 #members_footer img {
    max-width: 200px;
    width: 20%;
}
body.page-id-15442 #members_footer a:hover,
body.parent-pageid-15442 #members_footer a:hover {
    border-bottom: 0;
}
body.page-id-15442 .members_header #main,
body.parent-pageid-15442 .members_header #main {
    padding-bottom: 0;
}
body.page-id-15442 .members_header img,
body.parent-pageid-15442 .members_header img {
    width: 100%;
    height: auto;
}
body.page-id-15442 .members_header img.home_header,
body.parent-pageid-15442 .members_header img.header {
    display: block;
}
body.page-id-15442 .members_header img.header,
body.parent-pageid-15442 .members_header img.home_header {
    display: none;
}
body.page-id-15442 .entry-content,
body.parent-pageid-15442 .entry-content {
    color: #ccc;
    text-indent: 0;
    min-height: 30vh;
    line-height: 1.7;
}
body.page-id-15442 .entry-content em,
body.parent-pageid-15442 .entry-content em{
    color: #fff;
}
body.page-id-15442 #container,
body.parent-pageid-15442 #container {
    padding: 0;
}
body.page-id-15442 #main,
body.parent-pageid-15442 #main {
    width: 80%;
    margin: auto;
    float: none;
}
body.page-id-15442 #main a:link,
body.parent-pageid-15442 #main a:link {
    color: #aaa;
}
body.page-id-15442 #main a:hover,
body.parent-pageid-15442 #main a:hover {
    color: #ccc;
    border-bottom-color: #ccc;
}
body.page-id-15442 .entry-title,
body.parent-pageid-15442 .entry-title {
    display: none;
}
body.page-id-15442 h2,
body.page-id-15442 h3,
body.page-id-15442 h4,
body.parent-pageid-15442 h2,
body.parent-pageid-15442 h3,
body.parent-pageid-15442 h4 {
    color: #fff;
}
body.page-id-15531 .entry-content {
    border: 0 !important;
    padding: 0 !important;
}
body.page-id-15442 .entry-content img,
body.parent-pageid-15442 .entry-content img{
    outline: 0;
}
body.page-id-15442 .entry-content a, 
body.page-id-15442 .entry-utility a,
body.parent-pageid-15442 .entry-content a, 
body.parent-pageid-15442 .entry-utility a {
    color: #666;
    border-bottom-color: #666;
}
body.page-id-15442 hr,
body.parent-pageid-15442 hr {
    color: #ccc;
    background-color: #ccc;
}
body.page-id-15442 .credits,
body.parent-pageid-15442 .credits {
    background-color: #444;
    color: #aaa;
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
}
body.page-id-15442 #primary, 
body.parent-pageid-15442 #primary {
    display: none;
}
body.parent-pageid-15442 .swpm-form-builder .swpm-legend h3 {
    padding: 0 !important;
}
body.parent-pageid-15442 p#form_success, 
body.parent-pageid-15442 .swpm-form-success {
    color: #fff;
    font-weight: normal;
}

body.parent-pageid-15442 .swpm-form-builder ul, 
body.parent-pageid-15442 .entry-content .swpm-form-builder ul,
body.parent-pageid-15442 .comment-content .swpm-form-builder ul, 
body.parent-pageid-15442 .mu_register .swpm-form-builder ul, 
body.parent-pageid-15442 .swpm-form-builder ol, 
body.parent-pageid-15442 .entry-content .swpm-form-builder ol, 
body.parent-pageid-15442 .comment-content .swpm-form-builder ol, 
body.parent-pageid-15442 .mu_register .swpm-form-builder ol {
    margin: 0 !important;
}
body.parent-pageid-15442 .swpm-form-builder li, 
body.parent-pageid-15442 .entry-content .swpm-form-builder li, 
body.parent-pageid-15442 .comment-content .swpm-form-builder li, 
body.parent-pageid-15442 .mu_register .swpm-form-builder li {
    padding: 0 !important;
    margin-top: 1rem !important;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:first-child,
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:first-child{
    display: block;
}
body.page-id-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:nth-child(2),
body.parent-pageid-15442 #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:nth-child(2){
    display: none;
}
body.page-id-15442.logged-in #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:first-child,
body.parent-pageid-15442.logged-in #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:first-child{
    display: none;
}
body.page-id-15442.logged-in #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:nth-child(2),
body.parent-pageid-15442.logged-in #topbar .topbar_wrapper .yellow-wrapper.members-yellow-wrapper a:nth-child(2){
    display: block;
}
.swpm-form-builder .swpm-legend {
    border-bottom: unset !important;
}
.swpm-login-widget-form input, .swpm-login-widget-form checkbox {
    padding: 4px 10px;
    font-size: 18px;
}
.swpm-form-builder label, label.swpm-desc {
    color: #fff !important;
}
.swpm-button-wrapper input[type="image"] {
    background-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.swpm-button-wrapper input[type="image"]:hover {
    opacity: .5;
}
.swpm-submit, input[type="submit"].swpm-submit,
body.parent-pageid-15442 input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::-webkit-file-upload-button, button{
    background-image: none;
    background-color: #ffe150;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #000;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    padding: 8px 15px;
    font-size: 15px !important;
    letter-spacing: .1rem;
    cursor: pointer;
    min-width: 100px;
}
.button:hover,.swpm-payment-button button:hover,
.swpm-submit:hover, input[type="submit"].swpm-submit:hover
body.parent-pageid-15442 input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::-webkit-file-upload-button, button:hover{
    opacity: .5;
}
.payment_methods {
    text-indent: 0;
}
.membership_type {
    display: inline-block;
    width: 30%;
    box-sizing: border-box;
    margin-right: 1rem;
    margin-bottom: 1rem;
    vertical-align: top;
}
.membership_type .button {
    background: #ffe150;
    width: 100%;
    color: black;
    padding: 1rem;
    font-weight: bold;
    cursor: pointer;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
.sub_pay {
    display: none;
}
.swpm-payment-button button {
    background: #ccc;
    padding: 0;
    height: auto;
    line-height: unset;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: unset;
    font-weight: normal;
    color: #000;
    width: 100%;
    height: 93px;
    margin-top: 1px;
    text-align: left;
}
.swpm-payment-button button span{
    background: none;
    padding: 0;
    height: auto;
    line-height: unset;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: unset;
    font-weight: normal;
    color: #000;
    font-size: 1.2rem;
    padding-left: 1rem;
}
.swpm-payment-button button span span {
    font-size: .9rem;
    padding: 0;
    color: #666;
    line-height: 1.4;
}
.alipay-overlay {
    width: auto;
    display: inline-block;
    background: #fff;
}
.formalipay input.alipayemail{
    padding: 4px 8px;
    font-size: 18px;
    margin: 0;
}
.formalipay .inputs,
.formalipay .buttons {
    display: inline-block;
}
.formalipay .buttons {
    width: 100%;
}
.formalipay .buttons button {
    display: inline-block;
    background: unset;
    width: auto;
    height: auto;
    margin-top: 0;
    min-width: unset;
    margin: 0 1rem;
    vertical-align: top;
}
.formalipay .buttons button:first-child {
    float: right;
}
.formalipay .buttons button:nth-child(2) {
    float: left;
}
.swpm-form-builder fieldset {
    margin: 0 !important;
    border: none !important;
    background-color: unset !important;
}
.swpm-form-builder .swpm-legend {
    margin: 5px 0 !important;
    padding: 0 !important;
    border-bottom-color: #fff !important;
}
.swpm-form-builder ul, .entry-content .swpm-form-builder ul, .comment-content .swpm-form-builder ul, .mu_register .swpm-form-builder ul, .swpm-form-builder ol, .entry-content .swpm-form-builder ol, .comment-content .swpm-form-builder ol, .mu_register .swpm-form-builder ol {
    font-size: 16px !important;
    margin: 0 !important;
}
.swpm-form-builder li, .entry-content .swpm-form-builder li, .comment-content .swpm-form-builder li, .mu_register .swpm-form-builder li {
    padding: 6px 0 9px !important;
}
input.swpm-text, input[type="text"].swpm-text, input[type="tel"].swpm-text, input[type="email"].swpm-text, input[type="url"].swpm-text, textarea.swpm-textarea {
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    font-size: 18px !important;
    background: unset !important;
    color: #ccc !important;
}
.swpm-form-builder label .swpm-required-asterisk {
    color: #ffe150 !important;
}
.swpm-logged-value {
    margin-bottom: 1rem;
}
.swpm-yellow-box {
    margin: 0rem !important;
    padding: 1rem 1.5rem !important;
    background-color: #444 !important;
    color: #aaa !important;
    border: none !important;
    text-indent: 0 !important;
}
.swpm-login-action-msg {
    margin-top: 1rem;
}
.stripe-button-el:not(:disabled):active, .stripe-button-el.active,
.stripe-button-el:not(:disabled):active span, .stripe-button-el.active span {
    background: unset !important;
}

.journal_container {
    display: block;
    margin-top: 1rem;
    text-indent: 0;
}
.journal_credits,
.journal_wrapper {
    width: 100%;
    display: block;
    background: #333;
    margin-bottom: 1rem;
    padding: .75em;
    box-sizing: border-box;
    color: white;
    text-indent: 0;
}
.journal_credits {
    background-color: black;
    height: 7em;
    overflow: hidden;
    padding: 1em;
}
body.archive .journal_credits {
    display: none;
}
.journal_credits .journal_cover,
.journal_wrapper .journal_cover {
    width: 20%;
    display: inline-block;
}
.journal_credits .journal_cover {
    width: 30%;
}
.journal_credits .journal_cover img,
.journal_wrapper .journal_cover img {
    margin-bottom: 0;
}
.journal_credits span,
.journal_wrapper span {
    display: inline-block;
    padding-left: 3.5%;;
    box-sizing: border-box;
    vertical-align: top;
}
.journal_credits span {
    width: 70%;
}
.journal_credits strong,
.journal_wrapper strong {
    color: white;
}

.home .journal_credits,
.home .journal_wrapper {
    display: none;
}


.home #wrapper, 
.home #topbar .topbar_wrapper {
    max-width: 90vw;
}
.home #blog-title img {
    max-width: 250px;
}
.home #main {
    width: 100%;
}
.home #content {
    width: 20%;
    margin-right: 3%;
    display: inline-block;
    float: left;
}
.home #content:first-child {
    width: 50%;
}

.home #content:nth-child(2) {
    padding: 1rem;
    background: #e9e9e3;
}

.home #content:nth-child(2) .entry-content {
    font-size: 1rem;
}


.home #content:last-child {
    margin-right:0;
}
.home #content:last-child .entry-content {
    /*border-bottom: 0;*/
}
.home #content:last-child .entry-content img {
    margin-bottom: 10px;
}
.home #content:last-child h2.entry-title {
    font-weight: normal;
    /*border-bottom: 1px solid #cacaca;
    padding-bottom: 1rem;*/
}
.home #content:last-child a:hover {
    border-bottom: 1px solid black;
}
.home #content img {
    outline: unset;
}
.home #content .credits,
.home #content figcaption {
    display: none;
}
.home #content .hentry.p1,
.home #content .hentry.p11{
    margin: 0;
    padding: 0;
} 
.home #content .hentry.episode img{
    /*display: none;*/
}
.home #content .hentry.p11 img{
    display: block;
}
.home #content .hentry.p11 h2:before {
    content: "新";
    display: inline-block;
    padding: .3em .5em;
    background: #ffe150;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-weight: normal;
    color: black;
    width: 1em;
    height:1.3em;
    margin-right: .5em;
    margin-top: -.5rem;
}
.home #content h1{
    font-size:  1.6rem;
    font-weight: bold;
    border-bottom: 2px solid black;
    margin-bottom: 15px;
}

.home #content h1 a {
    color: black;
}

.home #content h1 a:hover {
    color: #7d7d7d;
    border-bottom: 0;
}

.home #content .home-list {
    margin-bottom: 1rem;
    background-color: black;
    padding: .5rem 1rem;
    font-size: 1rem;
    color: white;
}
.home #content .about-list {
    /*background-color: #ffe150;*/
    padding: .25rem 1rem;
}
/*.home #content .about-list ul.list li {
    border-bottom: 1px solid #5c5c5c;
}*/
.member-link {
    color: #ffe150 !important;
    border-bottom: 0 !important;
}
.home #content .home-list a {
    color: #9f9f9f;
}
.home #content .home-list a:hover {
    color: white;
}
.home #content .about-list ul.list li:last-child {
    border-bottom: 0;
}
.home #content .about-list ul.list li:hover {
    background-color: unset;
}
.home #content h2{
    font-size:  1.3rem;
    letter-spacing: 0
}
.home #content h2 a:link {
    margin: 0;
}
.home #content:first-child h2 {
    font-size:  1.6rem;
}
.home #content .hentry {
    padding: 0;
}
.home #content .entry-content{
    margin: 0;
    margin-top: 5px;
    overflow: auto;
    text-indent: 0;
    padding-bottom: 2rem;
}
.home #content .img-link {
    margin: 0;
}

/* contact form */
.wpcf7 {
    background: #fff;
    padding: 1rem !important;
}
.wpcf7 p {
    text-indent: 0;
}
span.wpcf7-list-item {
    margin-left: 1rem !important;
}
span.wpcf7-list-item input {
    margin-left: -1rem !important;
}
.wpcf7 input:matches([type="button"], [type="submit"], [type="reset"]) {
    background: black;
    border: 0;
    color: white;
    padding: .25rem 1rem;
    cursor: pointer;
}
.wpcf7 .wpcf7-submit:disabled {
    background: gray;
}
.asp_product_buy_button {
    text-indent: 0;
}
.buy-button {
    font-weight:bold;
    font-size: 1.2rem !important;
}

.journal_notice {
    background-color: black;
    color: white;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 1.5rem;
}
.journal_notice img {
    max-width: 300px;
}
.category-journal .credits {
    background-color: black;
    color: white;
    font-size:1em;
}

/* fix fonts for FireFox's unicode range problem */

@-moz-document url-prefix() {
    .page-title, .entry-title, .entry-content {font-family: "TIBch", "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;}
}

@media screen and (max-width: 1550px) {
    .home #wrapper, .home #topbar .topbar_wrapper {
        max-width:95vw;
    }
    #content {
        font-size: 1.1em;
    }
    .home #content h1{
        font-size:  1.3rem;
    }
    .home #content h2{
        font-size:  1.1rem;
    }
    .home #content:first-child h2 {
        font-size:  1.3rem;
    }
    .credits, .entry-meta, #content .entry-content a.more-link, body.home span.comments-link, .entry-content .ref, .entry-utility, .entry-comment, .grey, figcaption {
        font-size: 0.8em;
    }
     .entry-title, .entry-utility, .entry-comment, .grey, figcaption {
        width: 100%;
    }
    .credits {
        width: calc(100% - 40px);
    }
    #topbar .topbar_wrapper .yellow-wrapper, #search, #wpcc_output {
        margin-right: 1%;
    }
    .widgetcontainer ul li {
        width: 30.4%;
    }
    body.page-id-15442 #main, body.parent-pageid-15442 #main {
        width: 60%;
    }
}
@media screen and (max-width: 1000px) {
    html, body {
        width:100%;
        font-size: 100%;
    }
    #wrapper, #main, #container, #header, #branding, #topbar, .footer_wrapper, #topbar .topbar_wrapper, #footer {
        width: 100%;
    }
    body {
        font-size: 16px;
        line-height: 1.6;
    }
    .overlay-wrapper {
        font-size: 1.5em;
    }
    #container {
        text-align: center;
        padding: 0 !important;
    }
    #content {
        margin: 0 auto 0 auto;
        width: 90%;
        max-width: 600px;
        text-align: left;
    }

    .ref, #respond textarea, .entry-content ul {
        width: 100%;
        max-width: 600px;
        margin: 0 !important;
    }
    #blog-title {
        width: 100%;
    }
    .entry-title {
        font-size: 1.4em;
    }
    #topbar .topbar_wrapper, #topbar .topbar_wrapper .yellow {
        margin-left: auto;
        left: auto;
        right: 1.5rem;
    }
    #primary {
        float: none;
        padding: 0 !important;
        width:90%;
        max-width:600px;
        margin: 0 auto;
    }
    .corner {
        float:left;
        clear:both;
        margin-right:0;
        margin-top: 50px;
        margin-bottom:20px;
        text-align: center;
        width: 100%;
    }
    #topbar .topbar_wrapper .yellow-wrapper {
        width: 90px;
    }
    #wpcc_output {
        margin-top: 0;
    }
    form input#s {
        width:50%;
    }
    #branding {
        margin: auto;
        text-align: center;
        margin-top: 2em;
    }
    #branding img {
        width: 45%;
        max-width: 250px;
    }
    #blog-title {
        float: none;
    }
    .page-title {
        text-align: center;
    }
    #main {
        margin-top: 40px;
        border-top:1px solid #cacaca;
    }
    #container {
        padding: 0 0 0 20px;
        margin-top: 30px;
    }
    .entry-content img, .portfolio-slideshow, .slideshow-content img {
        clear: both;
        text-align: center;
        width: 100% !important;
        height: auto;
        max-width: 98%;
    }
    .entry-content img.size-half {
        width: 45% !important;
        clear: unset;
    }
    .entry-content img.size-third {
        width: 29% !important;
        clear: unset;
    }
    #content p{
        width: auto;
    }
    .grey, figcaption, slideshow-caption {
        width: auto !important;
        float: none;
    }
    .slideshow-meta, .meta-content {
        width: auto !important;
    }
    .credits, .credits p  {
        width: auto !important;
    }
    blockquote, #content blockquote p, .entry-content h5, .entry-content h3, .entry-content h2, .notice h5, .entry-comment, .entry-content h4, .notice h4 {
        width: auto;
    }
    .entry-title {
        text-align: center;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%
    }
    .entry-meta {
        text-align: center;
        margin-top: 20px;
    }
    body.home span.comments-link {
        display: none;
    }
    .entry-content li {
        width: auto;
    }
    #nav-above, #nav-below, .navigation {
        width: auto;
    }
    .entry-comment, .entry-utility {
        border-top: 1px #cacaca solid;
        display: block;
        width: 100%;
        display: block;
    }
    #footer {
        height: 500px;
    }
    #footer .col1 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
        float: none;
    }
    #footer .col2 {
        width: 90%;
        max-width: 600px;
        margin-top: 20px;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }
    body.page-id-15442 #main, body.parent-pageid-15442 #main {
        width: 100%;
        border-top: none;
        max-width: 600px;
    }
    body.page-id-15442 .members_header img, body.parent-pageid-15442 .members_header img {
        width: calc(100% - 3rem);
        margin: auto;
    }
    /*.journal_wrapper {
        width: 46%;
    }*/
    .journal_wrapper span {
        font-size: .9rem;
    }
    .journal_wrapper strong {
        font-size: 1.1rem;
    }
    .home #wrapper, .home #topbar .topbar_wrapper {
        max-width: 100%;
    }
    .home #main {
        width: 100%;
    }
    .home #content,
    .home #content:first-child {
        width: 90%;
        float: unset;
        max-width: 600px;
        margin: 0 auto 0 auto;
    }
    .home .entry-content p {
        display: none;
    }
    .home .entry-title {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .table-responsive {
        box-sizing: border-box;
        padding: 0;
        font-size: .8em;
    }
    .membership_type {
        width: 100%;
    }
     body.page-id-15442 #members_footer,
    body.parent-pageid-15442 #members_footer {
        height: 100px;
    }
    body.page-id-15442 #members_footer img,
    body.parent-pageid-15442 #members_footer img {
        max-width: 300px;
        width: 40%;
    }

    .journal_credits {
        height: 8em;
        font-size: 1rem;
    }
    .journal_credits span {
        font-size: 1rem;
    }
    .journal_notice img {
        max-width: 100%;
    }
}
@media screen and (max-width: 340px) {
    body {
        font-size: 14px;
        line-height: 1.6;
    }
    .journal_credits {
        height: 7em;
    }
    .journal_credits span {
        font-size: .8rem;
    }
}