/* Typography */


/* // End typography */


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }

ul{list-style: none;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}
a,input,select,textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}

/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}



a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility: visible; backface-visibility: hidden;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility: visible; backface-visibility: hidden;}
/*		Default Layout
-------------------------------------------------------------------------------
*/

/*

Font property css

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

*/

html {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
a{color: #3366FF;}

body{background: var(--white); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}



*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}

/* Global style */
span, em, dfn{display: inline-block;}

.lead-text{font-size: 20px; line-height: 38px; color: var(--mine-shaft);}
.small-text{font-size: 16px; line-height: 28px;}

dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}
.btn{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; }

.mobi{display: none;}
.desk{display: block;}

.common-wrap{max-width: 1150px; margin: 0 auto; clear: both; padding: 0 20px;}

.centerY { position: absolute; left: 0; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; }

/* Flex style */
.flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.flex-horizontal-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.flex-vertical-align{-webkit-box-align: center; align-items: center;}
.flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;}
.flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;}
.order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;}
.order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
.flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap;}
/* End Flex style */


section, footer, header{float: left; width: 100%; position: relative;}

body,html{height: 100%;}
.main-wrap{min-height: 100%; overflow: hidden; padding-bottom: 116px; position: relative; overflow-x: hidden;}



.main-wrap{overflow: revert;}
/* Start Home Style */
.trebloon-section{float: left; width: 100%;}
.trebloon-sidebar ul li a{font-size: 18px; font-weight: bold; font-family: Arial; text-decoration: underline;}
.trebloon-sidebar{float: left; width: 192px; padding: 8px; position: sticky; top: 0; left: 0;}

.trebloon-content-wrap{float: left; width: calc(100% - 192px); padding: 23px 8px 20px 15px;}
.trebloon-main-content{max-width: 100%;}
.home-content .trebloon-main-content{max-width: 524px;}
.home-content .trebloon-main-content h3{font-size: 24px; font-family: Arial, Georgia, Times;}

.home-trebloon-thumb{width: 100%; margin: 18px 0;}
.home-trebloon-thumb figure img{width: 304px; border: 1px solid;}
.home-content .trebloon-main-content p{font-size: 16px; font-family: Arial, Georgia, Times;}
.home-content .trebloon-main-content em{font-size: 13px; display: block; margin-top: 18px;  font-family: Arial, Georgia, Times;  font-style: italic;}

.trebloon-content-bottom-wrap{float: left; width: 100%; margin-top: 50px; font-family: Arial, Georgia, Times; font-weight: 400;}
.trebloon-bottom-content{width: 100%; justify-content: center;}

.trebloon-bottom-author{text-align: center; font-size: 13px !important;}
.trebloon-bottom-author > div{justify-content: center; margin-bottom: 18px; column-gap: 5px;}
.trebloon-bottom-author a{text-decoration:underline !important; font-family: Arial, Georgia, Times !important;}
.trebloon-bottom-author p{font-size: 13px !important;}
.trebloon-bottom-author-logo{width: 100%; justify-content: center;}
.trebloon-bottom-author-logo img{width: 69px;}

.trebloon-bottom-form{background-color: rgb(255, 255, 204); margin-top: 16px;}
.trebloon-bottom-form form h4{text-align: center;}
.trebloon-bottom-form form > div{align-items: center; column-gap: 25px; margin: 8px 0;}
.trebloon-bottom-form form p{text-align: center;}
.trebloon-bottom-form form p a{text-decoration: underline;}
.trebloon-bottom-content-blank{margin-top: 50px;}
.trebloon-bottom-content-blank img{width: 389px; height: 58px;}
/* End Home Style */

/* Start Order Style */
.order-content-wrap{float: left; width: 100%;}
.order-content .trebloon-main-content{max-width: 487px;}
.order-content-wrap h3{font-size: 24px;
    font-family: "Times New Roman", Georgia, Times; font-weight: normal;}
.order-content-wrap p{margin-top: 18px; font-family: "Times New Roman", Georgia, Times;}
.trebloon-bottom-order{margin-top: 40px;}
/* End Order Style */


.update2007-content .trebloon-main-content{max-width: 526px;}
.update2007-content .trebloon-main-content h3{font-family: "Times New Roman"; font-size: 18px; font-weight: 700;}
.update2007-content-wrap{width: 100%; margin-top: 20px; padding-left: 12px;}
.update2007-content-wrap h5{font-size:18.0pt;mso-bidi-font-size:12.0pt; font-family:Arial;color:red} 
.update2007-content-wrap h4{font-size:18.0pt;font-family:Garamond;mso-bidi-font-family: Arial;color:#444444; font-family: Garamond; font-style: italic;}
.update2007-content-wrap p{font-size: 10.0pt; font-family: Arial; color: #444444;}

.update2006-content .trebloon-main-content{max-width: 456px;}
.update2006-content-wrap p{margin-top: 16px;}
.update2005-content-wrap p{margin-top: 16px;}

.update2005-content .trebloon-main-content{max-width: 596px;}

.text-center{text-align: center;}

.oprah-content .trebloon-main-content{max-width: 100%;}
.oprah-content-wrap{width: 100%;}
.oprah-content-wrap p{margin-bottom: 16px;}
.oprah-content-wrap p:last-child{margin-bottom: 0;}

/* company page */
.company-content .trebloon-main-content{max-width: 491px;}
.company-contents{float: left;width: 100%;}
.company-contents h5 { font-size: x-large; font-family: "Times New Roman", Georgia, Times;margin-bottom: 20px;}
.company-contents p{font-family: "Times New Roman", Georgia, Times;}
.company-contents em{font-style: italic;}
/* company page */

/* book page */
.book-content .trebloon-main-content { max-width: 487px; }
.book-contents{float: left; width: 100%; position: relative;}
.book-contents h5 { font-size: x-large; font-family: "Times New Roman", Georgia, Times;}
.book-contents em{font-style: italic;}
.book-contents p{margin: 16px 0;}
/* book page */

/* author page */
.author-content .trebloon-main-content { max-width: 488px; }
.author-contents{float: left; width: 100%;}
.author-contents h5 { font-size: x-large; font-family: "Times New Roman", Georgia, Times;margin-bottom: 20px;}
.author-contents p{margin: 16px 0;}
/* author page */



/* introduction page */
.introduction-content .trebloon-main-content{ max-width: 525px; }
.introduction-content .trebloon-main-content h5{font-size: x-large; font-family: "Times New Roman", Georgia, Times;}
.introduction-content .trebloon-main-content ol{padding-left: 40px; margin: 16px 0;}
.introduction-content .trebloon-main-content em{font-style: italic;}
/* introduction page */


/* family page */
.family-content .trebloon-main-content{ max-width: 518px; }
.family-content .trebloon-main-content h5{font-size: x-large; font-family: "Times New Roman", Georgia, Times;}
/* family page */


/* introduction page */
.introduction-content .trebloon-main-content{max-width: 486px;}
/* introduction page */


/* trebloon page */
.trebloon-content .trebloon-main-content{max-width: 491px;}
.trebloon-content .trebloon-main-content em{font-style: italic;}
/* trebloon page */