.articleinfo .author, .toptoolbar .article_function li, .member_function li, .bottomtoolbar .socialshare > div, .articlelist .container li, .postnav .previou strong, .Articleinfo ul, .Pagetabmenu li,
.sideArticleinfo .container > div, .articlcontent > .headtitle header, .bottomtoolbar .title, .toptoolbar .share {
    float: left;
}
.articleinfo .detail_info, .relatedpost.clearfix .sidemember, .bwtext_ad, .bottomtoolbar .fb_fan,
.postnav .next strong, .forMember, .sideArticleinfo, .toptoolbar .article_function {
    float: right;
}
.sideArticleinfo {
    width: 25%;
}
/*.sideArticleinfo.Sticky {
    position: fixed;
    top: 140px;
}*/
.sideArticleinfo .container > div {
    margin: 10px auto 0 12px
}
/* share */
.article_function {font-size: 1.2rem;}
.toptoolbar .article_function li {line-height: 30px;text-align: center;}
.article_function a {
    color: #555;
    display: inline-block;
	padding: 0 0 0 20px;
	text-align: center;
}
.article_function .fontsize a {
	border: #CCC 1px solid;
	padding: 0;
    font-size: 1rem;
    width: 44px;
}
.article_function .fontsize a:first-child {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}
.article_function .fontsize a:last-child {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.article_function a:hover, .articleinfo .counts em {color: #000;}
.socialshare > div {
	margin-left: 5px;
	text-align: center;
}
.toptoolbar {margin: 1em 30px 0;}
.toptoolbar  .socialshare > div {display: inline-block}
.toptoolbar .socialshare > div a {padding: 12px 0px;width: 54px;display: block;color: #FFF;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.bottomtoolbar .socialshare .google {width: 60px}
.toptoolbar .socialshare .facebook a {background: #365899;border: #365899 1px solid}
.toptoolbar .socialshare .twitter a {background: #1da1f2;border: #1da1f2 1px solid}
.toptoolbar .socialshare .google a {background: #d32f2f;border: #d32f2f 1px solid}
.toptoolbar .socialshare .line a {background: url("../images/LINE_logotype_White.png") center center #00c402 no-repeat;background-size: 120%;border: #00c402 1px solid}
.toptoolbar .socialshare .facebook a:hover {background-color: #FFF;color: #365899;}
.toptoolbar .socialshare .twitter a:hover {background-color: #FFF;color:#1da1f2;}
.toptoolbar .socialshare .google a:hover {background-color: #FFF;color:#d32f2f;}
.toptoolbar .socialshare .line a:hover {background: url("../images/LINE_logotype_Green.png") center center #FFF no-repeat;background-size: 120%}
.socialshare .memberfunction a {background: #cd0505;border: #cd0505 1px solid}
.socialshare .memberfunction a:hover {background-color: #FFF;color:#cd0505;}
.toptoolbar .share {
    float: right;
    margin-top: 3px;
    overflow: hidden;
}
.articlcontent {
    background-color: #FFF;
    border-top: #D90000 3px solid;
}
.article .main, .wiki .main, .bottomtoolbar {
    margin: 0 auto;
    padding: 20px 0px;
    width: 80%;
}
.mainarticle.clearfix .pageContent {
	float: left;
	width: calc(99.999999% - 330px);
}
.mainarticle.clearfix .sidebar {
	float: right;
	width: calc(99.999999% * 3/10);
    max-width: 300px;
}
.article .pageContent .main, .bottomtoolbar {width: 92%;}
.mainarticle .tag {
    margin: 20px auto;
    width: 100%;
}
.bottomtoolbar .socialshare > div {
    margin: -2px 12px 0 0
}
.bottomtoolbar .title {display: inline-block}
.Pagetabmenu li {
	border-bottom: #CCC 1px solid;
	width: 20%;
}
.Pagetabmenu li a {
	background: #D0D0D0;
	border: #D0D0D0 1px solid;
	display: block;
	line-height: 36px;
	margin: 0 5px -1px;
	padding: 0 10px;
	text-align: center;
}
.Pagetabmenu li a.active {
	background: #FFF;
	border-bottom: #FFF 1px solid;
}
.Pagetabmenu li a:hover {
	background: #FFF;
	color: #000;
	text-decoration: none
}
.headtitle {
	border-bottom: #CCC 1px dotted;
    line-height: 2.8em;
    margin: 0 30px;
    padding: 10px 0px 20px;
}
.articlcontent > .headtitle header {width: 70%}
.tag header {margin-bottom: 10px;}
/*.article .main a img {
    display: inline;
    padding: 0 4px;
    vertical-align: bottom;
}*/
.topbar {
    border-top: #DDD 1px solid;
    border-bottom: #DDD 1px solid;
    padding: 4px 0px;
}
.Articleinfo {
    border-top: #333 2px solid;
    margin: 0 30px;
    padding: 15px 0px 30px;
	position: relative
}
.Articleinfo .author span {
    background: url("../images/gray_line.gif") right 1px no-repeat;
    display: inline-block;
    font-size: 11px;
    margin-right: 5px;
    padding-right: 6px;
    position: relative;
    top: 1px;
}
.Articleinfo p {margin: 0.75rem auto 0;line-height: 160%}
.Articleinfo ul {
    line-height: 25px;
}
.Articleinfo ul strong {
    background: url("../images/gray_line.gif") right 7px no-repeat;
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px;
    width: 56px;
}
.Articleinfo .addevents {padding-left: 5px;}
.Articleinfo h3 small {display: block;color: #888}
.Articleinfo .forMember {position: absolute;right: 0;top: 12px}
.favArticle .fav {
    background: url("http://ibw.bwnet.com.tw/bw/images/button.png") 0px -215px no-repeat;
    display: block;
    width: 50px;
}
.favArticle .fav em {
    background: url("../images/fav.png") 13px 6px no-repeat;
    text-indent: -9999em;
    font-size: 110%;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
    height: 30px;
}
.favArticle .fav.active em {
    background-position: -21px 6px;
}
.favArticle span {
    background-color: #1E5780;
    border: #1E5780 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    font-size: 11px;
    display: block;
    line-height: 19px;
    text-align: center;
    width: 48px;
    height: 18px;
}
.favArticle a.fav:hover span, .favArticle a.fav.active span {
    background-position: -18px 6px;
    background-color: #333;
    border: #333 1px solid;
    text-decoration: none;
}
.articlcontent .article h2 {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: -6px;
}
.article .main {
    line-height: 27px;
}
.article .main p {
    font-size: 1.35em;
    margin: 24px 0;
	text-align: justify;
	text-justify: distribute;
    width: 100%;
	line-height: 2em;
    color: #262626;
}
.wiki .main p {
    font-size: 1.3em;
    line-height: 36px;
    margin: 20px auto;
    text-align: center;
}
.wiki .headtitle {
	margin-bottom: 20px;
	text-align: center;
}
.article .main summary {
    border-bottom: #CCC 1px dotted;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
}
.article .main .more {
    background-color: #CCC;
    color: #333;
    padding: 6px 15px;
}
.article .main .more:hover {
    background-color: #D90000;
    color: #FFF;
}
.article .main ul {
    margin: 24px 0;
}
.article .main ul li {
    line-height: 24px;
    margin: 4px 0;
}
.relatedinfo {
    margin: 32px auto;
    position: relative;
    overflow: hidden;
}
.article blockquote {
    font-family: "Trebuchet MS", PMingLiu, 新細明體, Arial, "Microsoft JhengHei", 微軟正黑體, sans-serif;
    box-sizing: border-box;
    color: #555;
    padding: 0px 25px;
    width: 80%;
    position: relative;
    font-size: 1.5em;
    margin: 2.5em auto;
    text-align: center;
}
.article blockquote:before {
    content: url("../images/blockquote.png");
    position: absolute;
    top: -15px;
    left: 0px
}
.article blockquote:after {
    content: url("../images/blockquote.png");
    position: absolute;
    bottom: -15px;
    right: 0px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.article .main blockquote p {text-align: center;}
.article blockquote p:after {
    background: #000;
    content: "";
    text-align: center;
    width: 5%;
    height: 1px;
    position: absolute;
    bottom: -10px;
    left: 47.5%;
}
.article .relatedinfo p {
    font-size: 13px;
    line-height: 165%;
    margin: 5px 0 10px 0;
}
.article .relatedinfo h3 {font-size: 1.3em;}
.article .relatedinfo h3 span.small {
    background-color: #333;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    padding: 3px 8px;
}
.article .relatedinfo h3 strong {
    display: block;
    line-height: 140%;
    margin-top: 8px;
}
.article .relatedinfo img {
    float: right;
    margin: 0 0 18px 18px;
    /*width: 120px;*/
}
/* video and img */
.articlephoto img, .articlephoto_float img, .article p img, .article embed, .article iframe, .article object, .article video {
    max-width: 100%;
}
.article .articlemedia {
	margin: 0 auto;
	text-align: center;
}
.articlephoto {
    margin: 20px auto 28px;
    position: relative;
}
.articlephoto_float[style*="right"], .article p img[style*="right"], .articlephoto[style*="right"] {
	clear: both;
    margin: 20px auto 28px 25px;
    margin-right: -8%
}
.articlephoto_float[style*="left"], .article p img[style*="left"], .articlephoto[style*="left"] {
	clear: both;
    margin: 20px 25px 28px auto;
    margin-left: -8%
}
.article summary+.articlephoto[style*="left"], .article summary+.articlephoto {
    background-color: #FFF;
    margin-top: 28px;
}
.photocaption {
	color: #000;
	font-size: 12px;
	line-height: 18px;
	padding: 6px 8px 8px;
    position: relative;
    overflow: hidden;
}
.article .photocaption p {
	color: #000;
	font-size: 12px;
	line-height: 18px;
    margin: 0;
}
.opentagbtn {
    background: url("http://ibw.bwnet.com.tw/bw/images/more_down.png") 0 -29px no-repeat;
    cursor: pointer;
    display: inline-block;
    text-indent: -9999em;
    width: 18px;
}
.opentagbtn.active {
    background-position: 0 -2px;
}
/* 上下篇文章連結 */
.postnav {
    background: url("../images/content_bg.gif") 50% 0 repeat-y;
    border-top: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    clear: both;
    margin: 0px auto 20px;
    padding: 15px 0;
    overflow: hidden;
}
.postnav .previou {
    float: left;
    width: 50%;
    position: relative;
}
.postnav .next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.postnav.Rinpoche {
    background: url("../images/bg.png") 0 0 repeat;
    margin: 0 auto;
    padding: 20px 0;
}
.postnav strong {
    display: block;
    font-size: 1.2em;
    margin-top: 4px;
    width: 95%;
}
.relatedpost {
    margin: 25px auto 20px;
}
.articlelist .container li {
    text-align: center;
    width: 18%;
    padding: 12px;
}
.recommend ul li:first-child {
    padding-left: 0px;
}
.recommend ul li:last-child {
    padding-right: 0px;
}
.recommend .container strong {
	display: block;
	margin-top: 5px;
}
/* event */
.CentersInfo .detail {
    line-height: 26px;
    margin: 0 auto;
    padding: 20px 0px;
    width: 85%;
}
.CentersInfo .location {float:left;width:47%}
.CentersInfo .contact {float:right;width:47%}
.CentersInfo .info .title {
    color: #555;
    display: inline-block;
    width: 70px;
}
/* fixed */
.headline .socialshare.Sticky {
    border: #CCC 1px solid;
    border-radius: 5px;
    margin-left: -500px;
    padding: 4px 8px 0;
    width: 55px;
    position: fixed;
    top: 55px;
    left: 45.5%;
}
.headline .socialshare.Sticky > div {
    float: none;
    margin: 5px auto 15px;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
	.article embed, .article iframe, .article object, .article video {height: 33vh}
	.articlephoto_float[style*="right"], .article p img[style*="right"], .articlephoto[style*="right"] {float: none;margin: 0 auto;width: 50%;margin-right: 0;}
	.article .main {width: 92%;}
	.headtitle {margin: 0 5%}
	#fixed_link ul {top: inherit;bottom: 5%;right: 60px}
}