@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

html, body{	
	font-family: 'Noto Sans TC', sans-serif; 
	background:#7c282c; 
	top: 0px;
}
.WRAPPER{ width:100%; 
	min-width:1200px; 
	position:relative; 
	height:px;}
/*banner*/
.head
{
	top: 0px;
    width: 100%;
    height: 1350px;
    background: url(images/bg1.jpg) top center no-repeat;
    display: block;
    line-height: 0;
    text-align: center;
}
.head_c
{
    width: 1000px;
    height: 1350px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.p1
{
    position: absolute;
    top: 80px;
    left: 100px;
    z-index: 9;
}

/*book*/
.book
{
    position: absolute;
    top: 500px;
    left: 640px;
    z-index: 7;
}

.p2
{
    position: absolute;
    width: 400px;
    top: 560px;
    left: 100px;
    height: 80px;
    z-index: 1
}
#p2 li {
	display:inline;
	list-style-type: none;
}

li a {
    height: 50px;	/* 設定超連結區塊的高度 */
    line-height: 30px;	/* 設定超連結區塊的行高 */
    text-decoration: none;	/* 去除超連結的底線 */
    color: #FFFFFF;
    font-size: 18px;
    background: #000000;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    border-radius: 20px
}
li a:hover {
    color: #EAD9A5; /* 設定滑鼠摸到超連結區塊的文字顏色 */
}

.buy
{
    position: absolute;
    top: 660px;
    left: 100px;
    z-index: 6;
}

.car
 {
    position: absolute;
    left: 100px;
    top: 840px;
    z-index: 5;
}

.car a
 {
	text-decoration: none;	/* 去除超連結的底線 */
	height: 50px;
	width: 130px;
    text-align: center;
    color: #A0171A;
    font-size: 18px;
    background: #EAD9A5;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    border-radius: 20px;
}

/*about*/

.about
{
    position: absolute;
    top: 950px;
    left: 100px;
    z-index: 4;
    height: 300px;
    width: 850px;
    text-align: left;
}

.p3
{
    position: absolute;
    left: 100px;
    top: 900px;
    border-bottom: 1px dotted #EAD9A5;
}

/*people*/
.people
{
    position: relative;
    width: 100%;
    display: block;
    line-height: 0;
    text-align: center;
    background: #F7F0DD;
}
.people_c
{
	position: relative;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
    display: block;
}

.people_a
{
    position: relative;
    left: 100px;
    z-index: 6;
    height: 800px;
    padding-top: 60px;
    text-align: left;
    margin-top: 10px;
}

.p4
{
    position: absolute;
    left: 100px;
    border-bottom: 1px dotted #7c282c;
	
}

.people_a li {
	display:inline;
	
	width: 160px;
	padding-right: 20px;
	padding-left: 20px;
    
	float:left;
}

/*author*/
.author
{
    position: relative;
    width: 100%;
    display: block;
    line-height: 0;
    text-align: center;
    background: #EFEFEF;
}
.author_c
{
	position: relative;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
    display: block;
}

.author_img
{
    padding-top: 60px;
	left: 100px;
}

/*Miya*/
.Miya
{
    position: relative;
    width: 100%;
    display: block;
    line-height: 0;
    text-align: center;
    background: #0E3769;
}
.Miya_c
{
	position: relative;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
    display: block;
}

.Miya_img
{
    padding-top: 60px;
	left: 100px;
}

.p5
{
    position: absolute;
    left: 100px;
    border-bottom: 1px dotted #EAD9A5;
	
}

.read
{
	position: relative;
    width: 1100px;
    margin: 0 auto;
    display: block;
	
	
}

.read_a
{
    position: relative;
    left: 100px;
    z-index: 11;
    height: 1100px;
    width: 800px;
    text-align: left;
	background: #ffffff;
}

.p6
{
    position: absolute;
    left: 10px;
	z-index: 9;
    border-bottom: 1px dotted #7c282c;
	margin-bottom: 20x;
	margin-top: 20x;
	}
	
.read_c
{
    position: relative;
    left: 10px;
    z-index: 10;
    width: 780px;
    text-align: left;
	background: #ffffff;
	margin-top: 20x;
	

}
#Div1 {
    position: absolute;
    left: 0;
    width: 550px;
    height: 1050px;
    overflow: auto;
    z-index: 8;
    top: 50px;
	padding-right: 10px;
}
/*text*/

.text1
{
    font-size: 24px;
    font-weight: 200;
    color: #EAD9A5;
    padding-bottom: 2px;
}

.text1_1
{
    font-size: 24px;
    font-weight: 200;
    color: #7c282c;
    padding-bottom: 2px;
}

.text2
{
    font-size: 18px;
    font-weight: 300;
    color: #EAD9A5;
    line-height: 150%;
}

.text3
{
    font-size: 16px;
    color: #FFFFFF;   
	line-height:150%;
	font-weight: 300;
}

.text4
{
    font-size: 18px;
    color: #000000;   
	line-height:150%;
	font-weight: bold;
}

.text4_1
{
    font-size: 13px;
    color: #000000;   
	line-height:180%;
}

.text4_2
{
    font-size: 14px;
    color: #000000;   
	line-height:150%;
	font-weight: 300;
}
.text4_3
{
    font-size: 16px;
    color: #000000;   
	line-height:130%;
	font-weight: 300;
}