@charset "utf-8";

/* Common Section --------------------------------------- */
#companyName {background: url("images/company_name.gif") no-repeat; width:285px; height:16px;}
/* dont remember what is imgRoll: #footer .about #imgRoll{position:absolute; top:7px; left:277px; background: url("images/about.gif" no-repeat; width:87px; height:10px; display:block;} */

/* TEXT: 4 word spacing 10px, spacing between words 20px + text width */
/*#footer .about a{position:absolute; top:6px; left:279px; width:110px; height:10px; background: url("../images/about.gif1" no-repeat; display:block;}*/
#footer a.about {left:870px;} /* width: 100px */
#footer a.terms {left:805px;} 
#footer a.customer {left:740px;} 
#footer a.contact {left:675px;} 
#footer a.globalSite {left:610px;} 
#footer a.sitemap {left:545px;} 
#footer a.faq {left:480px;} 
#footer a.recruit {left:415px;} 
/* space: 20px, 4 Chinese words, width 45px */

/* Image: 4 word spacing 50px, spacing between words 15px + text width */
/* navigation background image */
#footer a.about, #footer a.terms,#footer a.customer,#footer a.contact,#footer a.globalSite,#footer a.sitemap,#footer a.faq,#footer a.recruit 
{background:url(images/footer_nav.gif) no-repeat;}

/* size setup */
#footer a.terms,#footer a.customer,#footer a.contact,#footer a.globalSite,#footer a.sitemap,#footer a.faq,#footer a.recruit {display:block; width:50px; height:15px;}
#footer a.about {display:block; width:95px; height:15px;}

/* position in the image */
#footer a.about {background-position: -455px 0;}
#footer a.terms {background-position: -390px 0;}
#footer a.customer {background-position: -325px 0;}
#footer a.contact {background-position: -260px 0;}
#footer a.globalSite {background-position: -195px 0;}
#footer a.sitemap {background-position: -130px 0;}
#footer a.faq {background-position: -65px 0;}
#footer a.recruit {background-position: 0px 0;}

/* hover position */
#footer a.about:hover {background-position: -455px -15px;}
#footer a.terms:hover {background-position: -390px -15px;}
#footer a.customer:hover {background-position: -325px -15px;}
#footer a.contact:hover {background-position: -260px -15px;}
#footer a.globalSite:hover {background-position: -195px -15px;}
#footer a.sitemap:hover {background-position: -130px -15px;}
#footer a.faq:hover {background-position: -65px -15px;}
#footer a.recruit:hover {background-position: 0px -15px;}

/* End of Common Section --------------------------------------- */


/* lang\Index Page Section --------------------------------------- */
/* specify here because index is different from other pages, same position as contact 2008/11/27 統一全部 */

/* localized index main menu */
/* position&size control */
ul.mainMenuList li{display:inline; float:left;}
ul.mainMenuList li a {display:block;width: 95px; height: 62px;}

/* main menu btn image */
a#btn_th {background: url("images/menu_btn_th.gif") no-repeat;}
a#btn_gs {background: url("images/menu_btn_gs.gif") no-repeat;}
a#btn_am {background: url("images/menu_btn_am.gif") no-repeat;}
a#btn_mo {background: url("images/menu_btn_mo.gif") no-repeat;}
a#btn_qn {background: url("images/menu_btn_qn.gif") no-repeat;}

/* main menu btn hover image */
a#btn_th:hover {background-position: 0 -62px;}
a#btn_gs:hover {background-position: 0 -62px;}
a#btn_am:hover {background-position: 0 -62px;}
a#btn_mo:hover {background-position: 0 -62px;}
a#btn_qn:hover {background-position: 0 -62px;}

/* localized top category menu */
/* position&size control */
#header #catmenu {height:30px;}
#catmenu #TH, #catmenu #GS, #catmenu #AM, #catmenu #MO {width:120px; height:30px;}
#catmenu #CARD{width:210px; height:30px;}
#catmenu .catDump, #catmenu .catDump2, #catmenu #TH, #catmenu #GS, #catmenu #AM, #catmenu #MO, #catmenu #CARD {float:left;}

