@charset "utf-8"; 
html{  }
body{
background:#000;
vertical-align:middle; color:#fff; width:100%;	margin:0px;	padding:0px;
-webkit-text-size-adjust:none; /*解除CHROME的字體大小限制*/
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;*/
/*display:table-cell;	height: 100%;	*/
font-size:12px; line-height:22px;
font-family: '微軟正黑體', 'Microsoft JhengHei', arial, helvetica, sans-serif;
overflow: hidden;
/* -webkit-text-stroke: 1px #000; */
/*filter: progid:DXImageTransform.Microsoft.Glow(Color=black, Strength=4);*/}
a{ color:#FFF; text-decoration:none}
img{ border:hidden}
*:focus {outline:none;}
#loader{ display:none;}

/*.pl_main{ width:990px; height:316px; left:50%; top:50%; margin-left:-495px; margin-top:-158px; position:fixed; border:#036 solid 0px;}*/
.pl_main_logo{ width:556px; height:153px; margin:0px auto; background:url(../images/logo_l.png) no-repeat; padding-right:30px; z-index:1000}
.pl_main_logo_w{ background:url(../images/logo_w_01.png) no-repeat; width:708px; height:184px; left:50%; top:50%; margin-left:-354px; margin-top:-92px; position:fixed; z-index:1000}

.pl_top_logo{ background:url(../images/top_logo.png) no-repeat; position:fixed; top:-4px; left:0px; width:298px; height:65px; margin:0px 0px 0px 0px; text-align:left; z-index:1000}
.pl_top_logo:hover{ background:url(../images/top_logor.png) no-repeat; cursor:pointer;}

.pl_snk{ position:fixed; top:10px; right:10px; height:60px; margin:0px 8px 0px 8px; text-align:left; z-index:1000}
.snk_00{ background:url(../images/snk_00.png) no-repeat; width:64px; height:30px; float:right; margin-top:6px; }
.snk_01{ background:url(../images/snk_01.png) no-repeat; width:64px; height:40px; float:right; margin-right:-8px }
.snk_01:hover{ background:url(../images/snk_01r.png) no-repeat; cursor:pointer;}
.snk_02{ background:url(../images/snk_02.png) no-repeat; width:64px; height:40px; float:right }
.snk_02:hover{ background:url(../images/snk_02r.png) no-repeat; cursor:pointer;}
.snk_03{ background:url(../images/snk_03.png) no-repeat; width:64px; height:40px; float:right }
.snk_03:hover{ background:url(../images/snk_03r.png) no-repeat; cursor:pointer;}
.snk_04{ background:url(../images/snk_04.png) no-repeat; width:64px; height:40px; float:right }
.snk_04:hover{ background:url(../images/snk_04r.png) no-repeat; cursor:pointer;}
.snk_05{ background:url(../images/snk_05.png) no-repeat; width:64px; height:40px; float:right }
.snk_05:hover{ background:url(../images/snk_05r.png) no-repeat; cursor:pointer;}
.snk_81{ background:url(../images/snk_81.png) no-repeat; width:114px; height:40px; float:right }
.snk_81:hover{ background:url(../images/snk_81r.png) no-repeat; cursor:pointer;}
.snk_82{ background:url(../images/snk_82.png) no-repeat; width:114px; height:40px; float:right }
.snk_82:hover{ background:url(../images/snk_82r.png) no-repeat; cursor:pointer;}
.snk_83{ background:url(../images/snk_83.png) no-repeat; width:114px; height:40px; float:right }
.snk_83:hover{ background:url(../images/snk_83r.png) no-repeat; cursor:pointer;}
.snk_91{ background:url(../images/snk_91.png) no-repeat; width:154px; height:40px; float:right }
.snk_91:hover{ background:url(../images/snk_91r.png) no-repeat; cursor:pointer;}

.pl_lang{background:url(../images/bg_03.png) repeat; border:#FFF solid 3px; width:224px; height:26px; float:right; margin: 5px 4px 0px 12px; border-radius: 6px;}
.lang_01{ background:url(../images/lang_01.png) no-repeat; width:40px; height:26px; margin: 0px 6px 0px 6px; float:right }
.lang_01:hover{ background:url(../images/lang_01r.png) no-repeat; cursor:pointer;}
.lang_02{ background:url(../images/lang_02.png) no-repeat; width:40px; height:26px; margin: 0px 6px 0px 6px; float:right }
.lang_02:hover{ background:url(../images/lang_02r.png) no-repeat; cursor:pointer;}
.lang_03{ background:url(../images/lang_03.png) no-repeat; width:40px; height:26px; margin: 0px 6px 0px 6px; float:right }
.lang_03:hover{ background:url(../images/lang_03r.png) no-repeat; cursor:pointer;}
.lang_04{ background:url(../images/lang_04.png) no-repeat; width:40px; height:26px; margin: 0px 6px 0px 6px; float:right }
.lang_04:hover{ background:url(../images/lang_04r.png) no-repeat; cursor:pointer;}
.lang_01n{ background:url(../images/lang_01n.png) no-repeat; width:40px; height:26px; margin: 0px 8px 0px 4px; float:right }
.lang_02n{ background:url(../images/lang_02n.png) no-repeat; width:40px; height:26px; margin: 0px 8px 0px 4px; float:right }
.lang_03n{ background:url(../images/lang_03n.png) no-repeat; width:40px; height:26px; margin: 0px 8px 0px 4px; float:right }
.lang_04n{ background:url(../images/lang_04n.png) no-repeat; width:40px; height:26px; margin: 0px 8px 0px 4px; float:right }

.pl_bgm{ position:fixed; bottom:6px; right:10px; width:504px; height:60px; margin:0px 8px 0px 8px; text-align:left; z-index:1000}
.bgm_00{ background:url(../images/bgm_00.png) no-repeat; width:74px; height:30px; float:right; margin-top:6px; }
.bgm_btn_01{ background:url(../images/bgn_btn_01.png) no-repeat; width:60px; height:40px; float:right }
.bgm_btn_01:hover{ background:url(../images/bgn_btn_01r.png) no-repeat; cursor:pointer;}
.bgm_btn_02{ background:url(../images/bgn_btn_02.png) no-repeat; width:60px; height:40px; float:right }
.bgm_btn_02:hover{ background:url(../images/bgn_btn_02r.png) no-repeat; cursor:pointer;}

.pl_menu{ position:fixed; bottom:0px; left:50%; margin-left:-480px; width:960px; height:94px; text-align:left; z-index:1000}
.menu_btn_01{ background:url(../images/menu_btn_01.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left; margin-right:14px}
.menu_btn_01:hover{ background:url(../images/menu_btn_01r.png) no-repeat; cursor:pointer}
.menu_btn_02{ background:url(../images/menu_btn_02.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left; margin-right:14px}
.menu_btn_02:hover{ background:url(../images/menu_btn_02r.png) no-repeat; cursor:pointer}
.menu_btn_03{ background:url(../images/menu_btn_03.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left; margin-right:14px}
.menu_btn_03:hover{ background:url(../images/menu_btn_03r.png) no-repeat; cursor:pointer}
.menu_btn_04{ background:url(../images/menu_btn_04.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left; margin-right:14px}
.menu_btn_04:hover{ background:url(../images/menu_btn_04r.png) no-repeat; cursor:pointer}
.menu_btn_05{ background:url(../images/menu_btn_05.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left; margin-right:14px}
.menu_btn_05:hover{ background:url(../images/menu_btn_05r.png) no-repeat; cursor:pointer}
.menu_btn_06{ background:url(../images/menu_btn_06.png) no-repeat; background-size:147px 45px; width:147px; height:45px; float:left}
.menu_btn_06:hover{ background:url(../images/menu_btn_06r.png) no-repeat; cursor:pointer}
.menu_cprt{ background:url(../images/menu_cprt.png) no-repeat; background-size:960px 48px; width:960px; height:48px; float:left}


.pl_buy{ background:url(../images/pl_buy_bg.png) no-repeat; position:fixed; bottom:5px; left:10px; width:147px; height:258px; margin:0px 0px 0px 0px; text-align:left; z-index:1000}
.buy_btn_01{ background:url(../images/buy_btn_01.png) no-repeat; background-size:125px 38px; width:125px; height:38px; margin:130px 0px 0px 10px; }
.buy_btn_01:hover{ background:url(../images/buy_btn_01r.png) no-repeat; cursor:pointer}
.buy_btn_02{ background:url(../images/buy_btn_02.png) no-repeat; background-size:125px 38px; width:125px; height:38px; margin:4px 0px 0px 10px;}
.buy_btn_02:hover{ background:url(../images/buy_btn_02r.png) no-repeat; cursor:pointer}
.buy_btn_03{ background:url(../images/buy_btn_03.png) no-repeat; background-size:125px 38px; width:125px; height:38px; margin:4px 0px 0px 10px;}
.buy_btn_03:hover{ background:url(../images/buy_btn_03r.png) no-repeat; cursor:pointer}

/*PAGE CHAR*/
.pl_charmenu{ background:url(../images/sub_charmenu_bg.png) no-repeat; width:826px; height:204px;  bottom:100px; left:50%; margin-left:-410px; position:fixed}
.sub_charmenu_btn_01{ background:url(../images/sub_charmenu_btn_01.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_01:hover{ background:url(../images/sub_charmenu_btn_01r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_02{ background:url(../images/sub_charmenu_btn_02.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_02:hover{ background:url(../images/sub_charmenu_btn_02r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_03{ background:url(../images/sub_charmenu_btn_03.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_03:hover{ background:url(../images/sub_charmenu_btn_03r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_04{ background:url(../images/sub_charmenu_btn_04.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_04:hover{ background:url(../images/sub_charmenu_btn_04r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_05{ background:url(../images/sub_charmenu_btn_05.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_05:hover{ background:url(../images/sub_charmenu_btn_05r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_06{ background:url(../images/sub_charmenu_btn_06.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_06:hover{ background:url(../images/sub_charmenu_btn_06r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_07{ background:url(../images/sub_charmenu_btn_07.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_07:hover{ background:url(../images/sub_charmenu_btn_07r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_08{ background:url(../images/sub_charmenu_btn_08.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_08:hover{ background:url(../images/sub_charmenu_btn_08r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_09{ background:url(../images/sub_charmenu_btn_09.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_09:hover{ background:url(../images/sub_charmenu_btn_09r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_10{ background:url(../images/sub_charmenu_btn_10.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_10:hover{ background:url(../images/sub_charmenu_btn_10r.jpg) no-repeat; cursor:pointer}
.sub_charmenu_btn_11{ background:url(../images/sub_charmenu_btn_11.jpg) no-repeat; width:67px; height:184px; float:left; margin-right:8px }
.sub_charmenu_btn_11:hover{ background:url(../images/sub_charmenu_btn_11r.jpg) no-repeat; cursor:pointer}
.btn_arrow_prev{ background:url(../images/arr_011.png) no-repeat; width:87px; height:129px; left:10px; top:50%; margin-top:-65px; position:fixed }
.btn_arrow_prev:hover{ background:url(../images/arr_011r.png) no-repeat; cursor:pointer; }
.btn_arrow_next{ background:url(../images/arr_012.png) no-repeat; width:87px; height:129px; right:10px; top:50%; margin-top:-65px; position:fixed }
.btn_arrow_next:hover{ background:url(../images/arr_012r.png) no-repeat; cursor:pointer; }
.scn_char{ background:url(../images/scn_char.png) no-repeat; position:fixed; top:118px; left:50%; margin-left:-960px; width:1920px; height:300px; z-index:102}


/*
.pl_sub_lb{ position:fixed; bottom:70px; left:60px; width:350px; height:100px; margin:0px 0px 0px 0px; text-align:left}
.pl_sub_mb{ position:fixed; width:102px; height:88px; left:50%; bottom:15px; margin-left:-51px}

.pl_submenu{ width:220px; height:140px;  left:20px; top:50%; margin-top:-70px; position:fixed}
.submenu_10{ background:url(../images/submenu_11r.png) no-repeat; width:214px; height:28px; float:left }
.submenu_11{ background:url(../images/submenu_11.png) no-repeat; width:214px; height:28px; float:left }
.submenu_11:hover{ background:url(../images/submenu_11r.png) no-repeat; height:38px; cursor:pointer;}
.submenu_12{ background:url(../images/submenu_12.png) no-repeat; width:214px; height:28px; float:left }
.submenu_12:hover{ background:url(../images/submenu_12r.png) no-repeat; height:38px; cursor:pointer;}
.submenu_13{ background:url(../images/submenu_13.png) no-repeat; width:214px; height:28px; float:left }
.submenu_13:hover{ background:url(../images/submenu_13r.png) no-repeat; height:38px; cursor:pointer;}
.submenu_21{ background:url(../images/submenu_21.png) no-repeat; width:214px; height:28px; float:left }
.submenu_21:hover{ background:url(../images/submenu_21r.png) no-repeat; height:38px; cursor:pointer;}
.submenu_22{ background:url(../images/submenu_22.png) no-repeat; width:214px; height:28px; float:left }
.submenu_22:hover{ background:url(../images/submenu_22r.png) no-repeat; height:38px; cursor:pointer;}
.submenu_23{ background:url(../images/submenu_23.png) no-repeat; width:214px; height:28px; float:left }
.submenu_23:hover{ background:url(../images/submenu_23r.png) no-repeat; height:38px; cursor:pointer;}*/


@media screen and (min-width: 20px) and (max-height: 621px){
.pl_charmenu{ bottom:-420px; }
.char_name_01{ margin-top:26px}
.char_name_02{ margin-top:26px}
.char_name_03{ margin-top:26px}
.char_name_04{ margin-top:26px}
.char_name_05{ margin-top:26px}
.char_name_06{ margin-top:26px}
.char_name_07{ margin-top:26px}
.char_name_08{ margin-top:26px}
.char_name_09{ margin-top:26px}
.char_name_10{ margin-top:26px}
.char_name_11{ margin-top:26px}
.title_char1{margin-top:0px background-size:125px 38px;}
.btn_arrow_prev{margin-top:-85px}
.btn_arrow_next{margin-top:-85px}
.pl_content{top:50px !important; }
.pl_pic_011{ height:380px !important}
.pl_pic_012{ height:380px !important}
.pl_pic_013{ height:380px !important}
.pl_pic_014{ height:380px !important}
.pl_pic_015{ height:380px !important}
.title_about{ display:none }
.pl_main{top:65px !important;}
}
@media screen and (min-width: 621px) and (max-height: 846px){
.pl_charmenu{ bottom:-420px; }
.char_name_01{ margin-top:26px}
.char_name_02{ margin-top:26px}
.char_name_03{ margin-top:26px}
.char_name_04{ margin-top:26px}
.char_name_05{ margin-top:26px}
.char_name_06{ margin-top:26px}
.char_name_07{ margin-top:26px}
.char_name_08{ margin-top:26px}
.char_name_09{ margin-top:26px}
.char_name_10{ margin-top:26px}
.char_name_11{ margin-top:26px}
.title_char1{margin-top:0px background-size:125px 38px;}
.btn_arrow_prev{margin-top:-85px}
.btn_arrow_next{margin-top:-85px}
.pl_content{margin-top:5px !important; }
.pl_main{margin-top:-20px !important}
}
@media screen and (min-width: 20px) and (max-width: 1025px){
.char_01{right:-244px !important}
.char_02{right:-244px !important}
.char_03{right:-244px !important}
.char_04{right:-244px !important}
.char_05{right:-244px !important}
.char_06{right:-244px !important}
.char_07{right:-244px !important}
.char_08{right:-244px !important}
.char_09{right:-244px !important}
.char_10{right:-244px !important}
.char_11{right:-244px !important}
.pl_content{top:150px !important; }
.pl_ab_c01{ background:url(../images/ab_c01t.jpg) no-repeat !important; width:210px !important; margin-left:140px}
.pl_ab_c02{ background:url(../images/ab_c02t.jpg) no-repeat !important;width:210px !important}
.pl_ab_c03{ background:url(../images/ab_c03t.jpg) no-repeat !important;width:210px !important}
.pl_pic_011{ height:380px !important; width:800px !important; margin-left:80px !important; margin-top:-66px !important}
.pl_pic_012{ height:380px !important; width:800px !important; margin-left:80px !important; margin-top:-66px !important}
.pl_pic_013{ height:380px !important; width:800px !important; margin-left:80px !important; margin-top:-66px !important}
.pl_pic_014{ height:380px !important; width:800px !important; margin-left:80px !important; margin-top:-66px !important}
.pl_pic_015{ height:380px !important; width:800px !important; margin-left:80px !important; margin-top:-66px !important}
.title_about{ display:none }
.pl_main{top:65px !important;}
.pl_buy{bottom:90px;}
.pl_bgm{bottom:80px;}
}
@media screen and (min-width: 1025px) and (max-width: 1400px){
.pl_bgm{bottom:80px;}
}

/*.pl_content{margin-top:-85px !important; border:#0C0 solid 1px; background-color:#063}*/
/*
@media screen and (max-width: 770px){
.pl_menu { display:block }
.pl_lang { right:0px; top:0px }
.pl_snk { right:0px }
.pl_sub_lb { left:-10px; bottom:0px }
.char_11 { margin-right:40px; margin-bottom:10px}
.char_12 { margin-right:40px; margin-bottom:10px}
.char_13 { margin-right:40px; margin-bottom:20px}
.char_list_10 {margin-left:-420px}
.char_name_11 {margin-left:-110px; margin-bottom:260px}
.char_info_11 {margin-left:-110px; margin-bottom:260px}
.char_name_12 {margin-left:-110px; margin-bottom:260px}
.char_info_12 {margin-left:-110px; margin-bottom:260px}
.char_name_13 {margin-left:-110px; margin-bottom:260px}
.char_info_13 {margin-left:-110px; margin-bottom:260px}
.btn_arrow { display:none}
}
@media screen and (min-width: 770px) and (max-width: 1024px){
.pl_menu { display:block }
.pl_lang { right:0px; top:0px }
.pl_snk { right:0px }
.pl_sub_lb { left:-10px; bottom:0px }
.char_11 { margin-right:180px; margin-bottom:-280px}
.char_12 { margin-right:180px; margin-bottom:-280px}
.char_13 { margin-right:180px; margin-bottom:-140px}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.pl_menu { display:block }
.pl_sub_lb { display:block }
}
@media screen and (min-width: 1280px){
.pl_menu { display:block }
}
@media screen and (max-height: 666px){
.char_11 { margin-right:-280px; margin-bottom:-280px}
.char_12 { margin-right:-280px; margin-bottom:-280px}
.char_13 { margin-right:-280px; margin-bottom:-140px}
}
@media screen and (min-height: 666px){
}
*/

.pl_detail{ width:228px; height:430px; margin:12px 8px 0px 8px; text-align:left}


::selection {
color:#FC0;
background: none;
}
::-moz-selection {
color:#FC0;
background: none;
}
::-webkit-selection {
color:#FC0;
background: none;
}