@charset "utf-8";
@import url("word.css");
@import url("round_corner.css");
@import url("menu.css");


body  {
	font:Arial, Helvetica, sans-serif;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #5d81b7;
	
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
		
	
}
.blog #container {
	width: 978px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 0px;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	font-family: Arial, Helvetica, sans-serif;
} 
.blog #header { 
	background: #003b91; 
	padding:0;/* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	height: 112px;
	margin-top: -2px ; margin-bottom: 0px
} 
.blog #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.blog #left {float:left;width:807px;}

.blog #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 165px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	margin:6px 0  ; /*只設定上下邊界的值*/ 
	/* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.blog #mainContent {
	float: right;
	width: 636px;
	margin:6px 0 ; /*只設定上下邊界的值*/
	/* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	
} 
.blog #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 165px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	margin: 6px 0;/*只設定上下邊界的值*/
		/* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.w_white {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.w_white a {
	color: #FFFFFF;
	text-decoration: none;
}

.w_white a:hover {
	color: #FF6600;
	text-decoration: none;
}
.w_Pgray {
	font-family: Verdana;
	font-size: 13px;
	color: #3d3d3d;
	text-decoration: none;
}
.w_Pgray a {
	color: #3d3d3d;
	text-decoration: none;
}

.w_Pgray a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.w_infogray {
	font-family: Verdana;
	font-size: 12px;
	color: #696969;
	text-decoration: none;
	line-height: 130%;
}
.w_infogray a {
	color: #696969;
	text-decoration: none;
}

.w_infogray a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.w_gray {
	font-family: Verdana;
	font-size: 12px;
	color: #3d3d3d;
	text-decoration: none;
}
.w_gray a {
	color: #3d3d3d;
	text-decoration: none;
}

.w_gray a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.blog #footer { 
	padding: 0 0px 0 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#001b47;
	height:76px;
} 
.blog #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 5px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.bar_gray{
	background-color:#fafafa;
	}
	
	
.menu_product {
	padding:16px 0px 12px 0px;
	margin:0 0 auto 0px;
}

.menu_movie {
	padding:5px 10px 5px 10px;
	margin:0 0 0px 0;
}

.menu_hot {
	padding:5px 10px 5px 10px;
	margin:0 0 0px 0;
}
.menu_event {
	padding:5px 10px 5px 10px;
	margin:0 0 0px 0;
}

.menu_top {
	padding:5px 30px 5px 30px;
	margin:0 0 0px 0;
	height:20px;
}
.main {
	padding:0px 10px 6px 10px;
	margin:0 0 0px 0;

}

.menu_blue {
	background-color:#b0d5ff;
	padding:6px 0px 0px 2px;
	margin:0;
	height:24px;
}

.menu_login {
	padding:0px 0px 6px 0px;
	margin:0 0 0px 0;
	height:133px;
}

.login_top {
	padding:0px 0px 0px 5px;
	margin:0 0 0px 0;
	height:22px;
	background:#003b91;
}

.login_down {
	padding:6px 20px 0px 12px;
	margin:0px 0 0px 0;
	height:89px; 
	
}
.search {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	height: 18px;
	width: 100px;
	background-image: url(../images/search.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	background-color: #b0d5ff;
	text-align: left;
	display: block;
	margin:0;
	float: left;
	vertical-align: middle;
	margin-left: 4px;
	padding-left: 18px;
	padding-top: 3px;
	margin-top: 0px;
}

.login {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	height: 18px;
	width: 135px;
	background-image: url(../images/login.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	background-color: #fafafa;
	text-align: left;
	display: block;
	margin:2px 0px 0px 0px;
}


.day_BG {
	padding:5px 3px 2px 20px;
	margin:0px 0 0px 0;
	width:77px;
	height:18px;
	background-image: url(../images/time.jpg);
}
	
	






DIV.black2 {

	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 7px; 
	MARGIN: 3px; 
	PADDING-TOP: 7px; 
	TEXT-ALIGN: center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}
DIV.black2 A {
	BORDER-RIGHT: #2f6ecb 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #2f6ecb 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #2f6ecb 1px solid; 
	COLOR: #003b91; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #2f6ecb 1px solid; 
	TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	BACKGROUND-COLOR: #559aff
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	COLOR: #003b91; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #00ffff
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #2f6ecb 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #2f6ecb 1px solid; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #2f6ecb 1px solid; 
	COLOR: #fff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #2f6ecb 1px solid; 
	BACKGROUND-COLOR: #003b91
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #eee 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #eee 1px solid; 
	COLOR: #ddd; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #eee 1px solid
}