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

.index_wrapper {
	background-color:#04080b;
	background-image:url(../images/bg.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center top;
}

.middle {
	background:none;
	width:1000px;
	max-width:1000px;
	padding:0;
}

.index_wrapper h1 {
	font-size:0px;
	text-indent:-9999px;
}

.index_wrapper h2 {
	font-size:0px;
	text-indent:-9999px;
}

.index_wrapper .c_p {
	font-size:0px;
	text-indent:-9999px;
}

.index_content {
	padding:0;
	margin:0 auto;
	width:1000px;
	position:relative;
}

.webatm_index {
	margin:0;
	padding:0;
}

.webatm_index a {
	position:absolute;
	top:48px;
	left:527px;
	margin:0;
	padding:0;
	width:124px;
	height:69px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/asia_btn.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_index a:hover {
	background-position:0px -69px;
}

.webatm_wowfb {
	margin:0;
	padding:0;
}

.webatm_wowfb a {
	position:absolute;
	top:48px;
	left:656px;
	margin:0;
	padding:0;
	width:140px;
	height:69px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/asia_btn.png);
	background-position:-124px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_wowfb a:hover {
	background-position:-124px -69px;
}

.webatm_mcfb {
	margin:0;
	padding:0;
}

.webatm_mcfb a {
	position:absolute;
	top:48px;
	left:800px;
	margin:0;
	padding:0;
	width:181px;
	height:69px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/asia_btn.png);
	background-position:-264px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_mcfb a:hover {
	background-position:-264px -69px;
}

.webatm_topup {
	margin:0;
	padding:0;
}

.webatm_topup a {
	position:absolute;
	top:905px;
	left:769px;
	margin:0;
	padding:0;
	width:181px;
	height:78px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/asia_btn.png);
	background-position:0px -138px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_topup a:hover {
	background-position:0px -216px;
}

.webatm_no {
	margin:0;
	padding:0;
}

.webatm_no a {
	position:absolute;
	top:996px;
	left:769px;
	margin:0;
	padding:0;
	width:181px;
	height:78px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/asia_btn.png);
	background-position:-181px -138px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_no a:hover {
	background-position:-181px -216px;
}

.webatm_goto {
	margin:0;
	padding:0;
}

.webatm_goto a {
	position:absolute;
	top:1087px;
	left:769px;
	margin:0;
	padding:0;
	width:181px;
	height:78px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto_btn.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm_goto a:hover {
	background-position:0px -78px;
}

.goto {
	position:absolute;
	top:452px;
	left:236px;
	width:220px;
	height:130px;
}

.goto a {
	background-image:url(images/button.png);
	background-position:-173px 0px;
	background-repeat:no-repeat;
	width:220px;
	height:130px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	z-index:1;
}

.goto a:hover {
	background-position:-173px -130px;
}

.announcement {
	position:absolute;
	top:452px;
	left:497px;
	width:220px;
	height:130px;
}

.announcement a {
	background-image:url(images/button.png);
	background-position:-393px 0px;
	background-repeat:no-repeat;
	width:220px;
	height:130px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	z-index:1;
}

.announcement a:hover {
	background-position:-393px -130px;
}

.precautions {
	position:absolute;
	top:452px;
	left:758px;
	width:220px;
	height:130px;
}

.precautions a {
	background-image:url(images/button.png);
	background-position:-613px 0px;
	background-repeat:no-repeat;
	width:220px;
	height:130px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	z-index:1;
}

.precautions a:hover {
	background-position:-613px -130px;
}



#gotop {
	display:none;
	position:fixed;
	right:15px;
	bottom:15px;
	background-color:rgba(155, 155, 155, 0.4);
	font-family:Verdana, "新細明體";
	font-size:15px;
	color:#000;
	margin:0;
	padding:8px 15px;
	border-radius:4px;
	cursor:pointer;
	z-index:1;
}

#gotop:hover {
	background-color:rgba(180, 180, 180, 0.4);
}

@media screen and (max-width: 600px) {
	
hr {
	margin:18px 0 8px 0;
	height:1px;
	border:0;
	background-color:#2e2e2e;
	background:-moz-linear-gradient(180deg, #000 0%, #2e2e2e 15%, #2e2e2e 85%, #000 100%);
	background:-webkit-linear-gradient(180deg, #000 0%, #2e2e2e 15%, #2e2e2e 85%, #000 100%);
	background:-o-linear-gradient(180deg, #000 0%, #2e2e2e 15%, #2e2e2e 85%, #000 100%);
}

.mobile_wrapper {
	background-color:#04080b;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-size:cover;
}

.m_middle {
	background-color:#04080b;
	padding:0 0 15px 0;
}

.m_content {
	margin:0 auto 0 auto;
	padding:0;
	word-wrap: break-word;
	word-break: break-all;
	background-color:#04080b;
}

.m_h1 {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:0 auto;
	width:90%;
	color:#ffdc96;
	text-shadow:#000 0px 0px 2px;
	text-align:center;
}

.m_h2 {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:0 auto;
	width:90%;
	color:#FFFFFF;
	text-shadow:#000 0px 0px 2px;
	text-align:center;
}

.m_h3 {
	clear:both;
	font-family:"微軟正黑體", "Segoe UI";
	margin:0 auto 10px auto;
	padding:5px 5px;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	line-height:150%;
	display:block;
	width:90%;
	border-radius:15px;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
	background-color:#630000;
	background:-moz-linear-gradient(270deg, #630000 0%, #821212 50%, #580000 51%, #630000 100%);
	background:-webkit-linear-gradient(270deg, #630000 0%, #821212 50%, #580000 51%, #630000 100%);
	background:-o-linear-gradient(270deg, #630000 0%, #821212 50%, #580000 51%, #630000 100%);
}

.m_content .date {
	font-family:"微軟正黑體", "Segoe UI";
	margin:0 auto 10px auto;
	font-size:13px;
	color:#FFF;
	width:90%;
	line-height:240%;
	border-radius:10px;
	border:2px solid #24292d;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
	background-color:#09131c;
	background:-moz-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-webkit-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-o-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
}

.m_content .c_p {
	font-family:"微軟正黑體", "Segoe UI";
	color:#cccccc;
	line-height:150%;
	margin:0 auto 10px auto;
	width:90%;
	font-size:12px;
}

.m_notice {
	margin:15px 0 0 0;
}

.m_notice ul {
	list-style:decimal;
	margin:0 0 0 20px;
}
	
.m_notice ul li {
	font-family:"微軟正黑體", "Segoe UI";
	color:#c8c8c8;
	font-size:11px;
}
	
.ifooter {
	height:100px;
}

.btn_group {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.btn {
	font-family:"微軟正黑體", "Segoe UI";
	margin:0 auto 10px auto;
	padding:5px 5px;
	font-size:15px;
	color:#000;
	text-decoration:none;
	line-height:180%;
	display:block;
	width:80%;
	border-radius:6px;
	border:2px solid #2f3d4a;
	text-align:center;
	text-shadow:#FFF 0px 0px 1px;
	background-color:#e4e5e9;
	background:-moz-linear-gradient(270deg, #e0e0e4 0%, #dbdde3 50%, #c5c6ca 51%, #aeafb4 100%);
	background:-webkit-linear-gradient(270deg, #e0e0e4 0%, #dbdde3 50%, #c5c6ca 51%, #aeafb4 100%);
	background:-o-linear-gradient(270deg, #e0e0e4 0%, #dbdde3 50%, #c5c6ca 51%, #aeafb4 100%);
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFF;
 	-moz-box-shadow:inset 0px 1px 0px 0px #FFF;
 	box-shadow:inset 0px 1px 0px 0px #FFF;
}

.btn:hover {
	background-color:#f3f3f3;
	background:-moz-linear-gradient(270deg, #f3f3f3 0%, #ebecee 50%, #d5d6d7 51%, #c7c7c9 100%);
	background:-webkit-linear-gradient(270deg, #f3f3f3 0%, #ebecee 50%, #d5d6d7 51%, #c7c7c9 100%);
	background:-o-linear-gradient(270deg, #f3f3f3 0%, #ebecee 50%, #d5d6d7 51%, #c7c7c9 100%);
}


.stress {
	color:#ffdf72;
}

.m_process ul {
	margin:0 auto;
	padding:0;
}

.m_process li {
	margin:0 auto;
	margin-left:35px;
	padding:0;
	line-height:150%;
	font-family:Verdana, "新細明體";
	font-size:13px;
	color:#cccccc;
	list-style:decimal;
	width:90%;
}

.m_process li a {
	color:#ffd700;
}

.m_notice_ul a {
	color:#ffd700;
}

#cf15 {
	margin:0 auto;
}

#m_step {
	margin:0;
	padding:0;
}

#m_step h3 {
	margin:0;
	padding:0;
	font-family:Verdana, "新細明體";
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	line-height:150%;
}

.m_table {
	width:95%;
	font-size:13px;
	color:#FFF;
	line-height:150%;
	margin:0 auto 0 auto;
}



.m_table td {
	background-color:#FFF;
	color:#000;
	text-align:left;
	font-family:Verdana, "新細明體";
	font-size:11px;
	padding:3px 5px 3px 5px;
	line-height:150%;
	border:1px solid #09131c;
}

.m_table .center {
	text-align:center;
}

.m_table .t {
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#09131c;
	background:-moz-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-webkit-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-o-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	border:1px solid #24292d;
	font-size:13px;
	padding:3px 0 3px 0px;
	line-height:200%;
}

.m_table .t2 {
	background-color:#b17455;
}

#m_btn_group {
	text-align:center;
}

#m_btn_group a {
	width:auto;
	text-align:center;
	display:inline-block;
	padding:8px 15px;
}

.m_content .m_notice_h3 {
	font-family:"微軟正黑體", "Segoe UI";
	margin:0 auto 10px auto;
	font-size:13px;
	color:#FFF;
	width:90%;
	line-height:240%;
	border-radius:10px;
	border:2px solid #24292d;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
	background-color:#09131c;
	background:-moz-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-webkit-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
	background:-o-linear-gradient(270deg, #09131c 0%, #191919 50%, #08121b 100%);
}

.cp_logo img {
	margin:0 auto 15px auto;
}


.m_myfun ul {
	margin:0 auto;
	padding:0;
}
.m_myfun li {
	margin:0 auto;
	margin-left:35px;
	padding:0;
	line-height:150%;
	font-family:Verdana, "新細明體";
	font-size:11px;
	color:#cccccc;
	list-style:decimal;
	width:90%;
}