@charset "utf-8";
/* CSS Document */

body{ 
	margin:0; padding:0;
	font-family: Microsoft JhengHei,"微軟正黑體";
	background-color:#00001f;
	overflow-x:hidden;
	
  }
img{ 
	width:100%;
	vertical-align:top;
}
h1,h2,h3,h4,h5,p,a {
	text-justify:auto;
	text-decoration:none;
	text-align:justify;
	font-family: Microsoft JhengHei,"微軟正黑體";
	}

	#logo {
		width: 73px;
	}
	#fb {
		width: 39px;
	}

/*menu設定*/
	#wrapper {
		width: 100%;
	}

	.wrapper {
		width: 100%;
		max-width: 1200px;
		padding: 0 25px;
		margin: 0 auto;
	}

	#header {
		background: #fff;
		/*position: fixed;
	    width: 100%;
	    z-index: 9999;*/
	}

	#header .wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 15px 0;
	}

	ul#nav_main {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	ul#nav_main li {
		margin-left: 70px;
		font-size: 24px;
		font-weight: bold;
	}

	ul#nav_main li a {
		color: #040431;
		transition: .2s;
		text-decoration: none;
	}

	ul#nav_main li:hover a, ul#nav_main li.active a {
		color: #040431;
		text-decoration: none;
	}

	ul#nav_main li img {
		height: 39px;
	}

	#open {
		display: none;
	}




.container-pc {
	display:none;
}
.fix-btn {
	width: 77px;
	position: fixed;
	bottom: 20px;
	right: 0;
	margin-top: -2.5em;
	z-index: 5;
}

.mb-top,
.mb-event,
.mb-monster,
.mb-notice {
	position: relative;
	max-width: 100%;
}
.mb-title,
.mb-sub,
.mb-fire-01,
.mb-fire-02,
.mb-kv-monster,
.mb-globe,
.mb-event-title,
.mb-event-txt,
.mb-event-gift,
.mb-monster-title,
.mb-monster-intro-01,
.mb-monster-01,
.mb-monster-intro-02,
.mb-monster-02,
.mb-notice-box,
.mb-monster-01-stone,
.mb-monster-02-stone {
	position: absolute;
}
/*手機板投區塊設定*/
.mb-title {
	width: 300px;
	max-width: 100%;
	margin: auto;
	top: 5%;
	left: 0;
	right: 0;
}
.mb-sub {
	background: url(../images/mb/mb-sub.png) no-repeat;
	width: 250px;
	height: 51px;
	margin: 10px auto;
	-webkit-animation: giftbtn-mb .5s steps(2) infinite alternate;
	animation: giftbtn-mb .5s steps(2) infinite alternate;
	left: 0;
    right: 0;
    top: 30%;
}
/*按鈕_動畫*/
@-webkit-keyframes giftbtn-mb {
	from { 
		background-position:    0px;
	   	transition:all 1s; 
	   }
	to { 
		background-position: -500px; 
	}
}

