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


/*???ï¿??*/
@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');
}

body{ background:#F1DEFF;}

* {margin:0px; padding:0px;}
.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;}

#layout {position:relative;}

header {position:relative; height:400px; width:100%; margin-top:40px; center no-repeat;}
header div.hd_main {width:980px; margin:auto; position:relative; z-index:2;}
header img.hd_slogan {position:absolute; top:0px; left:245px; z-index:10;}
header img.hd_mth1 {position:absolute; top:102px; left:10px; z-index:3;}
header img.hd_mth2 {position:absolute; top:102px; left:633px; z-index:3;}
/*header div.hd_bot {width:100%; height:400px; position:absolute; left:0px; top:0px; z-index:5; background:url(../images/header_bot.png) bottom center no-repeat;}*/
#header2 {position:relative; height:400px; margin-top:40px; background:url(../images/header2_bg.jpg) center no-repeat;}
#header2 div.hd_main {width:980px; margin:auto; position:relative; z-index:2;}
#header2 img.hd_slogan {position:absolute; top:0px; left:245px; z-index:10;}
#header2 img.hd_mth1 {position:absolute; top:102px; left:10px; z-index:3;}
#header2 img.hd_mth2 {position:absolute; top:102px; left:633px; z-index:3;}
#header2 div.hd_bot {width:100%; height:400px; position:absolute; left:0px; top:0px; z-index:5; background:url(../images/header2_bot.png) bottom center no-repeat;}
#header3 {position:relative; width:100%; top:40px; height:380px;center no-repeat; border:0px;}
#header3 div.hd_main {width:980px; margin:auto; position:relative; z-index:2;}
/*#header3 img.hd_slogan {position:absolute; top:0px; left:245px; z-index:10;}
#header3 img.hd_mth1 {position:absolute; top:102px; left:10px; z-index:3;}
#header3 img.hd_mth2 {position:absolute; top:102px; left:633px; z-index:3;}*/
/*#header3 div.hd_bot {width:100%; height:400px; position:absolute; left:0px; top:0px; z-index:5; background:url(../images/header3_bot.png) bottom center no-repeat;}*/


#headerIE {position:relative; height:400px; margin-top:40px; background:url(../images/header.jpg) center no-repeat;}
#header2IE {position:relative; height:400px; margin-top:40px; background:url(../images/header2.jpg) center no-repeat;}
#header3IE {position:relative; height:400px; margin-top:40px; background:url(../images/header3.jpg) center no-repeat;}
/*#headerIE div.hd_main {width:980px; margin:auto; position:relative;}
#headerIE img.hd_slogan {position:absolute; top:0px; left:245px; z-index:99;}
#headerIE img.hd_mth1 {position:absolute; top:102px; left:10px; z-index:3;}
#headerIE img.hd_mth2 {position:absolute; top:102px; left:633px; z-index:3;}
#headerIE div.hd_bot {width:100%; height:400px; position:absolute; left:0px; top:0px; z-index:5; background:url(../images/header_bot.png) bottom center no-repeat;}*/

#header980 {display:none;}
#header9802{display:none;}

