/* CSS Document */
@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
.empty{}
*{box-sizing: border-box;font-family: 'Noto Sans TC', sans-serif;font-weight:300;}/*font-weight:bold;改設成500*/
html,body{font-family: 'Noto Sans TC', sans-serif;font-weight:300;}
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,textarea{
	font-family: 'Noto Sans TC', sans-serif;font-weight:300;font-size: 1rem;
}
a{
	text-decoration: none;
	color: #353535;
	outline: none;
	transition: all .3s;
}
button,.btn-play{
	border: none;
	background: none;
	outline: none;
	padding: 0px;
	margin: 0px;
	cursor:pointer;
	border-radius:20px;
	padding:8px 20px;
	font-weight:500;
	letter-spacing:1px;
}
.btn-default{border-radius:20px;padding:8px 20px;}
input[type="radio"], input[type="checkbox"] {
    margin: -3px 10px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="email"] {
    border: solid 1px #eee;
    border-radius: 5px;
    height: 35px;
    padding: 5px 10px;
    font-size: 1rem;
}
.fullpage {
    width: 100%;
    min-width: 1024px;
}
.header {
    padding: 0 30px 0 0px;
    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;	
}
/*投顧*/
h1.logo2 {
    /*width: 270px;
    height: 92px;
    position: absolute;
    top: 0;
    left: 0;*/
	width: 165px;
    height: 38px;
	background: url(https://www.pscnet.com.tw/pscnetInvestmentAdvisor/resources/front/images/logo2.png) center center no-repeat;
    background-size: 165px 38px;
    z-index: 10;
margin-right:20px;	
}
h1.logo2 a {
    width: 100%;
    height: 100%;
    display: block;
}
.logowrap{display: flex;
    align-items: center;
    height: 84px;
    margin-left: 53px;}
.txtbook{
    font-size: 1.4rem;font-weight: 400;line-height: 0;}
.txtbook::before{content:"";display:inline-block;background:#000;width:2px;height: 25px;
    margin-right: 20px;
    vertical-align: middle;}

nav {
    font-weight: 500;
    clear: both;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.top-func {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}
.top-menu {
    margin-bottom: 8px;
    margin-left: 7px;
    float: right;
}
.top-menu a {
    color: #535353;
    font-size: 15px;
}
.top-menu a:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #aaa;
    margin: 0 10px;
}
.top-menu a:last-child:after{display:none;}
.search-box {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.search-box input {
    height: 35px;
    border-radius: 50px;
    border: solid 1px #ccc;
    padding-left: 15px;
}
.search-btn {
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translate(0%, -50%);
    cursor: pointer;
	padding:0;
}
.nav-link {
    display: inline-block;
    margin: 0 7px;
}
.nav-link:first-child{margin-right:0;}
.nav-link a {
    display: inline-block;
    transition: all .3s;
}
.nav-link a:hover, .nav-link a.active {
    color: #f00;
}
.user b {
    background: url(../images/icon-user.svg) left center no-repeat;
    background-size: 15px 15px;
    padding-left: 22px;
    transition: all .3s;
}
.nav-link .user:hover b, .nav-link .user .active b {
    background: url(../images/icon-user-r.svg) left center no-repeat;
    background-size: 15px 15px;
}
.btn-reg::before {
    content: "";
    width: 2px;
    height: 15px;
    background: #575757;
    margin: 0 5px;
    display: inline-block;
}
.mobile-class {
    display: flex;
    flex-direction: row-reverse;
}
.container{max-width:1500px;margin: 0 auto;padding:6.5% 0;}
footer{font-size: 14px;
    width: 100%;
    padding: 20px 0 30px;
    color: #5b5b5b;
    border-top: solid 1px #e9e9e9;
    text-align: center;
    background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/footer_bg.png) right top no-repeat;
    background-size: auto 76px;}
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 );
}

