/* latin */
@font-face {
font-family: 'Sorts Mill Goudy';
font-style: normal;
font-weight: 400;
src: url(../include/sorts-mill-goudy-normal-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: Tangerine;
font-style: normal;
font-weight: 400;
src: url(../include/tangerine-normal-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/** Typography */
body{font:62.5% Times New Roman,serif;}
body,#header,#content,#footer{min-width:800px;max-width:2000px;}
a,a:visited{color:#e70b00;text-decoration:none;}
a:hover, a:hover .smallname{color:#eaa700 !important;}
img{border:none;}
ul{list-style:none;}
.zh{text-align:right;font-family:宋体 !important;font-style:normal !important;}
.en{text-align:left;}
h1 .zh,h2 .zh{letter-spacing:.6em}
h1{font:3.6em 'Sorts Mill Goudy',serif;text-transform:uppercase;letter-spacing:0.05em;color:#eaa700;}
h2,.smallname{font:4em Tangerine,serif;color:#e70b00;}
h2 .zh,.smallname .zh{font-size:0.8em;}
h3 ,#smalldate{font:3.6em Tangerine,serif;letter-spacing:0.01em;color:#aaa;text-align:center;}
b{font-weight:400;color:#e70b00;}
h4{font-size:1.6em;color:#e70b00;font-weight:normal;}
.section .en h4{margin:1.5em 0 0.63em 0;}
.section .en h5{margin:1.05em 0 0.95em 0;}
.en h4,h4 .en{font-family:'Sorts Mill Goudy',serif;}
/* .zh h4, h4 .zh {font-size:1.45em} */
h5{font-weight:normal;font-size:1.2em;color:#aaa;}
.author{font-weight:bold;font-size:1.2em;color:#888;}
.en h5,h5 .en,.en .author{font-family:Tangerine,serif; font-size:2em;margin:1em 0;}
.author:before{content:"~ ";}
.smallname{font-size:3em;}
.smallname.zh{font-size:2.4em;}
.text.zh{font-size:1.2em;line-height:1.45em;margin-top:-0.15em}
#content{font:1.4em Arial,Helvetica,sans-serif;line-height:1.7em;}
#menu{font:4em Tangerine,serif;}
#menu .zh{font-size:0.7em;}
#footer{font:normal 1.8em Tangerine,serif;line-height:1.8em;color:#8e9097;}
/** Layout */
.space{padding-right:1.2em;}
h1,h2,h3{margin:0;}
h1{margin-top:0.2em;}
h2{margin-top:0.4em;}
h3{margin-bottom:0.8em;}
h4{margin-bottom:0.8em;}
#header{margin:0 0 3.5em 0;position:relative;background:url(images/fanyou_small.jpg) no-repeat 50% 5px;}
.home #header{background:none;margin-top:-145px;}
#design{display:block;width:99%;margin:auto;margin-top:-10%;position:relative;z-index:-1000}
#centerimg{display:block;margin:auto;width:560px;}
#smalldate{display:block;text-align:center;padding-top:141px;}
.smallname{padding:0 10px 0 10px;position:absolute;}
.smallname.zh{right:50%;padding-right:103px;bottom:118px;}
.smallname.en{left:50%;padding-left:98px;bottom:113px;}
body{padding:0;margin:0 auto;width:100%;}
#content{width:70%;margin:auto;}
.section{clear:both;margin: 0 2% 0 2%;padding:0.6em 0;}
.section .left {float: left;}
.section .right {float:right;}
.section .left,.section .right{width:49%;}
.section .left .wrapper{padding-right:1.2em;}
.section .right .wrapper{padding-left:1.2em;}
.center{text-align:center;}
.section.center {margin-left: 0;}
#menu,#menu ul,#menu a{display:block;height:2em;}
#menu{clear:both;margin-top:0.5em;width:0;margin-left:50%;padding-top:2em}
#menu ul{margin: 0 0 0.1em 0;padwidth:0;width:0;position:relative;}
#menu li{position:absolute;bottom:0;}
#menu .zh{float:left;margin-top:0.1em;}
#menu .en{float:right;}
#home{height:1.7em;left:-0.7em;width:1.4em;z-index:101;text-indent:-3000px;}
#home a{height:2.3em;background:url('../include/home.png') no-repeat center bottom;}
#home a:hover{background-image:url('../include/home2.png');}
#biography{left:-2.3em;width:5.4em;z-index:100;}
#photos{left:-4.8em;width:10.3em;z-index:99;}
#songs{left:-7.3em;width:14.7em;z-index:98;}
#tribute{left:-9.8em;width:19.5em;z-index:97;}
#family{left:-4.1em;width:8.7em;font-size:0.7em;z-index:100;}
#family .zh {font-size:0.6em}
.tribute{padding:1em 0; width:75% !important;}
.tribute h4{text-align: center;}
.tribute.left h4, .tribute.left h5{text-align: right;}
.tribute.right h4, .tribute.right h5{text-align: left;}
#footer{height:4em;padding-top:8em;}