nav {position:relative; background:#000c7a; height:100px; z-index:15;}
nav font {display:none;}
nav a.not {cursor:not-allowed;}

#sub {position: static; background:sandybrown; max-width:100%; height:auto;}
#sub a {display:inline-block; padding:6px 12px; margin:0px 3px; color:black; font-size:20px; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif; text-decoration:none;}
#sub i.aror_open, #sub i.aror_clos {display:none;}
#sub a:hover {background:orangered; color:white;}
#sub a.slec {background:orangered; color:white;}

#sub2 {position: static; background:peachpuff; max-width:100%; height:auto;}
#sub2 a {display:inline-block; padding:6px 12px; margin:0px 3px; color:black; font-size:20px; text-decoration:none; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif;}
#sub2 a:hover {background:lightsalmon;}

#content {position:relative; width:980px; margin:auto; padding-bottom:15px; background:#FFF;}

#con_lt {float:left; width:320px; margin-top:15px; padding-left:10px}
#con_lt iframe {width:100%; height:1140px;}

#con_rt {  width:660px; padding-right:5px;padding:14px;}
#con_rt h2 {display:block; padding:5px 12px; margin:15px 0px; background:purple; color:white; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif; font-size:22px; line-height:30px; border-radius:15px;}
#con_rt table {width:94%; margin:auto; border-bottom:1px solid #CCC; font-family:MICROSOFT JHENGHEI; font-size:16px; line-height:26px;}
#con_rt table td span {color:#333;}
#con_rt table td span.t_r {color:orangered;}
#con_rt table td a {color:#333; text-decoration:none;}

#con_rt div.gds_list { position:relative;padding:6px;}
div.gds_list h3 {display:block; padding:5px 0px; margin:5px; background:#268785; font-size:22px; line-height:30px; color:white; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif; text-align:center; border-radius:15px; border-top-right-radius:15px;}
div.gds_list a.gds {display:block; height:auto; position:relative; clear:both; padding:10px 5px 6px 5px; border-bottom:1px dashed gray; text-decoration:none; font-size:18px; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif; line-height:30px; color:black; border-radius: 10px; margin:5px; 5px; }
div.gds_list a.gds:active {display:block; height:auto; position:relative; clear:both; padding:10px 5px 6px 5px; border-bottom:1px dashed gray; text-decoration:none; font-size:18px; font-family:MICROSOFT JHENGHEI,MS Gothic,sans-serif; line-height:30px; color:black; border-radius: 10px ; margin:5px; 5px; transform:translateY(3px);}
a.gds hr {border:none; clear:both; height:0px;}
a.gds span.mny {display:block; float:right; font-size:15px;}
a.gds span.mny font {font-size:20px; font-family:Arial; color:red; font-weight:bold;}
a.gds:hover {background:whitesmoke;}
a.gds span.date font{ color:#FF0000; font-size:15px; font-family:MICROSOFT JHENGHEI}

article {position:relative; padding:22px;}
article h2 {display:block; font-size:24px; line-height:34px; font-family:'M+ Type-1 (general-j) Medium',MICROSOFT JHENGHEI,MS Gothic; color:white; text-align:center; margin-bottom:10px; font-weight:normal;}
article div {margin-bottom:5px; padding-bottom:5px;}
article .d_b_d {position:relative; font-size:16px; line-height:30px; font-family:'M+ Type-1 (general-j) Regular',MICROSOFT JHENGHEI,MS Gothic; text-align:justify;}
article .d_b_d span {padding:0px 5px; margin-right:5px; color:white; text-align:cetner;}
article p {font-size:16px; line-height:24px; font-family:'M+ Type-1 (general-j) Light',MICROSOFT JHENGHEI,MS Gothic; color:black; text-align:justify; text-indent:16px;}
article img {display:inline-block; margin:5px 1px;}

article.hk h2 {background:mediumvioletred;}
article.hk div {border-bottom:1px solid mediumvioletred;}
article.hk .d_b_d {color:mediumvioletred;}
article.hk .d_b_d span {background:mediumvioletred;}
article.ma h2 {background:saddlebrown;}
article.ma div {border-bottom:1px solid saddlebrown;}
article.ma .d_b_d {color:saddlebrown;}
article.ma .d_b_d span {background:saddlebrown;}
article.tok h2 {background:crimson;}
article.tok div {border-bottom:1px solid crimson;}
article.tok .d_b_d {color:crimson;}
article.tok .d_b_d span {background:crimson;}
article.ks h2 {background:indianred;}
article.ks div {border-bottom:1px solid indianred;}
article.ks .d_b_d {color:indianred;}
article.ks .d_b_d span {background:indianred;}
article.kr h2 {background:slateblue;}
article.kr div {border-bottom:1px solid slateblue;}
article.kr .d_b_d {color:slateblue;}
article.kr .d_b_d span {background:slateblue;}

.mobtns{display:none;}
/*.mobtn{display:none;}*/
.btn{ max-width:100%; height:auto;}
.btnslec{ background:#FFFFFF; color:#F0F;}



#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 #ffa200; text-decoration:none; position:relative;border-radius:50px;vertical-align:top;}
#gds a:hover {border:5px solid deeppink;}
#gds a p.b1g1 {font-size:35px; line-height:45px; font-family:'cwTeXYen',sans-serif; background:#ff7800; color:white;width:45%;border-radius:40px;}
#gds a p.buy {font-size:29px; line-height:40px; font-family:'cwTeXYen',sans-serif; color:cornflowerblue;height:162px;}
#gds a p.get {font-size:35px; line-height:40px; font-family:'cwTeXYen',sans-serif; color:#c00; font-weight:bold;height:82px;}
#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:75%;line-height:52px; 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;}




@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:60px; height:auto;}
	header, #header2, #header3 , #headerIE, #header2IE, #header3IE {display:none;}
	#header980 {display:block; width:100%; height:auto; margin-top:40px;}
	#header980 img {display:block; width:100%; height:auto;}
	#header9802 {display:block; width:100%; height:auto; margin-top:40px;}
	#header9802 img {display:block; width:100%; height:auto;}
	nav {height:auto;}
	nav img {display:none;}
	nav font {display:inline-block; padding:8px 2px; margin:0px 5px; font-size:20px; font-family:MICROSOFT JHENGHEI; color:#7a8bb6;}
	nav .slec font {color:white;}
	nav a.not {display:none;}
	#sub a {display:block; width:100%; padding:8px 0px; margin:0px; text-align:center;}
	/*#sub i.aror_open {display:block; position: static; top:5px; right:25%; color:white;}
	#sub i.aror_clos {display:none; background:sandybrown; color:black; padding:10px 0px; text-align:center;}*/
	#sub a.x {display:block;}
	#content {width:100%;}
	#con_lt {display:none;}
	#con_rt {width:100%;}
	#con_rt h2 {width:90%; margin:15px auto;}
	#con_rt div.gds_list {width:94%; margin:15px auto;}
	article {width:95%; margin:auto;}
	article h2 {font-size:20px; line-height:30px;}
	article .d_b_d {font-size:14px; line-height:24px;}
	article p {font-size:14px; line-height:24px; text-indent:14px;}
	article img {display:inline-block; width:45%; height:auto; margin:5px;}
	.buttons{ display:none;}
	#gds a p.btn{height:37px;font-size:21px; width:75%;line-height:40px; font-family:'cwTeXYen',sans-serif; color:white;background-color:#00b0f0;border-radius:10px; margin:7px;}
	#ad{display:none;}
	.mobtns{ display:block;}
	#gds {width:80%; margin:auto;}
	#gds a {width:100%; margin:10px 0px; padding:0px; border:0px;border:5px solid #ffa200;}
	#gds a:hover {border:0px;}
	#gds a p.b1g1 {font-size:20px; line-height:30px; margin-top:6px; width:42%;}
	#gds a p.buy {font-size:20px; line-height:30px;height:114px;}
	#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;}
	#star img{width:100%}
}




@media screen and (max-width: 329px) {
	#sbtn1,#sbtn2,#sbtn3,#sbtn4,#sbtn5{ font-size:15.5px; }
	#sbtns{ padding-bottom:15px;}
	#sbtn1,#sbtn2,#sbtn3,#sbtn4,#sbtn5{ width:85px; height:35px;}
	}




/*button*/
.btn{
	color:#FFF;
	background-color:#ff4f19;
	margin-top:7px;
	width:135px;
	height:50px;
	font-size:22px;
	border-radius:85px;
	border-color:#ff4f19;
	border-width:1px;
	font-family:"MICROSOFT JHENGHEI";
	}

	button:hover{
		background-color:#FFF;
		color:#ff4f19;
		transform:translateY(-5px);
		}
	button:active{
		transform:translateY(5px);
		}


.mobtn{	color:#FFF;
	background-color:#ff4f19;
	margin-top:5px;
	width:115px;
	height:35px;
	font-size:16px;
	border-color:#ff4f19;
	border-width:1px;
	font-family:"MICROSOFT JHENGHEI";}

	.mobtns{background-color:#000099;
	        height:70px;
			padding-bottom:15px;

	}


.tipimg{display: block; text-align: center;}
.tipimg img{max-width: 90%;}