@charset "utf-8";

html, body
{
	margin:0; 
	height:100%;
	min-height: 100%;
}

h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul{
    padding:0px;           
     margin:0px;           
}

body {
	font: 微軟正黑體, 細明體, 新細明體;
	background-image: url(images/bg.jpg);
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
#wrap {
	background-image: url(images/header_bg.jpg);
    width: 100%;
    min-width: 990px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}
#wrap .logo_pigars
{
    width: 100%;
	  width: 990px;
    min-width: 990px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}


/** Subpage_headerlogo_en */
#header {
  background: url(images/en/header.png) no-repeat center 0px;
  width: 990px;
  height: 244px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Subpage_headerlogo_tc */
#headertc {
  background: url(images/tc/header.png) no-repeat center 0px;
  width: 990px;
  height: 244px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Subpage_headerlogo_sc */
#headersc {
  background: url(images/sc/header.png) no-repeat center 0px;
  width: 990px;
  height: 244px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Subpage_headerlogo_jp */
#headerjp {
  background: url(images/jp/header.png) no-repeat center 0px;
  width: 990px;
  height: 244px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}



/** MENU */
#menu
{
  position: absolute;
	top: 177px;
	width: 990px;
	text-align:center;
}

#menu ul
{
  display:inline-block;
}

#menu li
{
  float: left;
  padding-left: 1px;
  padding-right: 1px;
}
/** main */


#wrap_main {
	background-image: url(images/header_mainbg.jpg);
    width: 100%;
    min-width: 990px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}

#wrap_main .logo_pigars
{
    width: 100%;
	  width: 990px;
    min-width: 990px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}


/** index_header_en */
#header_main {
  background: url(images/en/header_main.png) no-repeat center 0px;
  width: 990px;
  height: 560px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}

/** index_header_tc */
#header_maintc {
  background: url(images/tc/header_main.png) no-repeat center 0px;
  width: 990px;
  height: 560px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** index_header_sc */
#header_mainsc {
  background: url(images/sc/header_main.png) no-repeat center 0px;
  width: 990px;
  height: 560px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** index_header_jp */
#header_mainjp {
  background: url(images/jp/header_main.png) no-repeat center 0px;
  width: 990px;
  height: 560px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}

#menu_main
{
  position: absolute;
	top: 496px;
	width: 990px;
	text-align:center;
}

#menu_main ul
{
  display:inline-block;
}

#menu_main li
{
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}

#container_index {
	width: 980px;  /* 使用比完整 980px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	margin: 00 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 20 20 20 20;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
    height: 700px;
	background-image: url(images/content_repeat2.png);
	background-repeat:repeat-y;
	border-width: 4px;
}


#sidebar_trailer {
	padding-left: 23px;
	margin-top:50px;
}



/** index_en */
#sidebar_main {
	float: right;
	height: 380px;
	width: 586px;
	margin-top:20px;
	margin-right: 40px;
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 10px;
	background-image:url(images/en/main_title02.png);
	background-repeat:no-repeat;
}
#content_main {
	float: left;
	height: 350px;
	width: 286px;
	margin-top:20px;
	margin-left: 40px;
	padding-top: 40px;
	padding-left: 18px;
	padding-bottom: 10px;
	background-image:url(images/en/main_title01.png);
	background-repeat:no-repeat;
}
#content_news {
	float: left;
	height: 181px;
	width: 898px;
	margin-top:20px;
	margin-left: 40px;
	padding-top: 50px;
	padding-left: 40px;
	padding-bottom: 10px;
	background-image:url(images/main_title03.png);
	background-repeat:no-repeat;
}

/** index_all > news table */
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 90%;
        align:center;
}

td, th {
  border: 0px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #52cdbc;
}



/** index_tc */
#sidebar_maintc {
	float: right;
	height: 380px;
	width: 586px;
	margin-top:20px;
	margin-right: 40px;
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 10px;
	background-image:url(images/tc/main_title02.png);
	background-repeat:no-repeat;
}
#content_maintc {
	float: left;
	height: 350px;
	width: 286px;
	margin-top:20px;
	margin-left: 40px;
	padding-top: 40px;
	padding-left: 18px;
	padding-bottom: 10px;
	background-image:url(images/tc/main_title01.png);
	background-repeat:no-repeat;
}


/** index_sc */
#sidebar_mainsc {
	float: right;
	height: 380px;
	width: 586px;
	margin-top:20px;
	margin-right: 40px;
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 10px;
	background-image:url(images/sc/main_title02.png);
	background-repeat:no-repeat;
}
#content_mainsc {
	float: left;
	height: 350px;
	width: 286px;
	margin-top:20px;
	margin-left: 40px;
	padding-top: 40px;
	padding-left: 18px;
	padding-bottom: 10px;
	background-image:url(images/sc/main_title01.png);
	background-repeat:no-repeat;
}



/** index_jp */
#sidebar_mainjp {
	float: right;
	height: 380px;
	width: 586px;
	margin-top:20px;
	margin-right: 40px;
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 10px;
	background-image:url(images/jp/main_title02.png);
	background-repeat:no-repeat;
}
#content_mainjp {
	float: left;
	height: 350px;
	width: 286px;
	margin-top:20px;
	margin-left: 40px;
	padding-top: 40px;
	padding-left: 18px;
	padding-bottom: 10px;
	background-image:url(images/jp/main_title01.png);
	background-repeat:no-repeat;
}




/** artist */

#container {
	width: 980px;  /* 使用比完整 980px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
.tvm #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.tvm #header h2 {
	margin: 0;
}
.tvm #mainContent {
	padding: 0 0 0 0; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	background: none;
}
.tvm #footer {
	padding: 0 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:none;
}
.tvm #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0px 0px 60px 0px; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}


/** FAQ */

#mainContent ul
{
	background-image: url(images/content_repeat.png);
	background-repeat:repeat-y;
}

#mainContent li
{
	font: Microsoft JhengHei , Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width: 2px;
	border-color:#000;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px 100px 0px 100px;
}

/** DOWNLOAD */
#download_logo {
	float: left;
	height: 200px;
	padding-top:22px;
	padding-left:680px;
}

/** footer_changemode */
#mode_change {
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	height: 38px;
	width: 280px;
	background-color:#dbe8f0;
	padding-top:1px;
	padding-bottom:6px;
	border:solid;
	border-width: 1px;
	margin: 0 auto 50px;
}