@charset "utf-8";
/* CSS Document */
/* * cwTeXYen (Chinese Traditional) http://www.google.com/fonts/earlyaccess*/
@font-face {
  font-family: 'cwTeXYen';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype');
}


* {margin:0px; padding:0px;}
body {background:url(../images/bg.jpg) top center repeat;}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}
.menufixed1 {position:fixed !important; z-index:999; top:40px; width:100%;}
.fixhgt {display:block; height:auto;}

#layout {position:relative;}

header {height:400px; margin-top:41px; background:url(../images/header.jpg) center no-repeat;}
header img.hd980 {display:none;}
header div.hdchange {display:block; position:relative; width:225px; height:29px; top:240px; margin:auto;}
#header2 {height:400px; margin-top:40px; background:url(../images/header2.jpg) center no-repeat;}
#header2 img.hd980 {display:none;}
#header2 div.hdchange {display:block; position:relative; width:225px; height:29px; top:223px; margin:auto;}

#menu {position:relative; height:auto; box-sizing:border-box; padding:0px;}
div.bj {background:#0065d1;}
div.bj a {color:#231f20;}
div.jn {background:#2e69a5;}
div.jn a {color:#231f20;}
div.zjj {background:#00214e;}
div.zjj a {color:#231f20;}
div.jzg {background:#a24d00;}
div.jzg a {color:#231f20;}
div.xa {background:#ce3c09;}
div.xa a {color:#231f20;}
div.hn {background:#009246;}
div.hn a {color:#231f20;}
div.kdl {background:#d44b34;}
div.kdl a {color:#231f20;}
div.gl {background:#1e7da4;}
div.gl a {color:#231f20;}
div.tg {background:#0a1a58;}
div.tg a {color:#231f20;}
div.sh {background:#3c66c6;}
div.sh a {color:#231f20;}
div.sd {background:#4c2868;}
div.sd a {color:#231f20;}
div.kr {background:#fc4c02;}
div.kr a {color:#231f20;}
div.tai {background:#3b4e07;}
div.tai a {color:#231f20;}
div.ms {background:#e02563;}
div.ms a {color:#231f20;}
div.hkk {background:#53880e;}
div.hkk a {color:#231f20;}





#menu a {display:inline-block; width:100px; background:url(../images/menubg.png) center no-repeat; margin:7px 2px; text-align:center; font-size:20px; line-height:50px; font-family:'cwTeXYen',微軟正黑體,sans-serif; text-decoration:none; letter-spacing:0px; }
#menu a:hover {font-family:'cwTeXYen',微軟正黑體,sans-serif; color:white; background:url(../images/menubgb.png) center no-repeat; font-size:20px; line-height:50px;}
#menu a.slec {color:white; cursor:default; background:url(../images/menubgb.png) center no-repeat;}
#menu i.menu_rt {position:absolute; right:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
#menu i.menu_lt {position:absolute; left:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));}

#content {width:980px; box-sizing:border-box; padding:10px; margin:auto; background:white; position:relative;}

.con_lt {float:left; width:520px; box-sizing:border-box; padding:10px;}

article {position:relative; margin:5px 0px;}
article h2 {font-size:25px; padding-left:10px; line-height:40px; font-family:'cwTeXYen',微軟正黑體,sans-serif; color:white; font-weight:normal;border-radius:30px 30px 30px 30px; text-align:center;}
article p {font-size:16px; line-height:30px; font-family:微軟正黑體; color:black; text-align:justify; margin-top:8px; margin-bottom:8px;}

article h2.bj {background:#0065d1;}
article h2.jn {background:#2e69a5;}
article h2.zjj {background:#00214e;}
article h2.jzg {background:#a24d00;}
article h2.xa {background:#ce3c09;}
article h2.hn {background:#009246;}
article h2.kdl {background:#d44b34;}
article h2.gl {background:#1e7da4;}
article h2.tg {background:#0a1a58;}
article h2.sh {background:#3c66c6;}
article h2.sd {background:#4c2868;}
article h2.kr {background:#fc4c02;}
article h2.tai {background:#3b4e07;}
article h2.ms {background:#e02563;}
article h2.hkk {background:#53880e}

#rmenu{padding:5px 0; text-align:center;}
#rmenu a{display:inline-block; margin:0 2px; padding:13px; font-size:28px; font-weight:bold; font-family:微軟正黑體;border-radius:36px;line-height:30px;}
#rmenu a{background-color:#a6a4a4; color:#FFFFFF; border-color:#99CCFF;}
#rmenu a:hover,#rmenu a.current{background-color:#2f72cb; color:#FFFFFF;}
#rmenu a.slec {background-color:#2f72cb; color:#FFFFFF;  }


/*.ggg {height:663px;}
#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;border-radius:50px;vertical-align:top;height:98%;}
#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;width:68%;}
#gds a p.buy {font-size:26px; line-height:35px; 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;}*/



#gds {padding-bottom:60px; background:url(../images/con_bg.png) repeat-y;}
.gds {width:880px; margin:0px auto -50px auto; padding:7px 0px 12px 0px; position:relative;background:#ffffff;}
.gds div {width:100%; position:relative; padding:0px;padding:14px;margin-top:-12px; }
.gds h1 {display:block; margin:0px; height:34px; font-size:24px; line-height:34px; font-family:微軟正黑體; font-weight:bold; background:indianred; color:white; letter-spacing:1px; border-top-left-radius:12px; border-top-right-radius:12px;}
.gds table {width:94%; margin:auto; border-bottom:1px solid #CCC; font-family:微軟正黑體; font-size:16px; line-height:26px;background:#ffffff;}
.gds table td span {color:#333;}
.gds table td span.t_r {color:orangered;}
.gds table td a {color:#333;}





.date {position:relative; margin:5px 0px;}
.date h2 {font-size:20px; padding-left:10px; line-height:30px; font-family:'cwTeXYen',微軟正黑體,snas-serif; color:white; font-weight:normal;}
.date p {font-size:15px; line-height:30px; border-bottom:1px solid gray; font-family:微軟正黑體; color:black; text-align:justify; padding:3px 0px;}
.date p font {display:block; width:50px; color:white; float:left; text-align:center; margin-right:3px; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.date p font.bj {background:indianred;}
.date p font.sh {background:cornflowerblue;}
.date h2.bj {background:#9b2432;}
.date h2.sh {background:#3c66c6;}

.con_rt {float:right; width:430px; box-sizing:border-box; padding:10px; border:3px double #003567; border-radius:10px;}

.con_rt sub {position:relative;}
.con_rt sub a {display:inline-block; width:100px; margin:10px; font-size:16px; font-family:微軟正黑體,MS Gothic,sans-serif; line-height:30px; background:gray; color:white;}
.con_rt sub a:hover {background:#003567;}
.con_rt sub a.slec {background:#003567; cursor:default;}

footer {width:100%; height:253px; background:url(../images/footer.png) center bottom no-repeat;}

@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:70px; height:auto;}
	header {height:auto; background:none;margin-top:41px;}
	header div.hdchange {display:block; position:relative; width:100%; height:auto; top:0px; left:0px;}
	header img.hd980 {display:block; width:100%; height:auto; position:relative; z-index:0;}
	header div.hdchange img.change {display:block; position:absolute; top:60%; left:40%; width:20%; height:auto;}
	#header2 {height:auto; background:none;}
	#header2 div.hdchange {display:block; position:relative; width:100%; height:auto; top:0px; left:0px;}
	#header2 img.hd980 {display:block; width:100%; height:auto; position:relative; z-index:0;}
	#header2 div.hdchange img.change {display:block; position:absolute; top:55%; left:40%; width:20%; height:auto;}
	#menu {width:100%; box-sizing:border-box; height:auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
	#menu a {font-size:16px; line-height:40px; paddding:20px 0px; margin:0px -10px; background-size:80%;}
	#menu a:hover {font-size:16px; line-height:40px; paddding:20px 0px; color:white;background-size:80%;}
	#menu a.slec {color:white; cursor:default; background:url(../images/menubgb.png) center no-repeat;background-size:80%;}
	#content {width:100%;}
	.con_lt {float:none; width:95%; margin:auto;}
	.con_lt img {display:block; width:100%; height:auto;}
	.con_rt {float:none; width:95%; margin:auto;}
	.con_rt table {background:none; border-bottom:1px solid gray;}
	.hn { white-space:nowrap; font-size:23px;}
	footer {display:none;}
	
	/*#gds {width:80%; margin:auto;}
	#gds a {width:100%; margin:10px 0px; padding:0px; border:5px solid #b31458;}
	#gds a:hover {border:5px solid #b31458;}
	#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;}*/
	
	
	#gds {padding:0px; background:none;margin-top:-70px;}
	.gds {width:94%; margin:auto; margin-bottom:10px; padding:15px; margin-top:70px;}
	.gds h1 {font-size:18px; height:28px; line-height:28px;}
	.gds table {font-size:15px; line-height:20px;}
	
	
	
	
	
	#rmenu{padding:5px 0; text-align:center;}
    #rmenu a{display:inline-block; margin:0 2px; padding:7px; font-size:22px; font-weight:bold; font-family:微軟正黑體;border-radius:36px;line-height:24px;}
    #rmenu a{background-color:#a6a4a4; color:#FFFFFF; border-color:#99CCFF;}
    #rmenu a:hover,#rmenu a.current{background-color:#2f72cb; color:#FFFFFF;}
    #rmenu a.slec {background-color:#2f72cb; color:#FFFFFF;  }
	#content1 img{width:100%;}
	.ggg {height:auto;}
}