/* top main menu btn default state */
#catmenu #TH {background: url("images/top/submenu_TH.gif") no-repeat;}
#catmenu #GS {background: url("images/top/submenu_GS.gif") no-repeat;}
#catmenu #AM {background: url("images/top/submenu_AM.gif") no-repeat;}
#catmenu #MO {background: url("images/top/submenu_MO.gif") no-repeat;}
#catmenu #CARD {background: url("images/top/submenu_CARD.gif") no-repeat;}

/* top main menu btn hover state */
#catmenu #TH:hover {background-position: 0 -30px;}
#catmenu #GS:hover {background-position: 0 -30px;}
#catmenu #AM:hover {background-position: 0 -30px;}
#catmenu #MO:hover {background-position: 0 -30px;}
#catmenu #CARD:hover {background-position: 0 -30px;}

/* dump area without btn */
/* not change for the original for old html pages compatibility */
#catmenu .catDump {background: url("images/top/submenu_dump.gif") no-repeat; width:500px; height:30px;} 

/* version 2 for future flexibility */
#catmenu .catDump2{background: url("images/top/submenu_dump410.gif") no-repeat; width:410px; height:30px;}
/* end of localized category menu */
/* End of lang\Index Page Section --------------------------------------- */



/* Product Page Section --------------------------------------- */
/* product information submenu */
#prodInfoMenu ul{margin:0; padding:0; list-style:none;}
#prodInfoMenu li{margin-right: 20px;}
/*#prodInfoMenu a {width: 82px; height: 20px; text-decoration:none;float:right;}*/

#prodInfoMenu li, #prodInfoMenu a {border:0 none;display:block;float:right;height:20px; width:88px;}


#currentLocation{width:450px;} /* -- added for KDX@090609 -- */

/* this style is for gs-xbox related styling in product page */
.pc #package{background: url(../images/gs/packshadow_pc.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.pc #infoCaption, .pc .tableInfo caption{background: url(images/gs/pc_prodInfo.gif) no-repeat; height:25px;}
.pc #sub_gameIntro{background: url(images/gs/pc_gameintro.gif) no-repeat; height:25px;}


.xbox #package{background: url(../images/gs/packshadow_xbox.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.xbox #infoCaption, .xbox .tableInfo caption{background: url(images/gs/xbox_prodInfo.gif) no-repeat; height:25px;}
.xbox #sub_gameIntro{background: url(images/gs/xbox_gameintro.gif) no-repeat; height:25px;}


.ps3 #package{background: url(../images/gs/packshadow_ps3.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.ps3 #infoCaption, .ps3 .tableInfo caption{background: url(images/gs/ps3_prodInfo.gif) no-repeat; height:25px;}
.ps3 #sub_gameIntro{background: url(images/gs/psx_gameintro.png) no-repeat; height:25px;}


.ps2 #package{background: url(../images/gs/packshadow_ps2.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.ps2 #infoCaption, .ps2 .tableInfo caption{background: url(images/gs/ps2_prodInfo.gif) no-repeat; height:25px;}
.ps2 #sub_gameIntro{background: url(images/gs/psx_gameintro.png) no-repeat; height:25px;}


.psp #package{background: url(../images/gs/packshadow_psp.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.psp #infoCaption, .psp .tableInfo caption{background: url(images/gs/psp_prodInfo.gif) no-repeat; height:25px;}
.psp #sub_gameIntro{background: url(images/gs/psx_gameintro.png) no-repeat; height:25px;}


.wii #package{background: url(../images/gs/packshadow_wii.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.wii #infoCaption, .wii .tableInfo caption{background: url(images/gs/wii_prodInfo.gif) no-repeat; height:25px;}
.wii #sub_gameIntro{background: url(images/gs/wii_gameintro.gif) no-repeat; height:25px;}

.nds #package{background: url(../images/gs/packshadow_nds.gif) no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */
.nds  #infoCaption, .nds .tableInfo caption{background: url(images/gs/nds_prodInfo.gif) no-repeat; height:25px;}
.nds #sub_gameIntro{background: url(images/gs/nds_gameintro.gif) no-repeat; height:25px;}



