@charset "utf-8";
/* CSS Document */
@import url("reset.min.1.2.css");
@import url("news.css");
@import url('movie.css');
@import url('power.css');

body {margin:0; padding:0; background-color:#ddf0ef;font-family:微軟正黑體,arial,helvetica;}
html ,body{height:100%;}


/*像素比例尺*/.ruler{ height:18px; background:url(../images/ruler.png) no-repeat left top; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none;}

.all {width: 100%; min-height: 100%; ; position: relative;}
.content{width:100%;  height:auto; margin:0 auto; z-index:99; }
.container{width:100%;  min-width:150px; max-width:1920px; margin:0 auto; padding:0; position:relative;}
.im_index{width:100%; height:auto; background: url(index_01.png)no-repeat center top; display: block;background-size:auto 100%; }
.im_p1{width:100%;  height:auto;background: url(index_02.png)no-repeat center top; display: block; background-size:auto 100%; }
.im_p2{width:100%;  height:auto;background: url(index_03.png)no-repeat center top; display: block;background-size: auto 100%;}
/*1000選單*/
/*首頁*/
.logo{width:100%; height: auto; position: relative; margin: 0 auto;  display: block;}
.logo_l{width:30%; height: auto; margin:0 auto; display:block;}
.logo_m{ width:35%; height: auto; margin: 0 auto;  padding-top:5%;display: none;}
.logo_s{width:65%; height: auto; margin: 0 auto;  padding-top: 60%; display: none;}

.placed{width: 100%; height: auto; position: relative;}
.placed_l{width:10%; height:auto;  margin: 25% auto;  display: block;}
.placed_m{width: 10%; height: auto; margin: 0 auto; padding-top:65%;display: none;}
.placed_s{width: 15%; height: auto; margin: 0 auto; padding-top: 0%; display: none;}

.in_icon{width: 100%; height: auto; display: block; z-index: 999;  position:absolute;  }
.in_fb_l{width:10%; height:auto; float:left; ; position: relative;  margin-left: 75%;  display: block;}
.in_music_l{width:9%; height: auto;float:left;  position: relative; margin-left: 1%;display: block;}
.in_fb_m{width:15%; height:auto; float:left; ; position: relative;  margin-left: 70%; display: none;}
.in_music_m{width:14%; height: auto;float:left;  position: relative; margin-left: 1%;display: none;}
.in_fb_s{width:25%; height:auto; float:left; ; position: relative;  margin-left: 50%; display: none;}
.in_music_s{width:25%; height: auto;float:left;  position: relative; margin-left: 0%;display: none;}
.in_blank{width:10%; height: auto; position: relative;float: left;display: block;}

/*最新消息*/
.news_bg{width: 100%; height: auto;  background-size: auto 100%;}
.titile{width:16.5%; height: auto; position: relative; margin:0 auto; top: 1%; }
.title_img{ width: 100%; height: auto;}
.title_img_l{width:20%; height: auto; margin: 0 auto; display: block;}
.title_img_m{width: 40%; height: auto;margin: 0 auto; display:none;}
.title_img_s{width: 50%; height: auto;margin: 0 auto; display: none;}

/* ----FB---- */
.fb_block{ width:20%; max-width:358px; position:relative;  top: 1em; left:0; float: left; display: block;}
.fb_block_m{width:30%;position: relative; top: 0.5em; left: 4%; float: left;display: none;}
.frame{float:left; position:relative; overflow: hidden;}
.frame img{ width:100%; height:auto;}
.b1,.fb_b,#fb-box-container{ display:block!important;}
.s1,.fb_s,#fb-box-container_s,.mobile_link{display:none!important;}
.fb-page {position:absolute !important; top:10px;left:4.5%; overflow:hidden;}
.fb_frame{ padding:6%; width:88%; height:88%;max-width:323px; margin:0 auto; display:block;background:url(../images/fb_frame.png) no-repeat top center; background-size:100%;overflow:hidden;}
.fb_plus{width:100%;height:100%;position:relative;}

.news_box_l{width: 100%; height:auto; }
.news_box_m{width: 100%;height: auto; position: relative; display: none;}
.news_box_s{width: 100%; height: auto; position: relative; display: none;}


.icon_bg_b{width: 100%; height: auto;}
.icon_l{width: 100%; height: auto; position: relative; display: block;margin-left:10%;}
a.fb_icon{ width: 18%; height: auto; position: relative; float: left; background: url(go_fb.png) no-repeat center; background-size: contain;display: block;}
a.fb_icon:hover{background: url(go_fb_1.png)no-repeat center; background-size: contain;}

/*a.box_icon_001{width:18%; height: auto; position: relative; float: left; left:8em; background: url(news_paperback_pre_order.png) no-repeat center; background-size:contain;display: block;}*//*20180418*/
a.box_icon_001{width:18%; height: auto; position: relative; float: left; left:4em; background: url(news_paperback.png) no-repeat center; background-size:contain;display: block;}
a.box_icon_001:hover{background: url(news_paperback_1.png)no-repeat center;background-size:contain;}/*20180418*/
/*a.box_icon_001:hover{background: url(box_no.png)no-repeat center;background-size:contain;}*/

/*a.box_icon_002{width:18%; height: auto; position: relative; float: left; left:11em; background: url(news_hardcover_pre_order.png) no-repeat center; background-size:contain; display: block;}*//*20180418*/
a.box_icon_002{width:18%; height: auto; position: relative; float: left; left:4em; background: url(news_digit.png) no-repeat center; background-size:contain; display: block;}
a.box_icon_002:hover{background: url(news_digit_1.png)no-repeat center; background-size:contain;}/*20180418*/
/*a.box_icon_002:hover{background: url(box_no.png)no-repeat center; background-size:contain;}*/

a.box_icon_003{width:18%; height: auto; position: relative; float: left; left:4em; background: url(ICON_steam_1.png) no-repeat center; background-size:contain; display: block;}
a.box_icon_003:hover{background: url(ICON_steam.png)no-repeat center; background-size:contain;}

.box_icon_003{width:18%; height: auto; position: relative; float: left;background: url(news_digit.png) no-repeat center; background-size: 100%; }

.box_icon_003_m{width: 23%;height: auto; float: left;}
.icon_s{width: 100%;height: auto; position: relative; margin-left: 2%; display:none;float: left;}

.a box_icon_001_s:hover{background: url(box_no.png)no-repeat center; }
.box_icon_002_s{width: 48%; height: auto;margin: auto;position: relative;float: left;background: url(news_hardcover.png) no-repeat center; background-size:contain;display: block;}
.a box_icon_001_s:hover{background: url(box_no.png)no-repeat center; }
.box_icon_003_s{width: 48%; height: auto; margin:auto; margin-left: 23%; position: relative;float: left;}



.news_box_bg{width: 100%; position: absolute;  left: 15%; top: 3%;}
.news_box_bg_l{width: 70%; height: auto; }
/*按鈕列表用*/
ul {list-style:none;  margin:0; padding:0;}
.clear{ clear:both;}

/*------------ page3 角色介紹------------ */
.p3_large{width:100%; max-width:1150px; height:1005px; margin:0 auto; position:relative; display:block;}
.p3_large_in{width:100%; max-width:1920px; height:1005px; margin:0 auto; overflow:hidden;}
.p3_title{width:80%; max-width:421px; height:98px; background:url(title_02_role.png) no-repeat center top; top:5px; margin:0 auto;}
.p3_character{ width:80%; height:100%;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:-5.3%; left:-39%; }

.p4_game_pic{ width:50%; height:100%;  background:url(P3_im_1.png) no-repeat center top; background-size:contain; position:absolute; top:44%; left:30%; }

.p3_character_m{ width:100%; height:750px;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:5%; left:-20%;}


.p3_con_bg{width:100%; max-width:1348px; height:auto; background:url(p3_com_bg_l.png) no-repeat center top; background-size:contain; position:absolute; top:150px; left:80px;}


/*.p3_con_bg img{ max-width:100%; height:auto; }*/
.p3_con_bg img{ max-width:100%; height:auto; z-index:9999;}/*20170907白雲修改*/


/*.p3_con{width:65%; height:auto;  color:#280022; line-height:1.8em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:8% 0 0 0; left:24%; position:absolute;  font-weight: 800;}*/
.p3_con{width:65%; height:auto;  color:#280022; line-height:1.8em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:8% 0 0 0; left:24%; position:absolute;  font-weight: 800;z-index:9998;}/*20170907白雲修改*/
.p3_character_mame:{width:90%;height: auto;position:absolute;  margin-right: 2%; z-index: 9999999;display: block;}
.p3_character_icon{width: 100%; height: auto;position:absolute;margin-right: 2%; z-index: 8888888; display: block;}
/*.p3_menu_block{ width: 100%; height:auto; padding:0; margin:0 auto; position:relative; }*/
.p3_menu_block{ width: 100%; height:auto; padding:0; margin:0 auto; position:relative; z-index:99999;}/*20170907白雲修改*/

/*人物大類選單*/
.p3_icon{　width: 100%;height: auto; margin: 0; padding: 1% 0 5% 25%; position: relative;}
.p3_icon ul{width: 100%; display: block;}
.p3_icon ul li{padding:0%; display:block; float:left; }
.p3_icon ul  li img{ max-width:100%; height:auto;}



.p3_icon  ul li.btn_c01{ width:20%; max-width:184px; height:auto; }
.p3_icon  ul li.btn_c01 a{background:url(icon_p2_001.png) no-repeat center;}
.p3_icon  ul li.btn_c01 a:hover{background:url(icon_p2_001_1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_icon  ul li.btn_c01 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_icon  ul li.btn_c02{ width:20%; max-width:184px; height:auto; }
.p3_icon  ul li.btn_c02 a{background:url(icon_p2_002.png) no-repeat center;}
.p3_icon  ul li.btn_c02 a:hover{background:url(icon_p2_002_1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_icon  ul li.btn_c02 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_icon  ul li.btn_c03{ width:20%; max-width:184px; height:auto; }
.p3_icon  ul li.btn_c03 a{background:url(icon_p2_003.png) no-repeat center;}
.p3_icon  ul li.btn_c03 a:hover{background:url(icon_p2_003_1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_icon  ul li.btn_c03 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_icon  ul li.btn_c04{ width:20%; max-width:184px; height:auto; }
.p3_icon  ul li.btn_c04 a{background:url(icon_p2_004.png) no-repeat center;}
.p3_icon  ul li.btn_c04 a:hover{background:url(icon_p2_004_1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}

.p3_icon  ul li.btn_c04 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_icon  ul li.btn_c05{ width:20%; max-width:184px; height:auto; }
.p3_icon  ul li.btn_c05 a{background:url(icon_p2_005.png) no-repeat center;}
.p3_icon  ul li.btn_c05 a:hover{background:url(icon_p2_005_1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_icon  ul li.btn_c05 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_icon  ul li.btn_c01 a:active{background:url(icon_p2_001_1.png) no-repeat center; background-size:contain;}
.p3_icon  ul li.btn_c02 a:active{background:url(icon_p2_002_1.png) no-repeat center; background-size:contain;}
.p3_icon  ul li.btn_c03 a:active{background:url(icon_p2_003_1.png) no-repeat center; background-size:contain; }
.p3_icon  ul li.btn_c04 a:active{background:url(icon_p2_004_1.png) no-repeat center; background-size:contain; }
.p3_icon  ul li.btn_c05 a:active{background:url(icon_p2_005_1.png) no-repeat center; background-size:contain; }

.p3_bg_im_l{width: 100%; height: auto;display: block;}
.p3_bg_im_s{width: 100%; height: auto; display: none;}


.p3_menu{width:80%;  height:auto; margin:0;  padding:7% 0 0 27%;  z-index:99;}
.p3_menu ul{width:100%; display:block; }
.p3_menu ul li{padding:0%; display:block; float:left; }
.p3_menu ul li img{ max-width:100%; height:auto;}

/*20170907白雲修改-角色介紹共用-s*/
.p3_menu ul li.btn_role{ width:12%; max-width:104px; height:auto; }
.p3_menu ul li.btn_role a:hover{ background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_role a{width:100%; height:100%; background-size:contain; display:block;}
/*20170907白雲修改-角色介紹共用-e*/
.p3_menu ul li.btn_c01{ width:12%; max-width:104px; height:auto; }
.p3_menu ul li.btn_c01 a{background:url(btn_c01.png) no-repeat center;}
.p3_menu ul li.btn_c01 a:hover{background:url(btn_c01.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c01 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c02{ width:12%; max-width:104px;  height:auto; }
.p3_menu ul li.btn_c02 a{background:url(btn_c02.png) no-repeat center;}
.p3_menu ul li.btn_c02 a:hover{background:url(btn_c02.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c02 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c03{ width:12%;max-width:104px;  height:auto; }
.p3_menu ul li.btn_c03 a{background:url(btn_c03.png) no-repeat center;}
.p3_menu ul li.btn_c03 a:hover{background:url(btn_c03.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c03 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c04{ width:12%;max-width:104px;  height:auto; }
.p3_menu ul li.btn_c04 a{background:url(btn_c04.png) no-repeat center;}
.p3_menu ul li.btn_c04 a:hover{background:url(btn_c04.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c04 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c05{ width:12%; max-width:104px;   height:auto; }
.p3_menu ul li.btn_c05 a{background:url(btn_c05.png) no-repeat center;}
.p3_menu ul li.btn_c05 a:hover{background:url(btn_c05.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c05 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c06{ width:12%; max-width:104px; height:auto; }
.p3_menu ul li.btn_c06 a{background:url(btn_c06.png) no-repeat center;}
.p3_menu ul li.btn_c06 a:hover{background:url(btn_c06.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c06 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c07{ width:12%; /*max-width:104px; */ height:auto; }
.p3_menu ul li.btn_c07 a{background:url(btn_c07.png) no-repeat center;}
.p3_menu ul li.btn_c07 a:hover{background:url(btn_c07.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c07 a{width:100%; height:100%; background-size:contain; display:block;}

/*未釋出角色*/
.p3_menu ul li.btn_c100{ width:12%; max-width:104px; height:auto; }
.p3_menu ul li.btn_c100 a{background:url(btn_c100.png) no-repeat center;}
.p3_menu ul li.btn_c100 a:hover{background:url(btn_c100.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c100 a{width:100%; height:100%; background-size:contain; display:block;}


.p7_bg {width: 100%; height: auto;  background-size:contain; background: url(index_07.png)no-repeat  top center; position: absolute; margin-top: 5%;}
@media screen and (max-width:1500px) {/*1440*/
.p3_large{max-width:900px; }

/*.p3_con{width:75%; height:auto; font-size:0.5em; color:#280022; line-height:1.4em; text-shadow:  0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff; padding:5% 0 0 0; left:15%; position:absolute;  font-weight: 800; }*/
.p3_con{width:75%; height:auto; font-size:1em; color:#280022; line-height:1.4em; text-shadow:  0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff; padding:5% 0 0 0; left:15%; position:absolute;  font-weight: 800; z-index:9998;}/*20170907白雲修改*/
/*.character_name{width:40%; height:auto; margin-top: -8%;}*/
.character_name{width:40%; height:auto; }/*20170907白雲修改*/


/*人物頭像切換*/
/*.p3_menu_block{ width: 100%; height:auto; padding:0; margin:0 auto;  top:1%;position:relative; }*/
.p3_menu_block{ width: 100%; height:auto; padding:0; margin:0 auto;  top:1%;position:relative; z-index:99999;}/*20170907白雲修改*/
.p3_menu{width:80%;height:auto; margin:0;  padding:7% 0 0 27%; z-index:99;}
.p3_menu ul{width:100%; display:block; }
.p3_menu ul li{padding:0%; display:block; float:left; }
.p3_menu ul li img{ max-width:100%; height:auto;}

/*20170907白雲修改-角色介紹共用-s*/
.p3_menu ul li.btn_role{ width:12%; height:auto; }

.p3_menu ul li.btn_role a:hover{ background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_role a{width:100%; height:100%; background-size:contain; display:block;}
/*20170907白雲修改-角色介紹共用-e*/
.p3_menu ul li.btn_c01{ width:12%; height:auto; }
.p3_menu ul li.btn_c01 a{background:url(btn_c01.png) no-repeat center;}
.p3_menu ul li.btn_c01 a:hover{background:url(btn_c01.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c01 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c02{ width:12%;  height:auto; }
.p3_menu ul li.btn_c02 a{background:url(btn_c02.png) no-repeat center;}
.p3_menu ul li.btn_c02 a:hover{background:url(btn_c02.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c02 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c03{ width:12%; height:auto; }
.p3_menu ul li.btn_c03 a{background:url(btn_c03.png) no-repeat center;}
.p3_menu ul li.btn_c03 a:hover{background:url(btn_c03.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c03 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c04{ width:12%; height:auto; }
.p3_menu ul li.btn_c04 a{background:url(btn_c04.png) no-repeat center;}
.p3_menu ul li.btn_c04 a:hover{background:url(btn_c04.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c04 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c05{ width:12%;  height:auto; }
.p3_menu ul li.btn_c05 a{background:url(btn_c05.png) no-repeat center;}
.p3_menu ul li.btn_c05 a:hover{background:url(btn_c05.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c05 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c06{ width:12%; height:auto; }
.p3_menu ul li.btn_c06 a{background:url(btn_c06.png) no-repeat center;}
.p3_menu ul li.btn_c06 a:hover{background:url(btn_c06.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c06 a{width:100%; height:100%; background-size:contain; display:block;}

.p3_menu ul li.btn_c07{ width:12%;  height:auto; }
.p3_menu ul li.btn_c07 a{background:url(btn_c07.png) no-repeat center;}
.p3_menu ul li.btn_c07 a:hover{background:url(btn_c07.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c07 a{width:100%; height:100%; background-size:contain; display:block;}
/*未釋出角色*/
.p3_menu ul li.btn_c100{ width:12%;  height:auto; }
.p3_menu ul li.btn_c100 a{background:url(btn_c100.png) no-repeat center;}
.p3_menu ul li.btn_c100 a:hover{background:url(btn_c100.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p3_menu ul li.btn_c100 a{width:100%; height:100%; background-size:contain; display:block;}

/*上下頁切換*/
.p3_menu02_block{ width:210px; height:auto; position:absolute; right:2%; bottom:-20%;  z-index:99; }

}

/*------------ page4 遊戲介紹------------ */
.p4_large{ width:100%; max-width:1100px; margin:0 auto; position:relative; display:block;}
.p4_con_block{width:100%; height:auto; padding:0; max-width:1000px;  margin:0 auto; position:relative; left: -2%;}
.p4_con_bg{width:90%; height:auto; padding:0; margin:0 auto; max-width:1015px; background:url(index_05.png) no-repeat center top; background-size:contain; }
.p4_con_bg img{ max-width:100%; height:auto;}


.p4_con_title{width:100%; height:auto; text-align:center; }
.p4_con{width:70%; height:auto; font-size:1.2em; color:#280022; line-height:1.8em; padding:10% 0 0 0; margin:0 auto; position:absolute; left:15%;text-shadow:  0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff; font-weight: 800; }


.p4_character_l{width:47%; height:auto;  margin:0 auto;  max-width:537px; background:url(p4_character_l.png) no-repeat center top; background-size:contain; left:-25%; top:-5%; position:absolute; pointer-events: none; z-index:99;}
.p4_character_l img{ max-width:100%; height:auto;}

.p4_m{display:none;}
}
@media screen and (max-width:1500px) {/*1440*/
.p4_large{ width:100%; max-width:900px;}
}

/*6個按鈕_L*/
.p4_menu_block{ padding:0; width:257px; height:auto;top:2.5%; left:92.7%; position:absolute;}

.p4_menu{width:100%; max-width:257px; height:auto; }
.p4_menu ul{width:100%; display:block; }
.p4_menu ul li{padding:0; display:block; float:left; }
.p4_menu ul li img{ max-width:100%; height:auto;}


.p4_menu ul li.btn_d01{ width:90%; max-width:257px; height:auto; }/*幻想三國誌*/
.p4_menu ul li.btn_d01 a{background:url(btn_d01.png) no-repeat center;}
.p4_menu ul li.btn_d01 a:hover{background:url(btn_d01.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d01 a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d02{ width:90%; max-width:257px;  height:auto; }/*幻想三國誌2*/
.p4_menu ul li.btn_d02 a{background:url(btn_d02.png) no-repeat center;}
.p4_menu ul li.btn_d02 a:hover{background:url(btn_d02.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d02 a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d03{ width:90%; max-width:257px;  height:auto; }/*幻想三國誌3*/
.p4_menu ul li.btn_d03 a{background:url(btn_d03.png) no-repeat center;}
.p4_menu ul li.btn_d03 a:hover{background:url(btn_d03.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d03 a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d04{ width:90%; max-width:257px;  height:auto; }/*幻想三國誌4*/
.p4_menu ul li.btn_d04 a{background:url(btn_d04.png) no-repeat center;}
.p4_menu ul li.btn_d04 a:hover{background:url(btn_d04.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d04 a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d05{ width:90%; max-width:257px;  height:auto; }/*幻想三國誌3*/
.p4_menu ul li.btn_d05 a{background:url(btn_d05.png) no-repeat center;}
.p4_menu ul li.btn_d05 a:hover{background:url(btn_d05.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d05 a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d06{ width:90%; max-width:257px;  height:auto; }/*幻想三國誌4*/
.p4_menu ul li.btn_d06 a{background:url(btn_d06.png) no-repeat center;}
.p4_menu ul li.btn_d06 a:hover{background:url(btn_d06.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p4_menu ul li.btn_d06 a{width:100%; height:100%; background-size:contain; display:block;}

/*------------ page5 影片欣賞------------ */
.p5_large{ width:100%; max-width:1600px; margin:0 auto; position:relative; display:block;}
.p5_con_bg{width:87%; height:auto; padding:0; margin:4.2% auto; max-width:1751px; background:url(index_06.png) no-repeat center top; background-size:contain; }
.p5_con_bg img{ max-width:100%; height:auto;}
.p5_con_bg_s{display: none;}
.p5_con_bg_s img {max-width: 100%; height: auto;}

.index_06_b{display:block;}
.p5_com_bg_m_b{display:none;}
.slick-prev-prev{width: 50px; height: 69px; position: absolute; top: 50%;  left:-3em;background: url(icon_im_l.png)no-repeat center top;background-size: auto;float:left; border:none;outline: none;  }
.slick-next-next{width: 50px; height: 69px; position: absolute; top: 50%;  right: 3%;background: url(icon_im_r.png)no-repeat center top;background-size: auto;float:left; border:none;  outline: none; }


/* 主影片按鈕 */
/*.btn_pv{width:44%; max-width:861px; height:auto; position:absolute; left:9.1%; top:17.5%; z-index:9999;display:block;}*/
.btn_pv{width:43.3%; max-width:861px; height:auto; position:absolute; left:9.1%; top:17.5%; z-index:9999;display:block;}/*20170907白雲修改*/
.btn_pv a{background:url(btn_pv.png) no-repeat;}
.btn_pv a:hover{background:url(btn_pv.png) no-repeat; background-size:contain; }
.btn_pv a{width:100%; height:100%; background-size:contain; display:block;}
.btn_pv img{ max-width:100%; height:auto;margin-top:0.5%;}

.btn_pv2{display:none;}
.btn_pv2 a{background:url(btn_pv.png) no-repeat;}
.btn_pv2 a:hover{background:url(btn_pv.png) no-repeat; background-size:contain; }
.btn_pv2 a{width:100%; height:100%; background-size:contain; display:block;}
.btn_pv2 img{ max-width:100%; height:auto;}



/*影片列表按鈕*/
.p5_menu_block{ width:50%;  max-width:1015px; padding:0; height:auto; margin:0 auto; position:relative; }
.p5_menu{width:65%; max-width:468px; height:auto; margin:0; /*padding:15% 0 0 0;*/padding:15% 0 0 0; left:65%; position:absolute; z-index:99;}
.p5_menu ul{width:100%; display:block; }
.p5_menu ul li{padding:1%; display:block; float:left;padding-bottom:15px; }/*20170915*/
.p5_menu ul li img{ max-width:100%; height:auto;}

 .p5_menu ul li.btn_e{ width:42%;max-width:224px;height:auto; }
.p5_menu ul li.btn_e a:hover{ background-size:contain; bottom:1px; position:relative;}

.p5_menu ul li.btn_e01{ width:42%; max-width:224px; height:auto; }
.p5_menu ul li.btn_e01 a{background:url(btn_e01.png) no-repeat center;}
.p5_menu ul li.btn_e01 a:hover{background:url(btn_e01.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e01 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e02{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e02 a{background:url(btn_e02.png) no-repeat center;}
.p5_menu ul li.btn_e02 a:hover{background:url(btn_e02.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e02 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e03{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e03 a{background:url(btn_e03.png) no-repeat center;}
.p5_menu ul li.btn_e03 a:hover{background:url(btn_e03.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e03 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e04{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e04 a{background:url(btn_e04.png) no-repeat center;}
.p5_menu ul li.btn_e04 a:hover{background:url(btn_e04.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e04 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e05{ width:42%; max-width:224px; height:auto; }
.p5_menu ul li.btn_e05 a{background:url(btn_e05.png) no-repeat center;}
.p5_menu ul li.btn_e05 a:hover{background:url(btn_e05.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e05 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e06{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e06 a{background:url(btn_e06.png) no-repeat center;}
.p5_menu ul li.btn_e06 a:hover{background:url(btn_e06.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e06 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e07{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e07 a{background:url(btn_e07.png) no-repeat center;}
.p5_menu ul li.btn_e07 a:hover{background:url(btn_e07.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e07 a{width:100%; height:100%; background-size:contain; display:block;}

.p5_menu ul li.btn_e08{ width:42%; max-width:224px;  height:auto; }
.p5_menu ul li.btn_e08 a{background:url(btn_e08.png) no-repeat center;}
.p5_menu ul li.btn_e08 a:hover{background:url(btn_e08.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p5_menu ul li.btn_e08 a{width:100%; height:100%; background-size:contain; display:block;}

.px640_icon{width: 100%; height: auto; background:url(icon_640_01_bg.png) no-repeat bottom; display:none; position: fixed; bottom:0;  z-index: 99999; background-size: 100%; }
.px640_icon img{ width: 100%; height: auto;}
/*.px640_icon_box_01{width: 23%; height: auto; background: url(640_pre_order.png)no-repeat center;  background-size: 100%; float:left; }*//*20180418*/
.px640_icon_box_01{width: 23%; height: auto; background: url(icon_640_001_n.png)no-repeat center;  background-size: 100%; float:left; }
.px640_icon_box_02{width: 23%; height: auto; background: url(icon_640_002.png)no-repeat center; background-size: 100%; float:left; display: none;} 
.px640_icon_box_01 a,.px640_icon_box_02 a{ width:100%; display: block;}
.px640_icon_box_01 a:hover{margin-top: 1%;}
.px640_icon_box_02 a:hover{margin-top: 1%;}
.px640_icon_03{width:15%; height: auto; background: url(icon_640_003.png)no-repeat center;float:left; background-size: 100%; margin-top: 5%; }/*20170615_isho修改*/
.px640_icon_03 a:hover{margin-top: 9%;}
.px640_icon_04 a:hover{margin-top: 9%;}
.px640_icon_05 a:hover{margin-top: 9%;}
.px640_icon_04{width: 15%; height: auto; background:url(icon_640_004.png)no-repeat center;float:left; background-size: 100%;margin-top: 5%; }
.px640_icon_05{width: 15%; height: auto; background: url(icon_640_005.png)no-repeat center;float:left; background-size: 100%;margin-top: 5%; }
.px640_icon_06{width: 15%;height: auto; background: url(icon_640_006.png)no-repeat center;float:left; background-size: 100%; margin-top: 5%;}
.px640_icon_07{width: 15%;height: auto; background: url(icon_640_007.png)no-repeat center;float:left; background-size: 100%; margin-top: 5%;}


.news_icon{height: auto;   position: fixed; z-index: 888; }
.news_icom_m{background: url(menu_news_l.png) no-repeat center top; background-size: 100%; display: none;}
.news_icom_l{background: url(menu_news.png) no-repeat center top; background-size: 100%; display: block;}

/*勢力介紹*/
.power_large{display:block;}
.power_con_bg{width:100%; height:auto; padding:0; max-width:1000px; background:url(power_im.png) no-repeat center top; background-size:100% 100%;  margin:5% auto; position:relative;}
.power_con_bg img{ width:95%; max-width: 300px; height:auto;}
/*------------ page6 關於+版權------------ */
.p6_large{display:block;}
.p6_m{display:none;}
.p6_con_logo{width:100%; height:auto; text-align:center; }
.p6_con{width:80%; height:auto; margin: 0 auto; font-size:1.2em; color:#280022; line-height:1.8em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; /*padding:8% 0 0 0; */left:8.5%; /*position:absolute;*/  font-weight: 800;}
.p6_con_bg{width:100%; height:auto; padding:0; max-width:1361px; background:url(p6_com_bg_l.png) no-repeat center top; background-size:100% 100%;  margin:0 auto; position:relative;}
.p6_con_bg img{ width:95%; max-width: 300px; height:auto;}

.p6_com_bg_l_b{display:block;}
.p6_com_bg_m2_b{display:none;}
.p6_com_bg_m3_b{display:none;}
.p6_com_bg_s_b{display:none;}


.p6_con_block{width:100%; height:auto; padding:0; max-width:1000px;  margin:0 auto; position:relative;}

.p6_con_bg{width:100%; height:auto; padding:0; max-width:1150px; background:url(p6_com_bg_l.png) no-repeat center top; background-size:100% 100%; margin:0 auto; position:relative;}
.p6_con{width:80%; height:auto; margin: 0 0 0 7%; font-size:1.2em; color:#280022; line-height:1.5em; text-shadow:0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff; padding:5% 0 0 0; left:7.5%; font-weight: 800;}

.index_07_b{display:none;}
.p6_com_bg_m_b{display:block; }

.p6_menu_block{ width:100%; max-width:1000px; height:auto; padding:0; margin:0 auto; position:relative;  }
.p6_menu{width:100%; max-width:1000px; height:auto;  padding:0; margin:0 auto; position:relative; }
.p6_menu ul li{padding:0%; display:block; float:left; }


/*4個按鈕*/
.p6_menu_block{ width:100%; max-width:1000px;; height:auto; padding:0; margin:0 auto; position:relative; }

.p6_menu{width:100%; max-width:1000px; height:auto; padding:0; margin:0 0 0 -5%; position:relative;}
.p6_menu ul{width:100%; display:block; }
.p6_menu ul li{/*padding:0% 1% 0% 1%;*/ display:block; float:left; }
.p6_menu ul li img{ max-width:100%; height:auto;}

.p6_menu ul li.btn_fs01{ width:20%; max-width:318px; height:auto; }/*幻想三國誌*/
.p6_menu ul li.btn_fs01 a{background:url(logo_fs1.png) no-repeat center;}
.p6_menu ul li.btn_fs01 a:hover{background:url(logo_fs1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs01 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs02{ width:20%; max-width:318px;  height:auto; }/*幻想三國誌2*/
.p6_menu ul li.btn_fs02 a{background:url(logo_fs2.png) no-repeat center;}
.p6_menu ul li.btn_fs02 a:hover{background:url(logo_fs2.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs02 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs03{ width:20%; max-width:318px;  height:auto; }/*幻想三國誌3*/
.p6_menu ul li.btn_fs03 a{background:url(logo_fs3.png) no-repeat center;}
.p6_menu ul li.btn_fs03 a:hover{background:url(logo_fs3.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs03 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs04{ width:20%; max-width:318px;  height:auto; }/*幻想三國誌4*/
.p6_menu ul li.btn_fs04 a{background:url(logo_fs4.png) no-repeat center;}
.p6_menu ul li.btn_fs04 a:hover{background:url(logo_fs4.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs04 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_ann{ width:20%; max-width:318px;  height:auto;  display: block;}/*編年史*/
.p6_menu ul li.btn_ann a{background:url(ICON_an.png) no-repeat center;}
.p6_menu ul li.btn_ann a:hover{background:url(ICON_an.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_ann a{width:100%; height:100%; background-size:contain; display:block;}

.footer {width:100%; height:120px; padding:0; background:url(footer.png) no-repeat center bottom; margin:0 auto; }
.footer_s_b{display: none;}
.footer img{ width:100%; height:auto;}


@media screen and (max-width:1050px) {
	.in_icon{width: 100%; max-width: 1000PX; height: auto; display: block; z-index: 999;  position:absolute; float:right;display:inline-block; }
		.im_index_1000{display:block !important;width: 100%; 　max-width: 1000PX; background: url(index_1000_01.png)no-repeat center top;background-size:auto 100%;}
	.im_p1_1000{display:block !important;width: 100%; background: url(index_1000_02.png) no-repeat center top; background-size:auto 100%;}
	.im_p2_1000{display:block !important;width: 100%; background: url(index_1000_03.png)no-repeat center top;background-size: auto 100%;}
	.logo_l{display: none;}
	.logo_m{ display:none;}/
	.logo_s{display: none;}
.placed_l{display:none;}
.placed_m{display: block;;}
.placed_s{ display: none;}
.in_fb_l{display: none;}
.in_music_l{display: none;}
.in_fb_m{display: block;}
.in_music_m{display:block;}
.in_music_s{display: none;}
.in_fb_sl{display: none;}
	.fb_block{ width:30%; }
	.news_box_l{display: none;}
	.news_box_m{display: block;}
	.news_box_s{display: none;}
	.icon_m{display: block;}
	a.fb_icon{width:25%; top:1em; 　left: 1em;}
	a.box_icon_001,a.box_icon_002,.a.box_icon_003{width:25%; top:0.6em;left:0em;}
	.icon_l{margin-left:0;}
	a.box_icon_001{ left: 4em;}
	a.box_icon_002{left: 5em;}
	
	
	.news_icon{width:15%;height: auto; position: fixed;  top: 0.3em; z-index: 888; }
.news_icom_m{ display: block;}
.news_icom_l{ display:none;}
	
	/*標題*/
.titile{width:35%; height:auto; position:relative; padding:0; margin:0 auto; top:1%; }
	.news_content{display: none;}
	.in_blank{display: none;}
	/*右側選單改左上橫排start*/
	#fp-nav{top:1.5em;}
	#fp-nav.right{ right:inherit; left:1em;}
	#fp-nav ul li{  display: inline-block;}
	#fp-nav ul li .fp-tooltip.right{top:3em;right:inherit; left:0px}
	#fp-nav ul li .fp-tooltip2.right{top:3em;right:inherit; left:0px}
	#fp-nav ul li:nth-child(2) .fp-tooltip.right,#fp-nav ul li:nth-child(3) .fp-tooltip.right,#fp-nav ul li:nth-child(4) .fp-tooltip.right,#fp-nav ul li:nth-child(5) .fp-tooltip.right{ left: -0.7em;}
			
	/*右側選單改左上橫排end*/
.p4_large{display:none;}
.p6_large{display:none;}
.power_large{display:block;}
.p4_m{display:block;}
.p5_m{display:block;}
.p6_m{display:block;}

/*------------ page3 角色介紹------------ */
.p3_con_bg{width:100%; max-width:850px; height:auto;background-size:contain; position:absolute; top:10%; left:10%;margin-top:5%}
/*.p3_con{width:65%; height:auto; font-size:1.1em; color:#280022; line-height:1.5em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:5% 0 0 0; left:18%; position:absolute; font-weight: 800;}*/
.p3_con{width:65%; height:auto; font-size:0.9em; color:#280022; line-height:1.5em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:5% 0 0 0; left:18%; position:absolute; font-weight: 800;z-index:9998;}/*20170907白雲修改*/
.p3_character{ width:60%; height:100%;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:5%; left:-12%; }
.p3_com_bg_m1_b{display:block;}
.p3_com_bg_m3_b{display:none;}
.p3_com_bg_s_b{display:none;}
.p3_menu{width:80%; /*max-width:971px; */height:auto; margin:0;  padding:7% 0 0 23%; /*left:20.5%; *//*position:absolute;*/ z-index:99;}
.p3_con_name{width:100%; height:auto; text-align:center; }
/* 角色名 */

/*.character_name{width:50%; height:auto; margin-top:-9%;  }*/
.character_name{width:50%; height:auto;   }/*20170907白雲修改*/
.p3_menu{width:83%; /*max-width:971px; */height:auto; margin:0;  padding:7% 0 0 20%; /*left:20.5%; *//*position:absolute;*/ z-index:99;}/*20170907修正width*/
.p3_large_in{width:100%; max-width:1000px; height:700px; margin:0 auto; overflow:hidden;}
.p3_menu02{ display:block;}

/*------------ page4 遊戲介紹------------ */
.p4_con_block{width:100%; max-width:1000px; height:auto; padding:8% 0 0 0;  margin:0 auto; position:relative;}
.p4_con_bg{width:90%; height:auto; padding:0; margin:0 auto; max-width:1015px; background:url(index_05.png) no-repeat center top; background-size:contain;}
.p4_con_bg img{ max-width:100%; height:auto;}

.index_05_b{display:block;}
.p4_com_bg_s_b{display:none;}
.p4_com_bg_s2_b{display:none;}

/*6個按鈕_m*/
.p4_menu_block{ width:100%; max-width:1000px; height:auto; padding:0; margin:0;  position:absolute; left:0; top:1%; z-index:99;}

.p4_menu{width:100%; max-width:980px; height:auto; }
.p4_menu ul{width:100%; display:block; }
.p4_menu ul li{padding:0; display:block; float:left; }
.p4_menu ul li img{ max-width:100%; height:auto;}

.p4_menu ul li.btn_d01_m{ width:20%; max-width:196px; height:auto; }/*幻想三國誌*/
.p4_menu ul li.btn_d01_m a{background:url(btn_d01_m.png) no-repeat center;}
.p4_menu ul li.btn_d01_m a:hover{background:url(btn_d01_m.png) no-repeat center; background-size:contain; }
.p4_menu ul li.btn_d01_m a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d02_m{ width:20%; max-width:196px;  height:auto; }/*幻想三國誌2*/
.p4_menu ul li.btn_d02_m a{background:url(btn_d02_m.png) no-repeat center;}
.p4_menu ul li.btn_d02_m a:hover{background:url(btn_d02_m.png) no-repeat center; background-size:contain; }
.p4_menu ul li.btn_d02_m a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d03_m{ width:20%; max-width:196px;  height:auto; }/*幻想三國誌3*/
.p4_menu ul li.btn_d03_m a{background:url(btn_d03_m.png) no-repeat center;}
.p4_menu ul li.btn_d03_m a:hover{background:url(btn_d03_m.png) no-repeat center; background-size:contain; }
.p4_menu ul li.btn_d03_m a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d04_m{ width:20%; max-width:196px;  height:auto; }/*幻想三國誌4*/
.p4_menu ul li.btn_d04_m a{background:url(btn_d04_m.png) no-repeat center;}
.p4_menu ul li.btn_d04_m a:hover{background:url(btn_d04_m.png) no-repeat center; background-size:contain; }
.p4_menu ul li.btn_d04_m a{width:100%; height:100%; background-size:contain; display:block;}

.p4_menu ul li.btn_d05_m{ width:20%; max-width:196px;  height:auto; }/*幻想三國誌3*/
.p4_menu ul li.btn_d05_m a{background:url(btn_d05_m.png) no-repeat center;}
.p4_menu ul li.btn_d05_m a:hover{background:url(btn_d05_m.png) no-repeat center; background-size:contain;}
.p4_menu ul li.btn_d05_m a{width:100%; height:100%; background-size:contain; display:block;}


/*------------ page5 影片欣賞------------ */
	.p5_menu_block{width:40%;  max-width:1000px; height:auto; padding:0;  margin:0 auto; position:relative; left: 2em; }
.p5_menu{width:80%;/* max-width:468px; height:auto; margin:0; padding:15% 0 0 0;  */position:relative; z-index:99;left:63%;}
	.btn_pv{width:48%; max-width:861px; height:auto; position:absolute; left:4.5%; top:10%; z-index:9999;display:block;}
.slick-prev-prev{width: 40px; height: 69px; position: absolute; top: 50%;  left:-2.5em; background: url(icon_im_l.png)no-repeat center top;background-size: 100%;float:left; border:none;outline: none; }
.slick-next-next{width: 40px; height: 69px; position: absolute; top: 50%;  right: 0; background: url(icon_im_r.png)no-repeat center top;background-size: 100%;float:left; border:none;outline: none;}
	.p5_con_bg{width:100%; height:auto; padding:0; margin:8% auto; max-width:1751px; background:url(index_06.png) no-repeat center top; background-size:contain; }
/*	勢力介紹*/
.power_con_bg{width:100%; height:auto; margin:8% auto; padding:0; max-width:1000px; background:url(power_im.png) no-repeat center top; background-size:100% 100%; position:relative;}
.power_con_bg img{ width: 60%;}
/*------------ page6 關於+版權------------ */
.p6_con_bg{width:100%; height:auto; margin:0 auto; padding:0; max-width:1000px; background:url(p6_com_bg_m2.png) no-repeat center top; background-size:100% 100%; position:relative;}
.p6_con{width:85%; height:auto; margin:0 auto; font-size:1.2em; color:#280022; line-height:1.5em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:5% 0; left:13%; font-weight: 800;}
.p6_con_bg img{ width: 60%;}
.p6_com_bg_l_b{display:none;}
.p6_com_bg_m2_b{display:block;}
.p6_com_bg_m3_b{display:none;}
.p6_com_bg_s_b{display:none;}

/*4個按鈕*/
.p6_menu_block{ width:100%; max-width:1000px;  height:auto; padding:0; margin:0 auto; position:relative; }

.p6_menu{width:100%; max-width:616px; height:auto; margin:0 auto; position:relative;}
.p6_menu ul{width:100%; display:block; }
.p6_menu ul li{/*padding:0% 1% 0% 1%;*/ display:block; float:left; }
.p6_menu ul li img{ max-width:100%; height:auto;}

.p6_menu ul li.btn_fs01{ width:33%; max-width:308px; height:auto; }/*幻想三國誌*/
.p6_menu ul li.btn_fs01 a{background:url(btn_logo_fs1.png) no-repeat center;}
.p6_menu ul li.btn_fs01 a:hover{background:url(btn_logo_fs1.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs01 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs02{ width:33%; max-width:308px;  height:auto; }/*幻想三國誌2*/
.p6_menu ul li.btn_fs02 a{background:url(btn_logo_fs2.png) no-repeat center;}
.p6_menu ul li.btn_fs02 a:hover{background:url(btn_logo_fs2.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs02 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs03{ width:33%; max-width:308px;  height:auto; }/*幻想三國誌3*/
.p6_menu ul li.btn_fs03 a{background:url(btn_logo_fs3.png) no-repeat center;}
.p6_menu ul li.btn_fs03 a:hover{background:url(btn_logo_fs3.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs03 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_fs04{ width:33%; max-width:308px;  height:auto; padding: 0 0 0 15%;}/*幻想三國誌4*/
.p6_menu ul li.btn_fs04 a{background:url(btn_logo_fs4.png) no-repeat center;}
.p6_menu ul li.btn_fs04 a:hover{background:url(btn_logo_fs4.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_fs04 a{width:100%; height:100%; background-size:contain; display:block;}

.p6_menu ul li.btn_ann{ width:33%; max-width:308px;  height:auto;  display: block;}/*編年史*/
.p6_menu ul li.btn_ann a{background:url(btn_logo_an.png) no-repeat center;}
.p6_menu ul li.btn_ann a:hover{background:url(btn_logo_an.png) no-repeat center; background-size:contain; bottom:1px; position:relative;}
.p6_menu ul li.btn_ann a{width:100%; height:100%; background-size:contain; display:block;}

.news_box_bg_l{width: 100%; height: auto; }
.news_box_bg{left: 6%; top: 3%;}
}
@media screen and (max-width:800px) {

}
@media screen and (max-width:640px) {
	.p6_menu ul li.btn_fs01{ width:48%; max-width:308px; height:auto; }/*幻想三國誌*/
	.p6_menu ul li.btn_fs02{ width:48%; max-width:308px;  height:auto; }/*幻想三國誌2*/
	.p6_menu ul li.btn_fs03{ width:48%; max-width:308px;  height:auto; }/*幻想三國誌3*/
	.p6_menu ul li.btn_fs04{ width:48%; max-width:308px;  height:auto; padding: 0%;}/*幻想三國誌4*/
	.p6_menu ul li.btn_ann{ display: none;}/*編年史*/
/*201708　isho修改	*/	
.in_icon{width:100%; height: auto; display: block; z-index: 999;  position:absolute; float:right;display:inline-block;}
.im_index_640{display:block !important;width: 100%;background: url(index_640_01.png)no-repeat center top; background-size: auto 100%;}
.im_p1_640{display: block !important;width: 100%;background: url(index_640_02.png)no-repeat center top;background-size: auto 100%;}
.logo_l{display: none;}
.logo_m{ display: none}
.logo_s{display: block;}
.placed_l{display:none;}
.placed_m{display: none;}
.placed_s{ display: block;}
.in_fb_l{display: none;}
.in_music_l{display: none;}
.in_fb_m{display: none;}
.in_music_m{display:none;}
.in_music_s{display: block;}
.in_fb_s{display: block;}
		.title_img_l{display:none;}
.title_img_m{display:none;}
.title_img_s{display:block;}
		.fb_block{display: none;}
	.news_box{ width:100%; }
		.news_box_l{display: none;}
		.news_box_m{display: none;}
		.news_box_s{display: block;}
		.fb_block{display: none;}
		.fb_block_m{display: none;}
		.icon_m{display: none;}
	.fb_block{display: none;}
	.fb_block_m{display:none;}
	.box_icon_003_l{display: none;}
	.box_icon_003_m{display: none;}
	.box_icon_003_s{display: block;}
	.px640_icon{display: block;}
	.news_icon{display: none;}
	.news_box_bg{left:2%; top: 3%;}
	a.fb_icon{display:none;}
	.icon_l{margin:0; }
	a.box_icon_001,a.box_icon_002{width:45%; top:0;}
	a.box_icon_001{ left: 0.5em;}
	a.box_icon_002{left: 1em;}
	a.box_icon_003{width:45%; top:0; left:25%;}
	

	/*標題*/
.titile{width:45%; height:auto; position:relative; padding:0; margin:0 auto; top:1%; }

	/*右側選單隱藏start*/
	#fp-nav{ display: none;}
	/*右側選單隱藏end*/	
	
/*------------ page3 角色介紹------------ */

/*.p3_menu{width:100%; max-width:640px; height:auto; margin:0;  padding: 7.5% 0 0 0;z-index:99;}*/
.p3_menu{width:100%; max-width:640px; height:auto; margin:0;  padding: 10% 0 0 0;z-index:99;}/*20170907白雲修改*/
.p3_menu ul li.btn_role{ width:12.5%; height:auto; }/*20170907白雲修改*/
.p3_menu ul li.btn_c01{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c02{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c03{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c04{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c05{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c06{ width:12.5%; height:auto; }
.p3_menu ul li.btn_c07{ width:12.5%;  height:auto; }
.p3_menu ul li.btn_c100{ width:12.5%;  height:auto;}




.p3_con_bg{width:100%; height:auto; background:url(p3_com_bg_m3.png) no-repeat center top; background-size:100%; position:absolute; top:8%; left:0%;}
/*.p3_con_bg img{ max-width:100%; height:100%;}*/
.p3_con_bg img{ max-width:100%; height:100%;z-index:9999;}/*20170907白雲修改*/

.p3_com_bg_m1_b{display:none;}
.p3_com_bg_m3_b{display:block;}
.p3_com_bg_s_b{display:none;}

/*.p3_con{width:60%; height:auto; font-size:1em; color:#280022; line-height:1.8em; text-shadow:0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 5px #fff; /*padding:-3% 0 0 0; top: -5%; left:35%; position:absolute; z-index:99; font-weight: 800; }*/
.p3_con{width:60%; height:auto; font-size:0.5em; color:#280022; line-height:1.8em; text-shadow:0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 5px #fff; /*padding:-3% 0 0 0;*/ top: -5%; left:35%; position:absolute; z-index:99; font-weight: 800; z-index:9998;}/*20170907白雲修改*/
.p3_character{ width:90%; height:　auto;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:10%; left:-23%; /*top:-50px; left:-450px;*/}
	
.p3_character_m{ width:100%; height:auto;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:-8%; left:-18%;}
.p3_character_m_img{ width:100%; height:auto; }

/* 角色名 */
/*.character_name{width:70%; height:auto; margin-top: 10%; }*/
.character_name{width:70%; height:auto; margin-top: 15%; }/*20170907白雲修改*/
.character_name_block{ position:absolute; left:50%; top:-8%; z-index:99;}
.p3_character_icon{width: 100%; height: auto;position:absolute;margin-right: 2%; top:1%;z-index: 8888888; display: block;}
.p3_character_mame:{width:80%;height: auto;position:absolute;  margin-right: 2%; z-index: 9999999;display: block;}
.p3_icon{　width: 100%;height: auto; margin: 0;/* padding: 1% 0 5% 25%; */ padding: 0; position: relative;}
.p3_bg_im_l{width: 100%; height: auto;display:none;}
.p3_bg_im_s{width: 100%; height: auto; display:block;}


.p3_menu02 ul li.btn_back,.p3_menu02 ul li.btn_next{ width:20%; max-width: 104px;}

	
.p7_bg{width:100%; height: auto;   background-size:50; /*background: url(index_07.png)no-repeat  top center; position: absolute;*/ margin-top: 12%;}	
/*------------ page4 遊戲介紹------------ */
.p4_con_block{width:100%; max-width:640px; height:auto; padding:10.5% 0 0 0;  margin:0; position:relative;}
.p4_con_bg{width:100%; max-width:640px; height:auto; padding:0; margin:0; background:url(p4_com_bg_s.png) no-repeat center top; background-size:contain;}

.p4_con_title{width:100%; height:auto; text-align:center; }
.p4_con{width:90%; height:auto; font-size:1em; color:#280022; line-height:1.8em; padding:10% 0 0 0; margin:0; left:4%; position:absolute; font-weight: 800;}
.p4_con_bg img{ max-width:100%; height:auto;}

.index_05_b{display:none;}
.p4_com_bg_s_b{display:block;}
.p4_com_bg_s2_b{display:none;}


/*------------ page5 影片欣賞------------ */
.btn_pv{display: none;}
.p5_menu{width:100%; max-width:650px; height:auto; margin:0; padding:0 0 0 0;  left: 0; top: 2em; position:absolute; z-index:99;}
	.index_06_b{display: none;}
.p5_menu_block{ width:80%;  max-width:640px; padding:0; height:auto; margin:0 auto; position:relative;  left: 5%; top: 1.5em;}
.p5_con_bg_s{width:100%; height:auto; left: 0; margin-top: 1.3em; background:url(p4_com_bg_s2.png) no-repeat center top; background-size:100% 100% ; display: block; position: absolute; }
	.p5_con_bg {background: url(p4_com_bg_s2_b.png);}

.slick-prev-prev{width: 40px; height: 69px; position: absolute; top: 50%;  left:-3em; background: url(icon_im_l.png)no-repeat center top;background-size: 100%;float:left; border:none;outline: none; }
.slick-next-next{width: 40px; height: 69px; position: absolute; top: 50%;  right: -1em; background: url(icon_im_r.png)no-repeat center top;background-size: 100%;float:left; border:none;outline: none;}
/*勢力介紹*/
	.power_con_bg{width:100%; height:auto; padding:0; max-width:640px; background:url(power_im.png) no-repeat center top; background-size:100% 100%; margin:11% auto; position:relative;}
	.power_con_bg img{width:50%;}
/*------------ page6 關於+版權------------ */
.p6_con_bg{width:100%; height:auto; padding:0; max-width:640px; background:url(p6_com_bg_m3.png) no-repeat center top; background-size:100% 100%; margin:0 auto; position:relative;}

.p6_con_logo{width:100%; height:auto; text-align:center; }
.p6_con{width:90%; height:auto; font-size:0.75em; color:#280022; line-height:1.5em; text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff; padding:6% 0; left:8.5%; font-weight: 800;}
.p6_con_bg img{width:50%;}
.p6_com_bg_l_b{display:none;}
.p6_com_bg_m2_b{display:none;}
.p6_com_bg_m3_b{display:block;}
.p6_com_bg_s_b{display:none;}

.footer {width:100%; max-width:640px; height:auto; padding:0; background:url(footer_s.png) no-repeat center bottom; background-size:contain; margin:0; }
.footer_s_b{display:block;}
}

@media screen and (max-width:550px) {
	
/*------------ page3 角色介紹------------ */

.p3_con_bg{width:100%; max-width:640px; height:auto; background:url(p3_com_bg_m3.png) no-repeat center top; background-size:contain; position:absolute; top:12%; left:0%; }
/*.p3_con_bg img{ max-width:100%; height:auto;}*/
.p3_con_bg img{ max-width:100%; height:auto;z-index:9999;}/*20170907白雲修改*/
.p3_character_m{ width:100%; height:auto;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:-10%; left:-23%;}

.p3_com_bg_m1_b{display:none;}
.p3_com_bg_m3_b{display:block;}
.p3_com_bg_s_b{display:none;}

/* 角色名 */
.character_name{width:50%; height:auto; }
.character_name_block{ position:absolute; left:50%; top:-7%; z-index:99; }
	
}

@media screen and (max-width:500px) {
	
/*------------ page3 角色介紹------------ */
.p3_con_bg{　width: 100%; height: auto; background:url(p3_com_bg_s.png) no-repeat center top; background-size:100% 100%; position:absolute; top:10%;}


.p3_com_bg_m1_b{display:none;}
.p3_com_bg_m3_b{display:none;}
.p3_com_bg_s_b{display:block;}

/*.p3_con{width:60%; height:auto; font-size:1em; color:#280022; line-height:1.5em; text-shadow:0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 5px #fff; padding:15% 0 0 0; left:35%; position:absolute; z-index:99; font-weight: 800; }*/
.p3_con{width:60%; height:auto; font-size:0.5em; color:#280022; line-height:1.5em; text-shadow:0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 5px #fff; padding:15% 0 0 0; left:35%; position:absolute; z-index:99; font-weight: 800; z-index:9998;}/*20170907白雲修改*/

.p3_character_m{ width:100%; height:auto;  background:url(character01_l.png) no-repeat center top; background-size:contain; position:absolute; top:5%; left:-23%;}
.p3_character_m_img{ width:100%; height:auto; }

/* 角色名 */
.character_name{width:35%; height:auto; }
.character_name_block{ position:absolute; left:55%; top:5%; z-index:99;}


/*------------ page4 遊戲介紹------------ */

.p4_con_bg{width:100%; height:auto; padding:0; margin:0 auto; max-width:640px; background:url(p4_com_bg_s2.png) no-repeat center top; background-size:contain;}

.p4_com_bg_s_b{display:none;}
.p4_com_bg_s2_b{display:block;}

/*勢力介紹*/
	.power_con_bg{width:100%; height:auto; padding:0; max-width:640px; background:url(power_im.png) no-repeat center top; background-size:100% 100%; margin:17% auto; position:relative; overflow:hidden;}
/*------------ page6 關於+版權------------ */
.p6_con_bg{width:100%; height:auto; padding:0; max-width:640px; background:url(p6_com_bg_s.png) no-repeat center top; background-size:100% 100%; margin:0 auto; position:relative; overflow:hidden;}

.p6_com_bg_l_b{display:none;}
.p6_com_bg_m2_b{display:none;}
.p6_com_bg_m3_b{display:none;}
.p6_com_bg_s_b{display:block;}

}
	
/*------------ UJTool使用  ------------ */
.btn_fb,.btn_music,.btn_bh,.btn_yu   {width:50%; height: auto;z-index:9999999; float:right; cursor:pointer; position:relative; display:inline-block;}
.btn_bh {width:25%; height: auto;z-index:9999999; float:right; cursor:pointer; position:relative; display:inline-block;}
.btn_yu {width:25%; height: auto; z-index:9999999; float:right; cursor:pointer; position:relative; display:inline-block;}
/*.btn_fb img, .btn_bh img, .btn_yu img{width:100%; height:auto;}*/
.btn_fb img, .btn_bh img, .btn_yu img, .btn_music img{width:100%; height:auto;}/*20170907白雲修改*/
.music_hide{bottom:0px; right:0px; position:absolute; visibility:hidden; z-index:-99;}

@media screen and (max-width:640px) {
.btn_fb,.btn_music,   {position:relative; display:inline-block;}
.btn_bh {display:none;}
.btn_yu {display:none;}	
.btn_fb img , .btn_music img{width: 100%; float:right;}
}
@media screen and (max-width:500px) {
/*.btn_fb img , .btn_music img{width: 50%; float:right;display:inline-block;}	*/
.btn_fb img , .btn_music img{width: 100%; float:right;display:inline-block;}/*20170907白雲修改*/
.btn_fb,.btn_music,   {position:relative; display:inline-block;}
	.in_icon{width: 100%; height: auto;float:right;display:inline-block;}
}	
@media screen and (max-width:500px) {

}$('.character_notic').html(aMan[is]);