/*主選單按鈕*/
.main-menu{
    width:20%;
    position: fixed;  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/
    top:0%;  /*設置垂直位置*/
    right:6%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
    border-radius: 10px;  /*圓角*/

font-size:100%;
font-family:新細明體;
color:0000cd;
text-align:center;
vertical-align:top;
line-height:180%;
letter-spacing:10px;

}




select{
font-size:100%;
color:blue;
letter-spacing:5%;
line-height:5%;
}



}



body{
width:100%;
margin:0 auto;   /*設定四周的邊界為0 會置中*/
word-break: break-all;  /*強迫文字斷行*/

}




.img-title{
width:100%;

}


.img-frame{
width:95%;

}


.copyright{
width:50%;
}



.form-purchase{
text-align:left;
}



header{
margin-bottom:0%;  /*設定下邊界*/


}


nav{
margin-bottom:2%;

}

section{
margin-left:2%;
margin-right:2%;

}

footer{
margin-top:1%;

}

/*表格格式*/
#outbox{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    width:100%; 
}

.content-box{
	width:48%;
	display: inline-block;
	font-size:120%;
text-align:center;
	letter-spacing: 2%;
	color:#0066FF;
margin-bottom:5%;

}

.content-box2{
	display: inline-block;
	width:100%;
	margin-top:-2.5%;
margin-right:3%;
margin-left:3%;
vertical-align:top;
		
}


.content-box3{
	display: inline-block;
	width:90%;
	margin-top:0%;
margin-right:0%;
margin-left:0%;
display:block; 
margin:auto;

		
}





.menu-word{
border:2px solid #ffffff;
padding:10px 10px; 
background:#23f6ef;
width:90%;
border-radius:25px;
margin:0px auto;

}




.menu-picture {
width:50%
}

/*麵包屑位置控制*/
.breadcrumb{
margin-top:-2%;
margin-left:2%;
}



.menu-table{width:100%;
height:3%;
text-align:center;
font-size:150%;
font-family:新細明體;
font-weight:bold;
color:934900;
}


.book-frame{width:95%;

}



.foot-menu{
    width:100%;
    position: fixed;  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/
    bottom:0%;  /*設置垂直位置*/
    left:0%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
    border-radius: 10px;  /*圓角*/
}



.foot-menu-picture{
    width:100%;
}


.book-menu-picture{
    width:35%;
}



/*社群網站與訂購按鈕*/
.purchase-book{
    position: fixed;  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/
    bottom:0%;  /*設置垂直位置*/
    right:0%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
    border-radius: 10px;  /*圓角*/
    width:40%;
}



.brief-movie{
    position: fixed;  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/
    bottom:0%;  /*設置垂直位置*/
    left:0%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
    border-radius: 10px;  /*圓角*/
    width:40%;
}



.content-picture{
width:100%;
}




/*基本字體*/

p{font-size:100%;
font-family:新細明體;
color:black;
text-align:left;
vertical-align:top;
line-height:180%;
letter-spacing:5px;

}



.important-blue{font-size:120%;
font-family:新細明體;
text-align:left;
color:blue;
line-height:180%;
letter-spacing:5px;

}



.small-word{font-size:100%;
font-family:新細明體;
text-align:left;
color:black;
line-height:150%;
letter-spacing:2px;

}




/*h1標題*/
h1{margin-top:1%;
font-size:110%;
font-family:新細明體;
text-align:center;
vertical-align:top;
line-height:150%;
letter-spacing:10px;

color:#99FFFF;
text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;

}


/*h2標題1*/
h2{font-size:110%;
font-family:新細明體;
text-align:left;
vertical-align:top;
line-height:150%;
letter-spacing:10px;

color:#BBFF00;
text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;

}


/*h3標題1*/

h3{font-size:110%;
font-family:新細明體;
text-align:left;
vertical-align:top;
line-height:150%;
letter-spacing:10px;

color:#BBFF00;
text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;

}





/*h4標題1*/

h4{font-size:110%;
font-family:新細明體;
text-align:left;
vertical-align:top;
line-height:150%;
letter-spacing:10px;

color:#BBFF00;
text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;

}






/*超連結*/
a:link{color:white;text-shadow:1px 1px 5px #0000AA ,1px 1px 5px #0000AA ,1px 1px 5px #0000AA;}
a:visited{color:white;font-weight:bold;text-shadow:1px 1px 5px #000000 ,1px 1px 5px #000000 ,1px 1px 5px #000000;}
a:hover{color:white;font-weight:bold;text-shadow:1px 1px 5px #000000 ,1px 1px 5px #000000 ,1px 1px 5px #000000;}
a:active{color:white;font-weight:bold;text-shadow:1px 1px 5px #000000 ,1px 1px 5px #000000 ,1px 1px 5px #000000;}