@charset "utf-8";
/* CSS Document */

.index_wrapper {
	background-color:#000;
	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;
}

.one  {
	position:absolute;
	top:452px;
	left:22px;
	width:173px;
	height:60px;
	background-image:url(images/button.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:173px;
	height:60px;
	font-size:0px;
	text-indent:-9999px;
	z-index:1;
	cursor:pointer;
}

.one:hover {
	background-position:0 -60px;
}

.two {
	position:absolute;
	top:522px;
	left:22px;
	background-image:url(images/button.png);
	background-position:0px -120px;
	background-repeat:no-repeat;
	width:173px;
	height:60px;
	font-size:0px;
	text-indent:-9999px;
	z-index:1;
	cursor:pointer;
}

.two:hover {
	background-position:0 -180px;
}

.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:8px 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:#000;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-size:cover;
}

.m_middle {
	background-color:#000;
	padding:0 0 15px 0;
}

.m_content {
	margin:0 auto 0 auto;
	padding:0;
	word-wrap: break-word;
	word-break: break-all;
	background-color:#000;
}

.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:200%;
	border-radius:10px;
	border:2px solid #472e17;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
	background-color:#000000;
	background:-moz-linear-gradient(270deg, #000000 0%, #221408 50%, #000000 100%);
	background:-webkit-linear-gradient(270deg, #000000 0%, #221408 50%, #000000 100%);
	background:-o-linear-gradient(270deg, #000000 0%, #221408 50%, #000000 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:#cccccc;
	font-size:11px;
}
	
.ifooter {
	height:100px;
}

.btn_group {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.btn {
	clear:both;
	font-family:"微軟正黑體", "Segoe UI";
	margin:10px auto 10px auto;
	padding:5px 5px;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	line-height:150%;
	display:block;
	width:80%;
	border-radius:15px;
	border:2px solid #967334;
	text-align:center;
	text-shadow:#4b0000 0px 0px 1px;
	background-color:#9d5913;
	background:-moz-linear-gradient(270deg, #9d5913 0%, #d38e18 50%, #c77018 51%, #844d11 100%);
	background:-webkit-linear-gradient(270deg, #9d5913 0%, #d38e18 50%, #c77018 51%, #844d11 100%);
	background:-o-linear-gradient(270deg, #9d5913 0%, #d38e18 50%, #c77018 51%, #844d11 100%);
}

.btn:hover {
	background-color:#b1661a;
	background:-moz-linear-gradient(270deg, #b1661a 0%, #e39b1f 50%, #db7d1f 51%, #b1661a 100%);
	background:-webkit-linear-gradient(270deg, #b1661a 0%, #e39b1f 50%, #db7d1f 51%, #b1661a 100%);
	background:-o-linear-gradient(270deg, #b1661a 0%, #e39b1f 50%, #db7d1f 51%, #b1661a 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 #686176;
}

.m_table .center {
	text-align:center;
}

.m_table .t {
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#110f14;
	background:-moz-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	background:-webkit-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	background:-o-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	border:1px solid #686176;
	font-size:13px;
	padding:3px 0 3px 0px;
}

.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:200%;
	border-radius:10px;
	text-align:center;
	text-shadow:#000 0px 0px 1px;
	background-color:#110f14;
	background:-moz-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	background:-webkit-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	background:-o-linear-gradient(270deg, #17151b 0%, #110f14 100%);
	border:2px solid #24222a;
}

.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%;
}
	