@keyframes giftbtn-mb {
	from { 
		background-position:    0px;
	   	transition:all 1s; 
	   }
	to {
		background-position: -500px; 
	}
} 
.mb-fire-01{
	width: 50px;
	left: 5%;
	top: 45%;
}
.mb-kv-monster {
	left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    top: 44%;
    z-index: 2;
	animation: ship 15s cubic-bezier(0.3, 0, 0.63, 0.95) infinite;
}
	@keyframes ship {
	  0% {
	    transform: translateX(-30px);
	    -webkit-transform: rotate(-1deg);
	    -moz-transform: rotate(-1deg);
	    -ms-transform: rotate(-1deg);
	    -o-transform: rotate(-1deg);
	    transform: rotate(-1deg);
		}

		16% {
		    transform: translateX(-45px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
			}
		33% {
		    transform: translateX(-40px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
			}
		50% {
		    transform: translateX(-50px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
		}
		66% {
		    transform: translateX(-45px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
		}
		83% {
		    transform: translateX(-40px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
		}
		100% {
		    transform: translateX(-30px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
		}

	} 
.mb-globe {
	z-index: 1;
	left: 5%;
    bottom: 0;
    width: 150px;
}
.mb-fire-02{
	width: 70px;
	bottom: 12%;
	right: 5%
}
/*手機活動區塊設定*/
.mb-event-title {
	width: 280px;
    left: 0;
    right: 0;
    margin: auto;
    top: 1%;
}
.mb-event-txt {
	top: 8%;
    width: 350px;
    left: 0;
    right: 0;
    margin: auto;
}
.mb-event-gift {
	width: 300px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
}
/*手機腳色介紹區塊設定*/
.mb-monster-title {
    width: 280px;
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}
.mb-monster-intro-01,
.mb-monster-intro-02 {
	left: 0;
    right: 0;
    margin: auto;
    width: 200px;
}
.mb-monster-intro-01 {
	top: 95px;
}
.mb-monster-01,
.mb-monster-02 {
	width: 340px;
    left: 0;
    right: 0;
    margin: auto;
}
.mb-monster-01 {
	top: 315px;
	z-index: 2;
}
.mb-monster-intro-02 {
	top: 725px;
}
.mb-monster-02 {
	top: 920px;
	z-index: 2;
}



.mb-monster-01-stone {
	left: 0;
	right: 0;
	margin: auto;
	width: 250px;
	top: 550px;
	z-index: 1;
}
.mb-monster-02-stone {
	left: 0;
	right: 0;
	margin: auto;
	width: 250px;
	z-index: 1;
	top: 1210px;
}
/*手注意事項區塊設定*/
.mb-notice-box {
	width: 350px;
    left: 0;
    right: 0;
    margin: auto;
    top: 5%;
}

.mb-notice-txt {
	position: absolute;
    color: white;
    width: 300px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    height: 340px;
    top: 16%;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1.8em;
	font-size: 16px;
	-webkit-overflow-scrolling: touch;
}
.mb-notice-txt::-webkit-scrollbar {
      width: 15px;
      -webkit-appearance: none;
}
.mb-notice-txt::-webkit-scrollbar-track {
      background-color: rgba(0,0,0,0);
} 

.mb-notice-txt::-webkit-scrollbar-thumb {
      background-color: #ee5a29; 
}
.mb-notice-txt::-webkit-scrollbar-button {
      background-color: rgba(0,0,0,0);
}


.mb-notice-txt p {
	padding: 0 10px;
	font-size: 14px;
	text-align: left;
}


/*320手機*/
@media screen and (max-width: 320px) {

	.mb-sub {
		top: 35%;
	}
	.mb-kv-monster {
		width: 280px;
		top: 50%;
	}
	.mb-fire-01 {
		top: 50%;
	}
	.mb-globe {
		width: 100px;
	}
	.mb-fire-02 {
		bottom: 2%;
		width: 65px;
	}
	.mb-event-title {
		top: 4%
	}
	.mb-event-txt {
    	top: 13%;
    	width: 300px;
	}
	.mb-event-gift {
		width: 240px;
	}
	.mb-monster-intro-01,
	.mb-monster-intro-02  {
		width: 180px;
	}
	.mb-monster-01,
	.mb-monster-02 {
		width: 300px;
		z-index: 2;
	}
	.mb-monster-01 {
	    top: 300px;
	}
	.mb-monster-01-stone {
		
		width: 200px;
		top: 500px;
	}
	.mb-monster-02 {
		top: 810px;
	}
	.mb-monster-intro-02 {
		top: 635px;
	}
	.mb-monster-02-stone {
		
		width: 200px;
		top: 1065px;
	}
	.mb-notice-box {
		width: 300px;
	}
	.mb-notice-txt {
		width: 260px;
		height: 275px;
		top: 16%;
	}
}
/*414手機*/
@media screen and (min-width: 411px) {
	
	.mb-kv-monster {
		width: 320px;
	}
	.mb-globe {
		bottom: 2%;
	}
	.mb-event-gift {
		width: 340px;
	}
	.mb-monster-title{
		top: 35px;
	}
	.mb-monster-intro-01,
	.mb-monster-intro-02 {
		width: 280px;
	}
	.mb-monster-01 {
	 	top: 415px;
	}
	.mb-monster-intro-01 {
	 	top: 105px;
	}
	.mb-monster-intro-02 {
	 	top: 820px;
	}

	.mb-monster-01-stone {
		top: 650px;
	}
	.mb-monster-02-stone {
		top: 1390px;
	}
	 .mb-monster-02 {
	 	top: 1100px;
	 }
	 .mb-notice-box {
	 	width: 380px;
	 }
	 .mb-notice-txt{
	 	width: 340px;
	 }
}


/*平板768*/
@media screen and (min-width: 768px) {
	.mb-title {
		width: 470px;
		top: 15%;
	}
	.mb-sub {
		top: 35%;
	}
	.mb-fire-01 {
		width: 83px;
		left: 15%;
    	top: 40%;
	}
	.mb-kv-monster {
		width: 546px;
		top: 43%;
	}
	.mb-fire-02 {
		width: 88px;
		bottom: 23%;
    	right: 13%;
	}
	.mb-globe {
		width: 208px;
		bottom: 7%;
	}
	.mb-event-txt {
		width: 552px;
	}
	.mb-event-gift {
		width: 454px;
		bottom:20%;
	}
	.mb-monster-title {
		top: 0;
	}
	.mb-monster-intro-01, 
	.mb-monster-intro-02 {
		width: 300px;
	}
	.mb-monster-01{
		width:550px;
		top: 17%
	}
	.mb-monster-01-stone {
		width: 489px;
		top: 32%;
	}
	.mb-monster-intro-02 {
		top: 50%;
	}
	.mb-monster-02 {
		width: 566px;
		top: 62%;
	}
	.mb-monster-02-stone {
		width: 493px;
		top: 80%;
	}
	.mb-notice-box {
		width: 552px;
	}
	.mb-notice-txt {
		width: 500px;
		height: 500px;
	}
	.fix-btn {
		width: 144px;
		right: 5%;
	}

	.clear-fix {
	display: block;
	content: '';
	clear: both;
	}
	.container-pc {
		width: 100%;
		max-width: 1980px;
	}
	.container-pc .wrap-pc {
		position: relative;
		height: 1153px;
	}
	.container-pc .wrap-pc,
	.wrap {
		width: 1060px;
		margin: auto;
		max-width: 100%;
	}

	/*PC版頭*/
	.pc-top {
		background:url(../images/pc/pc-top-bg.jpg) no-repeat;
		height: 1153px;
		background-position: center;
	}
	.pc-title,
	.pc-sub,
	.pc-point,
	.pc-fire-01,
	.pc-kv-monster,
	.pc-globe,
	.pc-fire-02  {
		position: absolute;	
	}
	.pc-title {
		width: 602px;
	    left: 0px;
	    top: 80px;
	    right: 0;
	    margin: auto;
	}
	.pc-sub a {
		cursor: pointer;
	}
	.pc-sub {
		background: url(../images/pc/sub-point.png) no-repeat;
		height: 74px;
		position: absolute;
		width: 455px;
		left: 0;
		right: 0;
		margin: auto;
		top: 330px;
		-webkit-animation: giftbtn .5s steps(2) infinite alternate;
		animation: giftbtn .5s steps(2) infinite alternate;	
	}
	/*按鈕_動畫*/
	@-webkit-keyframes giftbtn {
	   from { background-position:    0px;
	   		  transition:all 1s; }
	     to { background-position: -910px; }
	}

	@keyframes giftbtn {
	   from { background-position:    0px;
	   		  transition:all 1s; }
	     to { background-position: -910px; }
	} 

	.pc-fire-01 {
		width: 150px;
	    left: 20px;
	    top: 400px;
	}
	.pc-fire-02 {
		width: 164px;
		right: 38px;
		top: 890px;
	}
	.pc-kv-monster {
		width: 740px;
	    left: 0;
	    right: 0;
	    top: 435px;
	    z-index: 2;
	    margin: auto;
	}
	.pc-globe {
		width: 387px;
		left: 50px;
		top: 715px;
		z-index: 1;
	}
	/*PC活動辦法*/
	.pc-event {
		background:url(../images/pc/pc-event-bg.jpg) no-repeat;
		height: 963px;
		background-position: center;
	}
	.pc-event-title,
	.pc-monster-title {
		width: 477px;
		margin: auto;
	}
	.pc-event-txt {
		width: 700px;
		max-width: 100%;
		margin: auto;
		font-size: 18px;
		color: #fff7e2;
		margin-top: 70px;
	}
	.pc-event-txt p{
		padding-bottom: 25px;
	}
	.pc-event-txt p span {
		border-radius:50px;
		width:120px;
		height:37px;
		background-color:#f07146;
		display: inline-block;
	    padding-left: 25px;
	    padding-top: 6px;
	    margin-right: 15px;
	}
	.pc-event-gift {
		width: 977px;
		margin: auto;
	}
	.pc-winner-01,
	.pc-winner-02 {
		width: 340px;
		max-width: 100%;
		float: left;
	}
	.pc-winner-01 {
		margin-right: 30px;
		margin-left: 15px;
	}
	.pc-winner-02 {
		margin-left: 30px;
	}
	/*角色設定*/
	.pc-monster {
		background:url(../images/pc/pc-monster-bg.jpg) no-repeat;
		height: 1923px;
		background-position: center;
	}
	.pc-monster-01,
	.pc-monster-02 {
		position: relative;
		width: 1000px;
		max-width: 100%;
		margin: auto;
		margin-top: 10px;
	}
	.pc-monster-01 {
		height: 800px;
	}
	.pc-monster-02 {
		height: 917px;
	}
	.pc-monster-01-pic,
	.pc-monster-02-pic {
		 position: absolute;
		 z-index: 2;
	}
	.pc-monster-01-pic {
		width: 643px;
	    left: 0;
	    top: 41%;
	    right: 0;
	    margin: auto;
	}
	.pc-monster-02-pic {
		width: 643px;
	    right: 0;
	    left: 0;
	    margin: auto;
	    top: 50%;
	}
	.pc-monster-01-intro,
	.pc-monster-02-intro {
		width: 300px;
	    position: absolute;
	}
	.pc-monster-01-intro {
	        right: 0;
	    top: 0;
	    left: 0;
	    margin: auto;
	}
	.pc-monster-02-intro {
		left: 0;
	    top: 20%;
	    right: 0;
	    margin: auto;
	}
	.pc-monster-01-stone,
	.pc-monster-02-stone  {
	    position: absolute;
	   	z-index: 1;  
	}
	.pc-monster-01-stone {
		width: 300px;
	    top: 100%;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	.pc-monster-02-stone {
		width: 300px;
	    right: 0;
	    top: 110%;
	    left: 25%;
	}
	/*注意事項*/
	.pc-notice .wrap {
		padding-top: 100px;
	}
	.pc-notice {
		background:url(../images/pc/pc-notice-bg.jpg) no-repeat;
		height: 1080px;
		background-position: center;
	}

	.pc-notice-title {
		width: 700px;
		height: 800px;
		background:url(../images/pc/event-768.png) no-repeat;
		background-position: center;
		margin:75px auto 0; 
		
	}
	.pc-notice-title .txt {
		color: #fff7e2;;
	    padding: 80px 30px 0;
	    font-size: 13px;
    	line-height: 2.5em;
	}

}

/*桌機996*/

@media screen and (min-width: 996px) {
	.container-pc {
		display:block;
	}
	.container-mb {
		display:none;
	}
	.fb-mb,
	.menu-mb {
		display: none;
	}
	/*PC版頭*/
	.pc-fire-01 {
		width: 178px;
		top: 410px;
	}
	.pc-fire-02 {
		right: 65px;
		top: 870px;
	}
	.pc-kv-monster {
		width: 780px;
    	left: 0;
		top: 435px;
		animation: ship 15s cubic-bezier(0.3, 0, 0.63, 0.95) infinite;
	}
	@keyframes ship {
	  0% {
	    transform: translateX(-30px);
	    -webkit-transform: rotate(-1deg);
	    -moz-transform: rotate(-1deg);
	    -ms-transform: rotate(-1deg);
	    -o-transform: rotate(-1deg);
	    transform: rotate(-1deg);
		}

		16% {
		    transform: translateX(-45px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
			}
		33% {
		    transform: translateX(-40px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
			}
		50% {
		    transform: translateX(-50px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
		}
		66% {
		    transform: translateX(-45px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
		}
		83% {
		    transform: translateX(-40px);
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    -ms-transform: rotate(1deg);
		    -o-transform: rotate(1deg);
		    transform: rotate(1deg);
		}
		100% {
		    transform: translateX(-30px);
		    -webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    -ms-transform: rotate(-1deg);
		    -o-transform: rotate(-1deg);
		    transform: rotate(-1deg);
		}

	} 
	/*PC活動辦法*/

	.pc-event-txt {
		width: 850px;
	}
	.pc-winner-01,
	.pc-winner-02 {
		width: 454px;
		max-width: 100%;
		float: left;
	}
	.pc-winner-01 {
		margin-left: 0;
	}
	/*角色設定*/
	
	.pc-monster-01,
	.pc-monster-02 {
		margin-top: 65px;
	}
	.pc-monster-01-pic {
		width: 550px;
    	left: 45px;
		top: 0;
	    right: 0;
	    margin: 0;
	}
	.pc-monster-02-pic {
		width:550px;
		right: 30px;
	    margin: 0;
	    left: auto;
	    top: 0;
	}
	.pc-monster-01-intro,
	.pc-monster-02-intro {
		width: 300px;
	}
	.pc-monster-01-intro {
	    top: 90px;
	    left: 57%
	}
	.pc-monster-02-intro {
		left: 80px;
		top: 125px;
	    margin: 0;
	}
	.pc-monster-01-stone {
		width: 500px;
		top: 440px;
		left: 45px;
		right: auto;
	    margin: 0;
	}
	.pc-monster-02-stone {
		width: 500px;
		right: 50px;
	    top: 500px;
	    left: auto;
	}
	/*注意事項*/
	.pc-notice .wrap {
		padding-top: 10px;
	}
	.pc-notice {
		background:url(../images/pc/pc-notice-bg.jpg) no-repeat;
		height: 1080px;
		background-position: center;
	}

	.pc-notice-title {
		width: 1000px;
		height: 876px;
		background:url(../images/pc/event.png) no-repeat;
		background-position: center;
	}
	.pc-notice-title .txt {
		color: #fff7e2;
	    font-size: 18px;
	    padding: 80px 30px 0;
	    line-height: 2em;
	}
	.pc-notice-title {
		margin-top: 0;
	}
	#logo{
		margin-left: 15px;
	}
	.fb-pc {
		margin-right: 15px;
	}
}

@media screen and (max-width: 995px) {
	.fb-mb,
	.menu-mb {
		display: block;
	}
	.all {
		margin-top: 67px;
	}

	#wrapper {
		margin-top: 75px;
	}

	#header {
		position: fixed;
		top: 0;
		right: 0;		
		width: 100%;
		z-index: 999999999;
	}

	#open {
		display: block;
		width: 35px;
    	margin-right: 10px;
	}

	ul#nav_main {
		position: fixed;
		top: 75px;
		right: 0;
		padding: 0;
		width: 100%;
		height: 0;
		flex-direction: column;
		background: rgba(0,0,0,.9);
		overflow: hidden;
		transition: .2s;
	}

	ul#nav_main.show {
		padding: 50px 0;
		height: calc( 100% - 65px );
		text-align: center;
	}

	ul#nav_main li {
		margin-left: 0px;
		line-height: 70px;
	}

	ul#nav_main li a {
		color:#fff;
	}

	ul#nav_main li:hover a, ul#nav_main li.active a {
		color:#fff;
	}

	ul#nav_main {
		top: 67px;
	}
	#logo {
		width: 50px;
		margin-left: 10px;
	}
	ul#nav_main li img {
		margin-top: 15px;
	}

	#header .wrapper {
		padding: 10px 0;
	}
	.modal {
		top: 67px;
	}
	.fb-pc,
	.menu-pc{
		display: none;
	}
}
@media screen and (min-width: 1366px) {
	.pc-kv-monster {
		width: 880px;
		left: 200px;
	}
	

	.pc-fire-01 {
		top: 490px;
	}
	.pc-fire-02 {
		right: 0px;
		top: 1000px;
	}
	.pc-monster-01-pic {
		width: 643px;
		left: -65px;
	}
	.pc-monster-02-pic {
		width: 664px;
		right: -65px;
	    margin: 0;
	    left: auto;
	    top: 0;
	}
	.pc-monster-01-stone {
		width: 569px;
		left: -25px;
	}
	.pc-monster-02-stone {
		width: 588px;
		right: 15px;
	    top: 600px;
	    left: auto;
	}
	.pc-monster-01-intro,
	.pc-monster-02-intro {
		width: 349px;
	}
	.pc-monster-01-intro {
	    right: 0;
	    top: 90px;
	    left: auto;
	    margin: 0;
	}
	.pc-monster-02-intro {
		left: 0;
		top: 125px;
		 right: auto;
	    margin: 0;
	}
	.pc-notice-title {
		width: 1000px;
		height: 876px;
		background:url(../images/pc/event.png) no-repeat;
		background-position: center;
	}
	.pc-event-txt {
		width: 977px;
	}

}
/*foot設定*/
.footer {

	height: 50px;
	background-color: #00001e;
}
.footer .txt p {
	color:#fff;
	text-align: center;
	font-size: 14px;
	padding-top: 15px;
}
.footer .txt p a {
	text-decoration: underline;
	color: #fff;
}

/*隱私設定*/
.btn-primary,
.btn-primary.active, 
.btn-primary:active, 
.open>.dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary.focus, 
.btn-primary:focus,
.btn-primary:active:focus {
	background-color: #00001e;
	border:none;
}
.modal-header .close {
	margin-top: -23px;
}
.modal-title {
	text-align: center;
}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #00001e;
	border:none;
}
.footer .btn {
	padding-left: 5px;
	padding-right: 5px;
}
/*彈出後遮罩的黑底*/
 .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}