@import url("file://///hc3cweb/hc3cweb/url/twpay/test/css/index.css");
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
a {
	
}
img {
	
}
img {
	border: 0px currentColor; border-image: none;
}
div {
	border: 0px currentColor; border-image: none;
}
input {
	
}
textarea {
	
}
textarea {
	resize: none;
}
html {
	font-size: 75%;
}
body {
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif; font-size: 1rem; -ms-word-wrap: break-word;
}
a:link {
	color: rgb(255, 0, 78); text-decoration: none;
}
.bg1 {
	background-color: rgb(238, 238, 238);
}
.content {
	margin: 0px auto; padding: 0px 10px; width: 1420px; position: relative;
}
.content2 {
	margin: 0px auto; padding: 0px 10px 0px 50px; width: 1420px; position: relative;
}
#head_nav {
	padding: 8px 0px 5px;
	position: relative;
	background-color: rgb(153,0,0);
}
.logo {
	width: 248px; display: inline-block;
}
#menu {
	margin: 20px 0px 0px -280px; left: 50%; top: 0px; width: 1000px; text-align: center; position: absolute; z-index: 10;
}
.menubox {
	text-align: right; min-width: 500px;
}
.menubox > a::before {
	top: -2px; margin-right: 5px; position: relative; content: "|";
}
.menubox > a {
	padding: 10px 35px 10px 10px; color: rgb(248, 249, 250); line-height: 25px; font-size: 1.7rem; font-weight: 600; display: inline-block;
}
.menubox > a:hover {
	color: rgb(255,0,255);
}
.mul {
	width: 60px; background-image: url("file://///hc3cweb/hc3cweb/url/twpay/test/images/mu_01.png");
}
.mur {
	width: 60px; background-image: url("file://///hc3cweb/hc3cweb/url/twpay/test/images/mu_03.png");
}
#menu_mbox {
	top: 0px; width: 80px; height: 68px; right: 0px; display: none; position: absolute; z-index: 15;
}
.menu_m {
	left: 0px; width: 65px; bottom: 0px; position: absolute;
}
.menu_m > img {
	width: 100%; cursor: pointer;
}
.m_open {
	display: block;
}
.m_close {
	display: none;
}
footer {
	padding: 20px 0px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 2rem;
	font-size: 1.7rem;
	position: relative;
	background-color: rgb(153,0,0);
}
@media only screen and (max-width:1440px)
{
.content {
	width: auto;
}
.content2 {
	width: auto;
}
.content {
	padding: 0px 0px 0px 5px;
}
.content2 {
	padding: 0px 0px 0px 14px;
}
#menu {
	margin: 20px 0px 0px; left: auto; width: 81%; right: 0px;
}
.menubox > a {
	padding: 10px 3% 10px 1%;
}
}
@media only screen and (max-width:800px)
{
.logo {
	width: 190px;
}
#menu {
	margin: 0px; left: 0px; width: 100%; height: 110%; overflow: auto; display: none; position: fixed; background-color: rgba(153, 0, 0, 0.85);
}
.menubox {
	margin: 5rem 0px 0px; width: 100%; height: auto; text-align: center; overflow: visible; display: block; min-width: 100px;
}
.menubox > a::before {
	content: "";
}
.menubox > a {
	padding: 3px 0px; color: rgb(255, 255, 255); line-height: 6rem; letter-spacing: 0.2rem; font-size: 2.5rem; font-weight: 500; border-bottom-color: rgb(255, 102, 0); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#menu_mbox {
	display: block;
}
footer {
	padding: 20px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 2rem; font-size: 1.5rem; position: relative; background-color: rgb(153, 0, 0);
}
}