/*
Theme Name: TIC-DO theme
Version: 1.0.0
*/
/*-----------------------------------------
layout
------------------------------------------*/
@media screen and (max-width : 767px){
	
}
@media screen and (min-width : 768px){
.blog-main {
	width:820px;
	float:left;
	padding-left:20px;
	padding-right:20px;
}
.sidebar {
	width:380px;
	float:right;
	padding-right:20px;
}
}
/*-----------------------------------------
sidebar
------------------------------------------*/

@media screen and (max-width : 767px){
	.box.box-sidebar {
	padding:30px 15px;	
	}	
}
@media screen and (min-width : 768px){
	.box.box-sidebar {
	padding:30px;	
	}
}
.sidebar h2 {
	color:#b38300;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	padding-bottom:45px;	
}
.widget ul {
	margin-bottom:45px;	
}
.widget li {
	border-bottom:1px solid #e2dac6;
	position:relative;
	overflow:hidden;
	z-index:5;
}
.widget li:hover {
	
}
.widget li:before {
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	width:300px;
	height:80px;
	background:#b38300;
	z-index:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.widget li:hover:before {
	content:"";
	position:absolute;
	top:0;
	left:0px;
	background:#b38300;	
	z-index:1;
}
.widget li:after {
	position:absolute;
	font-size:16px;
	font-family: 'icomoon';
	color:#b38300;
	content: "\f105";
	top:14px;
	left:14px;
}
.widget li:hover:after {
	color:#ffffff;
	z-index:100;
}
.widget li a {
	display:block;
	padding:15px 0px 15px 30px;
	position:relative;
	z-index:100;
	color:#333333;
}
.widget li a:hover {
	color:#ffffff;	
}
/*-----------------------------------------
list
------------------------------------------*/

.list-date {
	position:absolute;
	width:100px;
	height:20px;
	line-height:20px;
	top:0px;
	right:15px;
	background:#b38300;
	color:#ffffff;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	border-radius:0px 0px 4px 4px;	
}
@media screen and (max-width : 767px){
	.box.box-list {
	padding:0px;
	position:relative;
	}
	.list-pic {
	max-height:240px;
	overflow:hidden;
	}
	.list-content {
	padding:15px;
	}
	.list-tt {
	font-size:16px;
	font-size:1.6rem;
	}	
}
@media screen and (min-width : 768px){
	.box.box-list {
	padding:15px;
	position:relative;
	}
	.list-pic {
	float:left;
	width:170px;
	}
	.list-content {
	float:right;	
	width:578px;
	padding-top:40px;
	}
	.list-tt {
	font-size:18px;
	font-size:1.8rem;
	}
}
.list-tt {
	color:#b38300;
	padding-bottom:15px;
	border-bottom:1px solid #b38300;	
}
.list-except p {
	margin:5px 0;	
}
/*-----------------------------------------
single
------------------------------------------*/
.box.box-single {
	padding:0px;
	position:relative;
}
@media screen and (max-width : 767px){
	.single-thumb {
	max-height:240px;
	overflow:hidden;
	}
	.single-content {
	padding:15px;	
	}
	.single-tt {
	font-size:16px;
	font-size:1.6rem;
	}
}
@media screen and (min-width : 768px){
	.single-thumb {
	max-height:420px;
	overflow:hidden;
	}
	.single-content {
	padding:30px 40px;	
	}
	.single-tt {
	font-size:18px;
	font-size:1.8rem;
	}
}
.single-thumb img {
	display: block;
	max-width: 100%;
	height: auto;	
}
.single-tt {
	color:#b38300;
	padding-bottom:15px;
	border-bottom:1px solid #b38300;	
}