/*theme.css*/
html,body{overflow-x: hidden;  -webkit-font-smoothing : antialiased}
/*	RESET:*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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: none;
  vertical-align: baseline;
  list-style-type: none;
}

body {
  font-size: 16px;
}

a {
  color: #163f68;
  text-decoration: none;
}

a:hover {
  color: #163f68;
  text-decoration: underline;
}

fieldset {
  border: none;
  outline: none;
}

img {
  border: none;
}

p {
  line-height: 18px;
}

input, text area {
  font-size: 16px;
}

article, aside, footer, header, group, nav, section {
  display: block;
}

* {
 

	
}

.main-article {
  margin: 60px 0 0;
}

.main-article:first-child {
  margin-top: 0;
}

.article-feed {
  width: 1140px;
  margin: 0 auto;
  padding-top: 0;
}
.article-feed .container {
  padding: 0 0 50px;
}
.article-feed .container .articleDetailPanel h1 {
  color: #101010;
  margin-bottom: 5px;
  text-indent: 1px;
  font-size: 2.6rem;
  line-height: 3.3rem;
  font-family: 'Pridi', serif;
  font-weight: 400;
  font-style: normal;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin: 0 0 20px;
}
.article-feed .container .articleHeader ul {
  line-height: 18px;
  list-style: none outside none;
  margin-bottom: 5px;
  overflow: hidden;
  width: 100%;
}
.article-feed .container .articleHeader ul li {
  float: left;
  font-size: 14px;
  padding-bottom: 8px;
  color: #999;
  margin-right: 5px;
}
.article-feed .container .articleHeader ul li span {
  color: #999999;
  font-size: 14px;
  line-height: 1.125rem;
  font-family: Thonburi, Tahoma, sans-serif, serif;
}
.article-feed .container .articleHeader ul li.auther {
  float: right;
  position: relative;
  margin: 0;
}
.article-feed .container .articleHeader ul li.auther span {
  padding-left: 35px;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
}
.article-feed .container .articleContents {
  margin-bottom: 7px;
  width: 100%;
  clear: both;
  position: relative;
}
.article-feed .container .articleContents .socialNetwork {
  position: absolute;
  left: -65px;
  top: -5px;
  width: 42px;
}
.article-feed .container .articleContents .socialNetwork .fb-share > span {
  color: #333333;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  width: 43px;
  overflow: hidden;
  display: inline-block;
}
.article-feed .container .articleContents .socialNetwork .fb-share a {
  background: url(../images/icon/social.svg) 0 0 no-repeat;
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "";
}
.article-feed .container .articleContents .socialNetwork .fb-share a span {
  display: block;
  text-indent: -999px;
}
.article-feed .container .articleContents .socialNetwork .fb-share a:hover {
  background-position: -51px 0;
}
.article-feed .container .articleContents .socialNetwork .tw-share {
  padding: 5px 0 0;
}
.article-feed .container .articleContents .socialNetwork .tw-share a {
  background: url(../images/icon/social.svg) 0 -47px no-repeat;
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "";
}
.article-feed .container .articleContents .socialNetwork .tw-share a span {
  display: block;
  text-indent: -999px;
}
.article-feed .container .articleContents .socialNetwork .tw-share a:hover {
  background-position: -51px -47px;
}
.article-feed .container .articleContents .socialNetwork .google-share {
  padding: 5px 0 0;
}
.article-feed .container .articleContents .socialNetwork .google-share a {
  background: url(../images/icon/social.svg) 0 -99px no-repeat;
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "";
}
.article-feed .container .articleContents .socialNetwork .google-share a span {
  display: block;
  text-indent: -999px;
}
.article-feed .container .articleContents .socialNetwork .google-share a:hover {
  background-position: -51px -99px;
}
.article-feed .container .articleContents .socialNetwork .line-share {
  padding: 5px 0 0;
}
.article-feed .container .articleContents .socialNetwork .line-share a {
  background: url(../images/icon/social.svg) 0 -152px no-repeat;
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "";
}
.article-feed .container .articleContents .socialNetwork .line-share a span {
  display: block;
  text-indent: -999px;
}
.article-feed .container .articleContents .socialNetwork .line-share a:hover {
  background-position: -51px -152px;
}
.article-feed .container .articleContents .socialNetwork .comment-bx {
  padding: 5px 0 0;
  margin: 10px 0 0;
  border-top: 1px solid #e6e6e6;
}
.article-feed .container .articleContents .socialNetwork .comment-bx a {
  background: url(../images/icon/social.svg) 0 -205px no-repeat;
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "";
}
.article-feed .container .articleContents .socialNetwork .comment-bx a span {
  display: block;
  text-indent: -999px;
}
.article-feed .container .articleContents .socialNetwork .comment-bx a:hover {
  background-position: -51px -205px;
}
.article-feed .container .articleContents .socialNetwork .comment-bx span {
  color: #333333;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  width: 43px;
  overflow: hidden;
  display: inline-block;
}
.article-feed .container .articleContents .socialNetwork .comment-bx span:nth-of-type(1) {
  display: none;
}
.article-feed .container .articleContents .socialNetwork .comment-bx span:nth-of-type(2) {
  display: inline-block;
}
.article-feed .container .articleContents .socialNetwork-top {
  display: none;
}
.article-feed .container .articleContents .socialNetwork-bottom {
  display: none;
}
.article-feed .container .articleContents .sticky {
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -635px;
}
.article-feed .container .articleContents div.introBox {
  overflow: hidden;
}
.article-feed .container .content ul{
	line-height: 26px;
  	padding: 0 70px 30px;
  	list-style-type: none;
  	font-size: 18px;
  	margin: 0;
	list-style-position: inside;
}
.article-feed .container .content ul li{
	list-style: none;
  	margin: 0 0 0 30px;
  	padding: 0 0 20px 17px;
  	color: #333;
	display: inline-block;
	position: relative;
}
.article-feed .container .content ul li span{
	display: inline-block;
  	width: 92%;
}
.article-feed .container .content ul li:before {
  	background-color: #ed1c24;
  	position:absolute;
	display: block;
	overflow: hidden;
	top:10px; 
	left: 0;
  	border-radius: 50%;
  	content: "";
  	
  	height: 7px;
  	width: 7px;
  	float: left;
}
.article-feed .container .content ol{
	
	line-height: 22px;
  	padding: 0 70px 30px;
  	font-size: 18px;
  	margin-left: 25px;
}
.article-feed .container .content ol li{
	
	list-style: decimal outside none;
  	margin: 0 0 0 30px;
  	padding: 0 0 20px 0;
  	color: #333;
  	
}
.article-feed .container .content ol li span{
	
}
@media only screen and (max-width: 759px){
	.article-feed .container .content ol{
		margin-left: 0;
	}
	.article-feed .container .content ol li{
			margin: 0;
	}
	
}
/*
.article-feed .container .articleContents ul {
  line-height: 22px;
  padding: 0 70px 30px;
  font-size: 18px;
  margin-left: 25px;
}
.article-feed .container .articleContents ul li {
  list-style: decimal outside none;
  margin: 0 0 0 30px;
  padding: 0 0 20px 0;
  color: #333;
}
.article-feed .container .articleContents ul.list-color {
  line-height: 26px;
  padding: 0 50px 10px;
  list-style-type: none;
  font-size: 18px;
  margin: 0;
}
.article-feed .container .articleContents ul.list-color li {
  list-style: none;
  padding: 0 0 20px 20px;
  color: #333;
  overflow: hidden;
}
.article-feed .container .articleContents ul.list-color li span {
  display: inline-block;
  width: 92%;
}
.article-feed .container .articleContents ul.list-color li:before {
  background-color: #ed1c24;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  height: 7px;
  width: 7px;
  float: left;
}*/
.article-feed .container .articleContents a {
  text-decoration: none;
}
.article-feed .container .articleContents p {
  margin-bottom: 30px;
  font-size: 1.1rem;
  line-height: 1.75rem;
  font-family: Thonburi, Tahoma, sans-serif, serif;
  padding: 0 80px;
}
.article-feed .container .articleContents h2 {
  margin-bottom: 15px;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-family: 'Pridi', serif;
  font-weight: 400;
  font-style: normal;
  padding: 20px 80px 0;
  color: #101010;
}
.article-feed .container .articleContents h3 {
  margin-bottom: 15px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: 'Pridi', serif;
  font-weight: 400;
  font-style: normal;
  padding: 20px 80px 0;
  color: #101010;
}
.article-feed .container .articleContents p.intro {
  font-size: 1.3rem;
  line-height: 2rem;
  font-family: 'Pridi', serif;
  font-weight: 400;
  font-style: normal;
}
.article-feed .container .articleContents p.quote {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: Thonburi, Tahoma, sans-serif, serif;
  padding: 0 80px;
  font-weight: bold;
  font-style: italic;
}
.article-feed .container .articleContents .embed-responsive-content {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.article-feed .container .articleContents .embed-responsive-content > * {
  margin: 0 auto !important;
}
.article-feed .container .articleContents p, .article-feed .container .articleContents blockquote {
  line-height: 1.75rem;
}
.article-feed .container .articleContents p.leftThumbnail, .article-feed .container .articleContents .articlePhotoLeft {
  background: #F3F3F3;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  width: 250px;
}
.article-feed .container .articleContents p.rightThumbnail, .article-feed .container .articleContents .articlePhotoRight {
  background: #F3F3F3;
  float: right;
  margin-left: 10px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  width: 250px;
}
.article-feed .container .articleContents .articlePhotoCenter {
  clear: both;
  margin: 0 auto 40px;
  text-align: center;
  width: 100%;
  padding: 0;
  position: relative;
}
.article-feed .container .articleContents p.leftThumbnail em,
.article-feed .container .articleContents p.rightThumbnail em,
.article-feed .container .articleContents p.centerThumbnail em,
.article-feed .container .articleContents .articlePhotoCenter em,
.article-feed .container .articleContents .articlePhotoLeft em,
.article-feed .container .articleContents .articlePhotoRight em {
  border-top: 1px dotted #8B8B8B;
  display: block;
  font-size: 16px;
  margin-top: 5px;
  padding-top: 5px;
}
.article-feed .container .articleContents .articleContents p em {
  color: #666666;
}
.article-feed .container .articleContents em {
  margin-bottom: 10px;
}
.article-feed .container .articleContents .leader {
  text-align: center;
  margin: 20px 0 40px 0;
  background: #f4f4f4;
  padding: 15px 0;
}
.article-feed .container .articleContents p.centerThumbnail {
  clear: both;
  margin: 0 auto 30px;
  text-align: center;
  width: 100%;
  padding: 0;
  position: relative;
  background: #fef1f1;
  line-height: 0;
}
.article-feed .container .articleContents p.centerThumbnail img {
  width: 100%;
}
.article-feed .container .articleContents p.centerThumbnail .gallery-icon {
  cursor: pointer;
  display: block;
}
.article-feed .container .articleContents p.centerThumbnail .gallery-icon:before {
  position: absolute;
  content: "";
  z-index: 1;
  right: 10px;
  top: 10px;
  width: 45px;
  height: 45px;
  display: block;
  background: url(../images/icon/expand.svg) no-repeat;
}
.article-feed .container .articleContents p.centerThumbnail span {
  display: inline-block;
  color: #999;
  font-size: 13px;
  padding: 15px 10px 20px;
  line-height: 1rem;
}
.article-feed .container .articleContents p.centerThumbnail.vertical {
  width: 366px;
}
.article-feed .container .articleContents .article-footer {
  width: 100%;
  overflow: hidden;
  margin: 0;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding: 50px 0 30px;
}
.article-feed .container .articleContents .article-footer .tags {
  overflow: hidden;
}
.article-feed .container .articleContents .article-footer .tags h3 {
  color: #333333;
  float: left;
  vertical-align: middle;
  padding: 0 10px 15px 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: 'Pridi', serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.article-feed .container .articleContents .article-footer .tags .tag-aside {
  overflow: hidden;
  float: left;
  width: 90%;
}
.article-feed .container .articleContents .article-footer .tags .tag-aside a {
  position: relative;
  float: left;
  margin: 0 5px 5px 0;
  padding: 3px 10px;
  text-decoration: none;
  z-index: 2;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
  color: #333;
}
.article-feed .container .articleContents .article-footer .tags .tag-aside a:before {
  background: #fef1f1;
  color: #333;
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
}
.article-feed .container .articleContents .article-footer .tags .tag-aside a:hover:before {
  text-decoration: none;
  border: 1px solid #ed1c24;
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 5px;
  background: #fff;
}
.article-feed .container .articleContents .article-footer .tags .tag-aside a:hover {
  color: #ed1c24;
}
.article-feed .container .articleContents .relate-content {
  overflow: hidden;
}
.article-feed .container .articleContents .relate-content .heading-bar {
  overflow: hidden;
}
.article-feed .container .articleContents .relate-content .heading-bar h2 {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  color: #e31e30;
  font-size: 1.25rem;
  line-height: 1.9rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
  border-bottom: 5px solid #ed1c24;
  padding-bottom: 2px;
  position: relative;
}
.article-feed .container .articleContents .relate-content .heading-bar h2:before {
  content: "";
  width: 2px;
  background: #ffffff;
  height: 5px;
  display: block;
  position: absolute;
  right: -2px;
  bottom: -5px;
}
.article-feed .container .articleContents .relate-content .heading-bar > a {
  float: right;
  margin: 0 5px 0 0;
}

.news-feed h2 {
  display: none;
}

.media.relate {
  display: inherit;
  width: 100%;
  padding-bottom: 10px;
}
.media.relate a {
  position: relative;
  display: inline-block;
}
.media.relate > a {
  float: left;
}
.media.relate > a img {
  float: left;
}
.media.relate img {
  width: 100%;
}
.media.relate .media-body {
  padding: 0.9375rem 0;
  clear: both;
}
.media.relate .media-body h1 {
  margin: 0;
  margin-top: 0px;
  font-size: 1rem;
  line-height: 1.56rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
  max-height: 75px;
  overflow: hidden;
}
.media.relate .media-body h1 a {
  text-decoration: none;
}
.media.relate .media-body h1 a:hover {
  color: #ed1c24;
}

.progress-container {
  height: 100%;
  width: 6px;
  background: #fff;
  right: 0;
  top: -2px;
  position: absolute;
}

.progressbar {
  width: 6px;
  background: #ed1c24;
  height: 0%;
}

.tab-comment {
  overflow: hidden;
  width: 320px;
  margin: 0 auto;
  padding: 40px 0 25px;
}
.tab-comment .btn-comment {
  color: #ee1424;
  background-color: #fff;
  border-color: #cccccc;
  font-weight: normal;
  font-size: 1rem;
}
.tab-comment .btn-comment:hover {
  color: #ee1424;
  border-color: #ec1d25;
}
.tab-comment .btn-lg {
  padding: 7px 0;
}

.media.old-news {
  display: inherit;
  width: 100%;
  padding-bottom: 5px;
}
.media.old-news a {
  position: relative;
  display: inline-block;
}
.media.old-news img {
  width: 100%;
}
.media.old-news .media-body {
  padding:10px 0 8px;
  border-top: 1px solid #e6e6e6;
}
.media.old-news .media-body h1 {
  margin-top: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
  max-height: 40px;
  overflow: hidden;
}
.media.old-news .media-body h1 a {
  text-decoration: none;
  color: #163f68;
  font-size: 0.875rem;
}
.media.old-news .media-body h1 a:hover {
  color: #ed1c24;
}
.media.old-news .media-body p {
  font-size: 0.75rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
  color: #999;
  padding: 0;
  margin: 0;
}
.media.old-news .media-body:first-child {
  padding-top: 0px;
  border-top: 0;
}

.media.old-news .media-body:last-child {
  
}

.media.feed-list {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
.media.feed-list a {
  width: 35%;
  padding-left: 8px;
}
.media.feed-list a img {
  width: 100%;
  display: block;
}
.media.feed-list .media-body {
  width: 65%;
  padding: 0 2.5%;
}
.media.feed-list .media-body h1 {
  font-size: 1rem;
  color: #333;
  line-height: 1.56rem;
  max-height: 53px;
  overflow: hidden;
}
.media.feed-list .media-body h1 a {
  font-size: 1rem;
  line-height: 1.56rem;
  padding: 0;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
}
.media.feed-list .media-body h1 a:hover {
  color: #ed1c24;
}

.media.feed-list.recommend p {
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-size: 13px;
  color: #333333;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
}

.news-feed.fixed {
  position: fixed;
  width: 366.66px;
  top: 50px;
  overflow-y: scroll;
  height: 95%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

.news-feed {
  overflow-y: scroll;
  /*height: 15%;*/
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

/*.news-feed .media.feed-list:nth-child(2) {border-bottom: none;}*/
.news-feed .media.feed-list:last-child {
  border-bottom: none;
  margin: 0 0 25px;
}
.content-old-news ul.pagination{
	display: none;
}
@media only screen and (max-width: 991px){
	.content-old-news ul.pagination{
		display: block;
	}
}

/*ads in read*/
.boomboxSize3 {
  width: 100%;
  text-align: center;
  position: relative;
  clear: both;
  margin: 40px 0 40px;
  background: #f4f4f4;
  padding: 30px 0;
}

.boomBoxleftside {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin: 0 0 5px;
  background: #f4f4f4;
  padding: 15px 0;
}
.boomBoxleftside > * {
  margin: 0 auto;
  text-align: center;
}

.tab-old-news {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0;
  margin: 0 0 15px;
}
.tab-old-news .btn-group {
  width: 100%;
  /*.dropdown-toggle.active:after {border-top: 0;border-bottom: .3em solid;}*/
}
.tab-old-news .btn-group .btn-old-news {
  background: #fff;
  border: none;
  color: #e31e30;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: 'Pridi', serif;
  font-weight: 300;
  font-style: normal;
}
.tab-old-news .btn-group .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
  padding-left: 0;
}
.tab-old-news .btn-group .dropdown-toggle:after {
  position: absolute;
  right: 5px;
  top: 18px;
  color: #333;
  border: 0;
}
.tab-old-news .btn-group .btn.focus, .tab-old-news .btn-group .btn:focus {
  box-shadow: none;
}
.tab-old-news .btn-group i {
  border: solid #ababab;
  position: absolute;
  right: 10px;
  top: 15px;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.tab-old-news .btn-group .up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.tab-old-news .btn-group .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tab-old-news .btn-group.show .dropdown-menu.show {
  width: 100%;
}
.tab-old-news .btn-group.show .dropdown-item {
  text-decoration: none;
}
.tab-old-news .btn-group.show .dropdown-item:hover {
  background: none;
  text-decoration: underline;
}

.content-old-news .heading-bar span {
  display: none;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}

.modal-dialog {
  max-width: 610px;
  margin: 0 auto;
}
.modal-dialog .modal-content {
  background: #fff;
  max-height: 600px;
  overflow-x: hidden;
  border-bottom: 30px solid #ffffff;
}
.modal-dialog .modal-content .modal-body {
  padding: 30px 30px 0;
}
.modal-dialog .modal-content .xClose {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 18px;
  height: 18px;
  z-index: 1;
  background: url(../images/icon/close.png) no-repeat;
}
.modal-dialog .modal-content .xClose span {
  display: block;
  text-indent: -9999px;
}
.modal-dialog .modal-content .contain-comment {
  margin: 10px 0 0;
  padding: 0 8px;
}
.modal-dialog .modal-content .contain-comment h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #1d1e1f;
  font-weight: normal;
  font-family: 'Pridi', serif;
  margin: 0 0 20px;
}
.modal-dialog .modal-content .contain-comment h3 {
  font-size: 1rem;
  line-height: 1.56rem;
  color: #1d1e1f;
  font-weight: bold;
  font-family: Thonburi, Tahoma, sans-serif, serif;
  margin: 0 0 10px;
}
.modal-dialog .modal-content .contain-comment p {
  color: #898a8b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: Thonburi, Tahoma, sans-serif, serif;
  margin: 0 0 25px;
}

.full-gallery {
  visibility: hidden;
  opacity: 0;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  transition: all .1s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 6050000;
  background: #222222;
}
.full-gallery .scroller {
  /*height: 100%; overflow: hidden; padding: 0; position: fixed; width: calc(100% - 350px);*/
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.full-gallery .xClose {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  z-index: 1;
  background: url(../images/icon/close.svg) no-repeat center center;
}
.full-gallery .xClose:hover{background: url(../images/icon/close-hover.svg) no-repeat center center;}
.full-gallery ul {
  list-style: none;
}
.full-gallery ul li {
  text-align: center;
}
.full-gallery .gallery-content {
  display: block;
  position: relative;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 25px;
  margin: auto 0;
  width: -webkit-calc(100% - 415px);
  width: -moz-calc(100% - 415px);
  width: calc(100% - 415px);
}
.full-gallery .gallery-content ul {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.full-gallery .gallery-content img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0px;
  margin: auto;
  background-color: beige;
}
.full-gallery .gallery-content .icon-arrow-left, .full-gallery .gallery-content .icon-arrow-right {
  margin-top: -30px;
  position: absolute;
  top: 50%;
}
.full-gallery .gallery-content .icon-arrow-left {
  left: 0px;
  width: 45px;
  height: 60px;
  background: url(../images/icon/icon-prev.png) no-repeat;
}
.full-gallery .gallery-content .icon-arrow-right {
  right: 0px;
  width: 45px;
  height: 60px;
  background: url(../images/icon/icon-next.png) no-repeat;
}
.full-gallery .gallery-caption {
  width: 340px;
  display: block;
  position: absolute;
  height: 90%;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto 0 auto 25px;
}
.full-gallery .gallery-caption .content-caption {
  margin: 20px 0;
  text-align: left;
}
.full-gallery .intro {
  width: 340px;
  padding: 0;
  max-height: 230px;
  margin:60px 0 0;
}
.full-gallery .intro h2 {
  color: #fff;
  font-size: 18px;
  font-family: 'Pridi', serif;
  font-weight: 300;
  border-bottom: 1px solid #333333;
  margin: 0 0 15px;
  text-align: left;
}
.full-gallery .intro h2 span {
  display: inline-block;
  background-color: #434343;
  padding: 8px 8px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
}
.full-gallery .intro p {
  font-size: 14px;
  color: #cccccc;
  line-height: 20px;
  text-align: left;
  margin: 0;
}
.full-gallery .adsGallery {
  width: 100%;
  display: block;
  text-align: center;
	position: absolute;
	bottom: 0;
  margin: 0 auto;
	
}

.full-gallery.gallery-open {
  visibility: visible;
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/****small & medium (together)****/
@media only screen and (max-width: 1139px) {
  .article-feed .container .articleContents {
    /*.socialNetwork-top { position: relative; width:100%; display:inline-block; left:0; top:0; margin: 0 0 10px;
    	div {float:left; width:auto; padding-right:5px;}
    	.tw-share,.google-share,.line-share {padding:24px 5px 0 0;}
    	.fb-share {width:48px;}
    	.comment-bx{float:right; border-top:0; width:48px; border-left:1px solid #e6e6e6; margin: 0 20px 0 0; padding: 0 0 0 13px;
    		span:nth-of-type(1) {display:inline-block;}
    		span:nth-of-type(2) {display:none;}
    	}
    }*/
  }
  .article-feed .container .articleContents .article-footer {
    margin: 14px 0 0;
    padding: 14px 0 ;
  }
  .article-feed .container .articleContents .article-footer .tags .tag-aside {
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .article-feed .container .articleContents .socialNetwork {
    display: none;
  }
  .article-feed .container .articleContents .socialNetwork-top {
    position: relative;
    width: 100%;
    display: inline-block;
    left: 0;
    top: 0;
    margin: 0 0 10px;
  }
  .article-feed .container .articleContents .socialNetwork-top div {
    float: left;
    width: auto;
    padding-right: 5px;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share, .article-feed .container .articleContents .socialNetwork-top .tw-share, .article-feed .container .articleContents .socialNetwork-top .google-share, .article-feed .container .articleContents .socialNetwork-top .line-share {
    padding: 30px 10px 0 0;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share {
    width: 53px;
    padding-top: 0;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share > span {
    color: #333333;
    text-align: center;
    font-size: 0.875rem;
    width: 43px;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-top: 10px;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share a {
    background: url(../images/icon/social.svg) 0 2px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share a:hover {
    background-position: -51px 2px;
  }
  .article-feed .container .articleContents .socialNetwork-top .tw-share a {
    background: url(../images/icon/social.svg) 0 -47px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-top .tw-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-top .tw-share a:hover {
    background-position: -51px -47px;
  }
  .article-feed .container .articleContents .socialNetwork-top .google-share a {
    background: url(../images/icon/social.svg) 0 -99px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-top .google-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-top .google-share a:hover {
    background-position: -51px -99px;
  }
  .article-feed .container .articleContents .socialNetwork-top .line-share a {
    background: url(../images/icon/social.svg) 0 -152px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-top .line-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-top .line-share a:hover {
    background-position: -51px -152px;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx {
    width: 53px;
    border-top: 0;
    /*border-left:1px solid #e6e6e6;*/
    padding: 0 0 0 13px;
    position: relative;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx a {
    background: url(../images/icon/social.svg) 0 -206px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx a:hover {
    background-position: -51px -206px;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx span {
    color: #333333;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    width: 43px;
    overflow: hidden;
    display: inline-block;
    margin: 10px 0 0;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx span:nth-of-type(1) {
    display: inline-block;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx span:nth-of-type(2) {
    display: none;
  }
  .article-feed .container .articleContents .socialNetwork-top .comment-bx:after {
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 70px;
    content: "";
    background: #e6e6e6;
  }
  .article-feed .container .articleContents .socialNetwork-bottom {
    position: relative;
    width: 100%;
    display: inline-block;
    left: 0;
    top: 0;
    margin:  0;
  }
  .article-feed .container .articleContents .socialNetwork-bottom div {
    float: left;
    width: auto;
    padding-right: 5px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share, .article-feed .container .articleContents .socialNetwork-bottom .tw-share, .article-feed .container .articleContents .socialNetwork-bottom .google-share, .article-feed .container .articleContents .socialNetwork-bottom .line-share {
    padding: 30px 10px 0 0;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share {
    width: 53px;
    padding-top: 0;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share > span {
    color: #333333;
    text-align: center;
    font-size: 0.875rem;
    width: 43px;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-top: 10px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share a {
    background: url(../images/icon/social.svg) 0 2px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .fb-share a:hover {
    background-position: -51px 2px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .tw-share a {
    background: url(../images/icon/social.svg) 0 -47px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-bottom .tw-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .tw-share a:hover {
    background-position: -51px -47px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .google-share a {
    background: url(../images/icon/social.svg) 0 -99px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-bottom .google-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .google-share a:hover {
    background-position: -51px -99px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .line-share a {
    background: url(../images/icon/social.svg) 0 -152px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-bottom .line-share a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .line-share a:hover {
    background-position: -51px -152px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx {
    width: 53px;
    border-top: 0;
    /*border-left:1px solid #e6e6e6;*/
    padding: 0 0 0 13px;
    position: relative;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx a {
    background: url(../images/icon/social.svg) 0 -206px no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    content: "";
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx a span {
    display: block;
    text-indent: -999px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx a:hover {
    background-position: -51px -206px;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx span {
    color: #333333;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    width: 43px;
    overflow: hidden;
    display: inline-block;
    margin: 10px 0 0;
  }
  .article-feed .container .articleContents .socialNetwork-bottom .comment-bx:after {
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 70px;
    content: "";
    background: #e6e6e6;
  }
  .article-feed .container .articleContents .relate-content .content-old-news {
    /*padding-top: 25px;*/
  }
}
/****small screen < 759****/
@media only screen and (max-width: 759px) {
  .article-feed {
    width: 94%;
    margin: 0 auto;
    padding: 25px 0 0;
  }
  .article-feed .container {
    padding: 0;
  }
  .article-feed .container .articleDetailPanel h1 {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
  .article-feed .container .articleHeader ul {
    /*li.auther:before {position: absolute; left:0; top:0; content:""; width:25px; height:25px; display: inline-block; border-radius: 50%; background: #cecece;}*/
  }
  .article-feed .container .articleHeader ul li.auther {
    float: left;
    display: block;
    width: 100%;
    padding: 0 0 20px;
  }
  .article-feed .container .articleHeader ul li.auther span {
    padding-left: 0;
  }
  .article-feed .container .articleContents p, .article-feed .container .articleContents h2, .article-feed .container .articleContents h3 {
    padding: 0;
  }
  .article-feed .container .articleContents p.quote {
    padding: 0;
  }
  .article-feed .container .articleContents ul.list-color {
    padding: 0 15px 10px;
  }
  .article-feed .container .articleContents ul {
    padding: 0 20px 10px;
    margin-left: 0;
  }
  .article-feed .container .articleContents ul li {
    margin: 0 0 0 20px;
  }
  .article-feed .container .articleContents ul.list-color {
    padding: 0 20px 20px;
  }
  .article-feed .container .articleContents ul.list-color li {
    padding: 0;
    margin: 0;
  }
  .article-feed .container .articleContents .socialNetwork-top .fb-share > span {
    width: 43px;
  }

  .news-feed h2 {
    display: block;
    color: #e31e30;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: 'Pridi', serif;
    font-weight: 300;
    font-style: normal;
    padding: 0 0 2px;
    border-bottom: 5px solid #ed1c24;
    text-align: left;
   
    float: left;
  }

  /*.boomBoxleftside { background:none; padding: 0;}*/
  .news-feed {
    height: auto;
    overflow: inherit;
	  margin-top: 35px;
  }
  .news-feed .heading-bar {
    overflow: hidden;
  }

  /*.full-gallery{
  	.scroller {height: 100%; overflow: auto; padding: 4%;}
  	.xClose {right:0;}
  	.intro {height:auto;}
  	.gallery-content { float: left; width:100%;margin-bottom: 0;position: relative; margin: 45px 0 0; height: auto;
  		ul { height: auto;
  			li { height: auto;}
  		}
  	}
  	.intro {float: left;width: 100%; padding: 20px 2% 0;}
  	.adsGallery {float: left;margin: 20px; width:100%; display: block; text-align: center; margin: 30px auto 0; padding: 0 2%;}
  }*/
}
/****medium screen - 760px-1139px****/
@media only screen and (min-width: 760px) and (max-width: 1139px) {
  .article-feed {
    width: 100%;
  }

  .news-feed.fixed {
    width: 306px;
  }
}
@media only screen and (min-width: 1024px) {
  .overview-list {
    height: 100%;
  }
}
/*** 1024- 1139 check gallery ***/
@media only screen and (min-width: 1024px) and (max-width: 1139px) {
  .full-gallery {
    /*.intro {height:auto;}*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-feed {
    height: auto;
    overflow: hidden;
  }

  /*.full-gallery{
  	.scroller {height: 100%; overflow: auto; padding: 4%;}
  	.intro {height:auto;}
  	.gallery-content {float: left; width:100%;margin-bottom: 0;position: relative; margin: 45px 0 0; height: auto; left: 0;
  		> ul { height: auto;
  			> li { height: auto;}
  		}
  	}
  	.intro {float: left;width: 100%; padding: 20px 2% 0;}
  	.adsGallery {float: left;margin: 20px; width:100%; display: block; text-align: center; margin: 30px auto 0; padding: 0 2%;}
  }*/
  .news-feed h2 {
    display: block;
    color: #e31e30;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: 'Pridi', serif;
    font-weight: 300;
    font-style: normal;
    margin: 0 0 15px;
    padding: 0 0 10px;
  }

  .article-feed .container .articleContents p.centerThumbnail.vertical {
    width: 350px;
  }
}
@media (max-width: 768px) {
  .article-feed .main-article {
    display: none;
  }

  .article-feed .main-article:first-child {
    display: block;
  }

  .content-old-news .heading-bar span {
    text-indent: -9999px;
    float: right;
    width: 12px;
    height: 8px;
    display: inline-block;
    margin: 10px 0 0;
    background: url(../images/icon/icon-all-article.svg) 0 -250px no-repeat;
  }
  /*.content-old-news .media.old-news {
    display: none;
  }*/
  

  .content-old-news.active .heading-bar span {
    text-indent: -9999px;
    float: right;
    width: 12px;
    height: 8px;
    display: inline-block;
    margin: 10px 0 0;
    background-position: -30px -250px;
  }
  .content-old-news.active .media.old-news {
    display: inline-block;
  }
  
}
@media (max-width: 576px) {
  .embed-responsive-content > iframe {
    width: 100%;
  }

  .article-feed .container .articleContents p.centerThumbnail .gallery-icon:before {
    display: none;
  }
  .article-feed .container .articleContents p.centerThumbnail.vertical {
    width: 100%;
  }
}
/****small screen < 320****/
@media only screen and (max-width: 320px) {
  .full-gallery .scroller {
    padding: 2%;
  }
}
@media only screen and (max-width: 759px){
	
	.content-old-news{
		margin: 0 0 35px 0;
	}
	.content-old-news ul.pagination{
	  	padding: 0!important;
	  	margin: 0!important;
  	}
	.content-old-news ul.pagination li{
		padding: 0!important;
	  	margin: 0!important;
	}
	.article-feed .container .articleContents .socialNetwork-bottom .fb-share > span {
		margin-top: 0px;
	}
	.article-feed .container .articleContents .socialNetwork-bottom .tw-share,
	.article-feed .container .articleContents .socialNetwork-bottom .line-share{
		padding: 20px 10px 0 0;
	}
	.article-feed .container .articleContents .socialNetwork-bottom .comment-bx span{ margin-top: 0;}
	.article-feed .container .articleContents .article-footer .tags h3 {padding: 10px 10px 5px 0;}
	.article-feed .container .articleContents .article-footer {
 		padding: 13px 0 ;
		margin-bottom: 2px;
	}
	.content-old-news{margin: 0 0 15px;}
	
}
/*mock up for example*/
.moreBox{
	display:block;
	padding: 10px 0 8px;
    border-top: 1px solid #e6e6e6;
}
#loadMore {
   
}
#loadMore a {
    
}
@media only screen and (max-width: 759px){
	.moreBox{display: none;transition: all 0.25s ease-out;}
	.article-feed .container .articleContents .leader{
		padding: 0;
	}
	.bg-ad{
		padding: 15px 0;
		position: relative;
	}
	.bg-ad:before{
		
		content: "";
		position: absolute;
		display: block;
		width: 130%; height: 102%; overflow: hidden; background-color: #f4f4f4; left: -15%; right: -15%; top: -1%;
		z-index: -1;
	}
	
	
}

/*# sourceMappingURL=article-new.css.map */
/*edit 
- .content-old-news .media.old-news
*/