@charset  utf-8;

/*
 *  DreamCss - CSS RESET FRAMEWORK
 *  Author: Dreamcog
 *  Update: 2010-05-16
 *  Vision: 1.01
 *
 *  To build a prefect and simple css reset
 *  http://www.dreamcog.com
 *  http://www.dreamcog.com/dreamcss/
*/

/*Reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.62;
    font-family: Arial;
    color: #404040;
}



html,body {
    height:100%;
    position:relative;
}
body {
	background-color: #fff;
	word-break: break-all;
	-ms-word-break: break-all;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 12px;
	text-align: left;
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 14px;
}

img,fieldset,iframe {
	border: 0 none;
}

li {
	list-style: none;
}

a {
	color: #40adf5;
	text-decoration: none;
}

a:hover {
	color: #40adf5;
	text-decoration: underline;
}

em,address {
	font-style: normal;
}

button,label {
	cursor: pointer;
	_cursor: hand;
}

button * {
	position: relative;
}

button img {
	left: -3px;
	left: auto;
}

html: first-child select {
	height: 20px;
	padding-right: 6px;
}

option {
	padding-right: 6px;
}

input.bs {
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 28px;
	*height: 24px;
	padding: 0 4px;
}

textarea {
	overflow: auto;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 3px;
}

table {
	border: 0;
	border-collapse: collapse;
}
table tr td {
	vertical-align: top;
}
legend {
	color: #000;
}
button,input,select,textarea {
	font-size: 100%;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Clear Fix : :: 用于内部有浮动元素的元素，可以起到关闭浮动的作用 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac */
.clearfix {
	display: block;
}

/* End hide from IE Mac */
/* end of clearfix */

/*css begin*/
.photo {width: 100%;margin:0;text-align: center;background: #f5faf5;margin-bottom: 20px}
.logo {text-align: center;margin-bottom: 10px}
.menu {width: 200px;margin: 0 auto 80px auto;}
.menu .blog,.menu .twitter,.menu .product,.menu .aboutme,.menu .line {float: left;margin: 0 3px}
.menu .blog,.menu .twitter,.menu .product,.menu .aboutme {background: url('../img/menu.png') no-repeat;height: 14px;display: block}
.menu .blog {width: 28px;}
.menu .twitter {width: 28px;background-position: -28px 0;}
.menu .product {width: 28px;background-position: -56px 0;}
.menu .aboutme {width: 42px;background-position: -84px 0;}
.menu .blog:hover {background-position:-0px -14px;}
.menu .twitter:hover {background-position:-28px -14px;}
.menu .product:hover {background-position:-56px -14px;}
.menu .aboutme:hover {background-position:-84px -14px;}
.menu .line {width: 7px;height: 14px;display: block;background: url('../img/line.png') no-repeat;}
.footer {position:absolute;bottom:10px;width:100%;color:#aaa;text-align:center;margin: 0 auto;font-size: 11px;font-family: Arial,Ming Liu;}