@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */


/* 1. 본문 전체  */
	body{
		margin:0px;
		font-family: '나눔고딕','NanumGothic',sans-serif;
		font-size: 13px;
		line-height: 1.4em;
		color: #52585c;
		font-weight:bold; 
		letter-spacing:-1px; 
		height: 100%;
		background-color: #f9dad9;
		background: transparent url('images/blog_bg04.png') repeat;
		background-attachment:fixed;
		/*@background-image=:;*/ /*@*/
		/*@background-image-position=:;*/ /*@*/
		/*@background-image-repeat=:;*/ /*@*/
		/*@background-color=:;*/ /*@*/
	padding: 0;
	height: 100%;
}
.search_input {
	background-color: transparent;
}
/* 2. 기본 링크 */
	a:link, a:visited { color : #777; text-decoration: none; }
	a:hover { color : #0066cc;	text-decoration: none;	}
/* 3. 이미지 */
	img { border-width: 0px; 
	}

/* 4. 이미지 버튼 */
	.ib { cursor: pointer; }

/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }

/* 6. 트리 테이블 */
	.branch2 {	}

/* 7. 트리 셀 */
	.branch3 { cursor: pointer;	height: 10px; }

/* 8. 달력 월 표시 */
	.cal_month { font-size : 11px; height: 18px; }

/* 9. 달력 요일 표시 */
	.cal_week1 { font-size : 11px; height:18px; }

/* 10. 달력 일요일 표시 */
	.cal_week2 { color: #f30; font-size:12px; text-align: center; }

/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {	color: #000; font-size:12px; text-align:center; }

/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #000; font-size : 11px; text-align: center; }

/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	font-size : 11px; text-align: center; }

/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color: #0066CC;
}

/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link, a.cal_click:visited {	color : #777; font-weight: bold; }
	a.cal_click:hover {font-weight: bold; }
	
/* 16. 테그 관련 링크 */
	a.tag_click:link, a.tag_click:visited {	color : #fff; font-weight: bold; }
	a.tag_click:hover {font-weight: bold; }

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
	color: #666666;
	text-align: center;
	font-size: 11px;
}

/* 17. 키워드 스타일 */
	.key1 {	cursor: pointer; border-bottom: 1px dashed #FFF; }

/* 18. 카테고리 옆 개수 스타일 */
	.c_cnt { font:9px Tahoma; color : #666; }

/* 19. 최신글 옆 개수 스타일 */
	.ps_cnt { font:10px Tahoma;	color : #B4B4B4; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* body 설정 */
body {
	margin:0px;
	}

.main_top {
	height: 14px;
	display: block;
	
	background: #383838;
}
.main_top_bottom {
	background: transparent url('images/separator-bg.png') repeat-x left center;
	height: 5px;
	display: block;
	opacity:0.5;
	
}




/* container 설정 */
#container {
	width:/*@post-width:294*/894px/*@*/;
	margin:10px auto 0px;
	text-align: left;
	padding-bottom: 10px;
}

.stripe-separator {
	background: transparent url('images/separator-bg.png') repeat-x left center;
	height: 1px;
	display: block;
}

.stripe-separator2 { /* 사이드바 최신글에 쓸 css*/
	
	background: #eee;
	height: 1px;
	display: block;
	margin-top:5px;
	margin-bottom:5px;
}




/* header 설정 */
#header{
	/*@title-background-color=:;*/ /*@*/
	/*@title-background-image=:;*/ /*@*/
	/*@title-background-image-position=:;*/ /*@*/
	/*@title-background-image-repeat=:;*/ /*@*/
	width:/*@post-width:62*/662px/*@*/;
	padding-top:/*@title-height:-50=padding-top:*/0px/*@*/;
	padding-bottom:6px;
	padding-left:6px;
	margin-left:1px;
	float: left;
}

#header a{
	/*@title-color=:;*/ /*@*/
	}
.header_title { padding-top:20px;
}
.header_title a, .header_title a:hover {
	font: /*@title-font-size=20px*/40px/*@*/ /*@title-font-family=Tahoma*/Tahoma/*@*/,sans-serif;
	color: #000000;
}
 #header .blog_info {
	
	font-size:11px;
	color:#999;
	float: left;
	position: relative;
	left: 3px;
}

/* Side 설정 */

 #side {
	float:left;
	width:180px;
	overflow:hidden;
	margin-right: 22px;
	margin-top:30px;
	
}
.side_title{

	 text-align: center;

}