/* appearance */
#btn_info a {background:url("images/products/sublink_info.gif") no-repeat;}
#btn_intro a {background:url("images/products/sublink_intro.gif") no-repeat;}
#btn_FAQ a {background:url("images/products/sublink_FAQ.gif") no-repeat;}
#btn_rank a {background:url("images/products/sublink_ranking.gif") no-repeat;}
li#btn_FAQ {margin-right: 0}

/* hover state */
#btn_info a:hover, #btn_info a.on {background-position:0 -20px;}
#btn_intro a:hover, #btn_intro a.on {background-position:0 -20px;}
#btn_FAQ a:hover {background-position:0 -20px;}
#btn_rank a:hover, #btn_rank a.on {background-position:0 -20px;}
/* End of Product Page Section --------------------------------------- */


/* FAQ Page Section --------------------------------------- */
/* faq title image path */
#faqtitle_am {background: url("images/faq/faqtitle_am.gif") no-repeat;}
#faqtitle_attention {background: url("images/faq/faqtitle_attention.gif") no-repeat;}
#faqtitle_card {background: url("images/faq/faqtitle_card.gif") no-repeat;}
#faqtitle_enquiry {background: url("images/faq/faqtitle_enquiry.gif") no-repeat;}
#faqtitle_general {background: url("images/faq/faqtitle_general.gif") no-repeat;}
#faqtitle_gs {background: url("images/faq/faqtitle_gs.gif") no-repeat;}
#faqtitle_mo {background: url("images/faq/faqtitle_mo.gif") no-repeat;}
#faqtitle_new {background: url("images/faq/faqtitle_new.gif") no-repeat;}
#btnQuest {background: url("images/faq/btn_quest.gif") no-repeat;}
#btnQuest {display:block; width:175px ;height:46px;}
a#btnQuest:hover {background-position: 0 -46px;}
/* End of FAQ Page Section -----------------------------------



/* Mobile Page Section --------------------------------------- */
/* for Mobile top submenu(for product page) */
/* global submenu(could be localized), there are localized submenu depends on text is Chinese or English only */

#momenu {clear:both; display:none;}
 
/* position&size control */
#momenu{height:25px;}
#momenu #action, #momenu #music, #momenu #puz, #momenu #race, #momenu #shoot, #momenu #sport, #momenu #slg, #momenu #stg, #momenu .dump
{height:25px;width:90px;float:left;}

#momenu #kdx{height:25px;width:80px;float:left;}
#momenu .dump{height:25px;width:180px;float:left;}

/* general mo game: btn menu default state */
#momenu #kdx {background: url("images/mo/motop_kdx.png") no-repeat;}
#momenu #action {background: url("images/mo/motop_action.png") no-repeat;}
#momenu #music {background: url("images/mo/motop_music.png") no-repeat;}
#momenu #race {background: url("images/mo/motop_race.png") no-repeat;}
#momenu #sport {background: url("images/mo/motop_sport.png") no-repeat;}
#momenu #slg {background: url("images/mo/motop_slg.png") no-repeat;}
#momenu #stg {background: url("images/mo/motop_stg.png") no-repeat;}
#momenu .dump{background: url("images/mo/motop_none.png") no-repeat;}

#momenu #puz {background: url("images/mo/motop_puz.png") no-repeat;}
#momenu #shoot {background: url("images/mo/motop_shoot.png") no-repeat;}

/* general mo game: btn menu hover control */
#momenu #kdx:hover{background-position:0 -25px;}
#momenu #action:hover {background-position:0 -25px;}
#momenu #music:hover {background-position:0 -25px;}
#momenu #race:hover {background-position:0 -25px;}
#momenu #sport:hover {background-position:0 -25px;}
#momenu #slg:hover {background-position:0 -25px;}
#momenu #stg:hover {background-position:0 -25px;}

#momenu #puz:hover {background-position:0 -25px;}
#momenu #shoot:hover {background-position:0 -25px;}

/* -- top menu for kdx product page -- */
#kdxtop{clear:both; display:none;}

#kdxtop #action, #kdxtop #music, #kdxtop #puz, #kdxtop #race, #kdxtop #shoot, #kdxtop #sport, #kdxtop #kdx, #kdxtop #wall, #kdxtop #ring, #kdxtop #game, #kdxtop .dump
{height:25px;width:90px;float:left;}

#kdxtop #kdx{height:25px;width:90px;float:left;}

