body {
    background: #e6e6e6;
    font-family: Tahoma, Geneva, sans-serif, "Helvetica";
    font-size: 13px;
    color: #1D1D1B;
}

/*@font-face {
 font-family: MyCustomFont;
 src: url("kaniga.eot"); 
}
@font-face {
 font-family: MyCustomFont;
 src: url("kaniga.ttf"); 
}
@font-face {
 font-family: MyCustomFont;
 src: url("kaniga.svg"); 
}

.webfont { font-family: MyCustomFont; text-shadow: 0.1px 0.1px #666;  }*/

.clear { clear: both; }
a { color: #1D1D1B; text-decoration: none; }
a:hover, a.active { color: #1E72B8; text-decoration: none; }
span.showNew { color: #ff0000; }
#container {
    width: 950px;
    margin: 5px auto 0px auto;
    display: block;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 15px 15px 30px 15px;
    background:#fff url(../images/template/bg.jpg);
}

#header { background: #000; width: 950px; height: 225px; }
#header #headerSign.langTh { float: left; margin: 72px 0 0 30px; background: transparent url(../images/template/headerSignTh.png); width: 255px; height: 84px; }
#header #headerSign.langEn { float: left; margin: 58px 0 0 30px; background: transparent url(../images/template/headerSignEn.png); width: 272px; height: 129px; }

.contentHeader { margin-bottom: 4px; }
#headerNav { font-size: 13px; margin: 6px auto 0 auto; line-height: 12px; font-weight: bold; }
#headerNav ul { display: block; float: left; margin: 6px 0 0 0; }
#headerNav ul li { float: left; padding: 0 6px 0 0; }
#headerNav ul li:after { content: "|"; padding-left: 6px; }
#headerNav ul li.last:after { content: ""; padding-left: 6px; }
#headerNav a { color: #1D1D1B; text-decoration: none; }
#headerNav a:hover, #headerNav a.active { color: #1E72B8; text-decoration: none; }

#headerSearch { display: block; float: right; margin: 0 20px 0 0; }
#headerLang { display: block; float: right; margin: 4px 0 0 0; }

#channelLists { display: block; line-height: 16px; font-size: 14px; }
#channelLists a { color: #1E72B8; text-decoration: none; font-weight: bold; }
#channelLists a:hover, #channelLists a.active { color: #1E72B8; text-decoration: underline; font-weight: bold; }
#channelLists .channelTr { margin: 0 0 0 8px; }
#channelLists .channelTr .channelTd { float:left; width: 289px; height: 139px; background: transparent url(../images/template/channelBg.png) no-repeat; margin-right:2px; padding:10px; cursor:pointer; }
#channelLists .channelTr .channelTd .channelImg { float: left; width: 122px; height: 122px; margin: 8px 5px 5px 13px; }
#channelLists .channelTr .channelTd .channelImg img { width: 115px; height: 115px; }
#channelLists .channelTr .channelTd .channelDesc { float: left; margin: 10px 0 0 0; max-width: 138px; }
.channelShadow { -moz-box-shadow: 3px 3px 6px #666; -webkit-box-shadow: 3px 3px 6px #666; box-shadow: 3px 3px 6px #666; border-radius: 10px; width: 122px; height: 122px; margin: 1px; }
#channelDetailPage { margin: 0 auto; width: 650px; line-height: 18px; }

#footerContainer { position: relative; bottom:0; width: 100%; }
#footerContent { margin: 0 auto; width: 950px; display: block; padding: 0px 15px 8px 15px; background:#fff url(../images/template/bg.jpg); border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#footer { font-size:11px; border-top: 1px solid #CCC; padding-top:5px; }
#footer a { color: #1E72B8 !important; font-weight:bold; text-decoration: none; }

.tab { border-bottom: 1px solid #606060; font-size: 13px; line-height: 15px; font-weight: bold; }
.tab ul { list-style: none; position: relative; padding: 0 20px; overflow: hidden; top: 1px; z-index: 1000; }
.tab ul li { cursor: pointer; position: relative; float: left; border: 1px solid #606060; border-bottom-width: 0 !important; margin: 0 0 -1px 0; background: #b1b1b1; width: 144px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.tab ul li span { display:block; text-decoration: none; padding: 6px 10px 3px 10px; color: #fff; text-align: center; }
.tab ul li.active { padding-bottom: 1px; border-bottom-width: 0; margin: 0 0 0 0; background: url(../images/template/bg.jpg); }
.tab ul li.active span { color:#000 !important; }
.content { padding: 15px; }

.avPinLists { display: block; }
.avPinLists h2 { font-size: 15px; line-height: 17px; width:202px; height:40px; }
.avPinLists .avPinBg { cursor: pointer; display: block; float: left; width: 202px; height: 235px; text-align: center; margin: 0 36px 23px 0; overflow: hidden; }
.avPinLists .avPinBg.last { margin: 0; }
.avPinLists .avPinBg .avPinImg { float: left; width: 185px; height: 185px; margin: 5px 0 9px 5px; }

.avLists { float:left; display: block; margin: 0 3px; line-height: 15px; }
.avLists h2 { font-size:13px !important; font-weight: normal; width:123px; height:52px; }
.avLists .avBg { cursor: pointer; display: block; float: left; background: url(../images/template/albumBg.png) no-repeat; width: 123px; height: 168px; text-align: center; margin: 0 34px 24px 0; overflow: hidden; }
.avLists .avBg.last { margin: 0; }
.avLists .avBg .avImg { float: left; width: 114px; height: 114px; margin: 2px 0 6px 2px; }
.avShadow { -moz-box-shadow: 5px 5px 8px #666; -webkit-box-shadow: 5px 5px 8px #666; box-shadow: 5px 5px 8px #666;  }

.albumSocial { margin-top: 20px; }

.albumPage { }
.albumPage .albumPageBg { display: block; float: left; background: url(../images/template/albumPageBg.png) no-repeat; width: 309px; height: 309px; text-align: center; }
.albumPage .albumPageBg .albumImg { float: left; width: 284px; height: 284px; margin: 6px 0 0 6px; }
.albumPage .albumDetail { float: left; width: 600px; margin: -6px 0 0 10px; }
.albumPage .albumDetail h1 { font-size: 22px; line-height: 24px; margin: 10px 0; }
.albumPage .albumDetail span.detail { font-size: 18px; line-height: 20px; }
.albumPage .albumDetail .albumDLZip { font-size: 15px; font-weight: bold; margin: 2px 0 12px 0; }

table.itemLists { width: 100%; padding: 0; margin: 10px 0 0 0; font-size: 15px; }
table.itemLists tr { }    
table.itemLists td { padding: 3px 0; border-bottom: 1px solid #CCC; margin: 0; font-size: 13px; }
table.itemLists tr.odd { background:#eee;}

.bookPinLists { clear:both; display: block; }
.bookPinLists h2 { font-size: 15px; line-height: 17px; width:155px; height:40px; }
.bookPinLists .bookPinBg { display: block; float: left; width: 155px; height: 252px; text-align: center; margin: 0 36px 20px 0; overflow: hidden; }
.bookPinLists .bookPinBg.last { margin: 0; }
.bookPinLists .bookPinBg .bookPinImg { position: relative; float: left; width: 138px; height: 199px; margin: 6px 0 13px 6px; }

.bookLists { clear:both; display: block; margin: 0 3px; line-height: 15px; }
.bookLists h2 { font-size:13px !important; font-weight: normal; width:95px; height:34px; }
.bookLists .bookBg { display: block; float: left; width: 95px; height: 162px  !important; text-align: center; margin: 0 41px 2px 0 !important;   overflow: hidden; }
.bookLists .bookBg.last { margin: 0 0 2px 0  !important; }
.bookLists .bookBg .bookImg { position: relative; float: left; width: 79px; height: 115px; margin: 6px 0 10px 6px; }
.bookShadow { -moz-box-shadow: 5px 5px 8px #666; -webkit-box-shadow: 5px 5px 8px #666; box-shadow: 5px 5px 8px #666;  }
.bookShadowSmall { -moz-box-shadow: 3px 3px 5px #666; -webkit-box-shadow: 3px 3px 5px #666; box-shadow: 3px 3px 5px #666;  }
.bookShadowWhite { -moz-box-shadow: 1px 1px 8px #000; -webkit-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000; }

#bookDetailPage { margin: 0 auto; width: 650px; line-height: 19px; }
#bookDetailPage .bookImage { float: left; width: 290px; }
#bookDetailPage .bookDetail { float: left; line-height: 24px; font-size: 14px; width: 360px; }
#bookDetailPage .bookDetail h1 { font-size: 17px; margin-bottom: 10px; } 
#bookDetailPage .bookDetail span.title { font-weight: bold; } 
#bookDetailPage .bookDetail .bookSocial { margin: 60px 0 0 0; } 
#bookDetailPage .bookDetail a { color: #1E72B8; }

.newsLists { display: block; font-size: 13px; }
.newsLists h2 { font-size: 17px !important; line-height: 19px; border-bottom: 1px solid #999; color: #1E72B8; padding: 6px 0; margin: 3px 4px 0 4px; }
.newsLists .newsItem { display: block; float: left; width: 285px; margin: 0 29px 0 0; height: 368px; overflow:hidden; }
.newsLists .newsItem.last { margin: 0 0 0 0; }
.newsLists .newsBg { display: block; background: url(../images/template/newsBg.png) no-repeat; width: 285px; height: 229px; text-align: center; }
.newsLists .newsBg .newsImg { float: left; width: 257px; height: 193px; margin: 14px; cursor: pointer; }
.newsLists .newsText { padding: 4px 4px; line-height: 15px; height: 100px; margin-top: 4px; }
.newsLists .newsText a { color: #1E72B8; }

#newsDetailPage { margin: 0 auto; width: 650px; line-height: 15px; }
#newsDetailPage .newsImage { text-align: center; }
#newsDetailPage h1 { float: left; font-size: 17px; margin: 20px 0 0 0; }
#newsDetailPage .newsSocial { float: right; margin: 22px 0 0 0; }

.aboutLists { display: block; font-size: 13px; }
.aboutLists h2 { font-size: 17px; line-height: 19px; border-bottom: 1px solid #999; color: #1E72B8; padding: 6px 0; margin: 3px 4px 0 4px; }
.aboutLists .aboutItem { display: block; float: left; width: 285px; margin: 0 29px 0 0; height: 368px; overflow:hidden; }
.aboutLists .aboutItem.last { margin: 0 0 0 0; }
.aboutLists .aboutBg { display: block; background: url(../images/template/aboutBg.png) no-repeat; width: 285px; height: 229px; text-align: center; }
.aboutLists .aboutBg .aboutImg { float: left; width: 257px; height: 193px; margin: 14px; cursor: pointer; }
.aboutLists .aboutText { padding: 4px 4px; line-height: 15px; height: 100px; margin-top: 4px; }
.aboutLists .aboutText a { color: #1E72B8; }

#aboutDetailPage { margin: 0 auto; width: 650px; line-height: 15px; }
#aboutDetailPage .aboutImage { text-align: center; }
#aboutDetailPage h1 { float: left; font-size: 17px; margin: 20px 0 0 0; }
#aboutDetailPage .aboutSocial { float: right; margin: 22px 0 0 0; }

.player { width: 800px; margin: 20px auto;}
.playerContent { margin-top:10px; text-align: center; }
.playerContent h2 { font-size: 17px; }
.playerContent h2 span { font-weight: normal; }

.playerSub { width: 600px; margin: 20px auto;}


table tr.playNow { background: #F5F5F5; }
.itemLists tr:hover td { cursor: pointer; background: #F5F5F5; }


input.searchBoxMain {
    background: url(../images/template/search-white.png) no-repeat 6px 3px #444;
    border: 1px solid #666;
    color: #d7d7d7;
    width:80px;
    padding: 2px 15px 2px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
input.searchBoxMain:focus {
    background: url(../images/template/search-dark.png) no-repeat 6px 3px #fcfcfc;
    color: #6a6f75;
    width: 90px;
    border: 1px solid #999;
    padding: 2px 15px 2px 35px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    outline: 0;
}
input.searchBox { background: #fff url(../images/template/iconSearchInput.png) no-repeat 92px -3px; border: 1px solid #C1C1C1;  width: 86px; padding: 3px 26px 3px 3px; -webkit-border-radius: 10px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; font-weight: bold; }
input.searchBox.datepicker { background: #fff url(../images/template/iconSearchInput.png) no-repeat 71px -3px; border: 1px solid #C1C1C1;  width: 65px; padding: 3px 26px 3px 3px; -webkit-border-radius: 10px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; font-weight: bold; }
input.searchBoxSm { background: #fff url(../images/template/iconSearchInput.png) no-repeat 71px -3px; border: 1px solid #C1C1C1;  width: 65px; padding: 3px 26px 3px 3px; -webkit-border-radius: 10px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; font-weight: bold; }

.actionItem span{width: 20px; }
span.actionPlus { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/actionPlus.png) no-repeat 2px 0px; }
span.audioPlay { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/audioPlay.png) no-repeat 2px 0px; }
span.videoPlay { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/videoPlay.png) no-repeat; }
span.audioPlay.playNow, span.videoPlay.playNow { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/iconPlayNow.png) no-repeat; }
span.audioDL { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/audioDL.png) no-repeat 2px 0px; }
span.videoDL { cursor: pointer; float: left; width: 25px; height: 19px; background: url(../images/template/videoDL.png) no-repeat; }
span.videoDLWhite { cursor: pointer; float: left; width: 35px; height: 28px; background: url(../images/template/videoDLWhite.png) no-repeat; }

span.emailMe { cursor: pointer; float: left; width: 21px; height: 21px; background: url(../images/template/email.png) 0 3px no-repeat; }
span.fbShare { cursor: pointer; float: left; width: 21px; height: 21px; background: url(../images/template/facebookShare.png) no-repeat; }
span.emailMeBig { cursor: pointer; float: left; width: 32px; height: 22px; background: url(../images/template/emailBig.png) no-repeat 0 1px; }
span.fbShareBig { cursor: pointer; float: left; width: 30px; height: 30px; background: url(../images/template/facebookShareBig.png) no-repeat 0 2px; }
span.emailMeWhite { cursor: pointer; float: left; width: 32px; height: 22px; background: url(../images/template/emailWhite.png) no-repeat; }
span.fbShareWhite { cursor: pointer; float: left; width: 30px; height: 30px; background: url(../images/template/facebookShareWhite.png) no-repeat; }
span.epubBig { cursor: pointer; float: left; width: 25px; height: 34px; background: url(../images/template/epub.png) no-repeat; }
span.epubWhite { cursor: pointer; float: left; width: 25px; height: 34px; background: url(../images/template/epubWhite.png) no-repeat; }
span.pdfBig { cursor: pointer; float: left; width: 29px; height: 30px; background: url(../images/template/pdf.png) no-repeat; }
span.pdfWhite { cursor: pointer; float: left; width: 29px; height: 30px; background: url(../images/template/pdfWhite.png) no-repeat; }
span.mobiBig { cursor: pointer; float: left; width: 30px; height: 30px; background: url(../images/template/mobi.png) no-repeat; }
span.mobiWhite { cursor: pointer; float: left; width: 30px; height: 30px; background: url(../images/template/mobiWhite.png) no-repeat; }


.shadowImage { padding: 12px; border: solid 1px #CCC; -moz-box-shadow: 1px 1px 8px #999; -webkit-box-shadow: 1px 1px 8px #999; box-shadow: 1px 1px 8px #999; }
.shadowImageWhite { padding: 12px; border: solid 1px #CCC; -moz-box-shadow: 1px 1px 8px #333; -webkit-box-shadow: 1px 1px 8px #333; box-shadow: 1px 1px 8px #333; background: #fff; }


.refPinLists { display: block; margin: 10px 0 0 0; }
.refPinLists h2 { font-size: 22px; border-bottom: 1px solid #ccc; color: #1E72B8; padding: 6px 0; margin: 0 4px; }
.refPinLists .refItem { display: block; float: left; width: 285px; margin: 0 29px 0 0; }
.refPinLists .refItem.last { margin: 0 0 0 0; }
.refPinLists .refBg { display: block; background: url(../images/template/refPinBg.png) no-repeat; width: 285px; height: 229px; text-align: center; margin-bottom: 8px;}
.refPinLists .refBg .refImg { float: left; width: 257px; height: 193px; margin: 14px; cursor: pointer; }

.refLists { display: block; margin: 10px 0 0 0; }
.refLists h2 { font-size: 22px; border-bottom: 1px solid #ccc; color: #1E72B8; padding: 6px 0; margin: 0 4px; }
.refLists .refItem { display: block; float: left; width: 162px; margin: 0 27px 0 0; }
.refLists .refItem.last { margin: 0 0 0 0; }
.refLists .refBg { display: block; background: url(../images/template/refBg.png) no-repeat; width: 162px; height: 131px; text-align: center; }
.refLists .refBg .refImg { float: left; width: 140px; height: 105px; margin: 11px; cursor: pointer; }

.gallery img { margin: 0 14px 14px 14px; }
.galleryShadow { border: solid 1px #BBB; -moz-box-shadow: 1px 1px 8px #000; -webkit-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000; }

#searchFrame { margin: 0px auto; }
#searchFrame #searchFilter { display: block; float: left; width: 200px; font-size: 12px; font-weight: normal; margin-right: 16px; }
#searchFrame #searchFilter h3 { font-size: 13px; font-weight: normal; background: #eee; padding: 5px 0 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#searchFrame #searchFilter ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
#searchFrame #searchFilter ul li { padding: 5px 0; }
#searchFrame #searchResultList { display: block; float: left; border-left: 1px solid #000; padding-left: 26px; line-height: 24px; font-size: 14px; }
#searchFrame #searchResultList h2 { font-size: 17px; margin-bottom: 10px; }
#searchFrame #searchResultList div {  }
#searchFrame #searchResultList .bookBg a {  display:block; margin-top:10px; }

.quoteContent { float: left; width: 460px; position: relative; margin: 0 0 0 26px; }
.quotes { float: left; width: 460px; position: relative; }
.quotes .quoteBg { width: 403px; height: 278px; background: url(../images/template/quoteBg.png); }

.quotes .quoteBg .quoteDetailTh { position: absolute; top:20px; left:20px; width:360px;  font-size: 17px; font-weight: bold; line-height: 20px; text-align: center; }
 .quotes .quoteBg .quoteDetailEn { position: absolute; top:20px; left:20px; width:360px;  font-size: 17px; font-weight: bold; line-height: 20px; text-align: center; }
.quotes .quoteBg .quoteSocial { position: absolute; bottom: 0px; left:0px; width:400px; }
.quotes .quoteBg .quoteSL { position:absolute; bottom:20px; left:20px; width: 200px; height:50px; } 
.quotes .quoteBg .quoteSRTh { padding-top:30px; position:absolute; bottom:0px; left:230px;  width: 160px; height: 50px; background: url(../images/template/quoteSignTh.png) no-repeat; font-size: 10px; line-height: 13px; }
.quotes .quoteBg .quoteSREn { padding-top:30px; position:absolute; bottom:0px; left:230px; width: 160px;  height: 50px; background: url(../images/template/quoteSignEn.png) no-repeat;  font-size: 10px; line-height: 13px; }


input.searchInput { cursor: pointer; float: left; display: block; margin: 0 0 0 36px !important; width: 100px; background: #eee; border: 0; padding: 6px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.rightContent { float: left; width: 460px; position: relative; margin: 0 0 0 26px; }
.rightShow { float: right; width: 460px; position: relative; }
.rightShow .rightShowBg { width: 404px; height: 278px; background: url(../images/template/homeContentBg.png); display: block; }
.rightShow .rightShowBg .rightShowImg { float: left; display: block; width: 370px; height: 233px; margin: 16px 0 0 16px; }

.showList h1 { font-size: 15px; }
#searchResultList .bookImg { margin: 6px 0 -10px 6px !important; }
.quoteLink { margin: -4px 10px 0 48px; width: 360px; font-size: 15px; text-align: center; line-height: 18px; }
.quoteLink a, .rightLink a { color: #1E72B8; }
.rightLink { margin: -4px 10px 0 20px; width: 360px; font-size: 15px; font-weight: bold; text-align: center; line-height: 18px; }

#searchDateStart.hide, #searchDateTo.hide { color:#fff; }
.contentSub { padding: 0 15px; }

.booksSearchResult a:hover { color:#000; }
  
.fancybox-title-float-wrap .child { background:transparent !important; }
.fancybox-title { background:transparent !important; margin-top:30px; line-height:22px; font-size:16px; }

.fancybox-inner .fancybox-image { border:15px solid #fff; }
.fancybox-prev span { left:30px; }
.fancybox-next span { right:0px; }
.fancybox-close { top:-3px; right:-33px; }

#aboutDetailPage a, #newsDetailPage a { color:#1E72B8; }

span.isDhamma { background: url(../images/template/isDhamma.png) 0px -4px no-repeat; width:20px; height:16px; display:inline-block; margin-bottom:-3px;}
/*span.copyMe { cursor: pointer; float: left; width: 27px; height: 20px; background: url(../images/template/copyme.png) no-repeat; }*/