@charset "utf-8";
/* CSS Document */
body{font:17px/24px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif;color: #c1c1c1;padding: 0;margin: 0;}
* {padding: 0;margin: 0;}
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
img {max-width: 100%;}

/*--------------------*/
.detail{ width:1200px; margin:0 auto;}


.starBanner{color: #fff; background:url(../images/star-wars/bg1.jpg) no-repeat top center, url(../images/star-wars/bg2.jpg) no-repeat center bottom; height: 872px;}
.starBanner .mess{font-size: 31px;padding: 105px 0 10px;}
h1{font-size: 70px;line-height: 75px;}
h1 span{font-size: 100px;color: #ffde28;font-weight: bold; line-height: 90px;}
h1 img{margin-bottom: 10px;}
h3{font-size: 26px;padding: 100px 0 30px;}
.starBanner p{color: #c1c1c1; width: 500px;}
.num{line-height: 39px;padding: 28px 0 22px;}
.num span{font-size: 30px;color: #ff4a12;text-align: center; display: inline-block;padding: 0 0 0 7px; line-height: 39px;letter-spacing:17px; background: url(../images/star-wars/num.png) no-repeat center left;}
.starBanner .btn{ padding:30px 0;}
.starBanner .btn a{color: #fff; font-size: 21px; width:190px; background:#286fff; border:1px dashed #286fff; text-align: center;line-height: 45px; display: inline-block;}
.starBanner .btn a:hover{text-decoration: none;}
.starBanner .btn a.trail{ margin-left:10px; background:none; border:1px dashed #fff;}
.starBanner .btn a.trail img{padding-left:10px;}
.starBanner .note{font-size: 15px; color: #525252;padding: 8px 0 0;}

.starBanner .mobile-email {display: none;margin-top: 15px;text-align: center;}
.starBanner .mobile-email input{width: 80%;line-height: 50px;background: #ffffff;border: 1px solid #78787a;color: #ffffff;padding: 0 15px;border-radius: 5px; box-sizing: border-box;}
.starBanner .mobile-email span{width: 80%; display:inline-block; line-height: 50px;margin: 5px 0 0; background: #286fff;cursor: pointer; color: #fff;border-radius: 5px; font-size:20px;font-weight: bold;}


/*-----------*/
.winBar{background:url(../images/star-wars/bg3.jpg) no-repeat top center #16171a;height: 206px;position: sticky; top: 0;z-index: 999;}
.winBar ul{display: flex;justify-content: space-around;}
.winBar ul li{text-align: center;}
.winBar ul li a{color: #999;}
.winBar ul li img{border: 1px solid #191a1e;}
.winBar ul li p{padding: 10px 0 0;}
.winBar ul li p span{color: #ffde28;}
.winBar ul li:hover p:after,.winBar ul li.focus p:after{content: "";display: inherit;width: 0;height: 0; margin: 0 auto; border-top:16px solid #ffde28;border-left: 17px solid transparent;border-right: 17px solid transparent;}
.winBar ul li:hover a,.winBar ul li.focus a{color: #ccc;text-decoration: none;}
.winBar ul li:hover img,.winBar ul li.focus img{border: 1px solid #ffde28;}
/*-----------*/
.phoBox{padding: 75px 0;color: #000;}
.phoBox h2{font-size: 31px; text-align: center;}
.phoBox .imgBox{padding: 40px 0 30px;display: flex; flex-wrap: wrap;justify-content:space-around;}
.phoBox .imgBox p{padding: 19px 0; width: 250px; height: 180px; line-height:180px; text-align:center;}
.phoBox .imgBox p img{ max-height:100%;}
.phoBox .page{text-align: center;font-size: 21px;}
.phoBox .page a{color: #000;display: inline-block;width: 38px;line-height: 31px;cursor: pointer;}
.phoBox .page a:hover{text-decoration: none;}
.phoBox .page a.on{background: #ffde28;}


/*************************/
.MainFoot { background:#1f222a; color:#6a7480; text-align:center;}
.MainFoot p { padding:3px 0;  }
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:auto; line-height:38px; font-style:normal;}
.MainFoot p img {vertical-align: middle;}
.MainFoot h6 { font-size:13px; padding:8px 100px 0;font-weight: 500;}



@media (max-width: 979px) {
	body{text-align: left;}
    .detail {width: 96%;}
    
    h1 span{font-size: 89px;}
	/*----------*/
    

	.MainFoot h6{padding: 8px 0 0;}

}

@media (max-width: 767px) {

	h1{font-size: 50px;}
	h1 span{font-size: 54px;line-height: 80px;}
	.starBanner p{width: 90%;}
	.starBanner .mess{font-size: 29px; padding: 75px 0 10px;}
    /*----------*/
    
}

@media  (max-width: 479px) {


	h1{font-size: 37px;}
	h1 span{font-size: 42px;line-height: 50px;}
	.starBanner .note{color: #5e5d5d;}
	.starBanner .mess{font-size: 23px; padding: 55px 0 10px; line-height: 30px;}
    .starBanner .num{display: none;}
    .starBanner .btn .trail{display: none;}
    
    /*----------*/
    .winBar{height: auto; padding-bottom: 20px;}
    .winBar ul{flex-wrap: wrap;}
    .winBar ul li{width: 31%;}
    /*----------*/
   
}