/*
開頭# 為ID，具有單一性，主要用在程式。
開頭* 為 Class；可重複利用，可繼承。

B.[Class name] 代表當 <B> 標籤引用本 class 時，使用的樣式。
如此在同一段文本裡可以沿用相同易讀的 class 進行裝飾調整。

同一個標籤裡可引用複數 class
<p class="class01 class02">

*/




/*
A:link 就是代表「正常的連結」
A:visited 就是代表「參觀過的連結」
A:hover 比較特別，它是代表「當滑鼠移到連結上的時候」
A:active 就是代表「執行中的連結」
*/


body {
	background-color: #ffffff;
	color: #454545;
    font-size: 13px/1.231 arial,微軟正黑體,helvetica,clean,sans-serif;
}


#menu_bar {
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif
   	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 1px;
	color: #FFFFFF;
	


}



#title {

    background-image: url(../images/title_bar.gif);
    
    border-style: solid;
    border-width: 2px; 
    border-color:#FAFAFA; 
    background-color:#3A253A;

    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif
   	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 1px;
	color: #733b5d;

    TEXT-ALIGN: center;
	

}


#small {


    background-color:#FBFBFB;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif
   	font-size: 13px;
	font-weight: 100;
	line-height: 18px;
	letter-spacing: 1px;
	color: #666666;
}


#smallred {

    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif
   	font-size: 13px;
	font-weight: 100;
	line-height: 15px;
	letter-spacing: 1px;
	color: #993333;
}

#mini {

    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif
   	font-size: 12px;
	font-weight: 100;
	line-height: 16px;
	letter-spacing: 0px;
	color: #775555;
}

#rarity_button {
    
    background-image: url(../images/rarity_button.gif);
  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 1px;

}


#container {
	background-color: #F8F7F5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6c7a1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6c7a1;
	margin: 0 auto;
}

#contents {
	margin:0;
	padding-top:30px; 
        padding-left:0px; 
        padding-right:0px; 
        padding-bottom:5px; 

}

#left {
	background-image: url(../images/menu_back.jpg);
		padding-top:30px; 
        padding-right:0px;
	background-repeat: repeat-y;
}

#right {
	background-image: url(../images/bg_right.gif);
	background-repeat: repeat-y;
}

#menu {
	padding: 0px 0 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 18px;
	letter-spacing: 1px;
}

#menu a:link {
   color: #61663c;
	text-decoration: none;
}

#menu a:visited {
	color: #61663c;
	text-decoration: none;
}

#menu a:hover {
	color: #cfc295;
	text-decoration: none;
}

#contents_right {

	padding-top:5px; 
        padding-left:5px; 
        padding-right:5px; 
        padding-bottom:5px; 

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}

#pic {

	padding-top:0px; 
        padding-left:0px; 
        padding-right:0px; 
        padding-bottom:0px; 

}


#copyright {
    background-color: #998899;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

#copyright a  {
	color: #e6e6fa;
	text-decoration: underline;
}

#copyright a:hover  {
	color: #ffffff;
	text-decoration: underline;
}

.heading {
	margin: 0;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 300;
	text-indent: 20px;
}

.text {
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;	
}



.title {
	border: none;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11.6em;
	overflow: hidden;

}


#title-old {
        font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		
	}


#title-line {
        font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
		width: 100%;
		white-space: nowrap;
		padding: 0;
		margin: 0;
		border: none;
		background: none;
		overflow: visible;
		line-height: 1.2em;
	}
	

#button a:link {
    /*background-image: url(menu_button.gif);*/
    margin-left:5px;
    margin-right:5px;
 
    color: #EAEAEA;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 1px;

}



#button a:visited {
    margin-left:5px;
    margin-right:5px;
     
    color: #EAEAEA;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 1px;

}

#button a:hover {
    margin-left:5px;
    margin-right:5px;

	color: #995555;
	
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 1px;
	
	background-color:#EFEAEF
}

/*******************************大類連結*******************************************/

#type-link a:link {
    /*background-image: url(menu_button.gif);*/
    
    color: #EAEAEA;
    
    font-family: Verdana, 微軟正黑體, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;

}


#type-link a:visited {

    color: #EAEAEA;
    
    font-family: Verdana, 微軟正黑體, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;

}

#type-link a:hover {
	color: #995555;
	
    font-family: Verdana, 微軟正黑體, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;
	
	background-color:#EFEAEF;
}


/**********************************遊戲與介紹連結**************************************/

#Game-link a:link {
    /*background-image: url(menu_button.gif);*/
    
    color: #656565;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;

}



#Game-link a:visited {

    color: #656565;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;

}

#Game-link a:hover {
	color: #995555;
	
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;
	
	background-color:#EFEAEF;
}


/******************************大標**************************************/


#big-link a:link {
    /*background-image: url(menu_button.gif);*/
    
    color: #3565B5;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;

}



#big-link a:visited {

    color: #3565B5;
    
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;
}



#big-link a:hover {
	color: #254595;
	
    font-family: Verdana, 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 0px;
	
	background-color:#EFEAEF}
}

/**************************************************************************/


#gplus {
		position: relative;
		right: 900px;
		top: -20px;
		z-index: 1;
	}
	






/*----------------------------------------------------------------------------*/	
.btn{
   display:inline-block;
   text-decoration:none;
   font-size:16px;
   font-weight:bold;
   color:#fff;
   color:rgba(255,255,255,1);
   padding:0.5em 1em;
   /*0.5換成0.3,1換成0.3*/
   margin:0.5em;
}
.solid{
   border-style:solid;
   border-width:1px;
   border-radius:4px;
   /*圓角4改成3*/
   box-shadow:0 1px 1px rgba(255,255,255,0.5) inset;
}
.solid:hover{
   box-shadow:0 1px 1px rgba(255,255,255,0.5) inset,0 0 2px rgba(0,0,0,0.2);
   opacity:0.9;
}
.solid:active{
   box-shadow:0px 0px 6px 0px rgba(0,0,0,0.4) inset;
   opacity:1;
   color:rgba(255,255,255,0.5);
}
.red{
   background:#da4d42;
   background:rgba(218,77,66,1);
   border-color:#a44f36;
   border-color:rgba(164,79,54,1);
}
.blue{
   background:#4297da;
   background:rgba(66,151,218,1);
   border-color:#3663a4;
   border-color:rgba(54,99,164,1);
}
.green{
   background:#95da42;
   background:rgba(149,218,66,1);
   border-color:#61a436;
   border-color:rgba(97,164,54,1);
}

.purple{
   background:#958495;
   background:rgba(149,132,149,1);
   border-color:#615061;
   border-color:rgba(97,80,97,1);
}


.grey{
   background:#f2f2f2;
   background:rgba(0,0,0,0.05);
   border-color:#eee;
   border-color:rgba(0,0,0,0.1);
   color:#999;
   color:rgba(0,0,0,0.5);
}
.grey:active{
   box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1) inset;
   opacity: 1;
   color:rgba(0,0,0,0.2);
}