/* 사이드 리스트 박스 설정 */
.side_list_box {
	padding-left:6px;
	}

/* 사이드 리스트 설정 */
.side_list {
	font-size:9px;
	color:#777;
	word-break:break-all;
	padding-left:6px;
	padding-bottom:8px;
	background:url("./images/bul.gif") no-repeat 0px 4px;
	}
	
	#side A:link, #side A:visited { color:#000; text-decoration:none;}
	#side A:hover { text-decoration:none;}




/* 검색폼 설정 */

.search {
	width: 180px;
	text-align: center;
	border-width:1px 1px;

}

.search_input {
	width:100px;
	height:18px;
	color:#999;
	font-size: 11px;
	padding-left: 4px;
	border: 0px;
	border-bottom: 1px solid #999999;
	position: relative;
	bottom: 7px;
}
.submit {
	width:18px;
	height:18px;
	cursor: pointer;
	}
/* 카운트 설정 */
.side_counter {
	font:11px/16px tahoma;
	margin-top: 20px;
	color: #666666;
	margin-bottom: 20px;
	text-align: left;
}
/* 풍선 */

.guest_box{
	position: relative;
	height: 70px;
}
.guestbook_button{
	position: relative;
	float: left;
}
.sidebar_ball{
	position: absolute;
	right: -5px;
	top: -60px;
	display:none;
}

/* bgm player */
#uibgmplayer { margin:3px 0 8px 5px; width:181px;}

/* main 설정 */
 #contents {
	width:/*@post-width:70*/670px/*@*/;
	float:left;
	margin-top:1px;
	
	
}
 #main {
	overflow:hidden;
	position: relative;
	z-index: auto;
	padding-top: 1px;
}
 #mainShadow {

}
.mainInsideBox {
	
}

/* 메인 영역 공통 설정 */
.articlebgtop{
	color:#fff;
	padding-top:35px;
	padding-left:35px;
	padding-bottom:15px;
	text-transform: uppercase;
	text-align: left;
	background: #fff;
	border: 1px solid #eeefef;
	
	font-style:italic;
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-top-left-radius: 15px;
	
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-top-right-radius: 15px;

	
}
.articlebgtop2 {
	background: url(images/bgMain_bott.jpg) repeat-x left top;
	-webkit-box-shadow: #bbbbbb 0px 1px 0px, rgba(0,0,0,0) 0px 1px 2px inset;
	-webkit-transition-duration:500ms;
	-moz-box-shadow: #bbbbbb 0px 1px 0px, rgba(0,0,0,0) 0px 1px 2px inset;
	-moz-transition-duration:500ms;
	box-shadow: #bbbbbb 0px 1px 0px, rgba(0,0,0,0) 0px 1px 2px inset;
	transition-duration:500ms;	
}

.articlebgcolor2{
	border: 1px solid #CECECE;
	border-top: 1px solid #DDDDDD;
	background: #eeeeee;
/*	background: #fffefe;*/
	margin-top: -1px;
}
.articlebgbottom{
text-transform: uppercase;
	text-align: left;
	margin:0px;
	padding:0px;
	background: #fff;
	border: 1px solid #eeefef;
	
		
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	
	
/*	background: url(images/bgMain.gif) repeat-x left bottom; */
}
/* 컨텐츠 내용 설정*/
.article {
	overflow: hidden;
	text-shadow: #ffffff 0px 1px 0px;
	line-height:180%;
	word-break:break-all;
	text-align: justify;
	clear: both;
	overflow: hidden;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:5px;
	margin-right:20px;
	width:/*@post-width*/600px/*@*/;
	/*@post-body-font-size=:;*/ /*@*/ /*@post-body-font-family=:;*/ /*@*/ /*@post-body-color=:;*/ /*@*/
	}

.article blockquote {
		border-left: 7px double #ccc;
		margin: 10px 10px 10px 20px;
		padding-left: 10px;
		word-break:break-all;
		}

