@charset "utf-8";
/* CSS Document */

.index_wrapper {
	background-color:#FFFFFF;
	background-image:url(../images/bg.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;
}

.seven-eleven {
	margin:0;
	padding:0;
}

.seven-eleven a {
	position:absolute;
	top:502px;
	left:10px;
	margin:0;
	padding:0;
	width:310px;
	height:93px;
	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;
}

.seven-eleven a:hover {
	background-position:0px -93px;
}

.hi-life {
	margin:0;
	padding:0;
}

.hi-life a {
	position:absolute;
	top:497px;
	left:332px;
	margin:0;
	padding:0;
	width:284px;
	height:101px;
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-image:url(../images/goto.png);
	background-position:-310px 0px;
	background-repeat:no-repeat;
	z-index:1;
	overflow:hidden;
}

.hi-life a:hover {
	background-position:-310px -101px;
}

@media screen and (max-width: 600px) {
	
hr {
	margin:8px 0 8px 0;
	height:1px;
	border:0;
	background-color:#383838;
	background:-moz-linear-gradient(180deg, #000000 0%, #383838 15%, #383838 85%, #000000 100%);
	background:-webkit-linear-gradient(180deg, #000000 0%, #383838 15%, #383838 85%, #000000 100%);
	background:-o-linear-gradient(180deg, #000000 0%, #383838 15%, #383838 85%, #000000 100%);
}

.mobile_wrapper {
	background-color:#FFFFFF;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-size:cover;
}

.m_middle {
	background-color:#FFFFFF;
	padding:0 0 15px 0;
}

.m_content {
	margin:0 auto 0 auto;
	padding:0;
	word-wrap: break-word;
	word-break: break-all;
	background-color:#FFFFFF;
}

.m_h1 {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:0;
	padding:0;
	width:100%;
	color:#000000;
	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:#000000;
	text-align:center;
	line-height:180%;
}

.m_h3 {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:5px 0 5px 0;
	padding:0;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	background-color:#009944;
	line-height:230%;
}

.m_content .date {
	font-family:"微軟正黑體", "Segoe UI";
	font-size:15px;
	margin:5px 0 5px 0;
	padding:0;
	width:100%;
	color:#000000;
	text-align:center;
	line-height:230%;
}

.m_content .c_p {
	font-family:"微軟正黑體", "Segoe UI";
	color:#000000;
	line-height:150%;
	margin:0 auto 10px auto;
	width:90%;
	font-size:13px;
}

.stress {
	color:#009944;
}

.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:180%;
	display:block;
	width:80%;
	text-align:center;
	background-color:#009944;
}

.btn:hover {
	background-color:#0aaf53;
}

.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 10px 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;
	border:1px solid #523c35;
	text-align:center;
	text-shadow:0px 0px 5px #15100d,0px 0px 5px #15100d;
	background-color:#271e19;
	background:-moz-linear-gradient(270deg, #392823 0%, #271e19 40%, #1f1914 100%);
	background:-webkit-linear-gradient(270deg, #392823 0%, #271e19 40%, #1f1914 100%);
	background:-o-linear-gradient(270deg, #392823 0%, #271e19 40%, #1f1914 100%);
	line-height:200%;
}

.m_table .t2 {
	background-color:#b17455;
}

.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;
}

}