/* @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=3b68399e-0aa0-40c5-940d-576732119f5c"); */

/*** tc font ***/
@font-face{
font-family:"CSong3 HK Medium";
src:url("../resources/fonts/c69bb057-c18b-47f4-ad01-6197e2265b34.eot?#iefix");
src:url("../resources/fonts/c69bb057-c18b-47f4-ad01-6197e2265b34.eot?#iefix") format("eot"),url("../resources/fonts/4b5e2d3d-3a1e-48ab-a699-b012861fe4b1.woff") format("woff"),url("../resources/fonts/36aee6a0-857d-407b-bb3d-20e40f18b235.ttf") format("truetype"),url("../resources/fonts/19d667a4-988c-43e7-bcb0-f827e1518245.svg#19d667a4-988c-43e7-bcb0-f827e1518245") format("svg");
unicode-range:U+0-63ef,U+63f1-6639,U+663b-10FFFF;
}
/*** sc font ***/
@font-face{
font-family:"CSong3 PRC Medium";
src:url("font/c6b68a6d-6858-49f2-a2c3-d25689f418d4.eot?#iefix");
src:url("font/c6b68a6d-6858-49f2-a2c3-d25689f418d4.eot?#iefix") format("eot"),url("font/8b7df2a4-178d-4227-b094-df46d64ff8de.woff") format("woff"),url("font/de69ca53-028c-4241-81c9-d227968c5c21.ttf") format("truetype"),url("font/67aa1a1f-44ca-419d-bad3-37a852ee8852.svg#67aa1a1f-44ca-419d-bad3-37a852ee8852") format("svg");
unicode-range:U+0-63ef,U+63f1-6639,U+663b-10FFFF;
}
/*** en font1 ***/
@font-face {
    font-family: 'alegreyabold';
    src: url('font/alegreya-bold-webfont.eot');
    src: url('font/alegreya-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreya-bold-webfont.woff') format('woff'),
         url('font/alegreya-bold-webfont.ttf') format('truetype'),
         url('font/alegreya-bold-webfont.svg#alegreyabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alegreyaregular';
    src: url('font/alegreya-regular-webfont.eot');
    src: url('font/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreya-regular-webfont.woff') format('woff'),
         url('font/alegreya-regular-webfont.ttf') format('truetype'),
         url('font/alegreya-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*** en font2 ***/
@font-face {
    font-family: 'crimson_textroman';
    src: url('font/crimsontext-roman-webfont.eot');
    src: url('font/crimsontext-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/crimsontext-roman-webfont.woff') format('woff'),
         url('font/crimsontext-roman-webfont.ttf') format('truetype'),
         url('font/crimsontext-roman-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'crimson_textsemibold';
    src: url('font/crimsontext-semibold-webfont.eot');
    src: url('font/crimsontext-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/crimsontext-semibold-webfont.woff') format('woff'),
         url('font/crimsontext-semibold-webfont.ttf') format('truetype'),
         url('font/crimsontext-semibold-webfont.svg#crimson_textsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***** font end *****/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow:hidden;
}

body {
	background: url('../resources/img/bg_paper.jpg');
}

#content-wrapper {
	position: relative;
}

#content-wrapper.tc, #footer.tc {
	font-family: "CSong3 HK Medium", "MingLiU", "Arial";
}

#content-wrapper.sc, #footer.sc {
	font-family: "CSong3 PRC Medium", "MingLiU", "Arial";
}
#content-wrapper.en, #footer.en {
	font-family: "crimson_textsemibold", "Times New Roman", Times, serif;
}
#content-wrapper.tc .spchar, #footer.tc .spchar,
#content-wrapper.sc .spchar, #footer.sc .spchar{
	font-family: "MingLiU", "Arial";
}
#content-wrapper.sc .spchar.sc, #footer.sc .spchar.sc{
	font-family: "CSong3 HK Medium", "MingLiU", "Arial";
}

#content {
	/*background:silver;*/
	width: 849px;
	height: 653px;
	margin: 0 auto;
	position: relative;
}

#footer {
	z-index: 1000;
	height:51px;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #eee;
	border-bottom: 7px solid #b5aea6;
	border-top: 1px solid #ddd;
	text-align:center;
	width:720px;
	left:50%;
	margin-left: -360px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-radius: 15px;
	border-bottom: 22px solid #b5aea6;
	bottom :-15px;
	/*behavior: url('PIE.php');*/
}
#footer .logo{
	position:absolute;
	left:29px;
	margin-top:-8px;
}
#footer.en .logo{
	margin-top: -5px;
	left: 31px;
}
#footer .logo img{
	border: none;
}

