/* @override http://mythemepreviews.com/respond-html/css/main.css */

@charset "UTF-8";

/*  START OF RESET */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	}
/*  END OF RESET */



/*  START OF SHORTCODES, COLUMNS & BUTTONS */

.one_third, .one_third_first {
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:13px;
	color: #585d63;
	line-height: 18px;
	font-weight: normal;
	}

.one_third {
	width: 30.66%; 
	}


.one_third {
	position: relative;
	margin-left: 4%;
	margin-bottom: 20px;
	float: left;
	}

.one_third_first { 
	width: 30.66%;
	position: relative;
	clear: left;
    margin-left: 0;
	margin-bottom: 20px;
	float: left; 
	}

/*  START OF STYLES */
h1 {
	margin-bottom: 10px;
	font-size: 25px;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	width:30%;
}

h2 {
	color: #363636;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 10px 0 15px;
	text-transform:uppercase;
	width:100%;
	}
	
h2 a {
	color: #363636;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 10px 0 15px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in;  
    -moz-transition:all 0.3s ease-in;  
    -o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in;
	width:100%;
	}
	
h2 a:hover {
	color:#ED8D23;
	text-decoration:none;
	width:100%;
	}
	
.right_content_wrapper h2 {
	color: #363636;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 10px 0 23px;
	text-transform:uppercase;
	}
	
.portfolio_details {
	color:#363636;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:12px;
	padding:10px 0 15px 0;
	text-decoration:none;
	font-weight: normal;
	}

h3 {
	color: #363636;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 10px 0 23px;
    text-transform: uppercase;
	}

h4 {
	color:#333333;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:20px;
	padding:10px 0 15px 0;
	font-weight:normal;
	text-transform:uppercase;
	}
	
h5, h5 a {
	color:#333333;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:17px;
	padding:4px 0 30px;
	font-weight:normal;
	letter-spacing: -0.04em;
	-webkit-transition:all 0.3s ease-in;  
   -moz-transition:all 0.3s ease-in;  
   -o-transition:all 0.3s ease-in;  
   transition:all 0.3s ease-in; 
   text-decoration: none;
   text-transform:uppercase;
	}
	
h5 a:hover {
   text-decoration:none;
   color: #ed8323 !important; 
	}
	
h5, h5 a, h5 a:hover {
	background: transparent !important;
	}

h6 {
	color:#333333;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:18px;
	padding:10px 0 15px 0;
	font-weight:normal;
	letter-spacing: -0.04em;
	text-transform:uppercase;
	}
	
h6 a {
	color: #333333;
	-webkit-transition:all 0.3s ease-in;  
   -moz-transition:all 0.3s ease-in;  
   -o-transition:all 0.3s ease-in;  
   transition:all 0.3s ease-in; 
   text-decoration: none;
   text-transform:uppercase;
	}
	
h6 a:hover {
	color:#ED8D23;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	font-size:18px;
	padding:10px 0 15px 0;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	text-transform:uppercase;
	}
	
	}
	
.featured_image_portfolio {
	background-image:url("../img/feat_img_shadow.png");
	background-repeat:no-repeat;
	height:250px;
	background-position:11px 197px;
	width:107%;
	}
	
.featured_content_portfolio {
	width:100%;
	}
	
.blog_readmore a {
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in;  
   	-moz-transition:all 0.3s ease-in;  
   	-o-transition:all 0.3s ease-in;  
   	transition:all 0.3s ease-in;
   	font-size: 12px; 
   	background-color: #333333;
    color: #FFFFFF;
    display: inline-block;
	border:1px solid #3C3C3C;
	padding: 5px 5px;
	font-family: "Microsoft JhengHei", Arial, 新細明體, Helvetica, sans-serif;
	margin-top: 10px;
	}
	
.blog_readmore a:hover {
	background-color: #ED8D23;
    color: #FFFFFF;
    display: inline-block;
	border:1px solid #bc730f;
	padding: 5px 5px;
	}
	
.featured_image_portfolio { 
	position:relative; 
	}  
	
/*  END OF STYLES */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 768px) {
			
	.featured_image_portfolio {
		background-image:url("../img/feat_img_shadow3.png");
		background-position:72px 160px;
		background-repeat:no-repeat;
		height:184px;
		}
		
	.featured_content_portfolio {
		width:100%;
		}
		
	
	#recent_post_wrapper {
		width:90%;
		}
		
	
	h5, h5 a {
		font-size: 15px;
		}
	
	h6 {
		font-size: 14px;
		}
	
	}

/* Mobile Landscape Size to Tablet Landscape (devices and browsers) */
@media only screen and (max-width: 480px) {

		
	.featured_image_portfolio {
		background-image:url("../img/feat_img_shadow3.png");
		background-position:-14px 95px;
		background-repeat:no-repeat;
		height:118px;
		}
		
	h6 {
		font-size: 12px;
		}
	
	h2, h2 a {
		font-size: 17px;
		padding: 10px 0 5px
		}
	}
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 320px) {

	.featured_image_portfolio {
		background-image:url("../img/feat_img_shadow3.png");
		background-position:-55px 55px;
		background-repeat:no-repeat;
		height:85px;
		}
		
	h2, h2 a {
		font-size: 17px;
		padding: 10px 0 5px
		}
		
	h6 {
		font-size: 12px;
		}
		}


/*  END OF MEDIA QUERIES */
.post_box{
	margin: 0 auto;
	width: 95%;
}