@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html,body{
	width:100%;
	height:100%;
	background:#000;}

.contentswrapper{
	background:#fe0000 url(../../kfc/images/kfc_main_vis_bg.jpg) top center no-repeat;
	margin:0 auto;}
	
p{
	color: #222;
    font-weight: bold;
    line-height: 2;}

a{color:#b10f18;}



/*-----main_vis-----*/
.main_vis{
	background:url(../../kfc/images/kfc_main_vis.png) top center no-repeat;
	height:760px;}
	
.main_vis h1,
.main_vis p{
	text-indent:-9999px;}
	
.main_vis .download{
	width: 960px;
    height: 60px;
    margin: 606px auto 0;
    position: relative;}
.main_vis .download li{
	display:block;
	height:64px;
	position:absolute;}
.main_vis .download li.appstore{
	background:url(../../kfc/images/download_appstore.png) top center no-repeat;
	width: 217px;
    top: 0;
    left: 284px;}
.main_vis .download li.googleplay{
	background:url(../../kfc/images/download_googleplay.png) top center no-repeat;
	width: 215px;
    top: 0;
    left: 509px;}
.main_vis .download li.androidapk{
	background:url(../../kfc/images/download_androidapk.png) top center no-repeat;
	width: 220px;
    top: 0;
    left: 731px;}
	
.main_vis .download li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/main_vis-----*/



/*-----contents_detail-----*/
.contents_detail{
	width:auto;
	margin:12px auto 40px;}
.contents_detail h2{
	text-indent:-9999px;
	background:url(../../kfc/images/kfc_contents_detail_title.png) top center no-repeat;
	height:113px;}
.contents_detail p{
	color: #ffffff;
    font-size: 131%;
    font-weight: normal;
    line-height: 1.6;
    width: 870px;
    margin: 12px auto;}
.contents_detail p span.picup{
	color:#ffff00;}
/*-----/contents_detail-----*/



/*-----contents_step-----*/
.contents_step{
	width:auto;
	margin:12px auto;}
.contents_step .about{
	padding:12px 0;}
.contents_step ul{
	display:block;
	background:url(../../kfc/images/kfc_contents_step_bottom.png) bottom center no-repeat;
	width:830px;
	margin:0 auto 18px;
	padding:0 0 30px;}
.contents_step ul.step_5{
	background:url(../../kfc/images/kfc_contents_step_bottom_2.png) bottom center no-repeat;
	padding:0 0 19px;}
.contents_step ul li{
	display:block;
	background:url(../../kfc/images/kfc_contents_step_body.png) center repeat-y;
	padding:12px 12px 15px;}
	
.contents_step ul li h3{
	display:block;
	text-indent:-9999px;
	text-align:center;
	width:750px;
	height:58px;
	margin:0 auto;}
.contents_step ul.step_1 li h3{
	background:url(../../kfc/images/kfc_contents_step_1_title.png) top center no-repeat;}
.contents_step ul.step_2 li h3{
	background:url(../../kfc/images/kfc_contents_step_2_title.png) top center no-repeat;}
.contents_step ul.step_3 li h3{
	background:url(../../kfc/images/kfc_contents_step_3_title.png) top center no-repeat;}
.contents_step ul.step_4 li h3{
	background:url(../../kfc/images/kfc_contents_step_4_title.png) top center no-repeat;}
.contents_step ul.step_5 li h3{
	background:url(../../kfc/images/kfc_contents_step_5_title.png) top center no-repeat;
	height:90px;}
	
.contents_step ul li p{
	font-weight:100;
	font-size: 120%;
    line-height: 1.6;
    padding: 0 30px;}
	
.contents_step ul li.step_num{
	display: block;
    text-indent: -9999px;
    background: url(../../kfc/images/kfc_contents_step_top.png) top center no-repeat;
    height: 63px;
    padding: 0;}
.contents_step ul.step_1 li.step_num p{
	background: url(../../kfc/images/kfc_step_1.png) center 19px no-repeat;
    height: 60px;}
.contents_step ul.step_2 li.step_num p{
	background:url(../../kfc/images/kfc_step_2.png) center 19px no-repeat;
	height:60px;}
.contents_step ul.step_3 li.step_num p{
	background:url(../../kfc/images/kfc_step_3.png) center 19px no-repeat;
	height:60px;}
.contents_step ul.step_4 li.step_num p{
	background:url(../../kfc/images/kfc_step_4.png) center 19px no-repeat;
	height:60px;}
.contents_step ul.step_5 li.step_num p{
	background:url(../../kfc/images/kfc_step_5.png) center 19px no-repeat;
	height:60px;}
	
.contents_step ul li p.order{
	text-indent:-9999px;
	background:url(../../kfc/images/sp_kfc_contents_step_2_banner.png) bottom center no-repeat;
	padding:0 30px 374px;}
.contents_step ul.step_1 li p.notice_0708{
	background:#fdffe2;
	color:#FF0004;
	margin:20px 20px 0;
	padding:8px;
	border-radius:4px;}
.contents_step ul.step_1 li p.notice_0708 span{
	font-weight:bold;}
.contents_step ul.step_3 li p.image{
	text-indent: -9999px;
    background: url(../../kfc/images/kfc_contents_step_3_image.jpg) 480px 25px no-repeat;
    padding: 0 30px 141px;
    margin: -151px 0 0;}
.contents_step ul.step_5 li p.image{
	text-indent:-9999px;
	background:url(../../kfc/images/kfc_contents_step_5_image.jpg) bottom center no-repeat;
	padding:0 30px 270px;}
.contents_step ul li p span.picup{
	color:#103289;
	font-weight:bold;}
.contents_step ul li p span.notice{
	color:#ff0000;
	font-size: 90%;}
.contents_step ul li p a{
	color:#00a9ff;
	text-decoration:underline;
	font-weight:bold;}

/*-----contents_step-----*/



/*-----iframe-----*/
.iframe_sp{
	display:none;}
.iframe_pc{
	background: #fdffe2;
    width: 750px;
    margin: 30px auto 0;
    padding: 30px 0;
    border-radius: 3px;}
.iframe_pc iframe{
	display:block;
	background:#ffffff;
	margin:0 auto;}
/*-----/iframe-----*/



/*-----character_detail-----*/	
.character_detail{
	background:url(../../kfc/images/kfc_character_detail.jpg) top center no-repeat;
	height:920px;}
.character_detail h2,
.character_detail p{
	text-indent:-9999px;}
.character_detail p.character{
	background:#78181A;
	opacity:0.7;
    width: 960px;
    margin: 0 auto 0;
    position: relative;}
.character_detail p.character a{
	display: block;
    width: 400px;
    height: 511px;
    position: absolute;
    top: 316px;
    right: 0;}
.character_detail ul{
	background:none;
	display:block;
	width:920px;
	margin:0 auto 0;
	position:relative;}
.character_detail ul li{
	background:none;
	width: 150px;
    height: 253px;
    position: absolute;
    padding: 0;}
.character_detail ul li.capture_1{
	background:url(../../kfc/images/kfc_stage_1_thumnail.png) top center no-repeat;
	top: 360px;
    left: 3px;}
.character_detail ul li.capture_2{
	background:url(../../kfc/images/kfc_stage_2_thumnail.png) top center no-repeat;
	top:360px;
	left:163px;}
.character_detail ul li.capture_3{
	background:url(../../kfc/images/kfc_stage_3_thumnail.png) top center no-repeat;
	top:360px;
	left:324px;}
.character_detail ul li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/character_detail-----*/



/*-----monster_strike_detail-----*/	
.monster_strike_detail{
	color: #ffffff;
    background: #000000;
    height: 400px;
    padding: 48px 0 0;
    position: relative;}
.monster_strike_detail h2{
	color: #ffffff;
    font-size: 190%;
    /* font-weight: bold; */
    line-height: 1.8;
    background: url(../../kfc/images/kfc_title_icon.png) left center no-repeat;
    background-size: 40px 40.5px;
    width: 900px;
    margin: 0 auto;
    padding: 0 0 0 50px;}
.monster_strike_detail p{
	background: #000000 url(../../kfc/images/sp_kfc_monster_strike_detail.png) 85px 0 no-repeat;
	color: #ffffff;
    font-weight: normal;
    width: 470px;
	padding:0 490px 0 0;
    margin: 25px auto 0}
.monster_strike_detail p a{
	color:#ffffff;
	text-decoration:underline;}
.monster_strike_detail ul{
	display:block;
	background:none;
	/*background:url(../../kfc/images/sp_kfc_monster_strike_detail.png) top center no-repeat;*/
	width:960px;
	margin:25px auto 0;
	position:relative;}
.monster_strike_detail ul li{
	display:none;
	background:none;
	text-indent:-9999px;
	width: 125px;
    height: 227px;
	position:absolute;}
.monster_strike_detail ul li.capture_1{
	top: 13px;
    right: 290px;}
.monster_strike_detail ul li.capture_2{
	top: 13px;
	right: 132px;}
.monster_strike_detail ul li.capture_3{
	top: 13px;
	right: -28px;}
.monster_strike_detail ul li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/monster_strike_detail-----*/



/*-----footer-----*/	
.footer{
	background:#111111;
	width:auto;
	margin: 0 0 -20px;
    padding: 0 0 20px 0;}

.footer .customer_support_link{
	background:#292929;}
.footer .customer_support_link ul{
	background: none;
    width: 259px;
    margin: 0 auto;
    padding: 0;
    position: relative;}
.footer .customer_support_link ul li{
	display: inline-block;
    background: none;
    height: auto;
    margin: 2em 0.5em 2em 0.5em;
    padding: 0 1em 0 0;
    border-right: 1px #bbbbbb solid;}
.footer .customer_support_link ul li:last-child {
    padding-right: 0;
    border-right: none;}
.footer .customer_support_link ul li a{
	display: block;
    color: #ffffff;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    height: 100%;}
.footer .official_site_link{
    height: 73px;
    margin: 38px auto 0;}
.footer .official_site_link ul{
	background:none;
	width:560px;
	margin:0 auto;
	position:relative;}
.footer .official_site_link ul li{
	display: block;
    background: none;
    width: 184px;
    height: 60px;
    padding: 0;
    position: absolute;}
.footer .official_site_link ul li.official{
	background:url(../../kfc/images/bn_offcial.png) top center no-repeat;
	background-size:100%;
	top: 14px;
    left: -2px;}
.footer .official_site_link ul li.youtube_link{
	background:url(../../kfc/images/bn_youtube.png) top center no-repeat;
	background-size:100%;
	top:14px;
	left:187px;}
.footer .official_site_link ul li.facebook{
	background:url(../../kfc/images/bn_facebook.png) top center no-repeat;
	background-size:100%;
	top:14px;
	left:376px;}
.footer .official_site_link ul li a{
	display: block;
	width:100%;
	height:100%;}
	
.footer p.xflag_link a {
   display: block;
    background: url(//xflag.com/tw/common/images/promotion_logo_xflag.png) top center no-repeat;
    background-size: 100%;
    width: 100px;
    height: 115px;
    margin: 40px auto 30px auto;
    text-indent: -9999px;}
.footer address {
	color:#ffffff;
	text-align:center;
    font-size: 0.7rem;
    /*font-weight: bold;*/}
/*-----/footer-----*/

	
	
	


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*---Fancybox_start---*/
#fancybox-outer{
	background:#000000 !important;}
#fancybox-content{
	border-color:#000000 !important;}



/*----Bxslider_start----*/
.lodingbox_optimize{
	position:relative;
	overflow:hidden;}
.library_optimize .loadingcontents{
	position:absolute;}
.library_optimize .bx-wrapper .bx-viewport{
	background:none !important;
	border:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	margin:0 0 0 5px !important;}
.library_optimize .bx-wrapper .bx-pager.bx-default-pager a:hover,
.library_optimize .bx-wrapper .bx-pager.bx-default-pager a.active{}
.bx-controls-direction{}
.bx-controls-direction:hover{
	display:block;}



/*ss*/	
.quest .library .library_optimize{
	width:900px;
	margin:25px auto 0 auto !important;}
	
.quest .library .library_optimize .bx-wrapper{
	margin:0 !important;
	padding:0 !important;}
	
.quest .library .library_optimize li{
	width:260px;
	padding:0 10px 0 10px;}
	
.library span{
	display:block;
	border:none;}
.library li:first-child span{}
.library img{
	-ms-filter:"alpha( opacity=50 )";
	filter:alpha( opacity=50 );
	opacity:0.5;
	width:278px;
	border:1px solid #be1a21;}
.library img:hover{
	-ms-filter:"alpha( opacity=100 )";
	filter:alpha( opacity=100 );
	opacity:1;}
	
.library .bx-pager .bx-default-pager,
.library .bx-pager-item{
	display:none !important;}

.library .bx-wrapper .bx-viewport{
	background:transparent;
	border:none;
	box-shadow:none;}
	
.library .bx-wrapper .bx-prev,
.library .bx-wrapper .bx-next{
	display:none;}
.library .bx-wrapper .bx-viewport,{
	background:none !important;
	border:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	margin:0 0 0 5px !important;}
.library .bx-wrapper .bx-pager.bx-default-pager a:hover,
.library .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#86e817 !important;}
.bx-controls-direction{}
.bx-controls-direction:hover{
	display:block;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/