/* CSS Document */
@charset "utf-8";
@import url("reset.css");
*{box-sizing: border-box;font-family:'微軟正黑體','Microsoft JhengHei','Helvetica',sans-serif;}
html,body{font-family:'微軟正黑體','Microsoft JhengHei','Helvetica',sans-serif;}
html{
	font-size: 19px;
	-webkit-text-size-adjust: 100%;
}
body{
	font-size: 1rem;
	line-height:1.3;
	letter-spacing: 1px;
	color: #353535;
	/*word-wrap: break-word;*/
	word-break: break-all;
}
select,option,input,button{
	font-family:'微軟正黑體','Microsoft JhengHei','Helvetica',sans-serif;
}
a{
	text-decoration: none;
	color: #353535;
	outline: none;
	transition: all .3s;
}
button{
	border: none;
	background: none;
	outline: none;
	padding: 0px;
	margin: 0px;
}
.fullpage {
    width: 100%;
    min-width: 1024px;
}
.header {
    padding: 0 30px 0 270px;
    height: 92px;
    border-bottom: 8px solid transparent;
    position: relative;
    background: #fff url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/header_bg.png) right top no-repeat;
    border-width: 0 0 8px 0;
    border-image: linear-gradient(to right, #ff9600 0%,#ff0000 100%);
    border-image-slice: 1;
	background-size: contain;
}
h1.logo {
    width: 270px;
    height: 92px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/logo.png) center center no-repeat;
    background-size: 220px auto;
    z-index: 10;	
}
img{max-width:100%;}
h1.logo a {
    width: 100%;
    height: 100%;
    display: block;
}
.container{/*height:500px;*/}
.container-inner{width:1350px;margin:0 auto;position:relative;}
.banner{color:#fff;font-weight:bold;background: url(../images/banner.jpg) center center no-repeat;padding:12% 10% 3%;background-size: cover;}
.head-title{font-size:3.75rem;font-weight:bold;letter-spacing:6px;}
.head-descript{font-size:2.1rem;padding-top:5%;}
.head-descript span{display:block;margin-bottom:15px;}
.bannerTxt{margin-top:0px;}
.inner-title{font-size:2.3rem;font-weight:bold;text-align:center;margin-bottom:2.2rem;letter-spacing: 4px;}
.sub-title{font-size:1.75rem;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-weight: bold;}
.sub-title::before{content:"";display:inline-block;background:#f00;margin-right:15px;}
.sub-title::after{content:"";display:inline-block;background:#f00;margin-left:15px;}
.sub-title::before,.sub-title::after{width:35px;height:6px;}
.sub-title-block{font-size:1.75rem;text-align:left;margin-bottom:15px;font-weight: bold;}
.sec-innertxt{line-height: 1.6;letter-spacing: 2px;margin-bottom:3.2rem;text-align: justify;}
.sec-service{padding-bottom:150px;}
.introbox .sec-innertxt{width:1200px;margin:0 auto 2.2rem;text-align:center;text-align: justify;word-wrap: normal; word-break: normal;}
.introbox{background: url(../images/barblock.png) center bottom no-repeat;padding-bottom:2.2rem;}
.sec-all{padding:5rem 0;font-size:1.3rem;}
.sec-one{padding:50px 0 0;}
.twobox{display:flex;}
.sec-service .leftbox{width: 677px;flex: none;}
.reservebox{flex-direction: row-reverse;}
.reservebox .leftbox{margin-left:30px;margin-right:0px;}
.reservebox .rightbox{margin-left:0px;margin-right:30px;}
.inner-title-left{text-align:left;margin-bottom:2.2rem;font-size:2rem;font-weight:bold;}
.inner-title-center{text-align:center;margin-bottom:2.2rem;font-size:2rem;font-weight:bold;}
.leftbox{margin-right:30px;}
.rightbox{margin-left:30px;}
.slidewrap .rightbox{position:relative;overflow:hidden;width:100%;}
.btn-more{color:#ff9600;border-radius:15px;border:solid 2px #ff9600;padding: 15px 15px 15px 25px;font-weight:bold;background: url(../images/icon-more.png) center right 25px no-repeat;font-size:1.3rem;letter-spacing: 2px;padding-right:6.5rem;display: inline-block;}
.btn-more:hover{background: url(../images/icon-more-2.png) #ff9600 center right 25px no-repeat;color:#fff;}
.user-title{font-weight:bold;font-size:1.5rem;line-height: 1.6;background: url(../images/icon-user.png) left top 10px no-repeat;padding-left:25px;}
.user-txt{/*margin-left:25px;*/padding:15px 25px;height:375px;overflow-y:auto;/*box-shadow: -19px 3px 18px #ffdfdf;border-radius:20px;*/}
.sec-i{background:#fff1f1;padding-bottom: 1.5rem;padding-top: 3rem;}
.sec-ii{background:#fffcf3;}
.sec-iii{background:#fff5f1;}
.swiper{position:relative;}
.cuscenter{text-align:center;}
.cusservicebox{padding-top:20px;}
.cuslist li{background: url(../images/icon-dot.png) left center no-repeat;padding-left:25px;margin-bottom:10px;}
.cuslist a{color:#3883f3;cursor:pointer;text-decoration:underline;}
.cuslist a:hover{color:#01c3e0;}
.fixpos{position: absolute;right: 0;bottom: 0;}
.tbimportant{width:100%;}
.tbimportant a{color:#3883f3;text-decoration:underline;display:table;margin-bottom:20px;}
.tbimportant a:last-child{margin-bottom:0;}
.tbimportant a:hover{color:#01c3e0;}
.tbimportant th,.tbimportant td{padding:30px 0 30px 0;}
.tbimportant th{font-weight:bold;width:30%;text-align:left;}
.tbimportant td{border-bottom:solid 1px #d6d6d6;}
.tbimportant tr:last-child td{border-bottom:none;margin-bottom:0;}
.swiper-pagination{text-align:left !important;width:auto !important;margin-left:25px !important;z-index:5 !important;}
.swiper-button-prev{bottom: 0 !important;top: auto !important;left: 45% !important;}
.swiper-button-next{bottom: 0 !important;top: auto !important;right:50% !important;}
.swiper-pagination-current{font-size:2rem !important;}
footer{font-size:14px;/*position:fixed;bottom:0;*/width:100%;padding:20px 0 30px;color: #999;border-top:solid 1px #e9e9e9;background: #ffffff;text-align: center;background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/footer_bg.png) right top no-repeat;background-size: auto 150px;}
footer span{position:relative;}
footer span::after{content:"";width:2px;height:10px;background:#cfcfcf;margin:0 10px;display:inline-block;}
footer span:last-child::after{display:none;}
footer p{margin:7px 0 0;}
.decoBar {
    width: 100%;
    height: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #ff9600;
    z-index: 1000;
    background: -moz-linear-gradient(left, #ff9600 0%, #ff0000 100%);
    background: -webkit-linear-gradient(left, #ff9600 0%,#ff0000 100%);
    background: linear-gradient(to right, #ff9600 0%,#ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ff0000',GradientType=1 );
}
ul.social {
    display: flex;
    justify-content: center;
    margin: 0 0 15px;
}
ul.social li {
    width: 45px;
    height: 45px;
    border-radius: 99em;
    margin: 0 5px;
}
ul.social li a {
    width: 100%;
    height: 100%;
    display: block;
}
ul.social li.fb {
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/social_fb.jpg) center center no-repeat;
    background-color: #4f79bc;
    background-size: 45px auto;
}
ul.social li.line {
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/social_line.jpg) center center no-repeat;
    background-color: #31ae36;
    background-size: 45px auto;
}
ul.social li.yutube {
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/social_yutube.jpg) center center no-repeat;
    background-color: #eb5d56;
    background-size: 45px auto;
}
ul.social li.insta {
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/social_instagram.jpg) center center no-repeat;
    background-color: #8a3ac7;
    background-size: 45px auto;
}
.m_block {display: none;}

.xxx{display:flex;position:relative;z-index:1;flex-direction: row-reverse;}
.leftbox,.rightbox{flex:1 1 50%;width:50%;}
.slideIn{opacity:0;transform: translateY(200px);transition: all 1.2s;}
.aaa{opacity:1;transform: translateY(0px);}
.swiper-button-next:after, .swiper-button-prev:after{font-family: 'Font Awesome 6 Free' !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '\f0d9' !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '\f0da' !important;
}
.swiper-button-next, .swiper-button-prev{color:#ff9600 !important;}

@media screen and (max-width: 1500px) {
	.container-inner{width:100%;padding-left:30px;padding-right:30px;}
	.introbox .sec-innertxt{width:90%;}
	.fullpage{min-width: auto;}
}
@media screen and (max-width: 1300px) {.sec-service .leftbox {
    width: 50%;
    flex: none;
}}
@media screen and (max-width: 1024px) {
	.twobox{display:block;}
	.leftbox, .rightbox{width:100%;text-align:center;margin-bottom:2.2rem;}
	.rightbox{margin-left:0;}
	.leftbox{margin-right:0;}
	.inner-title-left{text-align:center;}
	.reservebox .leftbox{margin-left:0px;}
.reservebox .rightbox{margin-right:0px;}
.policetxt{text-align:left;}
.introbox{background-size: contain;}
.btn-more:not(.active):hover{color:#ff9600;border:solid 2px #ff9600;background: url(../images/icon-more.png) center right 25px no-repeat;background-size:40px 8px;}
.xxx{display:block;}
.container-inner {width: 100%;padding-left: 15px;padding-right: 15px;}
	.fixpos{display: table;margin: 30px auto 0;position:static;}
	.swiper-button-next{right: 10px !important;}
	.swiper-button-prev{left: auto !important;right: 40px !important;}
	.swiper-pagination {margin-left: 15px !important;}
	.slidewrap{padding-bottom:3rem;}
	.user,.user-txt{text-align:left;}
	.tbimportant th,.tbimportant td{display:block;width:100%;padding:0;}
	.tbimportant th{padding-bottom:10px;}
	.tbimportant td{padding-bottom:20px;margin-bottom:20px;}
	.tbimportant td a{margin-bottom:10px;}
	.tbimportant td a:last-child{margin-bottom:0;}
	.cuslist span,.cusmailbox{display:block;}
	.cuslist li{background-position:left 11px;}
	.introbox .sec-innertxt{width:100%;text-align: justify;}
	.banner{height:400px;padding: 12% 5% 3%;padding-top:16rem;}
	.head-title{font-size:3rem;letter-spacing: 4px;}
	.head-descript{font-size: 1.6rem;}
	.btn-more{background-size:40px 8px;}
	.sub-title::before, .sub-title::after {width: 35px;height: 3px;}
	.sec-service .leftbox {width: 100%;flex: none;}
	.xxx .rightbox img{width: 100%;height: 200px;object-fit: cover;}
}

@media screen and (max-width: 800px) {
	.m_hide {display: none;}
	.m_block {display: block;}
	.fullpage {min-width: auto;}
	h1.logo {
    top: 7px;
    left: 50%;
    margin-left: -88px;
    width: 175px;
    height: 33px;
    background-size: 175px auto;
	}
	h1.logo2 {
    top: 7px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 30px;
    background-size: 130px auto;
	}
	.m_header {
    height: 50px;
    position: relative;
    background: #fff url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/header_bg.png) top right no-repeat;
    background-size: contain;
    border-bottom: 5px solid #e50101;
	}
	.menu-btn {
    position: absolute;
    top: 0;
    left: 0;
	}
	.opemenu {
    display: inline-block;
    width: 50px;
    height: 50px;
	}
	.opemenu a {
    display: block;
    height: 50px;
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/icon_hamburger.png) center center no-repeat;
    background-size: 30px auto;
	}
	footer{padding:20px 15px 30px;}
	footer span{display:block;margin-bottom:5px;}
	footer span::after{display:none;}
}

@media screen and (max-width: 768px) {
	html{font-size:12px;}
	.user-title{background-size:6px 15px;background-position:left top 8px;padding-left:20px;}
	.user-txt{padding:15px 20px;height:200px;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size:2.5rem !important;}
	.swiper-button-prev {right: 32px !important;}
	.btn-more{padding: 10px 7px 10px 20px;background: url(../images/icon-more.png) center right 12px no-repeat;padding-right: 55px;background-size: 40px 8px;}
}

@media screen and (max-width: 415px){
	footer {
		background-size: auto 140px;
	}
}