#kdxtop #kdx {background: url("images/mo/kdxtop_kdx.png") no-repeat;}
#kdxtop #wall {background: url("images/mo/kdxtop_wall.png") no-repeat;}
#kdxtop #ring {background: url("images/mo/kdxtop_ring.png") no-repeat;}
#kdxtop #game {background: url("images/mo/kdxtop_game.png") no-repeat;}
#kdxtop #action {background: url("images/mo/kdxtop_action.png") no-repeat;}
#kdxtop #music {background: url("images/mo/kdxtop_music.png") no-repeat;}
#kdxtop #puz {background: url("images/mo/kdxtop_puz.png") no-repeat;}
#kdxtop #race {background: url("images/mo/kdxtop_race.png") no-repeat;}
#kdxtop #shoot {background: url("images/mo/kdxtop_shoot.png") no-repeat;}
#kdxtop #sport {background: url("images/mo/kdxtop_sport.png") no-repeat;}

#kdxtop #kdx:hover {background-position:0 -25px;}
#kdxtop #wall:hover {background-position:0 -25px;}
#kdxtop #ring:hover {background-position:0 -25px;}
#kdxtop #game:hover {background-position:0 -25px;}
#kdxtop #action:hover {background-position:0 -25px;}
#kdxtop #music:hover{background-position:0 -25px;}
#kdxtop #puz:hover {background-position:0 -25px;}
#kdxtop #race:hover {background-position:0 -25px;}
#kdxtop #shoot:hover {background-position:0 -25px;}
#kdxtop #sport:hover {background-position:0 -25px;}

/* dump area without btn */
#kdxtop .dump {background: url("images/mo/kdxtop_none.png") no-repeat; height:25px;width:80px;float:left;}

/* end of mobile submenu(for product page) */



/* beginning of mobile page left hand side submenu(for top and list page) */
/* position&size control */
/* -- side menu for general mobile product page -- */
/* size/non KDX */
#sideMenu {display:block;position:absolute;z-index:100;}/* absolute and z order is used to debug menu functional bug in FF 3 and position bug in IE8 respectively */
#side_action, #side_music, #side_puz, #side_race, #side_shoot, #side_sport {height:33px; width:150px; display:block;}
#side_kdx {height:47px; width:150px; display:block;}

/* side menu default state/non KDX */
#side_kdx {background: url("images/mo/side_kdx.gif") no-repeat;}
#side_action {background: url("images/mo/side_action.gif") no-repeat;}
#side_music {background: url("images/mo/side_music.gif") no-repeat;}
#side_puz {background: url("images/mo/side_puz.gif") no-repeat;}
#side_race {background: url("images/mo/side_race.gif") no-repeat;}
#side_shoot {background: url("images/mo/side_shoot.gif") no-repeat;}
#side_sport {background: url("images/mo/side_sport.gif") no-repeat;}

/* side menu hover state/non KDX */
#side_action:hover  {background-position: -150px 0;}
#side_music:hover  {background-position: -150px 0;}
#side_puz:hover  {background-position: -150px 0;}
#side_race:hover  {background-position: -150px 0;}
#side_shoot:hover  {background-position: -150px 0;}
#side_sport:hover  {background-position: -150px 0;}


/* size/KDX */
#sideKDXMenu {display:block;position:absolute;z-index:100;}/* absolute and z order is used to debug menu functional bug in FF 3 and position bug in IE8 respectively */
#sideKDX_action, #sideKDX_music, #sideKDX_puz, #sideKDX_race, #sideKDX_shoot, #sideKDX_sport {height:33px; width:150px; display:block;}
#sideKDX_kdx {height:47px; width:150px; display:block;}
#sideKDX_ring, #sideKDX_wall, #sideKDX_game{height:26px; width:150px; display:block;}

