@charset "utf-8";
	@import url(https://fonts.googleapis.com/css?family=Roboto:regular);
:root{
  --orange:#ff9600;
  --ink:#1a1a1a;
  --line:#d3d3d3;
  --white:#ffffff;
}
		body,html {
		margin:0;
		padding:0;
		height:100%;
		font-weight:normal;
		font-size:18px;
		line-height:1.5;
		font-family:'微軟正黑體','Roboto',sans-serif;
		box-sizing:border-box;
		overflow-x:hidden;
		color:#333;
		padding-right:0!important;
}
body {
	display:flex;
	flex-direction:column;
}
a {
	background-color:transparent;
	text-decoration:none;
	outline:0;
}
a:active,a:hover {
	outline-width:0;
	text-decoration:none;
}
ul,li {
	list-style-type:none;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	border-style:none;
}
ul,li {
	list-style-type:none;
}
.pc-show {
	display:block;
}
.m-show {
	display:none;
}
.wrap {
	flex-grow:1;
}
.header {
	width:100%;
	height:56px;
	border-bottom:1px solid #ddd;
	position:relative;
	top:0;
	z-index:100;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border-bottom:6px solid transparent;
	border-width:0 0 6px 0;
	-o-border-image:linear-gradient(to right,#ff9600 0,#f00 100%);
	border-image:linear-gradient(to right,#ff9600 0,#f00 100%);
	border-image-slice:1;
	background:#fff url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/header_bg.png) right top no-repeat;
	background-size:auto 100%;
	padding:0 1em;
}
.header h1 {
	margin:0;
	padding:0;
	float:left;
	width:auto;
}
.header h1 img {
	width:auto;
	height:36px;
	vertical-align:inherit;
}
.header h5 {
	position:absolute;
	top:11px;
	left:210px;
	letter-spacing:.5px;
	font-size:1.4rem;
}
.container{
	margin: 0 auto;
	padding: 30px;
}
.container h4{
	margin-bottom: 20px;
	font-weight: bold;
}
.container p{
	border: 1px solid #dddddd;
	border-radius: 10px;
	padding: 30px;
	font-size: 17px;
}

.site-footer{
  position:relative;
  z-index:1;
  margin-top:auto;
}

.footer{
  width:100%;
  padding:20px 20px;
  box-sizing:border-box;
  border-bottom:6px solid transparent;
  border-image:linear-gradient(to right,#ff9600 0%,#ff3b00 100%);
  border-image-slice:1;
  background: var(--white) url(img/bottombar_bg.png) no-repeat 100% 100%;
  color:#666666;
  font-size:14px;
  font-weight:400;
  background-color: #f9f9f9;
}

.footer_txt{
  max-width:920px;
  margin:0 auto;
  text-align:center;
}

.footer_txt ul{
  list-style:none;
  margin:0 0 10px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  row-gap:8px;
}

.footer_txt ul li{
  position:relative;
  padding:0 16px;
  line-height:1.6;
  white-space:nowrap;
}
.footer_txt ul li:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:12px;
  background:var(--line);
  transform:translateY(-50%);
}

.footer_txt .txt{
  margin:0 auto;
  max-width:100%;
  padding-top:10px;
  border-top:1px solid var(--line);
  font-size:13px;
  color:#8a8580;
  line-height:1.6;
}
.footer_txt .txt .br_box{display:inline;}
.footer_txt ul li a{
  color:#8a8580;
  text-decoration: none;
}
.footer_txt ul li a:hover{
  color:var(--orange);
}
@media screen and (max-width:767px) {
.pc-show {
	display:none;
}
.m-show {
	display:block;
}
.header {
	height:50px;
	line-height:50px;
	border-bottom:4px solid transparent;
	border-width:0 0 4px 0;
}
.header h1 {
	position:absolute;
	left:50%;
	margin-left:-25%;
	line-height:.96;
}
.header h1 img {
	height:32px;
}
.container p{
	padding: 20px;
}
.container h4 {
	font-size: 1.3rem;
}
  .footer{padding:24px 18px 20px;font-size:13px;}
  .footer_txt ul{flex-direction:column;gap:6px;}
  .footer_txt ul li{padding:0;}
  .footer_txt ul li::after{display:none;}
  .footer_txt .txt{font-size:12px;padding-top:12px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.pc-show {
	display:none;
}
.m-show {
	display:none;
}
.header h1 {
	top:2px;
	position:absolute;
	left:50%;
	margin-left:-80px;
}
}
@media (max-width:480px){
	.pc-show {
	display:none;
}
.m-show {
	display:block;
}
  .footer{padding:20px 14px 18px;font-size:13px;}
  .footer_txt ul{gap:4px;}
  .footer_txt .txt{font-size:12px;line-height:1.7;}
  .footer_txt .txt .br_box{display:block;}
}