img{
	border:0;
	-webkit-border-radius: 5px;  /* 所有圖片的圓角，數值越大越圓弧 for Chrome瀏覽器 */
	-moz-border-radius: 5px; /* 所有圖片的圓角，數值越大越圓弧 for Firefox瀏覽器 */
	border-radius: 5px;	 /* 所有圖片的圓角，數值越大越圓弧 for IE */
}
body{
  font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;  /* 網頁字型 */
  margin:0;
  background-color:rgb(38,30,71); /* 背景顏色 */
  background-size: contain;
  background-position:top center;
}

#logo{
  position: absolute;
  width:500px;
  background-image:url(images/logo.png);
  -webkit-animation-duration: 3.5s;
  background-position:center;
　top:300px;
  left:650px;
  z-index:999;
}
a{
  color:#FFF;
  cursor:pointer;
  text-decoration:none;
}
p,h1,h2,h3,h4,h5{
  letter-spacing:1px; /* 文字間距 */
}
p{
	text-indent:2em;
	color:#fff;	/* 內文文字顏色 */
}
.t{
	position:relative;
	left:50%;
	margin:0 0 0 -150px;
}
h2{
  margin-top:-10px;
  text-indent:-9999px;
  overflow:hidden;
  color:#111;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center;
  clear:both;
}
#nav{
  width:100%;
  position:fixed;
  z-index:1;
  top:0;
  padding:12px 0;
  letter-spacing:1px;
  font-size:18px;
  color:#fff;
  background-color:rgba( 15, 37, 64, .9); /* 導航列底色(R,G,B,透明度) */
}
#nav .dramaInfo{
  margin-left:20px;
  float:left;	
}
#nav .dramaInfo span{
  font-size:18px;
  font-weight:bold;
  margin-right:10px;
}
#nav ul{
  margin:0;
  padding: 0;
  width:auto;
  float:right;
}
#nav ul li{
  text-align:center;
  margin-right:16px;
  list-style:none;
  float:left;
}
#nav ul li a:hover{
  color:#fff;
}
.active{
  color:#fff;  /* 導航列超連結目前位置，文字顏色 */
  text-shadow: #fff 0 0 10px , #fff 0 0 10px; /* 導航列超連結目前位置，文字光暈 */
}
#header{
  margin:0 auto;
	animation-duration: 4s;			/* 定義持續時間 */
	animation-delay: 0s;			/* 定義延遲時間 */
	animation-iteration-count: 1;	/* 定義執行次數 */
}
#header .header{
  width:100%;
}
.paperTop_bg{
  width:70%;	
  position:absolute;
  padding-top:29.5%;
  margin-top:-42%;
  margin-left:14.5%;
}
#content{
  position:absolute;
  padding-top:.5%;
  margin-top:-10%;
  margin-left:14.5%;
  padding-bottom:100px;
  height:auto;
  width:70%;
	background-size:contain;
	background-image:url(../images/paper_bg.png);  /* 影音預告、人物介紹、故事大綱內容的底圖 */
}
.mv{
  width:86%;
  padding:5% 7% 0;
}
#mv, #cast, #story{
	float:left;
	height:auto;
}
.story{
  width:80%;
  margin:5% 10% 0 10%;
}
.cast{
  width:80%;
  margin:5% 10% 0 10%;
}
.cast .row{
	float:left;
	width:100%;

}
.cast img.pic{
	margin:4%;
	float:left;
  width:24%;
}
.cast .content{
	padding:1.5em;
}
.cast h3{
  font-size: 24px;  /* 人物介紹，角色文字大小 */
  font-weight: inherit;
	color:#fff;
 }
.cast p{
	font-size:16px;
	line-height:2em;
}
.cast span{
	color:#D2AB12; /* 人物介紹，角色文字顏色 */
}
.story{
	clear:both;
}
.story p{
  line-height:2em;
  padding-bottom:2em;
}
.story h3{
  text-align: center;
  padding: 6px 18px;
  color: #fff;
  display: inline-block;
  background-color: rgba( 162, 140, 55, .9);  /* 故事、分集大綱底色 */
  font-weight: inherit;
}
#footer{
  text-align:center;
  width:100%;
  position:fixed;
  z-index:1;
  bottom:0;	
  padding:14px 0;
  letter-spacing:1px;
  font-size:16px;
  color:#fff;
  background-color:rgba( 15, 37, 64, .9); /* 頁腳底色(R,G,B,透明度) */
}
#gotop img{
	display: none;
}
.fb-like{
	z-index:998;
	position:absolute;
	margin-left:10px;
}

@media screen and (max-width: 1200px) { /* 視窗寬度大於1200px後切換的CSS */
  	#gotop {
  		position: fixed;
  		z-index:999;
  		right: 10px;
  		bottom: 10px;    
  		padding: 20px;    
  		cursor: pointer;
  	}
  	#gotop img{
  		display:block;
  	}
		img{
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;	
		}
		#nav{
			width:96%;
			padding:2%;
			line-height:1.4em;
			box-shadow:none;
		}
    #nav ul{
      display:none;
    }
    #nav .dramaInfo{
      margin-left:0;
      text-align: center;
      float:inherit; 
    }
		#header{
			margin:6% auto;
		}
		.paperTop_bg{
			display:none;	
		}
    #content{
			float:left;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;	
			background-color:rgba( 256, 256, 256, 0.85); /* 影音預告、人物介紹、故事大綱內容的底色(R,G,B,透明度) */
      position:relative;
      padding-top:2%;
      margin-top:-15%;
      margin-left:0%;
      padding-bottom:100px;
      height:auto;
      width:100%;
    }
		.cast h3{
			font-size:1.3em;
			line-height:1.8em;
		}

		#footer{
			display:none;	
		}

@media screen and (max-width: 500px) { /* 視窗寬度大於500px後切換的CSS */
    #header{
      margin:16% auto;
    }
    #content{
      padding-top:2%;
      margin-top:-22%;
    }
    .cast img.pic{
      margin:4%;  
      float:left; 
      width:92%;  
    }
    .cast .content{
      padding:1.5em;  
    }
}