.article a:link, .article a:visited {
	color:#52585c;
}
.imageblock a {	border-bottom-width: 0px; }


/* 날짜 설정*/
.date, .notice_date {
	font:15px Verdana;
	letter-spacing:-1px;
	padding-left:15px;
	font-style:italic;
	color: #777;
	text-align: left;
	font-weight:bold; 
}
.date_monthday{
	font:15px Verdana;
	letter-spacing:-1px;
	padding-left:1px;
	font-style:italic;
	color: #777;
	text-align: left;
	font-weight:bold; 
	
}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
	color: #999;
	}

.cnt {
	font:10px Tahoma;
	 }

/* 이름 설정*/
.name {
	color:#444;
	font-weight:bold;
	}
	.name a:link, .name a:visited { color:#444; text-decoration:none;}
	.name a:hover { color:#4990CC; text-decoration:none;}

/* 댓글 등 글내용 설정*/
.desc {
	padding-left:5px;
	word-break:break-all;
	}

.opt {
	font:10px Verdana;
	color:#777;
	}
	.opt a:link, .opt a:visited { color:#777; text-decoration:none;}

/* 댓글 등 기본 박스 설정*/
.box {
	padding:10px;
	border-bottom:1px solid #e9e9e9;
	}

.reply_box {
	margin-top:10px;
	margin-left:40px;
	padding:10px;
	border-top:1px solid #ccc
}

/* 입력폼 설정 */
.form_input {
	background: #eeeeee;
	margin-top:4px;
	padding:1px;
	height:18px;
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_textarea {
	
	font-weight:normal;
	margin-top:4px;
	height:100px;
	width:99%;
	border:1px solid #ddd;
	overflow:visible;
	clear: both;
	background-color: #eeeeee;
}

.form_submit {
	font:11px tahoma;
	color:#444;
	margin-top:4px;
	border:1px solid #ddd;
	background-color:#f1f1f1;
	height:25px;
	width:100%;
	cursor: pointer;
	}





/* title, info 설정, 관리자 */

.head_title {
	color: #fff;
	font:/*@post-title-font-size=14px*/16px/*@*/ /*@post-title-font-family=돋움체*//*@*/;

}

	.head_title a:link, .head_title a:visited {color:/*@post-title-color=#FFFFFF*/#000/*@*/; font-weight: bold; text-decoration:none;
	font-size: 22px;
}

	.protected { padding-right:4px;}

	/* 페이지별 head 배경칼라 설정 */
	.articleHead {
	color: #000;

}
	.tagHead {
	color: #4f4f4f;
}
	.noticeHead {
	}
	.localHead {
	color: #4a4a4a;
}
	.guestHead {
	color: #4a4a4a;
}
.info {	
	font-size:12px;
	color:#360906;

	
}

.owner {
	font-size:9px;
	color:#777;
	margin-left: 8px;
	padding-top: 6px;
	margin-top: 5px;
	letter-spacing: -1px;
	margin-right: 8px;
	position: relative;
	z-index: 1;
	top: -24px;
	text-align: right;
}

	.info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#360906; text-decoration:none;}

/* 리스트 & 검색 결과 설정*/
.list_box {
	margin: 10px;
	border-top:1px solid #ebebeb;
	}

.rplist_box {
	border-bottom:1px solid #eee;
	margin: 10px;
	}

.list {
	color:#777;
	word-break:break-all;
	padding-left:10px;
	padding-bottom:4px;
	background:url(images/bul.gif) no-repeat 0px 6px;
	}
	.list a:link, .list a:visited { color:#777; text-decoration:none;}


.rplist {
	color:#777;
	padding-top:8px;
	padding-left:10px;
	word-break:break-all;
	}
	.rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}



/* 위치로그 설정 */
#location {
	margin: 10px;
}
.location_spot {
	color:#777;
	margin-top: 4px;
}
.location_info { color:#369; }
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}



/* 방명록 설정*/
.guestbook_form_box {
	font:11px tahoma;
	color:#555;
	border-bottom:1px solid #eee;
	padding: 10px;
		}


/* 엔트리 설정*/
.tag_box {
	font:11px tahoma;
	color:#369;
	background:url('images/entry_tag.gif') no-repeat left;
	padding-left: 32px;
	padding-top: 2px;
	}
	.tag_box a:link, .tag_box a:visited { color:#369; text-decoration:none;}


/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
	color:#369;
	margin-top: 9px;
	}
	.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
.sthm{
	color: #a3bc6a;
	font-weight: bold;
	font-size: 14px;
}
/* 트랙백 설정*/
.tb_box {
	padding-left:6px;
	padding-right:6px;
	background-color:#FAFAFA;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}

.tb_address {
	font: 11px tahoma;
	color:#666;
	text-align:center;
	padding:12px;
	clear: both;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
	}

.tb_list_box {
	padding:10px;
	border-top:1px dashed #ccc;
	}

.tb_name {
	font:11px Tahoma;
	letter-spacing:0px;
	padding-left:10px;
	}

.tb_title {
	color:#444;
	font-weight:bold;
	}
	.tb_title a:link, .tb_title a:visited { color:#444; text-decoration:none;}
	.tb_title a:hover { color:#369; text-decoration:none;}

.cmt_form_box {
		color:#555;
		padding:10px;
		margin-bottom:20px;
		border-bottom:1px solid #eee;
		font-size:10px
		
		}
.cmt_box {
		border-top:1px solid #eee;
		padding:10px;
		}

/* 페이징 */
.paging{
	padding-top:25px;
	padding-bottom:5px;
	text-align:center;
	
	}
/* 페이징 */
.paging_prev{
	text-align:center;
	width:25px;
	height: 40px;
	background: #ea5a4f;
	}
/* 페이징 */
.paging_number{
	text-align:center;
	width:25px;
	height: 40px;
	background: #ea5a4f;
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top:3px solid rgba(70, 70, 70, .5);
	}

.sidebar_title {
	color: #353535; /*  52585c text-shadow: #e9a6a1 0px 1px 0px;*/ 
	cursor: pointer;
	margin-top: 18px;
	text-transform: uppercase;
	padding: 10px;
	text-align: left;
	background: #ea5a4f;
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top:3px solid rgba(70, 70, 70, .5);
}

.sidebar_tag {
	color: #353535; /*  52585c text-shadow: #e9a6a1 0px 1px 0px;*/ 
	cursor: pointer;
	margin-top: 18px;
	text-transform: uppercase;
	padding: 10px;
	text-align: left;
	background: #ea5a4f;
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top:3px solid rgba(70, 70, 70, .5);
	
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom:3px solid rgba(70, 70, 70, .5);
	
	
}


#side .blog_img {
	text-align: left;
	margin-top: 8px;
	margin-bottom: 2px;
	width: 190px;
	overflow: hidden;
}
.top_menu {
	text-align: right;
	font-size:9px;
	color: #CCCCCC;
	text-transform: uppercase;
}
.s_sidebar_element{
	display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

/* My Comment */
.top_menu a:link, .top_menu a:visited {
	color: #828282;
	font: bold 10px Tahoma, "굴림", sans-serif;
	padding-right: 4px;
	padding-left: 4px;
}
.f11 {
	font-size:11px;
	letter-spacing:-1px;
	}
.gray3 {
	color: #B4B4B4;
	}
.q_menu {
	width: 17px;
	float: left;
	margin-top: 40px;
}

#s_search{

}
#footer {
	font-size: 10px;
	margin-top: 10px;
	color: #999999;
	text-align: center;
	margin-bottom: 10px;
}
.s_search {
	text-align: center;
	float: right;
	margin-right:5px
	
	
}
.article_bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 16px;
	margin-bottom: 8px;
}
.td_info {
	padding-left: 4px;
	background: white;
	padding:5px;
	margin-bottom: 1em; /* 16/16 */
	border: 1px solid #eeefef;
	padding-left:4px;
	
	-moz-border-radius-toplefttopright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	
	border-bottom:3px solid rgba(229, 147, 46, .5);
}


.notice {
	padding-left: 4px;
}



.td_tag {
 	color: #FFFFFF;
	padding-left: 4px;
	padding-top: 35px;
	padding:5px;
	margin-bottom: 1em; /* 16/16 */
}
/* 16. 테그 관련 링크 */
	.td_tag a:link, .td_tag a:visited {	color : #353535; font-weight: bold; }
	.td_tag a:hover {font-weight: bold; }
	
	
	
/* --------- tag ------------------*/
/* Generic Tag Styling / Typography +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tag { 	
	float: left; 
	margin: 1px;	
    height: 29px;  /* Same as your image height */
    width: auto;
    color: #FFF;
    font-size: 8pt;
    
    
}




.tag a{
    background: url("images/gradient.png") repeat-x scroll left top transparent;    
    float: left;    
    height: 24px;
    padding: 2px 2px;
    padding-top:4px;
    color: #ffffff;
    font-size: 8pt;
    text-decoration: none;    
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);	
}
.tag a:link { color : #ffffff; text-decoration: none; }
.tag a:visited { color : #ffffff; text-decoration: none; }
.tag a:hover { color : #ffffff; text-decoration: none;	}

.tag:before{

	color: #FFF;
    font-size: 8pt;
    text-decoration: none;   
    
    
	content: '';
    background: url("images/tagleft_left.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 29px;  /* Same as your image height */
    width: 15px;  /* Same as your image width */

}

.tag:after{

	color: #FFF;
    font-size: 8pt;
    text-decoration: none;   
    
    
	content: '';
    background: url("images/tagleft_right.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 29px;  /* Same as your image height */
    width: 4px;  /* Same as your image width */
}




/* Flip-tag Rules +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tag.flip:before{
	content: '';
    background: url("images/tagright_left.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 29px;  /* Same as your image height */
    width: 4px;  /* Same as your image width */
}

.tag.flip:after{
	content: '';
    background: url("images/tagright_right.png") no-repeat scroll right top transparent;
    display: block;
    float: right;
    height: 29px;  /* Same as your image height */
    width: 16px;  /* Same as your image width */
}





/* Mouse Hover Rules +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tag a:hover{
    background: url("images/gradient_hover.png") repeat-x scroll left top transparent;    
}


.tag:hover:before{
    background: url("images/tagleft_left_hover.png") no-repeat scroll 0 0 transparent;

}

.tag:hover:after{
    background: url("images/tagleft_right_hover.png") no-repeat scroll 0 0 transparent;
}

.tag.flip:hover:before{
    background: url("images/tagright_left_hover.png") no-repeat scroll left top transparent;
}

.tag.flip:hover:after{
    background: url("images/tagright_right_hover.png") no-repeat scroll right top transparent;
}


#footer_bottom {
	font-size: 10px;
	margin-top: 10px;
	color: #999999;
	text-align: center;
	margin-bottom: 10px;
	position:relative; clear:left; float:left; width:100%; height:50px; left:0; bottom:0px;
}
.bottom_top {

height: 144px;
	display: block;
	
	background: #383838;
	
	
	
}
.bottom_bottom {
	
	background: transparent url('images/separator-bg.png') repeat;
	height: 4px;
	display: block;
	opacity:0.5;
	
	
}


#recentComments, #recentTrackbacks {
	line-height: 160%;
}
.secret {
	margin-top: -19px;
	position: absolute;
	margin-left: 540px;
}
#footer a {
	color: #999999;
	font-weight: bold;
}
#side .google {
	font:11px/16px tahoma;
	text-align: center;
	padding: 4px;
	word-spacing: -2px;
	background: #f5f5f5;
	margin-top: -4px;
}
#side .google a {
	color: #00CC00;
}
#main .google {
	text-align: center;
	margin-bottom: 20px;
	background: #FAFAFA;
	padding: 2px;
	margin-top: 20px;
}
#main .google a {
	color: #336699;
}
.google form {
	margin: 4px 0px 0px;
}
.google input {
	background: #CCCCCC;
	border-top: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
}
.google .submit {
	border-color: #666666;
	background: #555555;
}
.anniday {
	font-size: 10px;
	text-align: center;
	color: #666666;
}
.mail {
	text-align: center;
	margin-top: 4px;
}
.side_button {
	text-align: left;
}
.another_category td,.another_category table{
	background: #eeeeee;
}

/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: #ededed url(./images/search.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}