#footer ul {
	list-style-type: none;
	/*margin: auto;*/
	margin-left: 13px;
	/*padding-left: 124px;*/
	display: inline;
}
#footer.en ul{
	width: 503px;
	margin: auto;
	margin-left: 19px;
	display: inline-block;
}

#footer ul li {

	vertical-align: top;
	display: inline-block;
	padding: 0px 2px;
}
#footer.en ul li{
	padding:0px 5px;
	vertical-align: middle;
}
#footer.en ul li:first-child{
	width: 88px;
	height: 50px;
	text-align: center;
}
#footer.en ul li:first-child a{
	padding-top: 8px;
	line-height: 1em;
}
#footer ul li.logo {
	
	margin-top: -14px;
	margin-left: -1px;
	margin-right: 8px;
}
#footer ul li.logo img{
	border: none;
}
#footer li a {
	display: block;
	text-align: center;
	/*width: 70px;*/
	padding: 0 12px;
	line-height: 51px;
}
#footer.en li a{
	padding: 7px 12px;
	line-height: normal;
}

#footer li a:link,
#footer li a:visited,
#footer li a:active,
#footer li a:hover
{
	text-decoration: none;
	color: black;
}
#footer li.link.active a:link,
#footer li.link.active a:visited,
#footer li.link.active a:active,
#footer li.link.active a:hover
{
	text-decoration: none;
	color: #888;
}

#footer #bird {
	width:153px;
	height: 152px;
	background: url('../resources/layout/bird.png') no-repeat;
	width:236px;
	height:231px;
	background: url('../resources/layout/thanks_bird.png') no-repeat;
	/*float:right;*/
	position:absolute;
	position:fixed;
	right: 0;
	z-index: -1;
}

#footer #bubble {
	width: 114px;
	height: 46px;
	padding: 12px;
	padding-bottom: 18px;
	padding-right: 30px;
	margin-top: -35px;
	margin-right: -15px;
	background: url('../resources/layout/talk_bubble.png') no-repeat;
	/*float:right;*/
	text-align: center;
	font-size: 13px;
	position: absolute;
	position:fixed;
	bottom: 50px;
	right: 180px;
	display:none;
}
#footer #bubble_adj{
	width: 0px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
#footer #bubble_text{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
#footer #bubble_text.tc{
	font-family: "CSong3 HK Medium", "MingLiU", "Arial";
}
#footer #bubble_text.sc{
	font-family: "CSong3 PRC Medium", "MingLiU", "Arial";
}
#footer #bubble_text.en{
	font-family: "crimson_textsemibold", "Times New Roman", Times, serif;
}
#footer .lang{
	width: 70px;
	height:22px;
	position: absolute;
	right: 11px;
	bottom:15px;
	overflow: hidden;
	border-left: 1px solid #b5aea6;
}
#footer .lang .btn_border{
	background-image:url('../resources/layout/btn_border.png');
	width: 22px;
	height:22px;
	position: absolute;
	left: 24px;
	top:0px;
	z-index: 2;
}
#footer .lang .btn,
#footer .lang .bg{
	width:22px;
	height:22px;
	position: absolute;
	left: 24px;
	top:0px;
	z-index: 0;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}
#footer .lang .en{
	background-image:url('../resources/layout/en_btn.png');
	background-image:url('../resources/layout/en_btn.jpg');
}
#footer .lang .tc{
	background-image:url('../resources/layout/tc_btn.png');
	background-image:url('../resources/layout/tc_btn.jpg');
}
#footer .lang .sc{
	background-image:url('../resources/layout/sc_btn.png');
	background-image:url('../resources/layout/sc_btn.jpg');
}
#footer.en .lang .btn.en{
	z-index: 1;
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	left: 24px;
}
#footer.tc .lang .btn.tc{
	z-index: 1;
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	left: 24px;
}
#footer.sc .lang .btn.sc{
	z-index: 1;
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	left: 24px;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: black;
	z-index:999;
}
/*
#loading{
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 100000;
	background: url('../resources/img/bg_paper.jpg');
}
#loading .gif{
	position: absolute;
	width:110px;
	height:110px;
	top:50%;
	left:50%;
	margin-top: -55px;
	margin-left: -55px;
	background: url('../resources/layout/loading.gif');
}
/* temp remove 氏族記憶 
#footer ul li:nth-child(3){
	display:none;
}*/