/* sideKDX menu default state/KDX */
#sideKDX_kdx {background: url("images/mo/sideKDX_kdx.gif") no-repeat;}
#sideKDX_ring {background: url("images/mo/sideKDX_ring.gif") no-repeat;}
#sideKDX_wall {background: url("images/mo/sideKDX_wall.gif") no-repeat;}
#sideKDX_game {background: url("images/mo/sideKDX_game.gif") no-repeat;}
#sideKDX_action {background: url("images/mo/sideKDX_action.gif") no-repeat;}
#sideKDX_music {background: url("images/mo/sideKDX_music.gif") no-repeat;}
#sideKDX_puz {background: url("images/mo/sideKDX_puz.gif") no-repeat;}
#sideKDX_race {background: url("images/mo/sideKDX_race.gif") no-repeat;}
#sideKDX_shoot {background: url("images/mo/sideKDX_shoot.gif") no-repeat;}
#sideKDX_sport {background: url("images/mo/sideKDX_sport.gif") no-repeat;}


/* sideKDX menu hover state/KDX */
#sideKDX_kdx:hover  {background-position: -150px 0;}
#sideKDX_ring:hover  {background-position: -150px 0;}
#sideKDX_wall:hover  {background-position: -150px 0;}
#sideKDX_game:hover  {background-position: -150px 0;}
#sideKDX_action:hover  {background-position: -150px 0;}
#sideKDX_music:hover  {background-position: -150px 0;}
#sideKDX_puz:hover  {background-position: -150px 0;}
#sideKDX_race:hover  {background-position: -150px 0;}
#sideKDX_shoot:hover  {background-position: -150px 0;}
#sideKDX_sport:hover  {background-position: -150px 0;}
/* end of mobile sideKDX menu(for product page) */



/* this style is for gs-xbox related styling in product page */
#package{background: url("") no-repeat;}
/* if photo background is not standard, use package_nobg for no background or package_general for general background */

#infoCaption, .tableInfo_mo caption{background: url("images/products/prodInfo.gif") no-repeat; height:25px;}

#sub_gameIntro{background: url("") no-repeat; height:25px;}
/* end of mobile submenu(for top and list page) */
/* End of Mobile Page Section --------------------------------------- */


/* beginning of Support page modifiers */
/* contact page image path */
#contact_media, #contact_player, #contact_business {display:block; width:114px; height:36px;}
#contact_media {background: url("images/support/contact_media.gif") no-repeat;}
#contact_player {background: url("images/support/contact_player.gif") no-repeat;}
#contact_business {background: url("images/support/contact_business.gif") no-repeat;}
a#contact_media:hover, a#contact_player:hover, a#contact_business:hover {background-position: 0 -36px;}

/* KEC TITLE */
#sub_kec {display:block; width:191px; height:36px;}
#sub_kec {background: url("images/support/sub_kec.gif") no-repeat;}
/* End of Support Page Section --------------------------------------- */


/* GS Page Section --------------------------------------- */
/* beginning of gs page left hand side submenu(for top and list page) */
/* position&size control */
/* -- side menu for general gs product page -- */
/* size */
.gs_index #sideMenu {display:block;position:absolute;z-index:100;}/* absolute and z order is used to debug menu functional bug in FF 3 and position bug in IE8 respectively */
.gs_index #side_pc, .gs_index #side_ps2, .gs_index #side_ps3, .gs_index #side_xbox, .gs_index #side_wii, .gs_index #side_ndsgba , .gs_index #side_psp
{height:33px; width:200px; display:block;}

/* {height:33px; width:210px; display:block;} */

/* side menu default state */
.gs_index #side_pc {background: url(images/gs/side_pc.gif) no-repeat;}
.gs_index #side_ps2 {background: url(images/gs/side_ps2.gif) no-repeat;}
.gs_index #side_ps3 {background: url(images/gs/side_ps3.gif) no-repeat;}
.gs_index #side_xbox {background: url(images/gs/side_xbox.gif) no-repeat;}
.gs_index #side_wii {background: url(images/gs/side_wii.gif) no-repeat;}
.gs_index #side_ndsgba {background: url(images/gs/side_ndsgba.gif) no-repeat;}
.gs_index #side_psp {background:url(images/gs/side_psp.gif) no-repeat;}

/* side menu hover state */
.gs_index #side_pc:hover,
.gs_index #side_ps2:hover,
.gs_index #side_ps3:hover,
.gs_index #side_xbox:hover,
.gs_index #side_wii:hover,
.gs_index #side_ndsgba:hover,
.gs_index #side_psp:hover  {background-position: -200px 0;}