@charset "utf-8";

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

h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul, div, dl, dt, ul, td{
    padding:0px;           
     margin:0px;           
}

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

#wrap {
	background-image: url(images/mobile_header_bg.jpg);
    width: 100%;
	min-width: 320px;
	height: 122px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}
#wrap .logo_pigars
{
    width: 100%;
	min-width: 320px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}
/** header logo language*/
#header_en {
	background-image: url(images/en/mobile_header.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 300px 122px;
  width: 100%;
  height: 122px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
#header_tc {
	background-image: url(images/tc/mobile_header.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 300px 122px;
  width: 100%;
  height: 122px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
#header_sc {
	background-image: url(images/sc/mobile_header.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 300px 122px;
  width: 100%;
  height: 122px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
#header_jp {
	background-image: url(images/jp/mobile_header.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 300px 122px;
  width: 100%;
  height: 122px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}



#container {
	margin: 0 auto 0;
	padding-top: 10px;
	min-width:320px;
	text-align:left;
}

#container h2 {
	padding-bottom:0px;
}
#container_graphic{
	margin: 0 auto 0;
	width: 320px;
	text-align:center;
}

/** GAME INFO */
#info {
	width: 297px;
	text-align:left;
	margin: 0 auto 0 ;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	display: inline-table;
}
#info dl {
	overflow:hidden;
	border-bottom:1px solid #4c54a1;
	border-top:1px solid #c7e6ff;
}
#info  .brNone {
	border-top:none;
}
#info dl dt {
	float:left;
	clear: both;
	width:90px;
	Padding:7px 0px 5px 7px;
}
#info dl dd {
	width:230px;
	Padding:7px 0px 5px 7px;
}
# info dl dd span {
	font-size:12px;
}

/** MENU */
#menu {
	margin: 0 auto 0;
	padding-top: 0px;
	min-width:320px;
}

/** FOOT */
#footer {
	font-size:14px;
	padding-bottom: 5px;
	}

/** FAQ */
#container_faq {
	font-size:14px;
	width: 320px;
	margin: 0 auto 0 ;
	}
	
#container_faq ul
{
	background-image: url(images/mobile_content_repeat.png);
	background-size: 320px 22px;
	background-repeat:repeat-y;
}

#container_faq 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 20px 0px 20px;
}

/** Main */
#wrap_main {
	background-image: url(images/mobile_mainheader_bg.jpg);
    width: 100%;
	min-width: 320px;
	height: 290px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}
#wrap)main .logo_pigars2
{
    width: 100%;
	min-width: 320px;
	margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	padding: 0 0 0 0;
}
/** Main_header logo_en */
#header_main_en {
	background-image: url(images/en/mobile_mainheader.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 320px 290px;
  width: 100%;
  height: 290px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Main_header logo_tc */
#header_main_tc {
	background-image: url(images/tc/mobile_mainheader.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 320px 290px;
  width: 100%;
  height: 290px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Main_header logo_sc */
#header_main_sc {
	background-image: url(images/sc/mobile_mainheader.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 320px 290px;
  width: 100%;
  height: 290px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Main_header logo_jp */
#header_main_jp {
	background-image: url(images/jp/mobile_mainheader.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 320px 290px;
  width: 100%;
  height: 290px;
  margin: 0 auto 0; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  padding: 0 0 0 0;
}
/** Main_container_en */
#container_movie_en{
	text-align:center;
	height: 508px;
	width: 320px;
	margin: 0 auto 0;
	background-image:url(images/en/mobile_index_brief01.png);
	background-size: 320px 508px;
	background-position:center;
	background-repeat:no-repeat;
}
/** Main_container_tc */
#container_movie_tc{
	text-align:center;
	height: 508px;
	width: 320px;
	margin: 0 auto 0;
	background-image:url(images/tc/mobile_index_brief01.png);
	background-size: 320px 508px;
	background-position:center;
	background-repeat:no-repeat;
}
#container_movie_sc{
	text-align:center;
	height: 508px;
	width: 320px;
	margin: 0 auto 0;
	background-image:url(images/sc/mobile_index_brief01.png);
	background-size: 320px 508px;
	background-position:center;
	background-repeat:no-repeat;
}
#container_movie_jp{
	text-align:center;
	height: 508px;
	width: 320px;
	margin: 0 auto 0;
	background-image:url(images/jp/mobile_index_brief01.png);
	background-size: 320px 508px;
	background-position:center;
	background-repeat:no-repeat;
}

/** trailer */
#trailer_main {
	float: left;
	height: 234px;
	width: 240px;
	margin: 0 auto 0;
	padding-top: 30px;
	padding-left: 19px;
	padding-bottom: 0px;
}

#fanpages_main {
	float: right;
	height: 200px;
	width: 320px;
	margin: 0 auto 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/** 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;
}