﻿/* CSS Document */
@charset "utf-8";
@import url("reset.css");
*{box-sizing: border-box;font-family:'微軟正黑體','Microsoft JhengHei','Helvetica',sans-serif !important;}
html{
	font-size: 19px;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}
body{
	font-family:'微軟正黑體',sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #575757;
	background:#fff;
	word-wrap: break-word;
	word-break: break-all;
}
a{
	text-decoration: none;
	color: #575757;
	outline: none;
	/*transition: all .3s;*/
}
button{
	border: none;
	background: none;
	outline: none;
	font-family:'微軟正黑體',sans-serif;
	padding: 0px;
	margin: 0px;
	transition: all .3s;
	cursor:pointer;
	font-size: 1rem;
}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
select,option,input{
	font-family:'微軟正黑體',sans-serif;
}
.login svg,.searchbox svg,.rollertitle svg{
	vertical-align: middle;
}
.redtxt{
	color: #da0605;
}
footer{
	background: #ffffff;
	text-align: center;
	font-size: 0.85rem;
	padding: 20px 0px;
	border-top:solid 1px #b2b2b2;
	position:relative;
	width: 1200px;
	margin: 0px auto;
}
.membertel{
	position:absolute;
	right:0px;
	top:20px;
}
#top{
	display: block;
	padding-top: 115px;
	margin-top: -115px;
}
.wrapper{}
header{
	/*background: #fff;
	background: rgb(243,152,0);
    background: linear-gradient(90deg, rgba(243,152,0,1) 0%, rgba(230,0,18,1) 100%);*/
	padding: 0px 0px;
	position: fixed;
	width: 100%;
	top:0px;
	z-index: 999;
	border-bottom: 8px solid transparent;
    background: #fff url(https://pcmc.pscnet.com.tw/new/images/header_bg.png) top right no-repeat;
    background-size: contain;
    border-width: 0 0 8px 0;
    border-image: linear-gradient(to right, #ff9600 0%,#ff0000 100%);
    border-image-slice: 1;
}
.head_wrapper{
	/*width: 1170px;*/
	padding:0px 15px;
	/*height: 80px;*/
	height: 65px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: url("../images/bg_header.png") no-repeat right center;
	position:relative;
}
.footer_wrapper{
	width: 1200px;
	margin: 0px auto;
	text-align: left;
}
.footer_wrapper span{
	display: block;
	padding: 5px 0px;
}
.footer_link{
	margin-bottom: 10px;
}
.footer_link,.footer_link a{
	color: #353535;
	font-weight: bold;
}
.footer_link a{
	display:inline-block;
	/*padding: 0px 10px;*/
}
.wrapperBack{
			width: 100%;
			margin:0 auto;
			background:#666;
		}
		.wrapperBack a{
			color:#fff;
			text-decoration:none;
			display:block;
			text-align:center;
			padding:5px 0;
			font-weight:bold;
		}
h1{
	width: 190px;
	line-height:0;
}
.right_function{
	display: flex;
	align-items: center;
}
.searchbox{
	/*margin-right: 10px;*/
	position: relative;
	margin-bottom: 20px;
    /*margin-right: 70px;*/
}
.searchbox input{
	background: url("../images/bg_w.png") repeat;
	border:none;
	padding: 12px 20px;
	border-radius: 30px;
	display: block;
	font-size: 0.9rem;
	outline: none;
	border:solid 1px #4f4f4f;
	width: 100%;
}
.searchbox button{
	position: absolute;
	top:50%;
	right: 5%;
	transform: translate(0%, -50%);
    cursor: pointer;
}
.searchtype{
	margin-left:10px;
	color:#cb0000;
	font-size:1.2rem;
}
.searchbox-mobile{display:none;}
.login{
	font-size: 0.8rem;
	position:absolute;
	right: 0px;
    top: 0px;
}
.login a{
	/*color: #fecfd3;*/
	color:#fff;
	background:#e31313;
	padding: 5px 10px;
    border-radius: 0 0 0 10px;
}
.login a:hover{
	/*color: #ff9600;*/	
}
.login svg{
	margin-right: 3px;
	margin-bottom: 1px;
}
nav{
	/*background: #f8f8f8;
	border-bottom:solid 1px #e7e7e7;
	margin-top: 80px;*/
	position: fixed;
    top: 32px;
    right: 20px;
    /*transform: translateX(-50%);*/
    z-index: 999;
}
nav svg{
	vertical-align: middle;
	margin-right: 10px;
}
.nav_wrapper{
	width: 1000px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
}
.nav_wrapper svg{display:none;}

/* Add a black background color to the top navigation */
.topnav {
  /*background-color: #333;*/
  overflow: hidden;	
}

/* Style the links inside the navigation bar */
.topnav a {
  /*line-height: 1.3;*/
  font-size: 1rem;
  font-weight: bold;	
  float: left;
  display: block;
  color: #353535;
  text-align: center;
  padding: 0;
  /*padding: 14px 16px;*/
  text-decoration: none;
}

/* Add an active class to highlight the current page */
a.active,.active {
  /*background-color: #6a645e;*/
  color: #f00;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown:nth-last-of-type(1) .dropdown-content,.dropdown:nth-last-of-type(2) .dropdown-content{right:0;}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {	
  border: none;
  outline: none;
  color: #353535;
  padding: 0;
  /*padding: 14px 16px;*/
  background-color: inherit;
  margin: 0;
	font-size: 1rem;
  font-weight: bold;
	cursor: pointer;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position:absolute;
  min-width: 160px;
  background:#fff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.dropdown-content span{
	display: block;
}
.dropdown-content span.icon{
	display: block;
	background: #f39800;
	width: 7px;
	height: 7px;
	text-indent: -9999px;
	margin-right: 10px;
}
.dropdown-content a.active{
	color:#f00;
}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  /*background-color: #555;*/
  color: #f00;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

.member_apply_wrap{width:100%;}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1070px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/*Menu End*/

.container{
	/*width: 1500px;*/
	width: 1300px;
	margin: 0 auto;
	padding: 20px 0px 80px;
}
.container_memberapply{margin: 73px auto 0;padding-left:0 !important;padding-right:0 !important;}
.banner{
	height:400px;margin-top: 73px;
}
.banner img{max-width:100%;}
.banner-pc{}
.banner-mobile{display:none !important;}
.roller{
	background: #fff6ec;
	border-bottom: solid 2px #ffbb69;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: flex;
	justify-content: flex-start;
	align-items:center;
	white-space: nowrap;
}
.roller li{
	margin: 0px 10px;
}
.rollertitle{
	color: #f08300;
	font-weight: bold;
	margin-right: 10px;
}
.rollertitle svg{
	margin-right: 7px;
}
marquee{
	line-height:30px;
}
marquee span{
	margin:0px 10px;
}
.content{
	overflow: hidden;
	clear: both;
}
.leftside{
	float:left;
	width:300px;
}
.rightside{
	float: right;
	/*width: 1140px;*/
	width: 960px;
}
.leftbox{
	padding-bottom: 20px;
}
.leftboxtitle{
	background: #f08300;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
}
.leftbox a:hover,.leftbox a.active{
	color:#f08300;
	background-color:transparent;
}
.leftbox a.active{
	font-weight:bold;
}
.memberbox ul li{
	border-bottom:solid 1px #b2b2b2;
	padding: 10px 15px;
}
.memberbox ul li:last-child{
	border-bottom: none;
}
.newsbox{
	padding-bottom:40px;
}
.newsboxrwd{
	display:none;
}
.radarbox .leftboxtitle,.newsbox .leftboxtitle{
	margin-bottom: 20px;
}
.radarbox ul li{
	width: 270px; height: 52px;
	line-height: 52px;
	padding: 10px 15px;
	margin-bottom: 20px;
}
.radarbox ul li a{
	display: block;
}
.radarbox ul li:nth-child(1){
	background: url(../images/radar_01.png) no-repeat;
}
.radarbox ul li:nth-child(2){
	background: url(../images/radar_02.png) no-repeat;
}
.radarbox ul li:nth-child(3){
	background: url(../images/radar_03.png) no-repeat;
}
.radarbox ul li:nth-child(4){
	background: url(../images/radar_04.png) no-repeat;
}
.articletitlebox{
	border-bottom:solid 3px #f08300;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5px;
}
.articletitle{
	font-weight: bold;
	font-size: 1.75rem;
	line-height:normal;
}
.setbtn{
	border:solid 1px #b2b2b2;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	font-size: 0.8rem;
}
.articlelist{
	margin-bottom: 50px;
}
.articlelist li{
	padding: 15px 20px;
	color: #353535;
}
.articlelist li:nth-child(even){
	background: #f8f8f8;
}
.articlelist a{
	display: block;
	font-weight: bold;
	color: #353535;
	margin-bottom: 5px;
}
.articlelist a:hover{
	color: #f08300;
}
.articlelist span{
	font-size: 0.85rem;
}
.pagination{
	display: flex;
	justify-content: center;
}
.pagination a{
	color: #9b9b9b;
	border: solid 1px #9b9b9b;
	padding: 0px 7px;
	margin: 0px 3px;
	display: inline-block;
	font-size: 0.9rem;
}
.pagination a:hover,.pagination a.active{
	color: #ffffff;
	border: solid 1px #575757;
	background-color:#575757;
}
.membercheck{
    margin-bottom: 20px;
	padding: 20px;
	padding-left: 0px;
}
.membercheck li{
	margin-bottom: 5px;
}
.member_update,input[type="button"]{
    background: #fff;
	cursor: pointer;
    border: solid 1px #bcbcbc;
    padding: 10px 15px;
    display: table;
    margin: 0px auto;
    border-radius: 10px;
    font-size: 0.9rem;
    transition: all .3s;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.member_update:hover,input[type="button"]:hover{
	background: #938f87;
	color: #fff;
}
.accordionbox{
	font-family:'微軟正黑體',sans-serif;
	margin-bottom: 50px;
}
.accordionbox .stock_box{
	background-color: #fff;
}
.accordionbox li:nth-child(2n) .stock_box{
	background-color: #eeeeee;
}
.stock_box{
	border-bottom: solid 1px #b2b2b2;
	padding: 10px 15px;
	position: relative;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	outline: none;
}
.accordable li.closed .stock_box{
	background-image: url(../images/icon_1.png);
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:18px 18px;
}
.accordable li.open .stock_box{
	background-image: url(../images/icon_2.png);
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:18px 18px;
}
.stock_title{
	color: #575757;
}
.stock_title span{
	margin-right: 15px;
}
.stock_status{
	padding: 1px 5px;
	display: inline-block;
	margin-right: 35px;
	font-size:0.8rem;
}
.specialBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 10px;}
.specialBox a{border-radius:20px;border:solid 1px #ff7e00;color:#ff7e00;padding:10px 15px;margin-bottom:10px;width: 47%;text-align:center;font-weight:bold;display:inline-block;transition:all .3s;}
.specialBox a:hover{background:#ff7e00;color:#fff;}
.number-news{background:#ff6a06;border-radius:99em;width:30px;height:30px;line-height:30px;text-align:center;font-weight:bold;color:#fff;display:inline-block;flex: none;margin-right: 15px;font-size:.85rem;font-family: Arial, Helvetica, sans-serif !important;}
.newsleadingBox li{display:flex;}
.newsleadingBox a{transition:all .3s;}
.newsleadingBox	.leftboxtitle{background: rgb(255,0,0);background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,150,0,1) 100%);}
.newAllGroup{display:flex;flex-wrap:wrap;justify-content: flex-start;padding-top: 20px;}

.newstockbox{display:block;border-radius:20px;border:solid 1px #ebebeb;width:23%;margin: 0 1% 30px;transition:all .3s;background:#fff;overflow:hidden;padding:5px;position:relative;min-height:300px;}
/*.newstockbox:first-child,.newstockbox:nth-child(4n+1){margin-left:0;}
.newstockbox:nth-child(4n){margin-right:0;}*/
.newstockbox img{max-width:100%;border-radius:15px 15px 0 0;}
.tag-stocks{font-weight:bold;color:#ff7200;background:#ffeee0;display:inline-block;padding:3px 10px;font-size:.85rem;margin-bottom:7px;}
.tag-stocks b{margin-right:7px;}
.info-stocks{/*padding:10px 16px;*/padding: 7px;}
.time-stocks{font-size:.8rem;color:#acacac;display: block;text-align:right;font-family: Arial, Helvetica, sans-serif !important;position: absolute;right: 10px;bottom:5px;}
.news-date{margin-right:5px;}
.info-txt{margin-bottom:10px;font-weight: bold;transition:all .3s;}
.newstockbox:hover .info-txt{}
.newstockbox:hover{/*border:solid 1px #ffb46f;*/transform:scale(1.05);box-shadow:0 0 15px #eee;}
.newstockbox:nth-child(12) ~ .newstockbox{display:none;}
/*SWIPE*/
.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



/*FED*/
#iFrame1{width:100%;}
.container-fed{background:#fff;clear:both;margin-bottom:50px;}
.btn-turn{background: url(../images/icon_left.svg) center left no-repeat;background-size:9px 15px;float:right;padding:15px 0 15px 18px;font-weight:bold;line-height:1;font-family: '微軟正黑體','Microsoft JhengHei','Helvetica',sans-serif;
    font-size: 1rem;color: #575757;outline: none;cursor: pointer;}
.newsListBox li{border-bottom: solid 1px #b2b2b2;clear:both;overflow:hidden;}
.newsListBox li:nth-child(even){background:#eee;}
.newsListBox a{padding:10px 15px;display:inline-block;font-weight:bold;float:left;width:75%;text-align: justify;}
.newsListGroup{margin-bottom: 50px;}
.fed-content{padding:30px 0 60px;}
.article-type-block-m{display:none;}
.article-type{font-size:.95rem;color:#898989;margin:5px 0 0 10px;font-weight:normal;}
.article-type-name{color:#b17b2d;font-size:1.15rem;margin-left:6px;font-weight:bold;}
.article-title{font-size:1.7rem;font-weight:bold;color:#353535;margin-bottom:5px;line-height:1.3;display:flex;align-items: flex-start;justify-content: space-between;}
.article-title-in{flex:1;text-align: justify;}
.article-date{color:#575757;letter-spacing:normal;font-size:.95rem;font-weight:bold;display:inline-block;}
.author-Note{background:#ffefe6;padding:15px;color:#0066ff;margin-bottom:1.5rem;font-weight:bold;font-size:1.2rem;}
.author-Title{color:#f00;background: url(../images/icon-author.png) center left no-repeat;padding:5px 0 5px 25px;display:block;background-size:20px 18px;}
.author-Note p{line-height:1.5;}
.author-Note p,.author-Note span,.author-Note ul,.author-Note ol{font-size:1.2rem;}
.file-Title{font-weight:bold;font-size:.95rem;background: url(../images/icon-file.png) center left no-repeat;padding:5px 0 5px 25px;display:block;}
.file-List{display:flex;flex-wrap:wrap;font-size:.95rem;margin-left: 15px;}
.file-List li{margin-bottom:12px;text-indent: -12px;padding-left: 12px;}
.file-List li a{background: url(../images/icon-square.png) center left no-repeat;color:#3a9dc6;padding-left:12px;margin-right:15px;text-decoration:underline;font-weight:bold;}
.file-List li a:link,.file-List li a:visited,.file-List li a:active{color:#3a9dc6;}
.file-List li a:hover{color:#23bcf5;}
/*FED編輯器*/
.edit-Box{margin:20px 0;line-height:1.5;color:#353535;text-align: justify;font-size:1.2rem;}
.edit-Box p,.edit-Box span,.edit-Box ul,.edit-Box ol{font-size:1.2rem;}
.edit-Box li{list-style-position: inside;}
.edit-Box ul li{list-style-type:disc;}
.edit-Box ol li{list-style-type:decimal;}
.edit-Box p{margin:1rem 0;}
.edit-Box br{height: 12px;line-height: 0;content: "";display: block;}
.edit-Box img{max-width:100% !important;height: auto !important;}
.newsDate{color:#666;font-size:15px;float:right;padding:12px 15px 10px;display:block;}
/*強力買進*/
.s1{
	background: #ed0000;
	color: #fff;
}
/*買進*/
.s2{
	background-color:#f78235;
	color: #fff;
}
/*中立*/
.s3{
	background-color: #e8b61c;
	color: #fff;
}
/*未評等*/
.s4{
	background-color: #8a8a8a;
	color: #fff;
}
/*賣出*/
.s5{
	background-color: #569a5e;
	color: #fff;
}
/*降低持股*/
.s6{
	background-color: #008db6;
	color: #fff;
}
.stock_paper{
	font-family:'微軟正黑體',sans-serif;
	padding: 15px .7em !important;
}
.stocklist{
	padding:0px !important;
}
.stock_paper svg{
	margin-right: 5px;
}
.stock_paper span{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #b2b2b2;
}
.stock_paper span:last-child{
	border-bottom:none;
	padding-bottom: 0px;
}
.stock_paper span a:first-child{
	flex:2;
	margin-right:30px;
	font-weight:bold;
}
.stock_paper span a:last-child{
	text-align: right;
}
.stock_paper span a:hover{
	color:#f08300;
}
/*jssor slider loading skin double-tail-spin css*/
        .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 031 css*/
        .jssorb031 {position:absolute;}
        .jssorb031 .i {position:absolute;cursor:pointer;}
        .jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
        .jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
        .jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
        .jssorb031 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
#myNav{
		display: none;
	}
/*個資同意書*/
.personalbook .head_wrapper{
	width: 900px;
	margin: 0px auto;
}
.main_join{
	/*border: 1px solid #ccc;*/
    background-color: #fff;
	width: 900px;
	padding: 0px 50px;
    position: relative;
    margin: auto;
	margin-top: 140px;
	margin-bottom: 50px;
}
.main_join h2 {
    clear: both;
    text-align: center;
	margin-bottom: 20px;
    letter-spacing: 5px;
    margin-top: 20px;
    font-size: 1.75rem;
	font-weight: bold;
	line-height:1.3;
}
.main_join p {
 
}
.join5 {
	padding: 20px 0px 0px;
}
.join5 li {
    margin-left: 2em;
	margin-bottom: 10px;
    position: relative;
}
.join5 li:before {
    position: absolute;
    left: -2em;
}
.join5 li:nth-child(1):before {
    content: '一、';
}
.join5 li:nth-child(2):before {
    content: '二、';
}
.join5 li:nth-child(3):before {
    content: '三、';
}
.join5 li:nth-child(4):before {
    content: '四、';
}
.join5 li:nth-child(5):before {
    content: '五、';
}
.join5 li:nth-child(6):before {
    content: '六、';
}
.join5 li:nth-child(7):before {
    content: '七、';
}
.join5 li:nth-child(8):before {
    content: '八、';
}
.join5 li span{
	display: block;
	padding-left: 23px;
    text-indent: -23px;
}
.post {
    padding-top: 20px;
    display: flex;
	justify-content: center;
	align-items: center;
}
.post span{
	display: block;
	margin: 0px 40px;
}
.readbox{
	position: relative;
}
.post span input[type="checkbox"]{
	position: absolute;
	top:11px;
	left: -35px;
	width: 20px;
	height: 20px;
	border: solid 1px #bcbcbc;
	border-radius:0px;
	background:#fff;
}

/*個資同意書*/
/*自選股設定*/
.personalstock{
	font-size: 16px;
}
.personalstock .head_wrapper,.personalstockcontainer{
	width: 1000px;
	margin: 0px auto;
}
.personalstockcontainer{
	padding: 20px;
}
.personalstockcontainer h2{
	text-align: center;
	margin-bottom: 15px;
	font-size: 1.25rem;
}
.personalstockcontainer p{
	margin-bottom: 10px;
	font-weight: bold;
}
.personalstockbox{
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	border: solid 1px #b2b2b2;
	margin-bottom: 20px;
}
.personalstockbox span{
	margin: 0px 5px;
	padding: 0px;
	display: block;
}
.personalstockbox li{
	width: 33.3%;
	/*border-bottom: solid 1px #b2b2b2;*/
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	padding-bottom: 5px;
}
span.st_item{
	width: 30px;
}
span.st_name{
	background: #fff6ec;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:3px;
	flex:2;
}
span.st_input input{
	padding:1px 5px;
	font-size:1rem;
}
.submit{
	display: flex;
	justify-content: center;
}
.submit input[type="button"]{
	display:block;
	margin: 0px 10px;
	padding: 5px 10px;
	font-size: 15px;
	font-family:'微軟正黑體',sans-serif;
}
/*自選股設定*/
/*會員好康*/
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/*會員好康*/
/*RWD MENU*/
.collapsein{
    display: none;
}
.mobnav,.rwdmenu{
	display:none;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(240,131,0, 1);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  cursor:pointer;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 20px;
  font-size: 40px;
  line-height:normal;
  padding:0px;
}
.overlay .dropdown{
	float:none;
}
.overlay .dropdown .dropbtn{
	color:#fff;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.sidemenu{
    margin-top: 60px;
	margin:60px 20px;
}
.sidemenu li{
	background:transparent;
	font-size:1.3rem;
	border-bottom:solid 1px #ffd6a5;
}
.sidemenu li li:last-child{
	border-bottom:none;
}
.sidemenu li ul{
	margin:0px 32px;
}
.sidemenu svg{
	margin-right:10px;
}
.sidemenu a{
	    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sidemenu span.icon{
	display: block;
    background: #fff;
    width: 7px;
    height: 7px;
    text-indent: -9999px;
    margin-right: 10px;
}
.radarbtn ul li:first-child span:first-child{
	margin-bottom:30px;
}

/*FED發布時間*/
.fedSchedule{padding:20px 0;}
.fedSchedule table{width:100%;margin-bottom:5px;}
.fedSchedule table th,.fedSchedule table td{padding:10px 5px;border:solid 1px #ccc;text-align:center;vertical-align:middle;}
.fedSchedule table td{font-weight:bold;}
.fedSchedule table th:nth-child(3),.fedSchedule table th:nth-child(4){width:120px;}
.fedSchedule table b{font-size:12px;padding:0 2px;font-weight:normal;}
.sign-bold,.fedSchedule table th{font-weight:bold;}
.sign-bold-check{font-size:19px;}
.fedSchedule table thead th{background:#feede8;border-bottom: solid 2px #ccc;}
.fedSchedule thead span{font-size:13px;}
.fedSchedule table tr:nth-child(even){background:#fff8f6;}
.notetable{color:#f00;font-size:16px;font-weight:bold;position:relative;}
.notetable b{padding-right:5px;color:#575757;}
.notetable sup {vertical-align: super !important;font-size: smaller !important;}
.notetable p{display:inline-block;margin-right:15px;text-indent: -33px;padding-left: 33px;}
.tb-notice{font-size:16px;}
.signTo{display:inline-block;font-size:15px;margin: 0 5px;}
.emptyContent{cursor:no-drop;}
.fedSchedule th:nth-child(2) br,.fedSchedule th:nth-child(5) br{display: block;margin: -10px 0;content: "";}

.fedSchedule table tbody tr.now td{border-top:solid 5px #f98525 !important;border-bottom:solid 5px #f98525 !important;}
.fedSchedule table tbody tr.now td:first-child{border-left:solid 5px #f98525 !important}
.fedSchedule table tbody tr.now td:last-child{border-right:solid 5px #f98525 !important}

.iframe-paper{position:relative;}
.articleiframeTitle{position:relative;padding:10px 0;font-weight: bold;}
.articleiframeTitle::before{content:"";display: inline-block;vertical-align: middle;margin-bottom: 5px;
    background: #f39800;
    width: 7px;
    height: 7px;
    margin-right: 10px;}
.btn-back{font-size: .9rem;
    border-radius: 10px;
	color:#fff;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    background: #4f4f4f;
    display: inline-block;}
.btn-newMore{display:block;width:100%;cursor:pointer;background:#ff9600;background:linear-gradient(to right, #ff9600 0%,#ff0000 100%);text-align:center;color:#fff;font-weight: bold;border-radius: 20px;padding:10px;margin-bottom:30px;}	
.btn-zoom{border:solid 2px #353535;border-radius:99em;padding:5px;text-align:center;font-weight:bold;font-size:1.1rem;width:30px;height:30px;line-height:0px;cursor:pointer;margin-right:5px;}
.canvas-scroll{overflow-x:scroll;overflow-y:scroll;height:1262px;}
/*.canvas-scroll canvas{width:100%;}*/
.butSet {
    width: 100%;
    background: #e4e4e4;
    padding: 25px 0;
	margin-bottom:20px;
}
.butSet div {
    max-width: 1280px;
    padding: 0 25px;
    margin: 0 auto;
}
.butSet h2 {
    margin-bottom: 15px;
}
.butSet ul {
    display: flex;
    justify-content: space-between;
}
.butSet ul li {
    width: 22%;
    border: 1px solid #898989;
    padding: 10px 5px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}
.butSet ul li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.butSet ul li span.pic {
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 10px;
}
.butSet ul li:nth-child(1) span.pic {
    background: url(../images/icon_inter.png) center center no-repeat;
    background-size: 36px;
}
.butSet ul li:nth-child(2) span.pic {
    background: url(../images/icon_newBuy.png) center center no-repeat;
    background-size: 36px;
}
.butSet ul li:nth-child(3) span.pic {
    background: url(../images/icon_track.png) center center no-repeat;
    background-size: 36px;
}
.third-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.member_search_tb{width:100%;background:#fff9f2;}
.member_search_tb th,.member_search_tb td{padding:10px 20px;border-bottom:solid 1px #ffe9e2;vertical-align:middle;}
.member_search_tb th{text-align:right;border-right:solid 1px #ffe9e2;width:22%;}
.member_search_tb td{font-weight:bold;}
.member_search_tb input{border: solid 1px #eee;
    border-radius: 5px;
    /*height: 35px;*/
    padding: 5px 10px;
    font-size: 1rem;}
.member_search_tb input[type="file"]{background:#fff;}	
.member_search_tb tr:first-child th,.member_search_tb tr:first-child td{border-top:solid 1px #ffe9e2;}
.member_search_tb tr:last-child th,.member_search_tb tr:last-child td{border-bottom:solid 2px #ffe9e2;}	
.member_search_tb tr:nth-child(even) th,.member_search_tb tr:nth-child(even) td{background:#fff;}
.checknotice{}
.member_search_tb input[type="radio"], .member_search_tb input[type="checkbox"] {
    margin: -3px 10px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.btn-default{border-radius: 20px;padding: 8px 20px;}
.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;
}
.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;
}
.userinfo-box {
    position: relative;
}
.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 );
}
.notice_apply{color:#f00;font-size:.9rem;font-weight:bold;margin-top:3px;}
.idbox_tb{display:inline-block;text-align:center;}
.footer_link a.a1:after{
	/*width: 30px;*/
	display: inline-block;
	/*content: '|';*/
	content:"";
	width:2px;
	height:10px;
	background:#353535;
	color: #353535;
	margin: 0 10px;
}
.idbox_tb:first-child{margin-right:15px;}
.linkservice{text-decoration:underline;color:#ff6600;font-weight:bold;transition:all .3s;}
.linkservice:hover{color:#f00;}
@media screen and (max-width: 1500px) {
	.container{width: auto;padding: 20px 40px 80px;}
	.statusbox .idbox_tb input{margin-top:5px;}
}
/*.notetable span:nth-child(2){margin-left:10px;}
.notetable span:last-child::before{content:"";width:2px;height:15px;background:#f00;display:inline-block;transform: rotate(45deg);margin-top:2px;margin-right:10px;}
.crossLine{font-weight:bold;margin:0 10px;display:inline-block;}*/
/*RWD MENU*/
@media screen and (max-width: 1200px) {
	.container,.head_wrapper,.nav_wrapper,.footer_wrapper,footer{
		width: auto;
	}
	.searchbox{/*margin-bottom:0;*/margin-right:10px;}
	.container{padding: 30px 20px 80px;}
	.newstockbox{width: 31.3%;margin: 0 1% 30px}
	.rightside{
		width: auto;
		margin-left: 330px;
		margin-right: 1.5%;
		float: none;
	}
	.footer_wrapper{
		padding: 0px 15px;
	}
	.membertel{
		right:15px;
	}
	/*RWD Menu*/
	.mobnav,.rwdmenu{
	display:block;
	}
	.container{
		/*padding-top:80px;*/
	}
	.dropdown-content {
	  position:static;
	  background:transparent;
	}
	.dropdown-content a{
		text-align:center;
	}
	.rwdmenu{
		/*color:#fff;*/
	}
	.login,nav{
		display: none;
	}
	.right_function{
		margin-bottom: 0px;
		margin-right: 0px;
	}
}
@media screen and (max-width: 1060px) {
	.personalstockcontainer{
		width:auto;
	}
	.personalstock .head_wrapper h1{
		margin-left:30px;
	}
	.idbox_tb{display:block;text-align:left;}
	.idbox_tb:first-child {margin-right: 0px;margin-bottom: 15px;}
}
@media screen and (max-width: 1050px) {
		.membertel{
		position:static;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 1023px){
	.butSet ul li {
    flex-direction: column;
    line-height: 1.2;
	}	
	.butSet ul li p {line-height: 1.2;}
	.butSet ul li span.pic {
    margin-right: 0;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    background-size: 30px;
	}
	.butSet ul li:nth-child(1) span.pic,.butSet ul li:nth-child(2) span.pic,.butSet ul li:nth-child(3) span.pic{background-size: 30px;}
	.zoomBox{display:none;}
	.canvas-scroll canvas{max-width:100%;}
	.canvas-scroll {
    overflow-x: auto;
    overflow-y: auto;
    height: auto;}
}
@media screen and (max-width: 1000px) {
	.main_join{
		width:auto;
		padding: 0px 15px;
	}
	.main_join.new_mainbox {
    padding: 0;
    margin-top: 50px;
    padding-top: 10px;
}
}
@media screen and (max-width: 980px) {
	.searchbox-mobile{display:block;}
	.searchbox{margin-bottom:0;}
	.leftside{
		display: none;
	}
	.rightside{
		margin-left: 15px;
		margin-right: 15px;
	}
	.newsboxrwd{
	display:block;
	margin-bottom:40px;
	}
	.newsboxrwd .leftboxtitle{
		display:none;
	}
	.accordionbox,.newsListGroup{margin-bottom:25px;}
	.banner-pc{display:none !important;}
}
@media screen and (max-width: 900px) {
	.personalbook .head_wrapper{
		width:auto;
	}
	.personalbook h1{
		margin-left:15px;
	}
}
@media screen and (max-width: 800px) {
	.newstockbox{width:98%;display: flex;margin-bottom:20px;min-height:auto;}
	.banner-mobile{display:block;}
	.banner-pc{display:none;}
	.banner{margin-top:55px;}
	header{border-width: 0 0 5px 0;}
	.head_wrapper{height:50px;background-position:right -100px center;}
	h1{width:140px;}
	.newstockbox figure,.info-stocks-wrap{flex:1;}
	.newstockbox img{border-radius: 15px;}
	.info-stocks-wrap{margin-left:10px;}
	.time-stocks{white-space: nowrap;}
	.info-stocks{padding:0;}
	.container{padding-top:10px;}
	.time-stocks{position:static;}
	.banner-mobile{display:none;}
}
@media screen and (max-width: 768px) {
	html{
	font-size: 16px;
	}
	.articletitle{
		font-size:1.35rem;
	}
	/*.roller{
		margin-bottom:20px;
	}*/
	.main_join{
		margin-top:100px;
	}
	.main_join h2{
		font-size:1.5rem;
	}
	.butSet ul {
    flex-wrap: wrap;
}
	.butSet ul li {
    width: 45%;
    margin-bottom: 15px;
	}
	.container {
   /* padding-top: 70px;*/
	padding-bottom:40px;
	}
	.pagination a{
	padding: 3px 9px;
	font-size:1rem;
	line-height:normal;
	}
	.footer_link{
		padding-left:15px;
		padding-right:15px;
	}
	/*footer{
		text-align:left;
	}
	.footer_link{
		padding-left:5px;
	}*/
	.wrapperBack{
			width: 100%;
	}
	.newsListBox a{float:none;width:auto;padding-bottom:0;}
	.newsDate{float:none;padding-top:0;}
	
/*Fed發布時間*/
.fedSchedule table{}
.fedSchedule th,.fedSchedule td{display:block;width:100%;}
.fedSchedule table thead th{display:none;}
.fedSchedule table tbody td{line-height:33px;padding:0;display:inline-block;width:100%;text-align:left;align-items:center;}
.fedSchedule table tbody td:nth-child(2) p,.fedSchedule table tbody td:nth-child(3) p,.fedSchedule table tbody td:nth-child(4) p,.fedSchedule table tbody td:nth-child(5) p,.fedSchedule table tbody td:nth-child(7) p{display: inline-block;transform: translateY(-10px);}
.fedSchedule table tbody tr:last-child td:nth-child(5) p{transform: translateY(0px);}
.fedSchedule table tbody tr:last-child td:nth-child(6) p{display: inline-block;transform: translateY(5px);}
.fedSchedule table tbody td:nth-child(2),.fedSchedule table tbody td:nth-child(4),.fedSchedule table tbody td:nth-child(6){width:52%;}
.fedSchedule table tbody td:nth-child(3),.fedSchedule table tbody td:nth-child(5),.fedSchedule table tbody td:nth-child(7){width:48%;}
.fedSchedule table tbody td:nth-child(3)::before,.fedSchedule table tbody td:nth-child(5)::before,.fedSchedule table tbody td:nth-child(7)::before{width:72px;}
.fedSchedule table tbody td::before{padding:10px 0 10px 5px;background:#feede8;line-height:normal;font-weight:bold;display:inline-block;width:88px;font-size:.9rem;margin-right:7px;}
.fedSchedule table tbody td:nth-child(1){display:block;width:100%;height:auto;line-height:normal;padding-bottom:10px;margin-top:15px;background:#fffee3;border-radius: 20px 20px 0 0;text-align:center;}
.fedSchedule table tbody tr:nth-child(1) td:nth-child(1){margin-top:0px;}
.fedSchedule table tbody td:nth-child(1) br,.fedSchedule table tbody td:nth-child(5) br{display:inline-block;}
.fedSchedule table tbody td:nth-child(1)::before{content:"會議時間";background: linear-gradient(90deg, rgba(243,152,0,1) 0%, rgba(230,0,18,1) 100%);color:#fff;height:auto;border-radius: 20px 20px 0 0;box-shadow: 0px 2px 5px #aaa;display:block;width:100%;margin-bottom:10px; padding:10px 0;}
.fedSchedule table tbody td:nth-child(2)::before{content:"決議聲明\A(Statement)";white-space: pre;}
.fedSchedule table tbody td:nth-child(3)::before{content:"新聞\A發布會";white-space: pre;}
.fedSchedule table tbody td:nth-child(4)::before{content:"經濟展望&\A利率點陣圖";white-space: pre;}
.fedSchedule table tbody td:nth-child(5)::before{content:"會議紀要\A(Minutes)";white-space: pre;}
.fedSchedule table tbody td:nth-child(6)::before{content:"褐皮書";}
.fedSchedule table tbody td:nth-child(7)::before{content:"金融穩定\A報告";white-space: pre;}
.fedSchedule table tr:nth-child(even){background:#fff;}
.fedSchedule table tbody td:nth-child(2),.fedSchedule table tbody td:nth-child(4),.fedSchedule table tbody td:nth-child(6){border-right:none;}
.fedSchedule table tbody td:nth-child(2),.fedSchedule table tbody td:nth-child(3),.fedSchedule table tbody td:nth-child(4),.fedSchedule table tbody td:nth-child(5){border-bottom:none;}
.fedSchedule table tbody td:nth-child(6)::before,.fedSchedule table tbody td:nth-child(7)::before{line-height:40px;height:46px;}
.fedSchedule table tbody td:nth-child(7)::before{line-height:normal;}
.fedSchedule table tbody td:nth-child(6),.fedSchedule table tbody td:nth-child(7){height:68px;}
.fedSchedule table tbody td:nth-child(6),.fedSchedule table tbody td:nth-child(6)::before{border-radius: 0 0 0 20px;}
.fedSchedule table tbody td:nth-child(7){border-radius: 0 0 20px 0;}
.sign-bold-check{font-size: 19px;}
.notetable p{font-size:15px;letter-spacing:0;}
.fedSchedule table tbody tr:last-child td:nth-child(5){line-height:normal;}
.fedSchedule table tbody tr:last-child td:nth-child(5)::before,.fedSchedule table tbody tr:last-child td:nth-child(6)::before{margin-bottom: 0;}
.fedSchedule table tbody tr.now td{border-top:solid 1px #ccc !important;border-bottom:solid 1px #ccc !important;}
.fedSchedule table tbody tr.now td:nth-child(2),.fedSchedule table tbody tr.now td:nth-child(3),.fedSchedule table tbody tr.now td:nth-child(4),.fedSchedule table tbody tr.now td:nth-child(5){border-bottom:none !important;}
.fedSchedule table tbody tr.now td:first-child{border-left:solid 1px #ccc !important}
.fedSchedule table tbody tr.now td:last-child{border-right:solid 1px #ccc !important}
.statusbox .member_search_tb th, .statusbox .member_search_tb td{padding: 10px 10px;}
.statusbox .idbox_tb input{padding:5px;}
.statusbox .member_search_tb th{width: 140px;}
}
@media screen and (max-width: 750px) {
	.personalstockbox li{
		width:50%;
	}
	span.st_item {
    width: 30x;
	}
}
@media screen and (max-width: 550px) {
	.personalstockbox li{
		width:100%;
	}
}
@media screen and (max-width: 530px){
	.statusbox .idbox_tb input{width:180px;}
}
@media screen and (max-width: 480px) {
	.pagination{
		flex-wrap: wrap;
	}
	.pagination a{
		margin-bottom: 10px;
	}
	footer{
		text-align:center;
	}
	.newstockbox{width:98%;}
}
@media screen and (max-width: 420px) {
	.searchbox input{
	width: 115px;
    padding: 10px 15px;
	}
}
@media screen and (max-width: 370px) {
	.fedSchedule table tbody td,.fedSchedule table tbody td:nth-child(1)::before{width:100% !important;}
	.fedSchedule table tbody td::before{width:36% !important;}
	.fedSchedule table tbody td:nth-child(2),.fedSchedule table tbody td:nth-child(4),.fedSchedule table tbody td:nth-child(6){border-right:solid 1px #ccc;}
	.fedSchedule table tbody td:nth-child(6){border-bottom:none;}
	.fedSchedule table tbody td:nth-child(3)::before{content:"新聞發布會";white-space: pre;}
	.fedSchedule table tbody td:nth-child(7)::before{content:"金融穩定報告";white-space: pre;}
	.fedSchedule table tbody td:nth-child(6)::before,.fedSchedule table tbody td:nth-child(7)::before{line-height:normal;height:auto;}
	.fedSchedule table tbody td:nth-child(6),.fedSchedule table tbody td:nth-child(7){height:auto;}
	.fedSchedule table tbody td:nth-child(3) p,.fedSchedule table tbody td:nth-child(7) p{transform: translateY(0px);}
}
@media screen and (max-width: 330px) {
	.fedSchedule table tbody td{width:50%;}
}
.topbox {
    background: url(../images/top.svg) #f08300 no-repeat center 20px;
    background-size: 25px;
    border-radius: 99em;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    text-indent: -9999px;
	z-index:9999;
    opacity: .75;
	display:none;
}

/*2021-01-19*/
.termsLink{
	margin-top:20px;
}
.termsLinkGroup{
	margin-bottom:10px;
	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;
	padding-left:25px;
}
.termsLink a{
	color:#353535;
	font-weight:bold;
	border-bottom:solid 1px #353535;
}
.NontermsLinkGroup{
	opacity:.4;
}

.termsLink .NontermsLinkGroup a{
	border-bottom:none;
	cursor:default;
}
.sign_wrapper{
	padding:20px;
}
.signBox{
	background:#f4fffd;
	padding:20px;
	border-bottom:dashed 1px #d2e0de;
}
.signBox:nth-child(even){
	background:#fff;
}
.signBox h2{
	margin-bottom:5px;
	color:#353535;
	font-weight:bold;
}
.signBox p{
	color:#353535;
}

.member_txt::before{content: "";
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #575757;margin:0 15px;}
h1 a{display:block;}
.head_wrapper.head_applybox{justify-content:center;}
.memberbox_apply{width:500px;margin:0 auto;padding: 20px;}
.memberinput input{border-radius:12px;border:solid 1px #ccc;padding:10px;font-size:1rem;display:block;width:100%;margin-bottom:15px;}
.memberinputbox{box-shadow: 0px 0px 30px #f5f5f5;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    border: solid 1px #f5f5f5;}
.inputtitle{margin-bottom:15px;display:block;}
.btndefault{border:solid 1px #ccc;padding:12px;border-radius:12px;min-width:120px;}
.btn_check{font-size:1rem;border:none;background:#f00;color:#fff;font-weight:bold;}
.btn_check:hover{background:#ff9600;color:#fff;}
.btn_idsend{border:none;background:#f00;color:#fff;font-weight:bold;display:table;margin:20px auto;}
.btn_idsend:hover{background:#ff9600;color:#fff;}
button[disabled]{opacity:.75;background:#666;color:#fff;cursor:default;}
button:hover[disabled]{pointer-events: none;opacity:.75;background:#666;color:#fff;cursor:default;}
.req_name{display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    color: #575757;}
.req_name img{max-width: 100%;
    width: 35px;
    margin-right: 10px;}
.idbox{color: #f00;
    font-weight: bold;
    text-align: center;position:relative;}
.applydetail{text-align:center;display:flex;justify-content: center;margin:10px auto 20px;}
.checkwrap{display:flex;align-items: center;}
.checkwrap input{margin: 0 6px 0 0;}
.checkwrap input[type="checkbox"]{width: 18px;height: 18px;}
.checkwrap checkbox{width:20px;height:20px;}
.memberlist{/*margin-left:25px;*/}
.memberlist li{list-style-type:decimal;margin-left: 20px;margin-bottom:7px;}
.applyformwrap{background:rgba(0,0,0,.75);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;line-height:1.5;display:none;}
.applybox{position:relative;width:1000px;margin:50px auto 0;height:100%;}
.applytablewrap{overflow-y:auto;height:650px;padding:30px 40px;border-radius:15px;background:#fff;position:absolute;text-align:left;}
.applytable td{padding:7px 0;}
.btn-closebox {
    color: #fff;
    background: #ff9600;
    font-size: 3rem;
    border-radius: 99em;
    width: 65px;
    height: 65px;
    line-height: 25px;
    border: solid 5px #fff;
    position: absolute;
    left: -25px;
    top: -30px;
    cursor: pointer;
	z-index:99;
}
.memberlevel li{list-style-position:inside;margin-bottom:7px;}
.memberlevel li::marker{margin-right:0;content:"• ";display:block;width:15px;height:15px;background:#f00;}
.tbtitle{display:block;margin-bottom:10px;}
.tbtitle-inner{font-weight:bold;}
.applydetail a{text-decoration: none;
    border-bottom: 1px solid #26b3e1;
    color: #26b3e1;font-weight:bold;transition:all .3s;}
.applydetail a:hover{color:#2682e1;border-bottom: 1px solid #2682e1;}
.passwbox{position:relative;display:block;}
.psw_img{position:absolute;right:15px;top:50%;transform:translateY(-50%);text-indent:-9999px;width:28px;height:28px;cursor:pointer;}
.psw_hide{background: url(../images/eye-slash-solid.svg) no-repeat center;}
.psw_show{background: url(../images/eye-solid.svg) no-repeat center;}
@media screen and (max-width: 600px) {
	.memberbox_apply{width:100%;margin:0 auto;}
}

#alertshow,#alertpoploginshow {
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.alertshowBox,.alertpoploginshowBox {
    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;
	border-bottom: 8px solid transparent;
    background: #fff url(https://pcmc.pscnet.com.tw/new/images/header_bg.png) bottom right no-repeat;
    border-width: 0 0 8px 0;
    border-image: linear-gradient(to right, #ff9600 0%, #ff0000 100%);
    border-image-slice: 1;
}
.notice-red {
    font-weight: bold;
    color: #f00;
}
.txtline{text-decoration:underline;white-space: nowrap;}
.importantxt{font-weight: bold;letter-spacing:1px;color:#3870f7;}
.importantxt_top{display:inline-block;margin-bottom:10px;}
.btn-leave {
    border: none;
    background: #3b3b3b;
    color: #fff;
    font-weight: bold;
    display: table;
    margin: 20px auto;
}
.btn-leave:hover{
	background: #000;
}
.memberhref{transition:all .3s;}
.memberhref:hover{
	color:#ff9600;
}
.btn-done{border: none;
    background: #f00;
    color: #fff;
    font-weight: bold;
    display: table;
    margin: 20px auto;}
.btn-done:hover{
    background: #ff9600;}
.btn_group{display:flex;justify-content:center;}
.btn_group button{margin:20px 10px;}
.new_mainbox{padding:0;}
@media screen and (max-width: 830px) {
	.alertshowBox, .alertpoploginshowBox{
		width:95%;
		position:static;
		margin: 50px auto 0;padding: 20px;transform: translateX(0);
	}
	.breaktxt{display:block;}
	.teltxt{white-space: nowrap;}
}
@media screen and (max-width: 1200px) {
    .applybox {width: 90%;margin: 20px auto 0;}
}
@media screen and (max-width: 768px) {
    .btn-closebox {
        left: -15px;
        top: -18px;
        border-width: 3px;
        font-size: 1.75rem;
        width: 45px;
        height: 45px;
    }
	.applytablewrap {
        padding: 30px 15px 50px;
    }
}
/*.termsLink a::after{
	position: absolute;
    right: 0;
    top: 6px;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #353535;
    display: block;
}
.termsLinkGroup:last-child a::after{
	display:none;
}*/

/*
input[type="radio"],input[type="checkbox"]{
	width: auto;
	padding: 12px 15px;
	background: #fff !important;
}
.checkbox_n,.checkbox_y{
	margin: 0px 5px 0px 10px;
}
::placeholder{
	color: #aeaeae;
}

@media screen and (max-width: 1219px) {
	
}*/
