/* 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 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;	
}
/*投顧*/
h1.logo2 {
    width: 270px;
    height: 92px;
    position: absolute;
    top: 0;
    left: 0;
	background: url(https://www.pscnet.com.tw/pscnetInvestmentAdvisor/resources/front/images/logo2.png) center center no-repeat;
    background-size: 165px auto;
    z-index: 10;	
}
h1.logo a {
    width: 100%;
    height: 100%;
    display: block;
}
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{}
.container .container{padding:0 0 30px 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 );
}
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;}
.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{}
.left-box{/*min-height: 660px*/}
/*#e01{background-image: url(../images/k1.png);background-repeat:no-repeat;background-position: left 80px top 0px;}
#e02{background-image: url(../images/k2.png);background-repeat:no-repeat;background-position: left 80px top 0px;}
#e03{background-image: url(../images/k3.png);background-repeat:no-repeat;background-position: left 80px top 0px;}
#e04{background-image: url(../images/k4.png);background-repeat:no-repeat;background-position: left 80px top 0px;}
#e05{background-image: url(../images/k5.png);background-repeat:no-repeat;background-position: left 80px top 0px;}*/
.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;}
.bookingcase-form th {
    background: #ff9600;
    text-align: center;
    font-weight: 500;
    color: #fff;
    border-bottom: solid 2px #ea8800;
    padding: 10px 16px;
}
.form-default th, .form-default td {
    padding: 16px;
    text-align: center;
}
.bookingcase-form tbody tr:nth-child(odd) {
    background: #fff8ee;
}
.bookingcase-form tbody tr:last-child {
    border-bottom: solid 2px #ffecd2;
}



.booking-box {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 7px 7px 15px #eee;
}
.booking-title {
    background: #f00;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 12px;
    font-size: 1.25rem;
}
.booking-content {
    padding: 30px;
}
.booking-radio-content {
    margin-bottom: 25px;
}
.booking-radio {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
}

.btn-check-wrap {
    display: table;
    margin: 0 auto;
}
.btn-bookingcheck, .btn-bookingcancel {
    font-weight: 500;
    margin: 0 10px;
    transition: all .3s;
}
.btn-bookingcheck {
    border: solid 2px #ff9600;
    color: #ff9600;
}
.btn-bookingcancel {
    border: solid 2px #353535;
    color: #353535;
}
.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;}
@media screen and (max-width: 1350px){
	.newsboxcontent{width:100%;padding: 0 20px;}
	.tab-box{width:100%;}
	.left-txt{font-size:1.3rem;}
	.newsinfoservice{width:100%;padding:0 30px;}
}
@media screen and (max-width: 1300px){
	.link-rule {width: 40%;left: 55%;}
}
@media screen and (max-width: 1100px){
.booking-film-box {
    width: 30%;
}
}
@media screen and (max-width: 1110px) {
	.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,.85);
    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;
	}
	.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;}
	.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) {
	.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;}
}
@media screen and (max-width: 830px) {
	.booking-content-check-wrap{width:calc( 100% - 30px );}
	.bookingcase-form tbody tr:nth-child(odd) {
    background: transparent;
}
	.bookingcase-form th{display:none;}
	.bookingcase-form tbody tr{display:block;margin-bottom:20px;}
	.bookingcase-form tbody td{display:block;width:100%;padding:8px 8px 8px 130px;vertical-align: top;text-align:left;position:relative;border-bottom: solid 1px #fff;}
	/*.bookingcase-form tbody td:nth-child(odd)::before{border-right:solid 3px #fff;}*/
	.bookingcase-form tbody td:first-child::before{width:120px;height:100%;display:block;background: #ff9600;font-weight: 500;color: #fff;/*border-bottom: solid 2px #ea8800;*/border-right:none;}
	.bookingcase-form tbody td::before{display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);padding-left:8px;padding-top:8px;box-sizing: border-box;}
	.bookingcase-form tbody td:nth-child(1) ~ td::before{background:#ff9600;color: #fff;font-weight: 500;width:120px;height:100%;}
	.bookingcase-form tbody td.booking-date,.bookingcase-form tbody td:nth-child(2){width:100%;}
	.bookingcase-form tbody td:nth-child(even){background: #fff;}
	.bookingcase-form tbody td:nth-child(odd){background: #fff8ee;}
	.bookingcase-form tbody tr:last-child {border-bottom: none;}
	.booking-date::before{content:"訂購日期";}
	.booking-case::before{content:"訂購方案"}
	.booking-start::before{content:"會員開始日"}
	.booking-end::before{content:"會員結束日"}
	.booking-pay::before{content:"付款方式"}
	.booking-price::before{content:"金額"}
}
@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%;}
}

@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;}
}
@media screen and (max-width: 415px){
	footer {
		background-size: auto 140px;
	}
}


