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

@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);

* {margin:0px; padding:0px;}
body {background:#b6d3ff;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}
#back:hover img {animation-name:fadeOutUp; animation-duration:0.5s;}

#layout {position:relative;}

header {height:489px; margin-top:40px; }
header img {display:block; width:980px; height:auto; margin:auto;}

#tp_aten {display:block; width:980px; margin:auto; box-sizing:border-box; padding:20px 0px;}
#tp_aten p:first-child {font-size:50px; line-height:60px; color:#ef1c8a; font-family:'cwTeXYen',sans-serif; text-align:center;}
#tp_aten p:first-child+p {font-size:36px; line-height:40px; color:#ef1c8a; font-family:'cwTeXYen',sans-serif; text-align:center;}
#tp_aten a {display:block; width:70px; text-align:center; font-size:17px; line-height:20px; color:white; font-family:'cwTeXYen',sans-serif;}

#info {display:block; width:980px; margin:auto; padding:15px 0px;}
#info p {font-size:17px; line-height:24px; color:white; font-family:'cwTeXYen',sans-serif;}


nav {display:block; width:auto; margin:auto; padding:15px; background:#ef1c8a; }
nav a {display:inline-block; width:150px; margin:0px 10px; background:#005eb8; color:white; text-align:center; font-family:'cwTeXYen',sans-serif; font-size:30px; line-height:50px; text-decoration:none; border-radius:20px; cursor:pointer;}
/* nav a.slec {background:orangered;} */
/* nav a:hover {background:orangered;} */


/*.block-menu {display:block; width:100%; margin:auto; text-align:center; background:#FFF; padding:10px;}*/
.fadeInDown { width:100%; top:38px!important;}
/*.block-menu a {display:inline-block; width:150px; margin:0px 10px; background:indigo; color:white; text-align:center; font-family:'cwTeXYen',sans-serif; font-size:30px; line-height:50px; text-decoration:none; border-radius:20px; cursor:pointer;}
.block-menu a.slec {background:orangered;}
.block-menu a:hover {background:orangered;}*/


.block-menu {
	width: 100%;
	height: 60px;
	clear: both;
	background: #ef1c8a;
	z-index: 10;
	margin-top: 0px;
}

.block-menu ul {
	text-align: center;
    padding-top: 7px;
    width: 100%;
    max-width: 840px;
    height: 50px;
    margin: auto;
    
}

.block-menu li {
	display: inline-block;
}

.block-menu li a {
	border-radius: 20px;
	background:#005eb8;
	color:#ffffff;
	display: inline-block;
	height:100%;
	padding: 10px 20px;
	font-size: 18px;
	font-family:微軟正黑體,sans-serif
}

.block-menu li a:hover,.block-menu a.active  {
	background:#ff85c9;
}


#gds {width:980px; margin:auto;}
#gds a {display:inline-block; width:400px; box-sizing:border-box; padding:5px; margin:20px; background:white; border:5px solid #b31458; text-decoration:none; position:relative;}
#gds a:hover {border:5px solid deeppink;}
#gds a p.b1g1 {font-size:35px; line-height:45px; font-family:'cwTeXYen',sans-serif; background:#d93564; color:white;}
#gds a p.buy {font-size:35px; line-height:40px; font-family:'cwTeXYen',sans-serif; color:black;}
#gds a p.get {font-size:40px; line-height:40px; font-family:'cwTeXYen',sans-serif; color:#c00; font-weight:bold;}
#gds a p.mny {font-size:30px; line-height:40px; font-family:'cwTeXYen',sans-serif; color:black;}
#gds a p.mny font {font-size:60px; line-height:70px; color:red; font-family:Arial,'cwTeXYen',sans-serif; font-weight:bold;}

#gds a p.btn {font-size:30px; width:50%;line-height:40px; font-family:'cwTeXYen',sans-serif; color:white;background-color:#00b0f0;border-radius:10px;}
#gds a p.bnt font {font-size:60px; line-height:70px; font-family:Arial,'cwTeXYen',sans-serif; font-weight:bold;}

#gds a .lock {position:absolute; width:100%; height:100%; z-index:10; top:0px; left:0px; background:url(../images/bg_bk.png) repeat; font-size:40px; line-height:50px; font-family:'cwTeXYen',sans-serif; color:white; text-shadow:0px 0px 10px black;}
.img { padding:5px 0px;}

h2.during {font-size:40px; text-align:center; font-family:'cwTeXHei', MS PGothic; color:red; margin:30px 0px 0px 0px; }

#gds2 {width:980px; margin:auto;}
#gds2 a {display:inline-block; width:380px; box-sizing:border-box; padding:5px; margin:20px; background:white; border:6px solid #002060; text-decoration:none; position:relative;border-radius:50px;}
#gds2 a:hover {border:5px solid deeppink;}
#gds2 a p.b1g1 {font-size:35px; line-height:45px; font-family:微軟正黑體,sans-serif; background:#d93564; color:white;}
#gds2 a p.buy {font-size:20px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds2 a p.get {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:#002060; font-weight:bold;}
#gds2 a p.mny {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds2 a p.mny font {font-size:40px; line-height:70px; color:red; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}
#gds2 a p.btn {font-size:30px; width:50%;line-height:40px; font-family:微軟正黑體,sans-serif; color:white;background-color:#00b0f0;border-radius:10px;}
#gds2 a p.bnt font {font-size:60px; line-height:70px; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}

#gds3 {width:980px; margin:auto;}
#gds3 a {display:inline-block; width:380px; box-sizing:border-box; padding:5px; margin:20px; background:white; border:6px solid #ff5e00; text-decoration:none; position:relative;border-radius:50px;}
#gds3 a:hover {border:6px solid deeppink;}
#gds3 a p.b1g1 {font-size:35px; line-height:45px; font-family:微軟正黑體,sans-serif; background:#d93564; color:white;}
#gds3 a p.buy {font-size:20px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds3 a p.get {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:#ff5e00; font-weight:bold;}
#gds3 a p.mny {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds3 a p.mny font {font-size:40px; line-height:70px; color:red; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}
#gds3 a p.btn {font-size:30px; width:50%;line-height:40px; font-family:微軟正黑體,sans-serif; color:white;background-color:#00b0f0;border-radius:10px;}
#gds3 a p.bnt font {font-size:60px; line-height:70px; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}

#gds4 {width:980px; margin:auto;}
#gds4 a {display:inline-block; width:380px; box-sizing:border-box; padding:5px; margin:20px; background:white; border:6px solid #8a0030; text-decoration:none; position:relative;border-radius:50px;}
#gds4 a:hover {border:6px solid deeppink;}
#gds4 a p.b1g1 {font-size:35px; line-height:45px; font-family:微軟正黑體,sans-serif; background:#d93564; color:white;}
#gds4 a p.buy {font-size:20px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds4 a p.get {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:#8a0030; font-weight:bold;}
#gds4 a p.mny {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds4 a p.mny font {font-size:40px; line-height:70px; color:red; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}
#gds4 a p.btn {font-size:30px; width:50%;line-height:40px; font-family:微軟正黑體,sans-serif; color:white;background-color:#00b0f0;border-radius:10px;}
#gds4 a p.bnt font {font-size:60px; line-height:70px; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}

#gds5 {width:980px; margin:auto;}
#gds5 a {display:inline-block; width:380px; box-sizing:border-box; padding:5px; margin:20px; background:white; border:6px solid #483d8b; text-decoration:none; position:relative;border-radius:50px;}
#gds5 a:hover {border:6px solid deeppink;}
#gds5 a p.b1g1 {font-size:35px; line-height:45px; font-family:微軟正黑體,sans-serif; background:#d93564; color:white;}
#gds5 a p.buy {font-size:20px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds5 a p.get {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:#483d8b; font-weight:bold;}
#gds5 a p.mny {font-size:25px; line-height:40px; font-family:微軟正黑體,sans-serif; color:black;}
#gds5 a p.mny font {font-size:40px; line-height:70px; color:red; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}
#gds5 a p.btn {font-size:30px; width:50%;line-height:40px; font-family:微軟正黑體,sans-serif; color:white;background-color:#00b0f0;border-radius:10px;}
#gds5 a p.bnt font {font-size:60px; line-height:70px; font-family:Arial,微軟正黑體,sans-serif; font-weight:bold;}


#header{width:100%;}
ul.navbar-nav li {display: inline-block;}
.navbar-nav{display:block}
.active {
  color: #fff !important;
  background:#ffa500 !important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#nav{
	text-align: center;
}


@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {width:100%; height:auto; background:none;}
	header img {width:100%; height:auto;}
	#tp_aten {width:95%; margin:auto;}
	#tp_aten p:first-child {font-size:30px; line-height:45px;}
	#tp_aten p:first-child+p {font-size:22px; line-height:30px;}
	nav {width:auto; margin:auto; margin-bottom:10px;}
	nav a {width:18%; margin:0px 1% 0px 0px;}
	#info {width:95%; margin:auto;}
	#gds {width:80%; margin:auto;}
	#gds a {width:100%; margin:10px 0px; padding:0px; border:0px;}
	#gds a:hover {border:0px;}
	#gds a p.b1g1 {font-size:20px; line-height:30px;}
	#gds a p.buy {font-size:20px; line-height:30px;}
	#gds a p.get {font-size:25px !important; line-height:35px;}
	#gds a p.mny {font-size:18px; line-height:28px;}
	#gds a p.mny font {font-size:30px; line-height:30px;}
	#gds a .lock {font-size:20px; line-height:30px;}
	
	#gds2 {width:95%; margin:auto;}
	#gds2 a {width:100%; margin:10px 0px; padding:0px; border:4px solid #002060;border-radius:30px;}
	#gds2 a:hover {border:0px;}
	#gds2 a p.b1g1 {font-size:20px; line-height:30px;}
	#gds2 a p.buy {font-size:20px; line-height:30px;}
	#gds2 a p.get {font-size:25px !important; line-height:35px;}
	#gds2 a p.mny {font-size:18px; line-height:28px;}
	#gds2 a p.mny font {font-size:30px; line-height:30px;}
	
	#gds3 {width:95%; margin:auto;}
	#gds3 a {width:100%; margin:10px 0px; padding:0px; border:4px solid #ff5e00;border-radius:30px;}
	#gds3 a:hover {border:0px;}
	#gds3 a p.b1g1 {font-size:20px; line-height:30px;}
	#gds3 a p.buy {font-size:20px; line-height:30px;}
	#gds3 a p.get {font-size:25px !important; line-height:35px;}
	#gds3 a p.mny {font-size:18px; line-height:28px;}
	#gds3 a p.mny font {font-size:30px; line-height:30px;}
	
	#gds4 {width:95%; margin:auto;}
	#gds4 a {width:100%; margin:10px 0px; padding:0px; border:4px solid #8a0030;border-radius:30px;}
	#gds4 a:hover {border:0px;}
	#gds4 a p.b1g1 {font-size:20px; line-height:30px;}
	#gds4 a p.buy {font-size:20px; line-height:30px;}
	#gds4 a p.get {font-size:25px !important; line-height:35px;}
	#gds4 a p.mny {font-size:18px; line-height:28px;}
	#gds4 a p.mny font {font-size:30px; line-height:30px;}
	
	#gds5 {width:95%; margin:auto;}
	#gds5 a {width:100%; margin:10px 0px; padding:0px; border:4px solid #483d8b;border-radius:30px;}
	#gds5 a:hover {border:0px;}
	#gds5 a p.b1g1 {font-size:20px; line-height:30px;}
	#gds5 a p.buy {font-size:20px; line-height:30px;}
	#gds5 a p.get {font-size:25px !important; line-height:35px;}
	#gds5 a p.mny {font-size:18px; line-height:28px;}
	#gds5 a p.mny font {font-size:30px; line-height:30px;}

	nav a {line-height:28px;padding:4px;
		width: 65px;
		font-size: 17px;
	  }
	   #content img{width:100%}
}