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

.video {
	position:absolute;
	left:864px;
	top:563px;
	margin:0;
	padding:0;
}

.index_wrapper {
	background-color:#000000;
	background-image:url(../images/index_bg_cht.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.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;
}

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

.index a {
	position:absolute;
	top:30px;
	left:15px;
	margin:0;
	padding:0;
	width:153px;
	height:42px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/btn.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.index a:hover {
	background-position:0px -42px;
}

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

.fb a {
	position:absolute;
	top:30px;
	left:131px;
	margin:0;
	padding:0;
	width:184px;
	height:42px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/btn.png);
	background-position:-153px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.fb a:hover {
	background-position:-153px -42px;
}

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

.topup a {
	position:absolute;
	top:30px;
	left:278px;
	margin:0;
	padding:0;
	width:158px;
	height:42px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/btn.png);
	background-position:-337px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.topup a:hover {
	background-position:-337px -42px;
}

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

.download a {
	position:absolute;
	top:30px;
	left:399px;
	margin:0;
	padding:0;
	width:158px;
	height:42px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/btn.png);
	background-position:-495px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.download a:hover {
	background-position:-495px -42px;
}

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

.tm a {
	position:absolute;
	top:552px;
	left:59px;
	margin:0;
	padding:0;
	width:277px;
	height:109px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.twm a:hover {
	background-position:0px -85px;
}

.fbl {
	margin:0;
	padding:0;
}
.fbl a {
	position:absolute;
	top:552px;
	left:59px;
	margin:0;
	padding:0;
	width:277px;
	height:109px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.fbl a:hover {
	background-position:0px -85px;
}

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

.fe a {
	position:absolute;
	top:554px;
	left:365px;
	margin:0;
	padding:0;
	width:269px;
	height:104px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-288px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.fe a:hover {
	background-position:-288px -85px;
}



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

.cht001 a {
	position:absolute;
	top:554px;
	left:365px;
	margin:0;
	padding:0;
	width:269px;
	height:104px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-288px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.cht001 a:hover {
	background-position:-288px -85px;
}

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

.webatm a {
	position:absolute;
	top:596px;
	left:536px;
	margin:0;
	padding:0;
	width:229px;
	height:85px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-518px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.webatm a:hover {
	background-position:-518px -85px;
}

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

.asia001 a {
	position:absolute;
	top:550px;
	left:657px;
	margin:0;
	padding:0;
	width:275px;
	height:111px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-747px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.asia001 a:hover {
	background-position:-747px -85px;
}



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

.esun a {
	position:absolute;
	top:550px;
	left:657px;
	margin:0;
	padding:0;
	width:275px;
	height:111px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-747px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.esun a:hover {
	background-position:-747px -85px;
}

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

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

.m_middle {
	background-color:#2f070c;
	padding:0 0 15px 0;
}

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

.m_h1 {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:0;
	padding:0;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0px 0px 5px #d64338,0px 0px 5px #d64338,0px 0px 5px #d64338;
	background-color:#96160e;
	background:-moz-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-webkit-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-o-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	line-height:230%;
}

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

.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";
	font-size:15px;
	margin:0;
	padding:0;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0px 0px 5px #d64338,0px 0px 5px #d64338,0px 0px 5px #d64338;
	background-color:#96160e;
	background:-moz-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-webkit-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-o-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	line-height:230%;
}

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

.stress {
	color:#fabd05;
}

.m_notice {
	margin:0;
}

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

.btn {
	clear:both;
	font-family:"微軟正黑體", "Segoe UI";
	margin:0 auto 10px auto;
	padding:5px 5px;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
	line-height:150%;
	display:block;
	width:80%;
	border:1px solid #65090a;
	text-align:center;
	text-shadow:0px 0px 5px #d64338,0px 0px 5px #d64338,0px 0px 5px #d64338;
	background-color:#96160e;
	background:-moz-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-webkit-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-o-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
}

.btn:hover {
	text-shadow:0px 0px 5px #d64338,0px 0px 5px #d64338,0px 0px 5px #d64338;
	background-color:#c3251a;
	background:-moz-linear-gradient(270deg, #ff5144 0%, #c3251a 40%, #d11c1c 100%);
	background:-webkit-linear-gradient(270deg, #ff5144 0%, #c3251a 40%, #d11c1c 100%);
	background:-o-linear-gradient(270deg, #ff5144 0%, #c3251a 40%, #d11c1c 100%);
}

.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:12px;
	color:#000000;
	list-style:decimal;
	width:90%;
}

.m_notice_ul a {
	color:#af2923;
}

.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:center;
	font-family:Verdana, "新細明體";
	font-size:12px;
	padding:3px 5px 3px 5px;
	line-height:150%;
	border:1px solid #341110;
}

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

.m_table .t {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:13px;
	margin:0;
	padding:3px 0;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0px 0px 5px #d64338,0px 0px 5px #d64338,0px 0px 5px #d64338;
	background-color:#96160e;
	background:-moz-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-webkit-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	background:-o-linear-gradient(270deg, #d64338 0%, #96160e 40%, #a81012 100%);
	border:1px solid #65090a;
	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;
	padding:0;
	font-size:14px;
	color:#FFF;
	width:100%;
	line-height:220%;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
}

#btn_group {
	clear:both;
	width:100%;
	margin:0 auto;
}





.m_cht01 {
	margin:0 2% 10px 3%;
	float:left;
	width:46%;
}

.m_asia01 {
	margin:0 3% 0 0;
	float:right;
	width:46%;
}




.m_fe {
	margin:0 2% 10px 3%;
	float:left;
	width:46%;
}

.m_twm {
	margin:0 3% 0 0;
	float:right;
	width:46%;
}

.m_webatm {
	margin:0 2% 10px 3%;
	float:left;
	width:46%;
}

.m_esun {
	margin:0 3% 0 0;
	float:right;
	width:46%;
}

}


@media screen and (min-width: 240px) and (max-width: 400px) {

#btn_group {
	clear:both;
	width:293px;
	margin:0 auto;
}


.m_fe {
	float:none;
	margin:0 auto 10px auto;
	width:293px;
}

.m_twm {
	float:none;
	margin:0 auto 10px auto;
	width:293px;
}

.m_webatm {
	float:none;
	margin:0 auto 10px auto;
	width:293px;
}

.m_esun {
	float:none;
	margin:0 auto 10px auto;
	width:293px;
}

}