@charset "utf-8";
/* CSS Document */

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal {
    text-align: center;
    padding: 0!important;
	display : flex!important;
	align-items : center;
	z-index: -1;
}
.modal-open .modal{
	z-index: 9999;
}
.in {
    display: block;
}
.menu-drop{
	display: none;
}
body{
	font-family:"微軟正黑體", "sans-serif";
	margin: 0px auto;
	overflow-x: hidden;
	width: 100%;
}
#custom-nav {
	margin: 0px auto;
	-webkit-box-shadow: 0px 1px 5px #AAAAAA;
	-moz-box-shadow:    0px 1px 5px #AAAAAA;
	box-shadow:         0px 1px 5px #AAAAAA;
	z-index:999;
}

.nav.activeScroll .dropdown-menu a.dropdown-item{
	margin-left: -20px;
	font-size: 0.8em;
	line-height: 2em;
	
} 
.nav a.dropdown-item:hover{
	margin-left: -20px;
	color: #C8C8C8;
	background-color: transparent;
	border-bottom: none;
}
.nav.activeScroll .dropdown-menu a.dropdown-item:hover {
  	margin-left: -20px;
	color: #C8C8C8;
	background-color: transparent;
	border-bottom: none;
	margin-top: -10px;
}
.glyphicon-eye-open:before {
    content: "\e105";
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 768px){
	.mobilenone{
		display: block;
	}
	.pcnone{
		display: none;
	}
	.article-fixed-right{
		width: 100%;
		margin: 0px auto;
		float: left;
		display: block;
		text-align: center;
		align-self: center;
	}
	.article p.p-content{
		display: none;
	}
	.menu-mobile{
		display: block;
		margin-top: 120px;
	}
	.menu-mobile ul{
		width: 100%;
	}
	.menu-mobile ul li{
		float: left!important;
		list-style: none;
		text-align: center;
		display: inline-block;
		width: 20%;
	}
	.menu-mobile ul li a{
		font-weight: 800;
		display: inline;
	}
	.article-padding img{
		width: 100%!important;
	}
	.img-list{
        object-fit: cover;
        width: 255px;
        height: 133px;
    }
	.pop-cap a{
     	background-color: #000000!important;
    	color: #FFFFFF!important;
    	padding: 10px!important;
	}
	.pop-cap{
    	color: #FFFFFF!important;
    	padding: 10px!important;
		margin-top: -60px!important;
	}
	.container{
		max-width: 768px;
	}
	.navbar-toggler{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#CEA344' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.site-header.activeScroll .navbar-toggler{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#CEA344' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.site-header .dropdown-menu{
		border: none;
		text-align: right;
	}
	.site-header.activeScroll .dropdown-menu{
		border: none;
		text-align: right;
		background-color: #9E3227;
	}
	.site-header.activeScroll .dropdown-item{
		color: #CEA344;
	}
	.site-header .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
		float: right;
		margin-right: 20px;
		margin-top: 10px;
	}
	.site-header.activeScroll .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
		float:  right;
		margin-right: 20px;
	}
	.site-header ul.navbar-nav li.nav-item a.nav-link{
		color: #CEA344;
		text-align: right;
		margin-right: 20px;
	}
	
	.site-header.activeScroll ul.navbar-nav li.nav-item a.nav-link{
		color: #CEA344;
		text-align: right;
		margin-right: 20px;
	}
	h3.title{
		font-size: 1.1em;
		font-weight: 600;
		border-left: #000000 3px solid;
		padding-left: 10px;
	}
	.progress-container {
	  	background-color: transparent;
	  	height: 0.3em;
	  	width: 100%;
	}

	.progress-bar {
	  	height: 0.3em;
	  	width: 0%;
		z-index: 999;
		position: fixed;
  		top: 0;
  		background:rgba(255,126,0,1.00);
  		transition: width 0.2s ease;
	}
	.site-header{
		background-color: #9E3227;
     	position: absolute;
    	right: 0px;
	}
	.site-header.activeScroll{
		background-color: #9E3227;
	}
	.nav.activeScroll{
		background-color: #9E3227;
		height: 50px;
		top: 0.2em!important;
	}
	.site-header .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left;
		z-index: 999;
		width: 180px;
		height: 100px;
	}
	.site-header.activeScroll .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left;
		z-index: 999;
		width: 180px;
		height: 100px;
	}
	.header{
		width: 100%;
		margin-top: 60px;
	}
	.header img{
		width: 100%;
	}
	.article-list{
		margin: 10px 0px;
	}
	.article{
		margin: 10px;
	}
	.article-p img{
		width: 100%;
	}
	.article-t h5{
		color: #E30003;
		margin-top: 3px;
		margin-bottom: 5px;
		font-size: .8em;
	}
	.article-t h4{
	}
	.article-p p{
		font-size: .8em;
	}
	.article-t p.p-content{
		color: #6E6E6E;
		height: 3em;
		font-size: 1em;
		overflow: hidden;
		margin-bottom: 5px;
	}
	.body{
		position: relative;
	}
	.footer{
		width: 100%;
		background-color: #9E3227;
		min-height: 50px;
		text-align: center;
	}
	.footer-logo img{
		width: 100px;
		margin: 10px 0px 0px ;
	}
	.footer-text{
		text-align: center;
		padding: 10px;
		color: #CEA344;
	}
	.footer-text p{
		color: #CEA344;
		font-size: 0.9em;
		line-height: 0.8em;
	}
	.footer-text a{
		color: #CEA344;
		line-height: 1em;
		font-size: 1em;
	}
	.footer-text a:hover{
		color: #CEA344;
		text-decoration: none;
		line-height: 1.5em;
		font-size: 1em;
	}
	
	.footer .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 120px;
		height: 60px;
		margin-top: 5px;
	}
	.articlelist-layout{
		margin: 10px;
		max-height: 850px;
	}
	.articlelist-content{
      	margin: 0px auto;
     	padding: 100px 0px 0px 0px;
		width: 100%;
     	overflow: hidden;
	}
	.media-left{
		max-height: 225px;
		width: 100%;
		padding: 10px;
		overflow: hidden;
	}
	.media-left img{
		width: 100%;
	}
	h3.article-tittle {
		color: #000000;
	}
	.media-body{
		padding: 10px;
     	margin-top: 12px;
	}
	.authordate{
		text-align: right;
		padding-right: 20px;
		padding-top: 10px;
	}
	a:hover{
		text-decoration: none;
	}
	.article-padding{
      	margin: 0px auto;
		padding-top: 120px;
		width: 100%;
	}
	.article-tittle{
		font-size: 1.3em;
		color: #000000;
	}
	.author_data{
		margin: 10px 0!important;
	}
	.panel-default{
	}
	.tabclick{
	}
	.active{
		color: #000000;
    	cursor: default;
    	background-color: #9E3227;
    	border: 1px solid #9E3227;
    	border-bottom-color: transparent;
	}
	.nav-tabs{
		border-bottom: 2px solid #9E3227;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		color: #555555;
	}
	.in {
		display: block;
	}
	.site-header .container{
		margin: 0px auto;
	}
	.container{
		margin-top: 150px;
	}
	.btn-social-icon a{
		background-color: #3b5998;
	}
	.article-tittle{
		width: 100%;
		font-weight: 800;
		font-size: 1.5em;
		margin-left: -3px;
	}
	h5.article-tittle {
		font-size: 1.1em!important;
		font-weight: 400!important;
	}
	h5.pointer{
		font-size: 1em;
	}
	.breadcrumb{
		height: 10px;
		margin-left: -18px;
		font-weight: 600;
	}
	.breadcrumb a{
		color: #000000!important;
	}
	.breadcrumb > li + li:before {
		padding: 0 10px;
		color: #666;
		content: "/\00a0";
	}
	h3.text-center{
		width: 100%;
		font-size: 1.2em;
		margin: 5px;
		font-weight: 600;
	}
	.article-css h2{
		font-size: 1.6em;
	}
	.content .container{
		margin-top: 0px;
	}
	.tab-pane{
		background-color: #FFFFFF;
		border: none;
	}
	.panel-body table{
		padding: 15px;
		width: 100%;
	}
	img.member-pic-sm{
		width: 200px;
	}
	#member_hot_body .table-striped tbody tr:nth-of-type(odd) {
		background-color: #FFFFFF;
	}
	h5.member-box a{
		color: #000000;
	}
	.bg-color{
		background-color: #000000;
		color: #FFFFFF;
		padding: 5px 10px 3px !important;
		border: none!important;
		margin-left: 5px!important;
		margin-right: 15px!important;
	}
	#article-box{
		width: 100%;
		padding: 10px;
		margin-left: 2px!important;
		margin-right: 15px!important;
	}
	.pagination > li {
		display: inline;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
	}
	.pagination li.active{
		border: none;
	}
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin-left: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #9E3227;
		text-decoration: none;
		background-color: #fff;
		border: .5px solid #ddd;
	}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		z-index: 3;
		color: #fff;
		cursor: default;
		background-color: #9E3227;
	}
	.article-css p{
		font-size: 1.1em;
     	width: 100%;
    	overflow: hidden;
	}
	.fontpad {
		letter-spacing: 1px;
		line-height: 1.3em;
	}
	.modal-footer h3{
		width: 100%;
		font-size: 24px!important;
	}
	.modal-footer h4{
		width: 100%;
		font-size: 18px!important;
	}
	.font-color {
		color: #424242;
	}
	.modal-dialog {
		width: 382px;
     	margin-top: -30px;
		margin: 0px auto;
	}
	.modal-footer {
		padding: 15px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
		float: left;
		display: block;
	}
	#editForm{
		margin-top: 120px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.mobilenone{
		display: none;
	}
	.pcnone{
		display: block;
	}
	.article-fixed-right{
		width: 37%;
		margin: 0px auto;
		float: left;
		display: block;
		text-align: center;
		align-self: center;
	}
	.menu-mobile{
		display: none;
	}
	.container{
		max-width: 1024px;
	}
	.navbar-toggler{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#CEA344' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.site-header.activeScroll .navbar-toggler{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#CEA344' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	h3.title{
		font-size: 1.3em;
		font-weight: 600;
		border-left: #000000 3px solid;
		padding-left: 10px;
	}
	.progress-container {
	  	background-color: transparent;
	  	height: 0.3em;
	  	width: 100%;
	}

	.progress-bar {
	  	height: 0.3em;
	  	width: 0%;
		z-index: 999;
		position: fixed;
  		top: 0;
  		background:rgba(255,126,0,1.00);
  		transition: width 0.2s ease;
	}
	.site-header{
		background-color: #9E3227;
	}
	.site-header.activeScroll{
		background-color: #9E3227;
	}
	.site-header .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 200px;
		height: 100px;
	}
	.site-header.activeScroll .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 200px;
		height: 100px;
	}
	.site-header ul.navbar-nav li.nav-item a.nav-link{
		color: #CEA344;
	}
	
	.site-header.activeScroll ul.navbar-nav li.nav-item a.nav-link{
		color: #CEA344;
	}
	.site-header .navbar-collapse ul li a{
		font-size: 1em;
		color: #CEA344;
		font-weight: 600;
	}
	.site-header ul.navbar-nav li.nav-item{
		float: left;
	}
	.site-header ul.navbar-nav li.nav-item a.nav-link{
		margin: 10px;
	}
	.site-header.activeScroll .navbar-collapse ul li a{
		font-size: 1em;
		color: #CEA344;
		font-weight: 600;
	}
	.site-header .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
		margin: 20px;
	}
	.site-header.activeScroll .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
	}
	.header{
		width: 100%;
		margin-top: 120px;
	}
	.header img{
		width: 100%;
	}
	.article-list{
		margin: 20px 0px;
	}
	.article{
		margin: 10px;
		height: 330px;
	}
	.article-css{
		height: auto!important;
		min-height: 0px!important;
	}
	.article-p img{
		width: 100%;
	}
	.article-t h5{
		color: #E30003;
		margin-top: 3px;
		margin-bottom: 5px;
		font-size: .8em;
	}
	.article-t h4{
		max-height: 2.3em;
		overflow: hidden;
	}
	.article-p p{
		font-size: .8em;
	}
	.article-t p.p-content{
		color: #6E6E6E;
		height: 3em;
		font-size: 1em;
		overflow: hidden;
		margin-bottom: 5px;
	}
	.body{
		position: relative;
	}
	.footer{
		width: 100%;
		background-color: #9E3227;
		min-height: 50px;
	}
	.footer-logo img{
		width: 120px;
		margin: 10px 0px 0px;
	}
	.footer-text{
		text-align: right;
		padding: 10px;
		color: #CEA344;
	}
	.footer-text p{
		color: #CEA344;
		margin-top: 10px;
	}
	.footer-text a{
		color: #CEA344;
		line-height: 1.5em;
		font-size: 1em;
	}
	.footer-text a:hover{
		color: #CEA344;
		text-decoration: none;
		line-height: 1.5em;
		font-size: 1em;
	}

	.footer .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 120px;
		height: 60px;
		margin-top: 5px;
	}
	.articlelist-layout{
		margin: 10px;
		max-height: 850px;
	}
	.articlelist-content{
      	margin: 0px auto;
		padding-top: 120px;
    	max-width: 1140px;
		width: 100%;
	}
	.media-left{
		max-width: 300px;
		height: 225px;
		padding: 10px;
		overflow: hidden;
	}
	.media-left img{
		width: 100%;
	}
	h3.article-tittle {
		color: #000000;
	}
	.media-body{
		padding: 10px;
	}
	.authordate{
		text-align: right;
		padding-right: 20px;
		padding-top: 10px;
	}
	a:hover{
		text-decoration: none;
	}
	.article-padding{
      	margin: 0px auto;
		padding-top: 100px;
    	max-width: 1140px;
		width: 100%;
	}
	.article-tittle{
		font-size: 1.3em;
		color: #000000;
	}
	.author_data{
		margin: 10px 0!important;
	}
	.panel-default{
	}
	.tabclick{
	}
	.active{
		color: #000000;
    	cursor: default;
    	background-color: #9E3227;
    	border: 1px solid #9E3227;
    	border-bottom-color: transparent;
	}
	.nav-tabs{
		border-bottom: 2px solid #9E3227;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		color: #555555;
	}
	.in {
		display: block;
	}
	.site-header .container{
		margin: 0px auto;
	}
	.container{
		margin-top: 150px;
	}
	.btn-social-icon a{
		background-color: #3b5998;
	}
	.article-tittle{
		width: 100%;
		font-weight: 800;
		font-size: 1.5em;
		margin-left: -3px;
	}
	h5.article-tittle {
		font-size: 1.1em!important;
		font-weight: 400!important;
	}
	h5.pointer{
		font-size: 1em;
	}
	.breadcrumb{
		height: 10px;
		margin-left: -18px;
		font-weight: 600;
	}
	.breadcrumb a{
		color: #000000!important;
	}
	.breadcrumb > li + li:before {
		padding: 0 10px;
		color: #666;
		content: "/\00a0";
	}
	h3.text-center{
		width: 100%;
		font-size: 1.2em;
		margin: 5px;
		font-weight: 600;
	}
	.article-css h2{
		font-size: 1.6em;
	}
	.content .container{
		margin-top: 0px;
	}
	.tab-pane{
		background-color: #FFFFFF;
		border: none;
	}
	.panel-body table{
		padding: 15px;
		width: 100%;
	}
	img.member-pic-sm{
		width: 200px;
	}
	#member_hot_body .table-striped tbody tr:nth-of-type(odd) {
		background-color: #FFFFFF;
	}
	h5.member-box a{
		color: #000000;
	}
	.bg-color{
		background-color: #000000;
		color: #FFFFFF;
		padding: 5px 10px 3px !important;
		border: none!important;
	}
	#article-box{
		width: 100%;
		padding: 10px;
		margin-top: 20px!important;
		margin-left: 15px!important;
		margin-right: 15px!important;
	}
	.pagination > li {
		display: inline;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
	}
	.pagination li.active{
		border: none;
	}
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin-left: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #9E3227;
		text-decoration: none;
		background-color: #fff;
		border: .5px solid #ddd;
	}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		z-index: 3;
		color: #fff;
		cursor: default;
		background-color: #9E3227;
	}
	.article-css p{
		font-size: 1.1em;
	}
	
	.img-list{
        object-fit: cover;
        width: 255px;
        height: 159px;
    }
	.article-list .article .row{
		height: 179.19px;
	}
	.fontpad {
		letter-spacing: 1px;
		line-height: 1.3em;
	}
	.modal-footer h3{
		width: 100%;
		font-size: 24px!important;
	}
	.modal-footer h4{
		width: 100%;
		font-size: 18px!important;
	}
	.font-color {
		color: #424242;
	}
	.modal-dialog {
		width: 382px;
     	margin-top: -30px;
	}
	.modal-footer {
		padding: 15px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
		float: left;
		display: block;
	}
	#editForm{
		margin-top: 120px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 3000px){
	#article-fixed-right{
		margin-top: 120px;
	}
	#editForm{
		margin-top: 120px;
	}
	.pc-right{
		width: 37%;
		margin: 0px auto;
		float: left;
	}
	.article-fixed-right{
		width: 37%;
		margin: 0px auto;
		float: left;
		display: block;
		text-align: center;
		align-self: center;
	}
	.mobilenone{
		display: none;
	}
	.pcnone{
		display: block;
	}
	.fontpad {
		letter-spacing: 1px;
		line-height: 1.3em;
	}
	.modal-footer h3{
		width: 100%;
		font-size: 24px!important;
	}
	.modal-footer h4{
		width: 100%;
		font-size: 18px!important;
	}
	.font-color {
		color: #424242;
	}
	.modal-dialog {
		width: 382px;
     	margin-top: -30px;
	}
	.modal-footer {
		padding: 15px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
		float: left;
		display: block;
	}
	.article-list .article .row{
		height: 179.19px;
	}
	img{
		width: 100%!important;
	}
	.menu-mobile{
		display: none;
	}
	
	.img-list{
        object-fit: cover;
        width: 255px;
        height: 159px;
    }
	.article-css p{
		font-size: 1.1em;
	}
	.login{
		margin-top: 250px!important;
	}
	h3.title{
		font-size: 1.5em;
		font-weight: 600;
		border-left: #000000 3px solid;
		padding-left: 10px;
	}
	.progress-container {
	  	background-color: transparent;
	  	height: 0.3em;
	  	width: 100%;
	}

	.progress-bar {
	  	height: 0.3em;
	  	width: 0%;
		z-index: 999;
		position: fixed;
  		top: 0;
  		background:rgba(255,126,0,1.00);
  		transition: width 0.2s ease;
	}
	.site-header{
		width: 100%;
		height: 100px;
		margin: 0px auto;
		background-color: #9E3227;
	}
	.site-header.activeScroll{
		background-color: #9E3227;
		width: 100%;
		height: 100px;
		margin: 0px auto;
		top: 0.2em!important;
	}
	.site-header .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 200px;
		height: 200px;
	}
	.site-header a.logo{
		color: #FFFFFF;
		font-weight: 700;
		font-size: 2.5em;
	}
	.site-header.activeScroll .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 200px;
		height: 200px;
	}
	.site-header .navbar-collapse ul{
		float: right;
		margin: 10px;
	}
	.site-header .navbar-collapse ul li{
		float: right;
		margin: 12px;
	}
	.site-header.activeScroll .navbar-collapse ul li{
		float: right;
		margin: 12px;
	}
	.site-header .navbar-collapse ul li a{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 600;
		padding-right: .1rem!important;
		padding-left: .1rem!important;
	}
	.site-header.activeScroll .navbar-collapse ul li a{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 600;
	}
	.site-header .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
	}
	.site-header.activeScroll .navbar-collapse .fa-icon{
		font-size: 1.3em;
		color: #CEA344;
		font-weight: 500;
	}
	.header{
		width: 100%;
		margin-top: 100px;
	}
	.header img{
		width: 100%;
	}
	.article-list{
		margin: 20px 0px;
	}
	.article-p img{
		width: 100%;
	}
	.article-t h5{
		color: #FF0004;
		margin-top: 3px;
		margin-bottom: 5px;
		font-size: .8em;
	}
	.article-t h4{
		max-height: 2.3em;
		overflow: hidden;
	}
	.article-p p{
		font-size: .8em;
	}
	.article-t p.p-content{
		color: #6E6E6E;
		height: 3em;
		font-size: 1em;
		overflow: hidden;
		margin-bottom: 5px;
	}
	.body{
		position: relative;
	}
	.footer .logo{
		background-image: url(../img/app-touch-icon-value101.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 999;
		width: 150px;
		height: 90px;
		margin-top: 5px;
	}
	.footer{
		width: 100%;
		background-color: #9E3227;
		min-height: 50px;
	}
	.footer-logo img{
		width: 150px;
		margin: 10px 0px 0px;
	}
	.footer-text{
		text-align: right;
		padding: 10px;
		color: #CEA344;
	}
	.footer-text p{
		color: #CEA344;
		margin-top: 10px;
		margin-bottom: .5rem;
	}
	.footer-text a{
		color: #CEA344;
		line-height: 1.5em;
		font-size: 1em;
	}
	.footer-text a:hover{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 1.5em;
		font-size: 1em;
	}
	.articlelist-layout{
		margin: 10px;
		max-height: 850px;
	}
	.articlelist-content{
      	margin: 0px auto;
		padding-top: 120px;
    	max-width: 1140px;
		width: 100%;
	}
	.media-heading{
		margin-top: 0px!important;
	}
	.media-left{
		max-width: 400px;
		width: 100%;
		height: 250px;
		padding: 10px;
		overflow: hidden;
	}
	.media-left img{
		width: 100%;
		height: 100%;
	}
	h3.article-tittle {
		color: #000000;
	}
	.media-body{
		padding: 10px;
	}
	.authordate{
		text-align: right;
		padding-right: 20px;
		padding-top: 10px;
	}
	a:hover{
		text-decoration: none;
	}
	.article-padding{
      	margin: 0px auto;
		padding-top: 120px;
    	max-width: 1140px;
		width: 100%;
	}
	.article-tittle{
		font-size: 1.3em;
		color: #000000;
	}
	.author_data{
		margin: 10px 0!important;
	}
	.panel-default{
	}
	.tabclick{
	}
	.active{
		color: #000000;
    	cursor: default;
    	background-color: #9E3227;
    	border: 1px solid #9E3227;
    	border-bottom-color: transparent;
	}
	.nav-tabs{
		border-bottom: 2px solid #9E3227;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		color: #555555;
	}
	.in {
		display: block;
	}
	.site-header .container{
		margin: 0px auto;
	}
	.container{
		margin-top: 150px;
	}
	.btn-social-icon a{
		background-color: #3b5998;
	}
	.article-tittle{
		width: 100%;
		font-weight: 800;
		font-size: 1.5em;
		margin-left: -3px;
	}
	h5.article-tittle {
		font-size: 1.1em!important;
		font-weight: 400!important;
	}
	.breadcrumb{
		height: 10px;
		margin-left: -18px;
		font-weight: 600;
	}
	.breadcrumb a{
		color: #000000!important;
	}
	.breadcrumb > li + li:before {
		padding: 0 10px;
		color: #666;
		content: "/\00a0";
	}
	h3.text-center{
		width: 100%;
		font-size: 1.2em;
		margin: 5px;
		font-weight: 600;
	}
	.article-css h2{
		font-size: 1.6em;
	}
	.content .container{
		margin-top: 0px;
	}
	.tab-pane{
		background-color: #FFFFFF;
		border: none;
	}
	.panel-body table{
		padding: 15px;
		width: 100%;
	}
	img.member-pic-sm{
		width: 200px;
	}
	#member_hot_body .table-striped tbody tr:nth-of-type(odd) {
		background-color: #FFFFFF;
	}
	h5.member-box a{
		color: #000000;
	}
	.bg-color{
		background-color: #000000;
		color: #FFFFFF;
		padding: 5px 10px 3px !important;
		border: none!important;
	}
	#article-box{
		padding: 10px;
		margin-left: 15px!important;
		margin-right: 15px!important;
      	width: 60%;
    	float: left;
	}
	.pagination > li {
		display: inline;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
	}
	.pagination li.active{
		border: none;
	}
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin-left: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #9E3227;
		text-decoration: none;
		background-color: #fff;
		border: .5px solid #ddd;
	}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		z-index: 3;
		color: #fff;
		cursor: default;
		background-color: #9E3227;
	}
}

a.search:hover{
	cursor: pointer;
}
.search-input{
    position: relative;
    top: 0;
    height: 30px;
    width: 0;
  	border: solid .5px #FFFFFF;
	border-radius: 5px;
    transition: all .2s ease;
    background-color: transparent;
    opacity: 0;
    color: #fff;
	margin-right: 10px;
	margin-top: 10px;
}
.search-bar:focus {
    outline: none;
    color: #fff;
}
.open {
    width: 200px;
  	border: solid .5px #CEA344;
	border-radius: 5px;
    transition: all 1s ease;
    opacity: 1;
}
.search-input input {
    background: transparent;
    outline: 0;
  	border: solid .5px #FFFFFF;
	border-radius: 5px;
    width: 100%;
    height: 100%;
    color: white;
    box-sizing: border-box;
    padding: 0 20px;
}