/* reset */
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

*, *:before, *:after {
	box-sizing: inherit;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
fieldset, img, object {
	border: 0;
    display: block;
    margin: 0 auto;
    width: 100%;
}
ul, ol {
	list-style-type: none;
	list-style-image: none;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {
	text-decoration: none;
	outline: none;
    vertical-align: baseline;
    background: transparent;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}

input[type="radio"], input[type="checkbox"] {
    margin: 0 2px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}
input[type="checkbox"] {
    margin: 0;
    top: -1px;
}
small, .small {font-size: 70%;}
strong {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input[text], textarea {vertical-align: bottom;}
input, select, textarea {
    font-family: Verdana, LiHei Pro, "儷黑體", PMingLiu, "新細明體", sans-serif;
}
input, textarea {
    padding: 4px 6px;
}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
hr {
	border: none;
	border-top: 1px solid #555;
    display: block;
	height: 1px;
}
/* reset end */

body {
    background-color: #F8F8F8;
    background-color: #E9EAED;
    font-family: Helvetica, Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu,"新細明體", sans-serif;
    font-size: 13px;
    position: relative;
}
a:link, a:visited {
    color: #000;
}
a:hover {
    color: #D90000;
    text-decoration: underline
}
h1 {font-size: 2.5em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
#wrapper {
	width: 100%;
	position: relative;
}
.maincontent, #header .container, #footer .container, .subchannel .contentHead, .mainbanner {
	margin: 0px auto;
	text-align: center;	
	width: 95%;
	max-width: 1200px;
}
.maincontent {margin-top: 10px;padding-bottom: 20px;}
.topmenu li, .public, .public li.title, .subscribe, #footer .copyright, .tag .Textlist li, .content .contbody,
.statustop .path li, .articleinfo .postinfo, .articleinfo .side_share > div, .tabmenu li, .subchannel .sortName li {
    float: left;
}
#header .toptools, .highlight .followme, .content .sidebar, .statustop .hot, .articleinfo .side_share, #footer .followme, .subchannel .sortName ul {
    float: right;
}
.sub_header_mobile {display :none}
.content .sidebar {max-width: 300px;width: 30%}
.toptools {margin-top: 30px}
.topmenu {
    margin: 10px 0;
	text-align: right;
	float: right;
}
.topmenu > li, #footer .link li, .tabmenu li {
    background: url("../images/gray_line.gif") left 3px no-repeat;
    display: inline;
    padding: 0 10px;
    position: relative;
}
.topmenu li:last-child, #footer .link li:last-child {padding-right: 0}
.topmenu li:first-child, #footer .link li:first-child, .tabmenu li:first-child {background: none;}
.menu-button {display: none}
#header .main {
    color: #808080;
    margin: 0;
}
#header .logo {
    float: left;
    padding: 15px 0px 10px;
    width: 200px;
}
#header .logo h1 {
    line-height: 0;
}
/* mainnav */
.mainnav {
    background: url("../images/gray_line.gif") right 9px no-repeat;
    /*border-bottom: #D7000F 1px solid;*/
    font-size: 115%;
    font-weight: bolder;
}
.mainnav > ul > li { 
    background: url("../images/gray_line.gif") left 12px no-repeat;
	float: left;
    width: 12.5%;
    position: relative;
    z-index: 100;
}
.mainnav > ul > li > a {
	display: block;
    line-height: 36px;
    padding: 0 0 3px;
    text-align: center;
    text-decoration: none;
    height: 36px;
    position: relative;
}
.mainnav > ul > li > a:hover {
    border-bottom: #D7000F 3px solid;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    padding-bottom: 0
}
.mainnav > ul > li.active > a {
    border-bottom: #D7000F 3px solid;
    padding-bottom: 0
}
.searchbar {
	float: right;
	margin-left: 15px;
	position: relative;
}
.sidebarsearch {
	width: 90%;
    margin: 0 auto;
	position: relative;
}
.searchbar .keyword, .sidebarsearch .keyword  {
    background-color: #EEE;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: none;
    padding: 10px 18px;
    outline: none;
    width: 100%;
}
.searchbar .button, .sidebarsearch .button {
    background:  url("../images/icon_bg.png") 0 -122px no-repeat;
    text-indent: -9999em;
    border: none;
    margin: 0;
    padding: 0;
    width: 21px;
    position: absolute;
    right: 10px;
    top: 8px;
}
.topmenu .submenu { 
    background-color: #FFF; 
    border: #AAA 1px solid;
    display: none;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    width: 68px;
    height: 155px;
    position: absolute;
    top: -5px;
    left: -4px;
    z-index: 101;
}
.topmenu .fastmenu:hover .submenu, .topmenu .member:hover .submenu {
    display: block;
}
.submenu:hover > a {color: #D90000;}
.mainnav .submenu ul {
    background-color: #FFF;
    box-shadow: 0 0 5px #CCC;
    display: none;
    line-height: 36px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1
}
.mainnav .submenu:hover ul {
    display: block;
}
.mainnav .submenu li a {
    background-color: #FFF;
    display: block;
}
.mainnav .submenu li a:hover {
    background-color: #D90000;
    color: #FFF;
    text-decoration: none;
}
/* nav end */

.statustop {
    color: #555;
    padding: 8px 0;
    overflow: hidden;
}
.statustop .path {
    float: left;
    overflow: hidden;
}
.statustop .title, .statustop .path a {
    background: url("../images/arrowformore_2.gif") right -38px no-repeat;
    padding-right: 15px;
}
.statustop .path li:last-child a {
    background: none;
}
.statustop .msg {
    color: #555;
    float: right;
    text-align: right;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
}
.maincontent > .content {
	margin: 5px 0px 25px;
    text-align: left;
}
.contbody {
    width: 72%;
}
.channelname h2 {
    font-weight: 100;
    font-size: 25px;
    line-height: 100%;
}
.headline .insidead {
    color: #1E5780;
    float: right;
    line-height: 100%;
}
.headline .insidead span {
    display: inline-block;
    width: 18px;
    height: 18px;
}
.highlight {
    background: url("../images/shadowline_gray.gif") 0 bottom repeat-x;
    margin-bottom: 15px;
    padding: 5px;
}
.public {
    height: 16px;
    overflow: hidden;
}
.public ul {
    background: url("../images/black_60.png") 5px 5px no-repeat;
	color: #555;
	padding-left: 16px;
}
.public li.title {
    background: url("../images/gray_line.gif") right 2px no-repeat;
    padding: 0 8px 0 0;
    position: relative;
}
.public li.title+li {
    float: left;
    padding-left: 8px;
}
.toptool {
    margin-top: 3px;
    padding-left: 5px;
}
.toptool li strong {
    font-weight: 900;
    font-size: 120%;
    padding: 0 2px;
}
.toptool .title {
    background: url("../images/gray_line.gif") 5px 3px no-repeat;
    padding: 0 0 0 15px;
    position: relative;
    top: 2px;
}
.toptool li {
    padding: 0 4px 0 0;
}
.toptool li a {
    background-color: #AAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    padding: 2px 8px 4px;
}      
.toptool li a.active {
    background-color: #D7000F;
}

/* slide */
.slides_container {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}
/*#slides .next, #slides .prev {
    background: url("../images/prev.gif") 0px 0 no-repeat;
	display: block;
    text-indent: -9999em;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 175px;
	left: -26px;
	z-index: 100;
}
#slides .next {
    background: url("../images/next.gif") 0px 0 no-repeat;
	left: 950px;
}*/
#slides .pagination {
	width: 80px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 101;
}
#slides .pagination li {
	float: left;
	margin: 0 2px;
	list-style: none;
}
#slides .pagination li a {
	background-color: #CCC;
    border: #FFF 1px solid;
	display: block;
	float: left;
	padding-top: 10px;
	width: 10px;
	height: 0;
	overflow: hidden;
}
#slides .pagination li.current a {
	background-color: #D90000;
}
.caption {
	z-index: 99;
	position: absolute;
	top: 50px;
	left: 50px;
	height: 30px;
	padding: 5px 20px 0 20px;
	background: #000;
	background: rgba(0,0,0,.5);
	width: 25%;
	color: #FFF;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #D90000;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

/* layout */
.headline {
	font-family: "Times New Roman",Times,Georgia,Cambria,serif;
	font-weight: lighter;
	border-bottom: #333 2px solid;
	padding-bottom: 2px;
	position: relative;
	overflow: hidden;
}
.columns.tag .headline, .sidebar .headline {
    margin-bottom: 12px;
}
.headline small {
	font-size: 13px;
	padding-left: 8px;
}
.headline .readmore {
	position: absolute;
	right: 0;
	top: 8px;
}
.posttime span, .latestnews .date {
	color: #555;
	border: #AAA 1px solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	margin-right: 6px;
	padding: 2px 6px;
}
.byword {
    border-top: #CCC 1px dotted;
    padding-top: 15px;
	overflow: hidden;
	position: relative;
}
.byword .author, .Articleinfo .author {
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
	float: left;
	line-height: 125px;
	margin: 0 30px 0 10px;
	text-align: center;
	width: 125px;
	height: 125px;
	overflow: hidden;
}
.Rinpoche .author {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: block;
	line-height: 100px;
	margin: 0 auto 5px;
	text-align: center;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.byword .author img, .Rinpoche .author img, .Articleinfo .author img {
	position: relative;
	top: -25%;
}
.Rinpoche .author:hover {
	
}
.byword .article, .postnav.Rinpoche .article {
	float: left;
	text-align: left;
	width: 80%
}
.postnav.Rinpoche .article {
    margin: 0 24px;
    width: 65%
}
.byword .article:before, .byword .article:after, .postnav.Rinpoche .article:before, .postnav.Rinpoche .article:after {
	color: #AAA;
	font-size: 3em;
	font-weight: bolder;
}
.byword .article:before, .postnav.Rinpoche .article:before {
	content: "「";
	position: relative;
	left: -25px;
}
.byword .article:after, .postnav.Rinpoche .article:after {
	content: "」";
	position: absolute;
	bottom: 20px;
	right: 0;
}
.postnav.Rinpoche .article:after {
    right: 40px;
}
.byword .article h3, .postnav.Rinpoche .article h3  {
	margin: -30px 10px 10px;
}
.byword .article p, .postnav.Rinpoche .article p  {
	line-height: 1.5em;
	margin: 0px 10px;
}
.Rinpoche {margin-top: 10px;}
.Rinpoche .wrapper {
	border-top: #CCC 1px dotted;
	padding-top: 15px;
}
.Rinpoche .container {
	float: left;
	width: 16.6%;
}
.postnav.Rinpoche .container {
    margin-left: 25px;
    text-align: center;
    width: 130px;
}
.Rinpoche .container.first {
	margin-top: 50px;
	width: 10%;
}
.tag .Textlist li {
	margin: 0 8px 4px 0px;
}
.latestnews .sort {
    background: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
	display: inline-block;
    font-size: 12px;
	margin-right: 6px;
	padding: 2px 8px;
}
.sidebar .latestnews .sort {
    display: none
}
.latestnews li, .sect .listwrapper li {
	overflow: hidden;
}
.latestnews li {
	font-size: 15px;
	margin: 8px 0;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
	height: 25px;
}
.sect .listwrapper li {
	margin: 7px 0;
	padding: 5px 0 10px;
}
.tabnav {
	margin: 5px auto -2px auto;
	overflow: hidden;
}
.tabnav li {
    border-bottom: #555 1px solid;
    font-weight: bolder;
    float: left;
    text-align: center;
    width: 20%;
}
.tabnav li a {
    background-color: #555;
    border: #555 1px solid;
    border-left-color: #555;
	color: #FFF;
	cursor: pointer;
    display: block;
    line-height: 28px;
    margin: 0 5px -1px;
}
.tabnav li a.selected, .tabnav li a:hover {
    background-color: #E9EAED;
    color: #000;
    border-bottom: #E9EAED 1px solid;
    text-decoration: none;
}
.sect .listwrapper .thumb {
	float: left;
	margin: 0 10px 0px 0;
	width: 120px;
}
.sect .container {
	position: relative;
}
.sect .listwrapper {
	display: none;
}
.sect .listwrapper.active {
	display: block;
}
.sect .listwrapper p {
	line-height: 18px;
	margin: 8px 0 0px;
}
.ltestArticle {
    background-color: #FFF;
    margin: 0px auto;
}
.ltestArticle .wrapper {
	padding: 15px 0 12px 0;
}
.ltestArticle .container {
	border-left: #CCC 1px solid;
	float: left;
	padding: 0 15px;
	text-align: left;
	width: 30%;
}
.ltestArticle .container.first {border: none;}
.ltestArticle .container.last {padding-right: 0}
.ltestArticle .container .thumb {
	float: left;
	margin-right: 12px;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.ltestArticle .container .thumb img {
	width: auto;
	height: 80px;
	position: relative;
	left: -25%;
}
.ltestArticle .container h4 {line-height: 1.35em;margin: 5px 0;}

/* sidebar */
.sidemodule, .sidead {
	margin-bottom: 30px;
    text-align: left;
}
.sidemodule.event .container > div {margin-bottom: 10px;}
.hotlist {
	color: #555;
	font-size: 15px;
	list-style-type: square;
	padding-left: 18px;
    line-height: 18px;
}
.hotlist li {
	margin: 12px 0;
}
.follow {
    background: url("../images/icon_bg.png") 2px -266px no-repeat #CCC;
    border: #CCC 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: block;
    line-height: 18px;
    margin: 4px auto;
    padding: 2px 0px 2px 12px;
    width: 50px;
}
.follow:hover {
    background-color: #D90000;
    border: #D90000 1px solid;
    color: #FFF;
}
.follow.added {
    background: url("../images/icon_bg.png") 0px -290px no-repeat #D90000;
    border: #D90000 1px solid;
    color: #FFF;
}
.follow.added:hover {
    background: url("../images/icon_bg.png") 2px -313px no-repeat #333;
    border: #333 1px solid;
    color: #FFF;
}
/* List */
/*.list .postlist {
	background-color: #FFF;
	margin-bottom: 20px;
	padding: 20px;
}*/
.article_item {
    background: #FFF;
	font-size: 1.1em;
	line-height: 1.75em;
	margin-bottom: 25px;
	overflow: hidden;
}
.article_item .thumb {
	background-color: #EEE;
	display: block;
	float: left;
	margin: 0px 20px 0 0;
	width: 35%;
	overflow: hidden;
}
.article_item .detail {
    padding: 18px;
}
.article_item .detail h3 {
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.25em;
}
.list .article_item .detail h3 {
    font-size: 1.5em;
}
.postinfo {
	color: #555;
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
    margin: 0px auto
}
.postinfo .posttime {
    padding-right: 8px;
}
.postinfo .cat {
    padding-left: 5px;
}
.profile .article_item {
	float: left;
	margin: 15px 1%;
	width: 48%
}
.profile > .headline {
    border: none;
    line-height: 1.8em;
	margin: 0 auto;
    padding: 15px 0 30px;
    text-align: center;
	width: 80%
}
.profile .headline h2, .subchannel .sortName h2 {
    font-size: 2.5em;
}
.profile .headline small {
    color: #555;
    display: block;
    margin: 10px 0;
}
.subchannel {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(255,255,255)),color-stop(0.92, rgb(240,240,240)),color-stop(1, rgb(200,200,200)));
    background-image: -moz-linear-gradient(center top,rgb(255,255,255) 0%,rgb(240,240,240) 92%,rgb(200,200,200) 100%);
    margin-bottom: -10px;
    padding: 10px 0;
    width: 100%;
}
.subchannel .contentHead {
    line-height: 36px;
    overflow: hidden;
}
.subchannel .submenu li {
    display: inline-block;
}
.subchannel .submenu a {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    display: block;
    line-height: 24px;
    margin: 0 3px 7px;
    padding: 0 10px;
    text-align: center;
}
.subchannel .calendar a {
    margin: 0 1px;
    padding: 0;
    width: 24px;
}
.subchannel .submenu a:hover, .subchannel .submenu a.selected, .subchannel .calendarWeekend a {
    background-color: #D90000;
    color: #FFF;
    text-decoration: none;
}
.subchannel .submenu a.selected {
    background-color: #333;
}
.subchannel .openauthorbtn {
    background: url("../images/menu_down_2.png") right -29px no-repeat;
    cursor: pointer;
    padding-right: 20px
}
.subchannel .openauthorbtn.active {
    background-position: right -3px;
}
.subchannel .sortName {
    border-top: #CCC 1px dotted;
    display: none;
    margin-top: 10px;
    padding: 15px 0 0;
    overflow: hidden;
}
.subchannel .sortName h2 {
    background: url("../images/black_60.png") 0 bottom repeat-x;
	font-family: "Times New Roman",Times,Georgia,Cambria,serif;
	font-weight: lighter;
    float: left;
    padding-bottom: 10px;
}
.subchannel .sortName ul {
    line-height: 21px;
    width: 85%;
}
.subchannel .sortName li {
    padding: 0 0 5px 15px;
    text-align: left;
    width: 12%
}
.subchannel .currentMonth {
    font-style: italic;
    padding: 8px 0 5px;
    text-align: left;
}
.subchannel .currentMonth h2 {
    color: #555;
    display: inline;
    font-family: "Times New Roman",Times,Georgia,Cambria,serif;
    font-size: 4em;
    padding: 0 10px
}
.subchannel .currentMonth h2 small {
    font-size: 13px;
    padding-right: 4px;
}
.eventinfo {
    color: #FFF;
    float: left;
    margin: 20px 0px 20px 20px;
    padding-top: 8px;
    text-align: center;
    width: 60px;
    height: 60px;
}
.eventinfo.type_1 {background-color: #D90000;}
.eventinfo.type_2 {background-color: #65989A;}
.eventinfo.type_3 {background-color: #5FA560;}
.eventinfo.type_4 {background-color: #ee3b16;}
.event .detail {float: right;width: 85%}
.sortPeopleList .sortPeopleDetail {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0px 0 30px 30px;
    text-align: center;
    width: 17.5%;
    overflow: hidden;
}
.sortPeopleList .sortPeopleDetail.head {
    margin-left: 0
}
.sortPeopleList .sortPeopleDetail .container {
    background-color: #FFF;
}
.sortPeopleList .author {
    display: block;
    height: 150px;
    overflow: hidden
}
.sortPeopleList .author img {
    margin-top: -12.5%
}
.sortPeopleList .profileinfo {
    padding: 10px 15px;
}
.sortPeopleList .profileinfo h3 {
    border-bottom: #DDD 1px solid;
    margin-bottom: 5px;
    padding: 0 0 5px;
}
.sortPeopleList .profileinfo a {
    color: #000;
}
.sortPeopleList .profileinfo h3 small {
    color: #555;
    display: block;
    font-family: "Times New Roman",Times,Georgia,Cambria,serif;
    margin: 4px 0 0;
}
.sortPeopleList .profileinfo .detail {
    background: url("../images/content_bg.gif") 52% 0 repeat-y;
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}
.sortPeopleList .profileinfo .detail strong {
    font-size: 1.75em;
}
.tag ul li {
    float: left;
    padding: 0 2px 5px 0;
    height: 24px;
}
.tag li a {
    background-color: #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    line-height: 100%;
    padding: 4px 12px 6px;
}
.tag li a:hover {
    background-color: #D90000;
    text-decoration: none
}
/* blog */
.blog .article_item {
	float: left;
	margin: 15px 1%;
	width: 31%
}
.blog .article_item .thumb {
	float: none;
	width: 100%
}
/* footer */
#footer {
    background-color: #FFF;
	line-height: 21px;
    padding: 15px 0;
    width: 100%;
}
#footer .copyright {
    text-align: left;
}
#footer .link li:first-child {
	padding-left: 0;
}

/* ad */
.content_ad .container {float: left;}
.content_ad {margin: 20px auto 10px;}
.content_ad .container {
    padding: 0 0 0 30px;
    width: 300px;
}
.content_ad .wrapper .container:first-child {padding: 0;}
.smallAD {margin: 12px 0;}

/* banner */
.mainbanner {
    background: #FFF;
    margin: 0px auto;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
}
.mainbanner p {
    font-size: 14px;
    line-height: 175%;
    margin: 18px 0 30px;
}
.thumb {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pagebanner {margin: -5px 0 -10px;position: relative;overflow: hidden}
.pagebanner img {height: 100%;}
.pagebanner #banner h5 {
    border: #FFF 2px solid;
    line-height: 24px;
    margin: 0 auto 0 -18%;
    padding: 25px;
    text-align: center;
    width: 380px;
    position: absolute;
    top: 40%;
    left: 50%;
}
/*.thumb img, .product_nav img {max-width: 100%;}*/
.video {
    background: url("../images/video.png") 0 0 no-repeat;
    display: block;
    text-indent: -9999em;
    width: 35px;
    height: 35px;
    position: absolute;
}

/* home */
.discover_slide .headtitle {
    float: right;
    padding: 30px 30px 30px 0;
    text-align: left;
    width: 55%;
}
.discover_slide h2 {
    margin: 10px 0 18px;
}
.discover_slide .thumb {
    display: block;
    float: left;
    width: 40%;
}
.postcontent .columns, .events .latestnews, .events aside {
	float: left;
	padding: 24px 10px;
	text-align: left;
	width: 25%;
}
.postcontent .columns.first, .events .latestnews {
	padding-left: 0px;
}
.postcontent .columns.last, .events aside {
	padding-right: 0px;
}
.postcontent .gallery, .events .latestnews, .events aside {
	width: 48.5%;
}
.events .latestnews, .events aside {
    margin: -5px 0 0;
    padding-bottom: 10px
}
.postcontent .container {
	background: #FFF;
	line-height: 1.75em;
	padding: 15px;
	height: 240px;
	position: relative;
	overflow: hidden;
}
.postcontent .gallery .container {padding: 0;height: 230px;}
.postcontent .gallery header {
	background: url("../images/black_70.png") 0 0 repeat;
	padding: 8px 12px 12px;
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.postcontent .gallery header a {color: #FFF}
.postcontent .article header {
	padding-right: 15px;
	position: absolute;
	bottom: 13px;
}
.postcontent .postinfo {
	color: #AAA;
	font-size: 11px;
	margin-bottom: 4px;
}
.events {
	margin: 15px 0 0;
}
.events .wrapper {
	border-top: #AAA 1px dotted;
	border-bottom: #AAA 1px dotted;
}

/* single */

/*page here*/
.list_pagenav {
    margin: 50px auto 40px auto;
}
.pagination {
    clear: both;
    font-size: 13px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.pagination li {
    color: #AAA;
    display: inline;
}
.pagination a, .pagination .select, .pagination span  {
	display: inline-block;
	line-height: 32px;
	width: 32px;
	height: 32px;
}
.pagination .select {
    background-color: #D7000F;
	color: #FFF;
}
.pagination li.first a, .pagination li.last a,
.pagination li.first span, .pagination li.last span {
    background-color: transparent;
    width: 60px;
}
.pagination li.goback a {
    background: #333;
    color: #FFF;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
}
.pagination li.goback a:hover {
    background: #D90000;
}
.pagination .prepage a, .pagination .prepage span, .pagination .nextpage a, .pagination .nextpage span, .preMonth, .nextMonth {
    background-image: url("../images/arrowformore.gif");
    background-repeat: no-repeat;
    margin: 0 1px;
    text-indent: -9999em;
}
.pagination .prepage a, .pagination .prepage span {
    background-position: -31px 0px;
}
.pagination .nextpage a, .pagination .nextpage span {
    background-position: -31px -31px;
}
.pagination a:hover {
    background-color: #333;
    color: #FFF;
	text-decoration: none;
}
.pagination li.first a:hover, .pagination li.last a:hover {
    color: #333;
}
.preMonth, .nextMonth {
    border: #AAA 1px solid;
    display: inline-block;
    width: 32px;
    height: 24px;
    position: relative;
    top: 6px;
}
.preMonth:hover, .nextMonth:hover {
    background-color: #FFF;
    border: #555 1px solid;
}
.preMonth {
    background-position: -31px -3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin: 0 -2px 0 0;
}
.nextMonth {
    background-position: -31px -34px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.accordionContain {
    margin-bottom: 10px;
    overflow: hidden;
}
.accordionContain li {
    float: left;
    width: 25%;
}
/* page end */
/* fixed link */
.overlayer {
    background-color: #FFF;
    border-top: #CC181E 3px solid;
    /*border-bottom: #CC181E 3px solid;*/
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	position: relative;
	z-index: 101;
}
.fixed {
	display: block;
	width: 100%;
	position: fixed;
	top: 0px;
}
.fixed .topnav {display: none}
#fixed_link {
    position: absolute;
}
#fixed_link ul {
	position: fixed;
    top: 40%;
    right: 10px;
	z-index: 999;
}
#fixed_link li {
    margin-bottom: 5px;
    position: relative;
}
#fixed_link a {
	background-color:#333;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
	color: #FFF;
	display: block;
	font-size: 13px;
	width: 50px;
	height: 40px;
}
#fixed_link .nextbtn, #fixed_link .previousbtn, #fixed_link .topgoodsbtn {
    line-height: 14px;
    padding-top: 10px;
}
#fixed_link .topgoodsbtn {background-color: #D7000F}
#fixed_link #totop {
    background: url("../images/general_icon.png") 3px -70px no-repeat #333;
    line-height: 50px;
    height: 50px;
}
#fixed_link a:hover {
	background-color: #32B4FF;
	text-align: center;
}
/* general */
.buttonStyle, a.buttonStyle {
    background: -webkit-linear-gradient(#c63,#b4582d);
    background: -moz-linear-gradient(#c63,#b4582d);
    background: linear-gradient(#c63,#b4582d);
    border: 1px solid #b4582d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    margin: 8px auto 0 8px;
    padding: 8px 20px;
    text-align: center;
    text-shadow: 1px 1px  #BE653F;
    outline: none
}
.buttonStyle:hover {
    background: #117ED2;
    background: -webkit-linear-gradient(#b85c2e,#974b26);
    background: -moz-linear-gradient(#b85c2e,#974b26);
    background: linear-gradient(#b85c2e,#974b26);
    border-color: #974b26;
    text-decoration: none;
}
.message {
    background-color: #EAEAEA;
    line-height: 21px;
    margin: 20px auto;
    padding: 15px 0;
    text-align: center;
}
.note {
    background-color: #FFF;
    line-height: 21px;
    margin: 30px auto;
    padding: 15px 0;
    text-align: center;
    position: relative;
}
.note:after {
    content: url("../images/shadow.jpg");
    display: block;
    position: absolute;
    bottom: -19px;
}
a.button, .button {
    background: #333;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    display: block;
    font-size: 13px;
    margin-top: 15px;
    padding: 12px 0;
    text-align: center;
    width: 150px;
}
a.facebook_login, a.social_facebook {
    background: url("../images/icon_bg.png") 24px -242px no-repeat #3B5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    margin: 15px auto 20px;
    padding-left: 24px;
    width: 200px;
}
a.facebook_login:hover, a.social_facebook:hover  {
    background-color: #133783;
}
.red, a.red {color: #D7000F}
.gray {color: #808080;}
.center {text-align: center}
.right {text-align: right;}
.space {margin: 20px auto;}
a.line {text-decoration: underline;}
.inlineimg {display: inline;padding: 8px 0 0 18px}
.clear {clear: both;}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
/* social */
.highlight .mailbtn {
    background-color: #333;
    color: #FFF;
    border: none;
    display: inline-block;
    margin-left: -2px;
    padding: 7px 12px;
}
.socialshare li {
    display: inline-block;
    padding-right: 5px;
}
.socialshare li.title {
    padding-left: 0px;
}
.socialshare li a {
	background: #D90000;
	color: #FFF;
    display: block;
	line-height: 36px;
	text-align: center;
    width: 36px;
    height: 36px;
}
/*.socialshare li a.facebook {
    background-position: 0 0;
}
.socialshare li a.google {
    background-position: 0 -24px;
}
.socialshare li a.youtube {
    background-position: 0 -48px;
}
.socialshare li a.rss {
    background-position: 0 -72px;
}*/
#fb-root > div {overflow: hidden;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome rules here */
#header .searchbar button {top: 3px}
}

/* Media queries */
@media screen and (max-width: 1920px) {
	.single .article_item .thumb {width: 35%}
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1152px) {
}
@media screen and (max-width: 1024px) {
	.contbody {width: 68%}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 667px) {
}