.m_block {display: none;}
.tab-box,.searchkey{width:1300px; margin:0 auto;}
.searchkey{padding: 0 15px 20px;}
.search-w {
    color: #e23614;
    font-size: 1.2rem;
}
.tab-box{display:table;margin:30px auto;font-size: 1.3rem;text-align:center;}
.tab-box a{display:inline-block;font-weight:500;margin:0 10px;font-weight:500;padding:10px 20px;}
.tab-box a:hover,.tab-box a.active{background:#ff9600;color:#fff;border-radius:99em;}
.newsboxgroup{}
.sec-box{margin-bottom:6.5%;}
.sec-title{text-align:center;margin-bottom:6.5%;}
.sec-title h2{font-weight:bold;font-size:2rem;margin-bottom:20px;}
.sec-title p{font-size:1.5rem;}
.sec-body{display:flex;justify-content: space-evenly;}
.member-introbox{font-size:1.3rem;margin: 0 1%;}
.member-introbox:first-child{margin-left:2%;}
.member-introbox:last-child{margin-right:2%;}
.member-introbox figure{margin-bottom:20px;}
.member-introbox figure img{width:100%;}
.member-introbox h3{font-weight:bold;margin-bottom:10px;}
.member-introbox p{line-height:1.5;letter-spacing:2px;}
.kvimage{margin:40px 0 0 0;}
.imgcompare{max-width:100%;image-rendering: pixelated;}
.newsbox{width:100%;padding-bottom: 2%;/*min-height:660px;*/}
.newsboxcontent{width:1300px;margin:0 auto;display:flex;justify-content: space-between;}
.imgbox{margin-bottom:30px;}
.imgtitle{
	background: rgb(211,244,255);
	background: linear-gradient(90deg, rgba(211,244,255,1) 50%, rgba(0,212,255,0) 100%);
	font-weight:500;font-size:1.5rem;color:#353535;padding:10px 15px;margin-bottom:20px;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	}
.datebox{font-size:.85rem;flex-shrink: 0;margin-left:15px;}
.userimg{border:solid 1px #ccc;max-width: 100%;}
time{margin-left:7px;}
.left-txt{font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: #ff9600;
    padding-top: 80px;}
.left-txt p{margin-bottom:20px;}	
.content{}
.left-side{width:30%;}
.right-side{width: 65%;}
.btn-loginmore,.btn-play{background: rgb(248,88,106);
background: linear-gradient(90deg, rgba(248,88,106,1) 0%, rgba(255,167,41,1) 100%);color:#fff;font-size: 1rem;}
.pop-wrap {
    display: none;
    overflow: auto;
}
#lightboxWord {
    display: none;
}
.btn-apply {
    text-decoration: none;
    border-bottom: 1px solid #f08300;
    color: #f08300;
    font-weight: 500;
}
.overflow {
    overflow: hidden;
}
.login-box {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 20px;
    width: 380px;
}
.login-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    z-index: 100;
}
.btn-close {
    width: 66px;
    height: 66px;
    border-radius: 99em;
    text-align: center;
    line-height: 66px;
    background: url(../images/cross.svg) #ff0000 center center no-repeat;
    background-size: 30px 30px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -34px;
    top: -34px;
    cursor: pointer;
}
.login-title {
    border-radius: 20px 20px 0 0;
    color: #fff;
    background: #ff9600;
    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 );
    text-align: center;
    padding: 12px;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 1px;
}
.login-content {
    padding: 20px;
}
.login-type-span {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}
.login-type-span {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}
.login_left {
    padding: 15px 0 5px;
}
.login_account {
    margin-bottom: 12px;
}
.login_account, .login_password {
    display: flex;
    align-items: center;
}
.login_title {
    margin-right: 12px;
	width:40px;flex-shrink: 0;
}
.login-input-wrap {
    flex: 1 1 auto;
}
.login-input-wrap input {
    width: 100%;
}
.forget-wrap {
    text-align: right;
    margin-bottom: 10px;
}
.forget-pass {
    font-size: 1rem;
    color: #139da0;
    text-decoration: underline;
    font-weight: 400;
	padding: 0;
}
.btn-submit {
    font-size: 1rem;
    color: #fff;
    background: #ff9600;
    border-radius: 15px;
    text-align: center;
    padding: 10px 20px;
    font-weight: 500;
    display: table;
    margin: 0 auto;
}
.submit-notice {
    padding-top: 20px;
}
.lightboxContent {
    background: #fff;
    width: 650px;
    border-radius: 15px;
    margin: 0 15px;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: left;
    line-height: 1.75;
}
.lightboxHeader {
    border-radius: 15px 15px 0 0;
    padding: 10px 0;
    text-align: center;
    background: rgb(243,152,0);
    background: linear-gradient(90deg, rgba(243,152,0,1) 0%, rgba(230,0,18,1) 100%);
    color: #fff;
}
.lightboxContent ul {
    padding: 15px;
}
.lightboxContent li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -22px;
    padding-left: 28px;
}
.lightboxClose {
    background: #ff6e10;
    color: #fff;
    padding: 10px 15px;
    width: 150px;
    border-radius: 15px;
    font-weight: bold;
    margin: 0px auto 20px;
    display: block;
    border: none;
    font-family: '微軟正黑體',serif,sans-serif;
    font-size: 19px;
    cursor: pointer;
    transition: all .3s;
}
.wrapper{width: 100%;
    background: url(../images/bg-wave.png) left top no-repeat;}