/*戰情會員介紹頁*/
.bannerWrap{background:#fffef0;letter-spacing:1px;margin-bottom:30px;}
.banner{height:400px;width:1500px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.bannertxt{margin-right:30px;transform: translateY(0px);animation: bannertani infinite forwards 3s;}
@keyframes bannertani{
	0{transform:translateY(0px);}
	50%{transform:translateY(-10px);}
	100%{transform:translateY(0px);}
}
.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: 1540px){
	.banner,.secwrap{width:100%;}
	.tablewrap,.qawrap{width:90%;margin:0 auto 60px;}
	.tablewrap{margin-bottom:0;}
	.subtitle{width:90%;margin:0 auto 30px;}
}

@media screen and (max-width: 1350px){
	.bigtxt{font-size:2.5rem;}
	.smalltxt{font-size:1.5rem;}
	.infoinnerbox figure{width:auto;}
	.infoinnerbox{width:31%;margin: 0 1% 30px;}
	.infoinnercontent{flex-wrap:wrap;justify-content: center;}
}
@media screen and (max-width: 1250px){
	.banner figure{width:550px;}
	.banner{padding: 0 30px;}
}
@media screen and (max-width: 1160px){
	.banner{height:auto;display:block;text-align:center;padding:30px;}
	.bannertxt{margin:0;}
	.banner figure{margin:50px auto 0;}
}

@media screen and (max-width: 930px){
	.tablewrap{overflow-x:scroll;}
	.membertable th, .membertable td{white-space:nowrap;}
	.memberinfo{display: inline-block;
    margin-right: 5%;
    margin-bottom: 8px;
    /*background: #f00;*/
    float: right;
    color: #ff7069;
    font-weight: bold;
    font-size: 1rem;
    font-style: oblique;}
}
@media screen and (max-width: 768px){
	html{font-size: 16px;}
	.banner figure{width: 450px;}
	.infoinnerbox{width: 48%;margin: 0 1% 30px;}
	.iconV {width: 25px;}
	.bigtxt{font-size: 2.2rem;}
	.maintitle{font-size:1.75rem;}
	.tab-box{font-size:1.15rem;}
	.maintitle span{display:block;}
}
@media screen and (max-width: 600px){
	.infoinnerbox {width: 98%;margin: 0 1% 30px;}
}
@media screen and (max-width: 550px){
	.banner figure {width: auto;}
	.smalltxtbreak-one{margin-right: 0px;}
	.smalltxt span{display:block;}
}















/*CSS 引用連結*/
a[href^="http:"]{}
.alinkTest p[title^="praa"] {background: green;}
.alinkTest a[href^="https://www.google.com/?hl=zh_tw"]{color:#f00;}


/*SVG轉檔*/
http://www.asiteaboutnothing.net/c_decode-url.html
.back{
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%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%23D6D6D6%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");	
}



/*
.topbox{
	position: fixed;
	bottom: 70px;
	right: 15px;
	box-shadow: 0px 1px 10px #ccc;
    padding: 10px 10px 10px 24px;
	border-radius: 10px;
	color: #575757;
	font-weight: bold;
	display: inline-block;
	font-size: 0.85rem;
	letter-spacing: 0px;
	background: url(../images/arrow-up-a.svg) #fff no-repeat 10px center;
	background-size: 12px 9px;
	display: none;
	cursor: pointer;
	transition: all .5s;
	opacity: .8;
	z-index: 9999;
}
input[type="radio"],input[type="checkbox"]{}
::placeholder{color: #aeaeae;}
@media screen and (max-width: 1219px) {}
*/