/******************************************
 CUSTOM STYLESHEET
*******************************************/

/* fixed header
.site-header {
    position: fixed;
    height: 77px;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 300;
}

body {
    padding: 77px 0 0;
}
*/

p {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.full-width-page .inner-wrap h1,
.full-width-page .inner-wrap h2,
.full-width-page .inner-wrap h3,
.full-width-page .inner-wrap h4,
.full-width-page .inner-wrap h5,
.full-width-page .inner-wrap h6,
.full-width-page .inner-wrap p {
	max-width: 820px;
}

.full-width-page img.alignleft {
	margin-left: -120px;
}

.full-width-page img.alignright {
	margin-right: -120px;
}

.dashicons-cart {
	margin: 1px 5px 0 0;
}

.login-menu {
	margin-left: 50px;
}

.featured-area {
	display: inline-block;
	width: 100%;
	background-color: #edefed;
}

@media screen and (max-width: 640px) {
	.featured-area .inner-wrap {
		padding: 0;
	}
}

.featured-slider {
	float: left;
	width: 66%;
	margin:20px 0;
}

.featured-sidebar {
	float: right;
	width: 32%;
	margin-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.featured-sidebar .wpzoom-featured-cat {
	margin-bottom: 10px;
}

.featured-sidebar .wpzoom-featured-cat .title {
	position: absolute;
	margin-top: 10px;
	margin-left: -7px;
	padding: 5px 10px;
	z-index: 10;
	background-color: #000;
}

.featured-sidebar .wpzoom-featured-cat .title a {
	color: #fdff91;
}

.featured-post-with-bg h3.title a {
	color: #fdff91;
}

.more-columns a{
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	font-size: 18px;
	letter-spacing: 1.2px;
	line-height: 1.5;
	min-width: 130px;
	padding-bottom: 9px;
	padding-left: 47px;
	padding-right: 47px;
	padding-top: 11px;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
	color: #fff;
	background-color: #222;
	text-align: center;
}

.more-columns a:hover{
	background-color: #17a8e3;
	}

.home .recent-posts.list-view .post {
	padding-bottom: 12px;
	padding-top: 12px;
	margin-bottom: 0;
}

.home .recent-posts {
	border-top: 1px solid #eee;
	margin-bottom: 30px;
}

.home .recent-posts .entry-body {
	display: table;
}

.home .recent-posts .entry-title {
	margin-bottom: 0;
	font-size: 18px;
}

.home .recent-posts .entry-meta {
	display: table-cell;
	padding-right: 20px;
	padding-left: 10px;
	vertical-align: top;
	width: 90px;
}

.home .recent-posts .entry-header {
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
}

.recent-posts li:first-child {
	background-color: #edefed;
}

.recent-posts li:nth-child(2n+3) {
	background-color: #edefed;
}

.site-widgetized-section.section-middle {
	margin-bottom: 20px;
}

.section-footer .featured-post-with-bg {
	height: 460px;
}

.section-footer .featured-post-with-bg .featured-post-overlay-header {
	bottom: 25%;
}

.single .entry-author  > img {
	margin-right: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* single post */

.post-views {
	display:inline;
}

.article-related {
	display: block;
	background-color: #edefed;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.jp-relatedposts-post-title {
	padding-top: 10px;
}


/* comment */
.commentlist .comment-body p {
	font-size: 15px;
}

.commentlist .comment-body {
	background-color: #fff;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.commentlist .comment-body:before {
	content: '';
	position: absolute;
	top: 55px;
	margin-left: 20px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

/*login form */
.fbLoginButton {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.um_login_form {
	margin: 0 auto;
}

.um_input, .um_login_button {
	width:100%;
}

.um_lostpass_form {
	margin: 0 auto;
}

.full-width-page .inner-wrap {
	max-width:840px;
	}

/* Desktop */

@media screen and (min-width: 980px) {

.featured-area {
padding:10px 0;
}
.navbar-nav a {
		padding: 0;
		margin: 5px 0;
	}

.navbar-nav ul a {
		padding: 3px 15px;
	}

.login-menu a,.subnav-1 a, .subnav-2 a, .subnav-3 a {
		font-size: 14px !important;
		padding: 0;
		margin-top: 7px;
	}

	.subnav-1 a {
		border-left: 1px solid #aaa;
		padding-left: 20px;
	}
}

/* Tablet Portrait */
@media screen and (max-width: 640px) {
	.featured-slider {
		float: none;
		margin-top:0;
		margin-bottom: 30px;
		width: 100%;
	}

	.featured-sidebar {
		float: none;
		margin-bottom: 30px;
		margin-left: 0;
		padding: 0 2%;
		width: 100%;
	}
}

/*font weight */


label {
	font-weight: bold;
}

input, textarea {
	font-weight: bold;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	font-weight: bold;
}

div.navigation span.current {
	font-weight: bold;
}

.entry-title {
	font-weight: normal;
	color: #000;
}

/* from nm2 */

ul#stream-starch {
list-style: none;
background: url(http://www.newsmarket.com.tw/files/2013/05/up-to-down-hover-878rr.png) no-repeat 0 0;
position: relative;
width: 878px;
height: 316px;
margin: 0;
padding: 0;
z-index:999999999;
}

ul#stream-starch li {
 border: 0px solid #000;
 position: absolute;
}
#S1 {
 width: 140px;
 height: 200px;
 top: 10px;
 left: 0px;
}

#S2 {
 width: 150px;
 height: 200px;
 top: 10px;
 left: 140px;
}

#S3 {
 width: 150px;
 height: 200px;
 top: 10px;
 left: 290px;
}

#S4{
 width: 150px;
 height: 200px;
 top: 10px;
 left: 440px;
}

#S5 {
 width: 150px;
 height: 200px;
 top: 10px;
 left: 590px;
}

#S6{
 width: 150px;
 height: 200px;
 top: 10px;
 left: 740px;
}

ul#stream-starch li a{
 display: block;
 height: 100%;
 text-indent: -9000px;
}
ul#stream-starch li a:hover {
 background: url(http://www.newsmarket.com.tw/files/2013/05/up-to-down-hover-878rr.png) no-repeat 0 0;
}

ul#stream-starch li#S1 a:hover {
 background-position: 0 -325px;
}

ul#stream-starch li#S2 a:hover {
 background-position: -140px -325px;
}

ul#stream-starch li#S3 a:hover {
 background-position: -290px -325px;
}

ul#stream-starch li#S4 a:hover {
 background-position: -440px -325px;
}

ul#stream-starch li#S5 a:hover {
 background-position: -590px -325px;
}

ul#stream-starch li#S6 a:hover {
 background-position: -740px -325px;
}


#post-views-display, .edit-post-views {
display:none;
}