.newsinfoservice{width:1300px;margin:0 auto;padding:30px;}
/*影音會員*/
.sub-title{font-weight:500;font-size:1.5rem;}
.main-content-box{padding-top:60px;}
.sec-booking-box{margin-bottom:50px;}
.third-title {
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.userinfo-box {
    position: relative;
}
.userinfolist{}
.userinfolist li{margin-bottom:10px;}
.userinfolist b{font-weight:500;display:inline-block;font-size:1.2rem;}
.userinfolist span{display:inline-block;width:120px;margin:3px 0;}
.link-rule{padding:20px 0 0;}
.link-rule a{display:inline-block;position:relative;font-weight:400;text-decoration:underline;background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%09%20width%3D%2215%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20384%20512%22%20style%3D%22enable-background%3Anew%200%200%20384%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23777777%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M224%2C136V0H24C10.7%2C0%2C0%2C10.7%2C0%2C24v464c0%2C13.3%2C10.7%2C24%2C24%2C24h336c13.3%2C0%2C24-10.7%2C24-24V160H248%0A%09C234.8%2C160%2C224%2C149.2%2C224%2C136z%20M288%2C372c0%2C6.6-5.4%2C12-12%2C12H108c-6.6%2C0-12-5.4-12-12v-8c0-6.6%2C5.4-12%2C12-12h168c6.6%2C0%2C12%2C5.4%2C12%2C12%0A%09V372z%20M288%2C308c0%2C6.6-5.4%2C12-12%2C12H108c-6.6%2C0-12-5.4-12-12v-8c0-6.6%2C5.4-12%2C12-12h168c6.6%2C0%2C12%2C5.4%2C12%2C12V308z%20M288%2C236v8%0A%09c0%2C6.6-5.4%2C12-12%2C12H108c-6.6%2C0-12-5.4-12-12v-8c0-6.6%2C5.4-12%2C12-12h168C282.6%2C224%2C288%2C229.4%2C288%2C236z%20M384%2C121.9v6.1H256V0h6.1%0A%09c6.4%2C0%2C12.5%2C2.5%2C17%2C7l97.9%2C98C381.5%2C109.5%2C384%2C115.6%2C384%2C121.9z%22%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: left center;background-size:16px 16px;
    padding-left: 20px;margin-bottom:7px;margin-right: 10px;}
.link-rule a:hover{color:#ff9600;}
/*.link-rule a::after{content:"";
	display:inline-block;width:2px;height:15px;background:#aaa;margin:0 10px;
}*/
.btn-edit-info{margin:10px 0 0 0;background: #4f4f4f;font-weight: 500;color:#fff;}
.btn-edit-info-fix{background:#e40000;color:#fff;}
.btn-cancel{background:#4f4f4f;color:#fff;margin-left:10px;display:none;}
.link-rule{padding:0;position:absolute;left:45%;bottom:0;width: 600px;
    background: #feffeb;
    border: solid 1px #fffae4;
    padding: 15px;}
.userinfolist span.checknotice{/*margin-left:124px;*/width:auto;display:block;}
.bookingcase-form {width: 100%;background: #fff;}
.nowrap,.bookingcase-form thead th {white-space: nowrap;}


.btn-bookingcheck:hover{background:#ff9600;color:#fff;}
.btn-bookingcancel:hover{background:#353535;color:#fff;}
.check-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:99;}
.checking-box{position: absolute;top:100px;left:50%;transform:translateX(-50%);width:500px;margin:0 auto;background:#fff;box-shadow:7px 7px 15px #000;padding:30px;border-radius:20px;}
.sign-notice{font-size:3rem;font-weight:900;display:table;margin:0 auto;background:#fff;border-radius:99em;width:80px;height:80px;line-height:78px;text-align:center;border:solid 2px #575757;/*box-shadow:0px 0px 15px #f00;*/}
.checking-box p{padding:25px 0;}
.page-wrap{text-align: center;}
.page-wrap a{display:inline-block;border:solid 1px #353535;margin:0 5px;padding:5px 10px;border-radius:7px;}
.page-wrap a:hover,.page-wrap a.active{background:#353535;color:#fff;}
.edit-box{font-family: 'Noto Sans TC', sans-serif !important;font-weight:300;}
.style-center{text-align:center;}
.main-content-box{padding-top:60px;}
.booking-content-check-wrap{width:800px;margin:0 auto;}
.notice-list li{text-indent: -23px;padding-left: 23px;list-style-type: decimal;list-style-position: inside;margin-bottom:5px;}
.notice-red{color:#f00;font-weight:bold;}
.pad-bottom-10{padding-bottom:10px;}
.pay-notice{padding:20px 0;}
.pay-notice h3,.pay-notice p{font-weight:500;}
.booking-content-check{font-weight:500;}
.fourth-title{font-weight:500;font-size:1rem;margin-bottom:5px;}
.notice-orange{color:#ff9600;font-weight:500;}
#alertshow{background:rgba(0,0,0,.75);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.alertshowBox{border-bottom: solid 8px #f00;width:800px;padding:40px 20px;background: url(https://www.pscnet.com.tw/pscnetStock/resources/front/images/footer_bg.png)#fff right bottom no-repeat;border-radius:20px;position:absolute;top:150px;left:50%;transform:translateX(-50%);font-size:1.3rem;font-weight:500;text-align:center;line-height:1.75;}
.btn-wrap{text-align:center;padding-top:60px;}
.btn-check-default{transition:all .3s;border-radius:20px;font-size:1.3rem;color:#fff !important;padding:12px 30px;width:auto !important;text-shadow:none !important;display: inline-block !important; font-weight:bold !important;margin:0 5px !important;}
.btn-check{background-color:#f00 !important;}
.btn-check-cancel{background-color:#707070 !important;}
.btn-check:hover{background-color:#d90000 !important;}
.btn-check-cancel:hover{background-color:#353535 !important;}
.style-user{color:#045de5;}
.notice-red{font-weight:bold;color:#f00;}
.notice-blue{font-weight:bold;color:#1182fb;text-decoration:underline;}
.bookingcase-form a {
    color: #ff7600;
    text-decoration: underline;
}

.sec-booking-box {
    margin-bottom: 50px;
}
.booking-film-wrap {
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-star;
}
.booking-film-box {
    width: 30%;
    margin: 0 15px 30px;
}
.booking-film-box a {
    box-shadow: 0 0 10px #ccc;
    border-radius: 15px;
    display: inline-block;
    background: #fff;
}
.booking-film-box figure {
    margin-bottom: 12px;
}
.booking-film-box p {
    padding: 0 15px 15px;
}
.booking-film-box figure img {
    display: block;
    border-radius: 15px 15px 0 0;
	max-width:100%;
}
.m_block,.mobile-show, .nav-link-mobile{display: none;}
.slideIn{opacity:0;transform: translateY(200px);transition: all 1.2s;}
.xxx{opacity:1;transform: translateY(0px);}
.memberinfo{display:none;}
.investpoint{font-weight:500;color:#f00;padding-top:5px;}
.banner-sec img { width:100%;max-width: none;
    /*background: url(../images/banner_intro.jpg) left top no-repeat;*/
}
.memberlink{display:table;margin:40px auto 40px;padding: 12px 30px;border-radius:15px;border:solid 2px #ff9600;border-bottom: solid 3px #ff5c00;font-size:1.3rem;color:#ff5c00;font-weight: 400;transition:all .3s;}
.memberlink:hover{color:#fff;background:#ff5c00;border:solid 2px #ff5c00;border-bottom: solid 3px #ff5c00;}
/*戰情會員介紹頁*/
.bannerwrap {
    /*max-width: 1500px;*/
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.bannertxt{    position: absolute;
    color: #fff;
    font-size: 3.75rem;
    left: 7%;
    font-weight: bold;
    text-shadow: 1px 3px 18px #4c4c4c;
    letter-spacing: 10px;
    line-height: 1.5;}
.banner figure{margin-left:30px;}
.bigtxt{font-weight:bold;font-size:3rem;color:#353535;margin-bottom:15px;}
.smalltxt{color:#ff8a00;font-weight:500;font-size:1.75rem;}
.container{}
.secwrap{
	width:1500px;
	margin:0 auto;
}
.maintitle{font-weight:bold;font-size:2rem;text-align:center;}
.secContent{padding: 40px 0;margin-bottom:50px;}
.membertable{width:100%;background:#fffbee;border-collapse: collapse;font-size: 1.2rem;}
.membertable th,.membertable td{padding:15px;border-right:solid 2px #fff;vertical-align:middle;}
.membertable thead{border-bottom: solid 2px #c15c56;}
.membertable thead th{background:#df837e;color:#fff;}
.membertable thead th,.membertable tbody th{font-weight:500;}
.membertable td{text-align:center;font-weight:400;}
.membertable tbody tr:nth-child(even){background:#fbdcd9;}
.membertable tbody tr:last-child td,.membertable tbody tr:last-child th{border-bottom: solid 4px #ef928c;}
.paynotice{display:block;}
.subtitle{font-weight:500;font-size:1.15rem;text-align:center;margin-bottom:60px;}
.noticeboldbig{font-weight:bold;color:#d70000;padding:0 7px;font-size:1.3rem;}
.noticebold{font-weight:bold;color:#d70000;padding:0 7px;}
.qabox{font-weight:400;}
.qabox li{margin-bottom:30px;line-height:1.6;}
.qatitle{margin-bottom:10px;font-weight:600;}
.qatxt{}
.qawrap,.tablewrap{width:1300px;margin:0 auto;}
.paymember{margin:10px 0;}
.paymembertable{box-shadow: 7px 7px 15px #eee;}
.paymembertable thead tr th{background:#ff0000;color:#fff;font-weight:600;text-align:center;padding:5px 0;}
.paymembertable tbody td{padding: 0px 30px 15px;}
.paymembertable tbody tr:first-child td{padding-top:15px;}
.infoinnercontent{display:flex;letter-spacing:1px;}
.infoinnerbox{font-weight:500;text-align:center;font-size:1.15rem;width:18%;margin:0 1%;}
.infoinnerbox figure{width:180px;margin:10px auto;}
.innertitle{color:#72acfb;font-size:1.3rem;font-weight:500;}
img{max-width:100%;}
.iconV{width:30px;display: block;margin: 0 auto;}
.smalltxtbreak-one{margin-right: 20px;}
.smalltxtbreak-two{}
.smalltxtbreak-three{display:block;}

@media screen and (max-width: 1110px) {
	.bannertxt{font-size:2.75rem;}
	.txtbook{font-size:19px;}
	.txtbook::before{height:15px;margin-right: 12px;}
	.menu-btn{left:10px;}
	.header{padding-right:0;}
	.logowrap{height:45px;margin-left: 0;justify-content: center;}
	.bannerWrap{margin-top:50px;}
	.nav-link a.btn-logout-pc {display: none;}
	.user b {background: url(../images/icon-user-w.svg) left center no-repeat;background-size: 15px 15px;}
	.btn-reg::before{display:none;}
	.link-rule {
    position: static;
    width: 100%;
    margin-top: 20px;
	}
	.header {
    height: 50px;
    border-bottom: 5px solid #e50101;
	}
.top-func {
    background: rgba(0,0,0,.8);
    position: fixed;
    width: 100%;
    height: 100vh; 
    top: 50px;
    right: auto;
    left: 0;
    transform: translateY(0);
    z-index: 99;
    overflow: hidden;
    padding-top: 20px;
    display: none;
	}
	.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;
	margin-right: 12px;
	}
	.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: 20px auto;
	}
	footer{padding:20px 15px 30px;}
	footer span{display:block;margin-bottom:5px;}
	footer span::after{display:none;}
	.nav-link {width: 100%;display: block;margin: 0;}
	.mobile-class {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
	}
	.nav-link a, .top-menu a {
    color: #fff;
    text-align: center;
    padding: 10px;
    border-bottom: solid 1px #696969;
    display: block;
	}
	.top-menu {
    margin: 0;
    float: none;
	}
	.search-box {
    margin: 0 auto 20px;
    width: 98%;
    display: block;
	}
	.search-box input {
    width: 100%;
    display: block;
	}
	.search-btn {
    right: 20px;padding:0;
	}
	.top-menu a.mobile-none {display: none;}
	nav {display: block;}
	.nav-link a.active {background: #ff9600;color: #fff;}
	.booking-box {width: calc( 100% - 30px );}
}
@media screen and (max-width: 1024px) {
	.container{max-width:1500px;margin: 0 auto;padding:6.5% 20px;}
	.sec-body{display:block;}
	.member-introbox:first-child,.member-introbox:last-child{margin:0;}
	.sec-body .member-introbox{width:50%;margin: 0 auto 13%;}
	
	.newsboxcontent{display:block;}
	.left-side {width: 100%;text-align: center;}
	.right-side {width: 100%;}
	.left-txt{padding-top:0;margin-bottom:20px;}
	.left-txt br{display:none;}
	.kvimage{display:none;}
	.tab-box{box-shadow: 0px 2px 8px 4px rgba(0,0,0,0.25);padding: 15px 0;margin: 0;}
	.tab-box a{padding: 5px 15px;margin:0;}
	.newsbox{min-height:auto;}
	.fullpage{position:fixed;top:0;z-index: 100;}
	.tab-box{position:fixed;top:50px;background:#fff;}
	.newsboxgroup {margin-top: 160px;}
	.container .container{padding-top:180px;}
	.alertshowBox{width:85%;font-size:1rem;top:50px;padding:20px;}
	.alertshowBox .btn-check-default{font-size:1rem;}
	.alertshowBox .btn-wrap{padding-top:20px;}
	.dotbreak{display:block;}
	.dotbreak strong{display:none;}
	.banner-sec{margin-top:50px;}
}
@media screen and (max-width: 830px) {
	.booking-content-check-wrap{width:calc( 100% - 30px );}
	.bookingcase-form tbody tr:nth-child(odd) {
    background: transparent;
}
}
@media screen and (max-width: 795px) {
	.newsboxgroup {margin-top: 200px;}
}
@media screen and (max-width: 768px) {
	html{font-size: 16px;}
	.booking-film-box {width: 100%;}
	.datebox{display: block;margin-left: 0;margin-top: 10px;}
	.imgtitle{display: block;}
	.booking-radio{text-indent:-35px;padding-left:35px;word-break: break-word;}
	input[type="radio"]{margin-top:3px;}
	.checking-box,.lightboxContent{width:85%;}
	.sec-body .member-introbox{width:100%;}
	.sec-title h2{font-size:1.5rem;}
	.sec-title p{font-size:1.3rem;}
	.member-introbox{font-size:1rem;}
}
@media screen and (max-width: 660px){
	.bannertxt{font-size:1.75rem;letter-spacing:4px;line-height:1.3;}
}
@media screen and (max-width: 500px){
	.login-box{width:90%;}
	.btn-close{width: 50px;height: 50px;line-height: 50px;background-size: 20px 20px;left: -13px;top: -11px;}
	.bannertxt{font-size:1.5rem;}
}
@media screen and (max-width: 415px){
	footer {
		background-size: auto 140px;
	}
}