@charset "utf-8";
/* CSS Document */
body{ font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', 'Arial', '新細明體'  !important; margin:0; font-size:16px;}
body * {box-sizing: border-box;}

a {text-decoration:none;}
h1, p {margin:0; padding:0; text-decoration:none;}
h1 {font-size:1em}
.land-content { width:100%; margin-left:auto; margin-right:auto; background-color:#000000  }

/* DESKTOP 1280 nav */
.nav-header, .nav-menu, .main {width:1280px; }
.land-content {  min-width:1280px;  } 
 
/* Hamburger fold-out menu  */
 #menuToggle
{
  display: block;
  position: relative;
 top: 8px;
 left: 8px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input.top-checkbox-m
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0;
  z-index: 2;
  
  -webkit-touch-callout: none;
}


#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menuToggle input.top-checkbox-m:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}


#menuToggle input.top-checkbox-m:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input.top-checkbox-m:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background: #ebebeb;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu a
{
	  text-decoration:none ;
}
#menu  li
{
  padding: 8px 0;
  text-decoration:none ;
  color:#000000;
  padding-left:8px;
}

#menu  li.on
{ color:#ffffff; background-color:#c62e2b; }


#menuToggle input.top-checkbox-m:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}

#menu .nav-h-widget-r{
display: block;
padding: 8px 4px 8px 4px;
position: relative;
z-index: 0;
right: auto;
top: auto;
background-color:#ffffff;
margin-bottom:8px;
}

#menu #currentuser{
display: block;
margin-bottom: 4px;
text-align: center;
}


 #currentuser a {color: #0aa5de}
 #currentuser a:hover {color: #0aa5de}




#menu .nav-item{
margin-left: 16px;
margin-right: 8px;
}

.pulldown_menu-mobile{
	display:block  !important;
}
.pullmenu_code-mobile{
	display:block;
}

.pullmenu_code-mobile a.nav-menu-btn-head {
  margin-top:8px;
  margin-bottom:8px;
  padding:  0;
  text-decoration:none ;
  color:#000000;
  padding-left:8px; 
  display:inline-block;
  width:100%;
}
/*NEW ADD FOR OLD VER.*//*background color default:#8b8b8b*/
.land-content { 
	background-color:#bebebe; 
}
/*NEW ADD FOR OLD VER.*/
/* DESKTOP nav */
nav#hamburger-nav {display:none; position: fixed;z-index: 2;left: 0;top: 0;}
nav#hamburger-nav.shownav { width: 265px;height: 100%;overflow: scroll; overflow-x: hidden; overflow-y: scroll;}
.land-nav { display:block; }
.nav-header-bg {  background-color:#ffffff; width:100%; display:block; position:relative; z-index:2; }
.nav-header {display:block; border:none; background-color:#ffffff; background-image:url(/home/tc/common/images/logo_ejfq_login.png); background-size:contain; background-position:center center; background-repeat:no-repeat; position:relative; z-index:0;   height:80px; margin-left:auto; margin-right:auto;}
.nav-h-widget-l { display:inline-block; width:156px; position:relative; z-index:0}
.nav-h-widget-mobile  { display: none; width:156px; position: absolute; z-index:0; right:5px; top:3px}
.nav-h-widget-r { position:absolute; z-index:1; right:140px; top:28px;}
.nav-h-widget-l #stockNo { height:33px; width:120px; background-color:#ffffff; border: solid 1px #cccccc; padding:5px 10px 5px 10px; display:inline-block; margin-right: 33px}
.nav-h-widget-mobile  #stockNo-mobile { height:33px; width:120px; background-color:#ffffff; border: solid 1px #cccccc; padding:5px 10px 5px 10px; display:inline-block; margin-right: 33px}
.nav-h-widget-l #stock_search { padding: 0; height:33px; width:33px;cursor:pointer; background-image:url(gui/stock_search.png); background-size:contain; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border: solid 1px #cccccc; margin-left:3px; display:inline-block; position:absolute; right:0; top:0; z-index:1 }
.nav-h-widget-mobile #stock_search-mobile { padding: 0; height:33px; width:33px;cursor:pointer; background-image:url(gui/stock_search.png); background-size:contain; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border: solid 1px #cccccc; margin-left:3px; display:inline-block; position:absolute; right:0; top:0; z-index:1 }
#currentuser {line-height:31px; color:#0aa5de; height:31px; display:inline-block; vertical-align: top;}
.nav-item {background-repeat:no-repeat; background-size:contain; background-position:center center; width:34px; height:31px; display:inline-block; margin-left:16px; cursor:pointer; }
#item-mob { background-image:url(gui/nav-item1.png);}
#item-setting { background-image:url(gui/nav-item2.png); position:relative; z-index:0;}
.item-setting-pulldown { border: 1px solid #c6c6c6; background-color:#FFFFFF; display:none; position:absolute; z-index:1; left:-41px; top:37px; width:130px;} 
.pullitem_code {width:100%; height:100%; display:block; cursor:pointer;}
.item-setting-sub-menu {padding:8px 16px 8px 16px; text-align:center; border-bottom:1px solid #c6c6c6; display:block; text-decoration:none; color:#8c8c8c; } 
.item-setting-sub-menu:hover { background-color:#c62e2b}
#item-mail { background-image:url(gui/nav-item3.png);}
.nav-menu-bg {  background-color:#ebebeb; width:100%; display:block;  position:relative; z-index:1; }
.nav-menu {    text-align:center; padding-top:0; padding-bottom:0; display:block;  margin-left:auto; margin-right:auto;}
.menu-land { display:inline-block; } 
.pullmenu_check, .item-setting_check{display:none;}
.pulldown_menu {display:inline-block;  position:relative; z-index:0;}
.nav-menu-pulldown {position:absolute; z-index:1; display:none; left:0; top:0; width:100%; background-color:#c62e2b;}
input[type="checkbox"].item-setting_check:checked + label.pullitem_code .item-setting-pulldown,
input[type="radio"].pullmenu_check:checked + label.pullmenu_code .nav-menu-pulldown { display:block;   }
.nav-menu-btn, .nav-menu-btn-head { display:inline-block; padding: 12px 10px 12px 10px ; color:#000000; text-decoration:none; cursor:pointer; }
.nav-menu-btn.sub-btn { border-top: solid 1px #d76d6b; display:block; font-size:0.8125em;  }
.nav-menu-btn.sub-btn:hover, .nav-menu-btn.sub-btn.on  { background-color:#ef851b !important}
.nav-menu-btn:hover, .nav-menu-btn.on, input[type="radio"]:checked + label.pullmenu_code a { color:#ffffff; background-color:#c62e2b;}

/*bgcolor default:#8b8b8b*/
.main-bg   { width:100%; display:block;  position:relative; z-index:0; }
 .main-bg #wrapper {width:1011px}
.main { padding:20px 10px 10px 10px;  margin-left:auto; margin-right:auto; display:table;}
.main-container {width:1280px; display:table-row; }
.main-listing { width:auto; display:table-cell; padding-right:10px; position:relative; z-index:1 }
.article-listing-right{ width:330px;  display:table-cell; vertical-align: top }
.ejfq-related-article{ background-color:#FFFFFF; display:block;  padding:20px 15px 20px 15px;  }
.widget-a {width:790px;  display:table-cell; padding-right:10px; }
.index-chart-grounp{width:380px; padding:16px 10px 8px 10px; background-color:#000000; margin-bottom: 10px; color:#d8d8d8; }
div.index-chart-grounp:nth-child(1) {float:left;}
div.index-chart-grounp:nth-child(2) {float:right;}
.index-name{ display:block;  color:#FFFFFF;  margin-bottom:8px;}
.index-name span {padding-right: 35px; background-position: right bottom; background-repeat:no-repeat; background-image:url(../css/gui/index-live-icon.png); display:inline-block; font-size:1.3125em; line-height:21px;}
.index-live{font-size:1.75em;display:block; color:#FFFFFF;  margin-bottom:8px;line-height:28px; font-weight:900;}
.index-change-grounp{margin-bottom:8px; display:block; position:relative; z-index:0;}
.index-change-grounp span {font-size:1.3125em; line-height:21px; font-weight:900;}
.index-change-grounp span.up { color:#52e701; padding-left:15px; background-image: url(gui/arrow_size1_up.gif);  background-position:left center; background-repeat:no-repeat; }
.index-change-grounp span.dn { color:#e70101; padding-left:15px; background-image: url(gui/arrow_size1_dn.gif);  background-position:left center; background-repeat:no-repeat; }
.day-change-grounp{position:absolute; z-index:1; right:0; bottom:0;  font-size:0.9375em; display:table;  text-align:right;}
.day-change-grounp ul{display:table-row;}
.day-change-grounp ul li{display:table-cell;}
.day-change-grounp ul li:nth-child(2){padding-left:5px;}
img.live-chart{ width:360px; height:118px;}

.worldindex-table {width:100%; display:table; background-color:#000000; color: #FFFFFF; border-bottom:1px solid #8b8b8b;}
ul.worldindex-table-row {width:100%; display:table-row; background-color:#262626}
ul.worldindex-table-row.opening{ background-color:#000000}

ul.worldindex-table-row  li {display:table-cell;  padding:16px 10px 16px 10px  ;  border-top: 1px solid #8b8b8b; text-align:left; vertical-align:baseline; line-height:100%; color:#d8d8d8; font-size:0.9375em; vertical-align:middle}
ul.worldindex-table-row  li:nth-child(1) { font-size:1.125em;}
ul.worldindex-table-row.opening li:nth-child(1) {color:#fffbb5}
ul.worldindex-table-row  li:nth-child(2) { text-align:right; font-size:1.4375em; color:#FFFFFF; font-weight:900; padding-right:0;}
ul.worldindex-table-row  li:nth-child(3) { text-align:left; padding-right:30px; font-weight:900;padding-left:5px; vertical-align:bottom}
ul.worldindex-table-row  li:nth-child(3) span.up { color:#52e701; padding-left:15px; background-image: url(gui/arrow_size1_up.gif);  background-position:left center; background-repeat:no-repeat; }
ul.worldindex-table-row  li:nth-child(3) span.dn { color:#e70101; padding-left:15px; background-image: url(gui/arrow_size1_dn.gif);  background-position:left center; background-repeat:no-repeat; }
.widget-future {width: 100%; float:left; background-color:#1c1c1c}
.future-tag { display:block; position:relative; z-index:0}
ul.widget-tag-gp.future-tag li span.mobile-future-tag{ display:none}
.future-table {width: 100%; display:table; background-color:#262626; color: #FFFFFF;border: 1px solid  #333333; border-top:none; text-align:left}
.future-tr {width:100%; display:table-row;}
.future-td:nth-child(1) {width:10%; display:table-cell; padding:8px 10px 8px 10px; font-size:1.3125em; font-weight:300; vertical-align: top; text-align:center; background-color:#000000}
.future-td:nth-child(2) {width:45%; display:table-cell;border-left: 1px solid  #333333;  vertical-align: top}
.future-td:nth-child(3) {width:45%; display:table-cell; border-left: 1px solid  #333333;  vertical-align: top}
.future-title {font-weight:900;border-bottom: 1px solid  #333333 ; padding:8px 10px 8px 10px;}
.opening .future-title {background-color:#000000; color:#fffbb5}
.future-td.opening {background-color:#000000}
span.market-status {  padding:1px 5px 1px 5px; color:#ffffff; font-size:0.7222em;border-radius: 5px; margin-left:5px; display:inline-block; background-color:#999999;font-weight: 900;} 
.opening span.market-status {background-color:#ee851b}
ul.future-pt {list-style:none;  padding:4px 10px 4px 10px; margin:0}
ul.future-pt li {list-style:none; display:inline-block}
ul.future-pt li:nth-child(1) { text-align:right; font-size:1.4375em; color:#FFFFFF; font-weight:900;}
ul.future-pt li:nth-child(2) { text-align:right;  font-weight:900;}
ul.future-pt li:nth-child(2) span.up { color:#52e701; padding-left:15px; background-image: url(gui/arrow_size1_up.gif);  background-position:left center; background-repeat:no-repeat; }
ul.future-pt li:nth-child(2) span.dn { color:#e70101; padding-left:15px; background-image: url(gui/arrow_size1_dn.gif);  background-position:left center; background-repeat:no-repeat; }
ul.future-pt li:nth-child(3) { text-align:right;  font-weight:900;}
span.future-pt-btn{  font-size:0.8667em;padding: 1px 5px 1px 5px;border-radius:5px; margin-left:5px;font-weight: 900;color: #ffffff;}
ul.future-pt li:nth-child(3) span{  font-size:0.875em;padding: 3px 5px 3px 5px;border-radius:5px; margin-left:5px}
span.future-pt-btn.lo{background-color:#e70101}
ul.future-pt li:nth-child(3) span.lo{background-color:#e70101}
span.future-pt-btn.hg{background-color:#52e701}
ul.future-pt li:nth-child(3) span.hg{background-color:#52e701}

.future-detail-table {width:100%; padding:4px 10px 4px 10px;display:table;font-size: 0.9375em; position:relative; z-index:0}
.future-detail-table .remark {position:absolute; z-index:1; bottom:0; right:0;color: #ff8a00;padding: 5px 10px 5px 10px;font-size: 0.8125em; display:none}
.future-detail-table ul   {list-style:none;  margin:0; padding:0; display:table-row}
.future-detail-table ul li { display:table-cell;  margin:0; padding:0;}




.widget-b {width:470px;  display:table-cell; padding-left:10px; vertical-align:top; position:relative; z-index:0;  }
.market-power-grounp {width:100%; text-align:center; margin-bottom:20px}
.market-power-bar-container {position: absolute;z-index:1; left:0; top:0; width:140px; padding:4px 8px 4px 8px; background-color:#dadada;}
.market-power-bar-container:nth-child(1) { position: relative; left: auto; top:auto;}
.market-power-bar-container:nth-child(2) { left:calc(100% - 300px); right:auto; }
.market-power-bar-container:nth-child(3) { left:auto; right:0; }
.market-power-name {width:100%; color:#363636; text-align:center; font-size:0.9375em;}
.market-power-bar {height:16px;}
.market-power-bar img {width:100%;}
.market-power-num {width:100%; color:#363636; text-align:center; position:relative; z-index:0; font-weight:900;}
span.market-power-num-dn {position:absolute; z-index:1; left:0; top:0; color:#f80909;}
span.market-power-num-up {position:absolute; z-index:1; right:0; top:0; color:#288c00;}
.ejfq-vdo-gp {width:100%; display:block}
.ejfq-vdo-title {width:100%; height:30px; line-height:30px; background-color:#5c5c5c; text-decoration:none; display:block; color:#FFFFFF; font-size:0.9375em; text-align:left; padding-left:8px;}
.ejfq-vdo-container {position:relative; z-index:0; width:460px; height:259px;}
.ejfq-vdo-container iframe {width:460px; height:259px;}
img.ejfq-vdo-bg {width:460px; height:259px; display:none;}
.ejfq-vdo-more {width:100%; height:50px; line-height:50px; background-color:#5c5c5c; text-decoration:none; text-align:center; display:block; color:#FFFFFF;}
.widget { width: 1280px; display: block; z-index: 0; position: relative; text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left:10px; padding-right:10px; }
.widget-c {width: calc(33% - 20px); background-color:#1c1c1c; padding:10px;  }
.widget-c:nth-child(1){ position: absolute; z-index:1; left:10px; top:0;}
.widget-c:nth-child(2){  margin-left:auto; margin-right:auto;}
.widget-c:nth-child(3){ position: absolute; z-index:1; right:10px; top:0;}
.sticky-group{max-width:320px; margin-left:auto; margin-right:auto;}
.sticky-group:nth-child(1) {display: inline-block;}
.sticky-group:nth-child(2) { font-size:1.4375em; padding-top:10px; padding-bottom:10px; }
.sticky-group:nth-child(3) { height:160px; }
.widget-c:nth-child(1) .sticky-group:nth-child(2) {  color:#ee851b; }
.widget-c:nth-child(2) .sticky-group:nth-child(2) {  color:#1da3dd; }
.widget-c:nth-child(3) .sticky-group:nth-child(2) { color:#7e308e; }
.sticky-group:nth-child(3) img {  max-height:160px; width:auto; max-width:100%; }
.sticky-group-head-table{display:table;width:100%;}
.sticky-group-head-tr {display:table-row; width:100%; color:#FFFFFF; text-align:left;}
.sticky-group-head-td {display:table-cell; vertical-align:bottom; height:68px;}
.sticky-group-head-td p {font-size:1.4375em; display:block; margin:0; padding:0;}
.sticky-group-head-td:nth-child(1) {width:68px; background-repeat:no-repeat; background-position:bottom center; background-size:contain; }
.widget-c:nth-child(1) .sticky-group-head-td:nth-child(1) {background-image:url(gui/ta-icon.png);}
.widget-c:nth-child(2) .sticky-group-head-td:nth-child(1) {background-image:url(gui/fa-icon.png);}
.widget-c:nth-child(3) .sticky-group-head-td:nth-child(1) {background-image:url(gui/ra-icon.png);}
.sticky-group-head-td:nth-child(2) { padding-left:10px; }
/*.widget:nth-child(3) { padding-top:10px; } */
.widget-gp { display:inline-block; }
.widget-d {width: calc(50% - 10px); display:inline-block; position:relative; z-index:0; margin-bottom:20px; text-align:left; background-color:#1c1c1c; }
.widget-d:nth-child(1)  {float:left; clear:left;}
.widget-d:nth-child(2) { float:right; clear:right;}
.widget-d:nth-child(3) { float:right; clear:right;}
.widget-d:nth-child(4) { float:left; clear:left;}
.widget-d:nth-child(5) { float:right; clear:right; }
.widget-d:nth-child(6) { float:left; clear:left;}
.widget-d:nth-child(7) {  float:right; clear:right; }
.widget-d:nth-child(8) { float:left; clear:left;}
.widget-d:nth-child(9) {  float:right; clear:right; }
.widget-d:nth-child(10) { float:left; clear:left;}
.widget-d:nth-child(11) { float:left; width:100%;}

.widget-e {width: 100%;display: inline-block;position: relative;z-index: 0;text-align: left;background-color: #1c1c1c; margin-top:10px}
.widget-research.related-stock h1, .widget-research.related-stock h1 a {color:#ee851b; font-weight:900;font-size: 1.3125em;}
.widget-research.related-stock .research-time {margin-bottom: 8px;}
.widget-research.related-stock img {float: left;max-width: 640px;width: 100%;margin-right: 10px; margin-bottom:20px}
p.related-stock-result {color:#ee851b; margin-top:10px; margin-bottom:10px}
p.related-stock-link  {margin-top:20px; margin-bottom:10px}
p.related-stock-link a { background-color:#a8261c; padding:6px 10px 6px 10px; font-size:1em; color:#ffffff !important; margin-right:10px;border-radius: 5px;}
.widget-header{height:30px; line-height:30px; padding-left:10px; width:100%; background-color:#5c5c5c; color:#FFFFFF;  font-size:0.9375em; }
.time-menu{height:38px; line-height:38px; background-color:#262626;}
.time-menu a {padding-left:12px; padding-right:12px; font-size:1.3125em; display:inline-block; color:#9b9b9b;}
.time-menu a.on { color:#FFFFFF;}
img.sectorchange{width:100%;}
.bottom-timestamp { font-size:0.8125em; padding-left:12px; padding-right:12px; line-height:33px; color:#666666;}
.widget-more-btn {float:right; color:#fffbb5; font-size:0.9375em;}
ul.widget-tag-gp {list-style:none; width:100%; padding-left:5px; margin:0; background-color:#5c5c5c;}
ul.widget-tag-gp li	 {font-size:0.9375em;  margin-bottom:1px; display:inline-block; }
ul.widget-tag-gp li a { display:inline-block; color:#fffbb5;  padding:5px 10px 5px 10px ;}
ul.widget-tag-gp li a:hover, ul.widget-tag-gp li a.on { color:#ffffff;  background-color:#323232;}
ul.widget-tag-gp li.remark{ right:0; color:#ff8a00; padding:5px 10px 5px 10px ; position:absolute; font-size:0.8125em;}

.stock-list-table { width:100%; display:table; padding-top:5px; padding-bottom:5px;}
.stock-list-table ul { width:100%; display: table-row; margin:0; color:#9b9b9b; }
.stock-list-table ul li { display: table-cell; vertical-align:middle;  border-bottom:solid 1px #333333; padding-bottom:5px; padding-top:5px; padding-right:5px; }
.stock-list-table ul li:nth-child(1)  { width:15%; text-align:left; padding-left:12px; font-size:0.8125em;  }
.stock-list-table ul li:nth-child(2)  {width:25%; text-align:left; color: #ffffff;}
.stock-list-table ul li:nth-child(2) a, .stock-list-table ul li:nth-child(2) a:hover {color: #fffbb5; }
.stock-list-table ul li:nth-child(3)  {width:13%; text-align:left;  color: #ffffff;}
.stock-list-table ul li:nth-child(4)  {width:19%; text-align:left; font-size:0.8125em;}
.stock-list-table ul li:nth-child(5)  {width:14%; text-align:center;  font-size:0.8125em; }
.stock-list-table ul li:nth-child(6)  {width:10%; text-align:center;}

.stock-list-table ul:nth-child(1) li {color:#9b9b9b !important;  font-size:0.9375em !important; }
.stock-list-table ul li.up span,  .stock-list-table ul li.dn span  {padding-left:16px; background-repeat:no-repeat; background-position:center left; display:inline-block; }
.stock-list-table ul li.up span{ background-image:url(gui/arrow_size1_up.gif);  color: #52e701;}
.stock-list-table ul li.up span ins, .stock-list-table ul li.dn span ins {text-decoration:none;}
.stock-list-table ul li.dn span{ background-image:url(gui/arrow_size1_dn.gif);  color: #e70101;}
.stock-list-table ul li.light  {width:10%; text-align:center; padding-right:12px;}
.stock-list-table ul li.light img {display:inline-block; vertical-align: bottom; }


.stock-list-table.type1 ul li:nth-child(3)  {width:12%; font-weight:900;}
.stock-list-table.type1 ul li:nth-child(4)  {width:20%; font-weight:900;}

.stock-list-table.type2 ul li:nth-child(3)  {font-weight:900;}
.stock-list-table.type2 ul li:nth-child(4)  { width:15%; text-align:left; padding-left:12px; /*font-size:0.8125em;*/ font-weight:900;}
.stock-list-table.type2 ul li:nth-child(5)  {width:17%;}

.stock-list-table.type3 ul li:nth-child(1)  {width:90%; text-align:left; color:#ff8a00; padding-left:12px;  font-size:1em; }
.stock-list-table.type3 ul li:nth-child(1) span {font-size: 1.125533333333333em;}
.stock-list-table.type3 ul li:nth-child(2)  {width:10%; text-align:center; padding-right:12px; vertical-align:bottom; color:#9b9b9b;}
.stock-list-table.type3 .research-time  { margin-left:8px;}

.stock-list-table.type4 ul li:nth-child(1)  { width:12%; }
.stock-list-table.type4 ul li:nth-child(2)  {width:23%;}
.stock-list-table.type4 ul li:nth-child(3)  { width:9%; font-weight:900;}
.stock-list-table.type4 ul li:nth-child(4)  {width:10%; font-weight:900;}
.stock-list-table.type4 ul li:nth-child(5)  { width:13%; color:#FFFFFF; text-align:left;}
.stock-list-table.type4 ul li:nth-child(6)  {width:12%; color:#FFFFFF;  font-size:0.8125em; text-align:center;}
.stock-list-table.type4 ul li:nth-child(7)  { width:11%; font-size:0.8125em;   text-align:center;}

.stock-list-table.type5 ul li:nth-child(1)  { width:17%; color:#FFFFFF;  font-size:0.9375em;}
.stock-list-table.type5 ul li:nth-child(2)  { width:27%; color:#9b9b9b;font-size:0.8125em;}
.stock-list-table.type5 ul li:nth-child(2) span { text-align:left; display:block; font-size: 1.153846153846154em;}
.stock-list-table.type5 ul li:nth-child(2) span a, .stock-list-table.type5 ul li:nth-child(2) span a:hover  { color:#fffbb5; display:inline-block; }
.stock-list-table.type5 ul li:nth-child(2) span a.analysis, .stock-list-table.type5 ul li:nth-child(2) span a.analysis:hover  { color:#ff8a00; display:inline-block; margin-left:5px; font-size:0.8125em;}
.stock-list-table.type5 ul li:nth-child(3)  {width:13%; text-align: center; font-weight:900;}
.stock-list-table.type5 ul li:nth-child(4)  { width:19%; font-size:0.9375em; color:#ffffff;text-align:left; font-weight:900;}
.stock-list-table.type5 ul li:nth-child(4) span {font-size:0.8125em;}
.stock-list-table.type5 ul li:nth-child(5)  {width:11%; font-size:0.9375em; text-align:left; font-weight:900;}
.stock-list-table.type5 ul li:nth-child(5) span {background-image:none; padding-left:0;}

.stock-list-table.type6 ul:nth-child(1) li:nth-child(1)  { color:#ff8a00 !important;} 
.stock-list-table.type6 ul:nth-child(1) li:nth-child(2)  { font-size:13px !important;} 
.stock-list-table.type6 ul:nth-child(1) li:nth-child(3)  { font-size:13px !important;} 
.stock-list-table.type6 ul:nth-child(1) li:nth-child(4)  { font-size:13px !important;} 
.stock-list-table.type6 ul li:nth-child(1)  { width:50%;  font-size:0.9375em;  color:#ffffff !important;}
.stock-list-table.type6 ul li:nth-child(2)  { width:15%;  font-size:0.9375em; font-weight:900;}
.stock-list-table.type6 ul li:nth-child(3)  { width:15%;  font-size:0.9375em; font-weight:900;}  
.stock-list-table.type6 ul li:nth-child(4)  { width:15%;  font-size:0.9375em;  text-align:right; padding-right:22px; color:#ffffff }  
.stock-list-table.type6 ul li.gold  {   font-size:0.9375em;   color:#ff8a00; font-weight:900; } 

.stock-list-table.type7 ul li {  color:#ffffff;  }
.stock-list-table.type7 ul li  {  font-size:1.125em;}
.stock-list-table.type7 ul li:nth-child(1) { padding-left:30px; width:28%; text-align:left;  }
.stock-list-table.type7 ul li:nth-child(2) {  color:#ffffff;   width:22%;  text-align:left;  }
.stock-list-table.type7 ul li:nth-child(3) {  color:#ffffff;   width:22%;  text-align:left;  }
.stock-list-table.type7 ul li:nth-child(4) { padding-right:30px;  width:28%;  text-align:center;  }

.stock-list-table.type7 ul:nth-child(1) li {  color:#ffffff !important; font-size:0.9375em;  }
.stock-list-table.type7 ul li:nth-child(1) span {display:block; padding-left:0;}
.stock-list-table.type7 ul li.up { color:#52e701;  }
.stock-list-table.type7 ul li.dn { color:#e70101;  }
.stock-list-table.type7 ul li span { background-image:none; padding-left:10px; font-size:0.9375em; }

.stock-list-table.type8 ul:nth-child(1) li { color: #ff9900 !important; font-weight: 900; background-color: #333333;}
.stock-list-table.type8 ul li:nth-child(1)  { width:27%; font-size:0.8125em; color: #FFFFFF  }
.stock-list-table.type8 ul li:nth-child(2)  { width:27%; font-size:0.8125em; color: #FFFFFF }
.stock-list-table.type8 ul li:nth-child(3)  { width:18%; font-weight:900; font-size:0.8125em; color: #FFFFFF }
.stock-list-table.type8 ul li:nth-child(4)  { width:18%; font-weight:900; font-size:0.8125em; color: #FFFFFF }
.stock-list-table.type8 ul li:nth-child(5)  {  width:10%; font-weight:900;  font-size:0.8125em; color: #FFFFFF }
.stock-list-table.type8 ul li.up span{ background-image:url(gui/arrow_size1_up.gif);  color: #52e701;}
.stock-list-table.type8 ul li.dn span{ background-image:url(gui/arrow_size1_dn.gif);  color: #e70101;}

img.landing-full-chart {width:100%;}

.widget-research{ padding:20px 10px 20px 10px; border-bottom: 1px solid #494949; float:left; margin-left:10px; margin-right:10px;}
.widget-research:nth-child(3) { border-bottom: none;}
.widget-research h1 {font-size:1.3125em;}
.widget-research h1 a{ color:#fffbb5; line-height:150%; font-weight:300; }
.widget-research .research-content { font-size:0.9375em;  line-height:150%; color:#FFFFFF;}
.widget-research .research-content a { color:#fffbb5; display:inline-block}
.widget-research .research-content img { float:right; width:150px; max-height:100px; margin-left:8px; margin-bottom:8px;}
.research-time {font-size:0.8125em; color:#9b9b9b; display:inline-block;  }
.widget-research .research-time {display:block; margin-top:8px; line-height:8px; }
.widget-research .research-time span {color:#ff8a00; padding-left:16px;}

/*bgcolor default:#8b8b8b*/
.footer-bg {width:100%; display:block;  z-index:0;  background-color:#ffffff  }
.footer-bg .tnc p {margin-bottom:10px;}
.footer-bg .tnc p:nth-child(2) { color:#515151}
.footer-bg .tnc p a{color:#515151; text-decoration: none}
.footer-bg .tnc p a:hover{color:#161616; text-decoration: underline}
.footer-n { padding:0 0 0 0;  margin-left:auto; margin-right:auto; display:block; margin-top:100px;  }
.sitemap { padding:30px 0 30px 0; display:table; width: auto; padding-left: calc(50% - 954px / 2); padding-right: calc(50% - 954px / 2);}
.sitemap-tr { display:table-row; width:100% }
.sitemap-td { display:table-cell; width:100%; }


.shortcut-gp {width:100%; display:block; list-style:none;margin-bottom:40px;}
.shortcut-gp a, .shortcut-gp a:hover {text-align:left; color:#afafaf; text-decoration:none; display:block; line-height:100%; margin-bottom:20px; }
.shortcut-gp a.shortcut-head { font-size:1.3125em;   }

.s-media-logo {width:100%; display:block; padding-top:28px; padding-bottom:28px; text-align:center;}
.media-logo-con{display:inline-block;}
a.fb-logo { width:30px; height:30px; background-size:cover; background-image:url(/home/tc/landing/images/fb-logo.png); background-repeat:no-repeat; margin-left:14px; margin-right:14px; display:inline-block; margin-bottom:16px;}
a.hkej-logo { width:104px; height:61px;  background-size:cover; background-image:url(/home/tc/landing/images/hkej-logo.png); background-repeat:no-repeat;  margin-left:14px; margin-right:14px;display:inline-block;}
/*.tnc { width: auto; padding-left: calc(50% - 954px / 2); padding-right: calc(50% - 954px / 2);  background-color:#ffffff }*/
.tnc{width: 100%; padding: 10px; padding-left: calc(50% - 954px / 2); padding-right: calc(50% - 954px / 2);}
.tnc p { color:#6c6c6c; font-size:0.8125em;  }
.tnc p a { color:#6c6c6c; text-decoration:none; }
.real-time-index  { text-align:center; padding-top:8px; padding-bottom:8px; font-size:15px; background-color:#e4e4e4}
.head-real-time { color:#666666; display:inline-block; }
.head-real-time { color:#666666; display:inline-block; margin-left:10px}
.head-real-time.up { color:#13b501}
.head-real-time.dn { color:#e70101}
.head-index-type {   color:#666666}
.head-index-type-m  {   color:#666666; display:none}
.head-index-num { font-weight:900;  font-size:17px}

.main-bg #rcbox1 {width: 340px;}

.nav-h-widget-l #stockNo::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:16px
}
.nav-h-widget-l #stockNo::-moz-placeholder { /* Firefox 19+ */
  font-size:16px
}
.nav-h-widget-l #stockNo:-ms-input-placeholder { /* IE 10+ */
  font-size:16px
}
.nav-h-widget-l #stockNo:-moz-placeholder { /* Firefox 18- */
  font-size:16px
}



.ftr_col { width: 106px; float: left; }
.ftr_cat1 {
    background-color: #e4e4e4;
	width: 106px;
	height: 28px;
	padding:  6px 0px 0px 6px;
	color: #333333;
	font-size: 13px;
	font-weight: 900;
	
}
.ftr_cat2 {
    background-color: #ebebeb;
	width: 106px;
	height: 28px;
	padding:  6px 0px 0px 6px;
	color: #333333;
	font-size: 13px;
	font-weight: 900;
	
}
.ftr_list {width: 106px;} 
.ftr_list ul {list-style-type:none; margin:0; padding:0; }
.ftr_list li {margin:8px; font-size: 13px; color: #515151;}
.ftr_list a {text-decoration:none; color: #515151;} 
.ftr_list a:hover {text-decoration:underline; color: #161616;}
.widget-login {padding-top:40px; padding-bottom:40px; background-color:rgb(230, 217, 200); margin-top:0; margin-bottom:40px; width:100%}
.widget-login input {   border-radius: 3px;   border-color:#ffffff; display:block; width: 340px;font-size: 1.4375em;   border: 1px solid;padding: 15px 20px;    font-weight: 300;   color: #333;line-height: normal; vertical-align: baseline; margin-top:16px }
.widget-login input.input-btn-submit { background-color:rgba(3, 3, 3, 0.75);color: #ffffff; cursor:pointer; font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', 'Arial', '新細明體'; font-weight:900;  border-color: #000000; margin-bottom:20px}
.widget-login input.input-btn-submit:hover { background-color:#52e701; border-color:#52e701}
a.resend-pw, a.reset-login { font-size:0.875em; text-decoration:none; color:rgba(3, 3, 3, 0.75); padding-top:0; display:block}
.guest-mes {font-size:1em; text-decoration:none; color:rgba(3, 3, 3, 0.75); padding-top:32px; display:block} 
.guest-mes a {color:#238dc9; text-decoration:underline; font-size: 20px;}
a.resend-pw:hover, a.reset-login:hover {text-decoration:underline}
/*2018 landing main banners*/
.MainAreabox{width:649px; float: left;}
.MainBanner{width:605px; height:180px; float:left; padding:22px; margin-bottom:12px; overflow:hidden; background-color: #ffffff;}
.MainBannerImagebox{float:left; width:240px; height:160px; overflow:hidden; }
.MainBannerTextbox{float:left; width:353px; padding-left: 12px}
.MainBannerTextbox h1{font-size:1.4em; color:#017aa0; margin: 0;}
.MainBannerTextbox h6{font-size:1em; color:#acacac; margin: 10px 0 0 0;}
.MainBannerTextbox p{font-size:1em; color:#161616; line-height: 150%; margin: 10px 0 0 0;}


/*Listing CSS*/

.listingbox {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6ebe9;
    padding: 10px 20px 10px 20px;
	background-color:#ffffff
}

.listinginfobox {
    width: 100%;
	position:relative;
	z-index:0

}

.listingnames {
    color: #045104;
    font-size: 1.142857142857143em;
    margin-right: 15px;
}

.listingcolume {
    color: #719b2f;
    font-size: 1.3125em;
}

.listingcolume a {
    color: #719b2f;
    text-decoration: none;
}

.listingreply {    color: #666666;   font-size:0.875em; text-decoration: none; margin-left:8px}

.listingreply-gp { width:100%; display:block; text-align:right}

#m-hkej-article .listingreply-gp { width:auto;display:inline-block}

.titlebox {
    width:100%;
    color: #000;
    font-weight: 900;
	margin-block-start:0px;
    margin-block-end:0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	display: table-cell;
	text-align:left; 
	vertical-align:top;
	padding-right:5px;
}

.listingbox_tr .titlebox  p
{
    width:100%;
    font-size: 0.5625em;
    color: #333333;
    font-weight: 300;
	margin-block-start:0px;
    margin-block-end:0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	display: block;
	text-align:left; 
	vertical-align:top;
	padding-right:5px;	
	line-height: 150%;
}

.listingbox_tr .titlebox  p span.more
{
	   color: #719b2f;
}
.titlebox a, .titlebox2 a {
    font-size: 2em;
    color: #000;
    font-weight: 900;
    text-decoration: none;
}
.listingbox_table{width:100%; display:block}
.listingbox_tr{width:100%; display:block}
.imgbox {
    display: table-cell;
    margin: 0px 0px 0px 2px;
position: relative;
    z-index: 0;
	text-align:right; 
	vertical-align:top;
	width:160px
}

.imgbox  img {
	width: 220px;
    height: auto;

}



.tags_inner {

    overflow: hidden;
    position: relative;
    background-color: white;

}

.fea_widget {

    padding-left: 0.556em ;
    padding-right: 0.556em ;
    display: block;
    position: relative;
    white-space: nowrap;
    background-color: #fff;
width: 100%;
text-align: left;
margin-bottom: 8px;
    margin-top: 20px;
}


.tags_inner a {

    display: inline-block;
    text-align: center;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: solid 1px #2da84f;
    cursor: pointer;
    background-color: #ffffff;
word-wrap: break-word;

text-decoration: none;

color: #333333;
}
.third_menu {width:100%;  padding:10px;   position:relative;  z-index:0; background-color:transparent}
.tags_inner.third_menu a{ background-color: #00bfb6; color: #ffffff; margin-right:5px; padding: 5px 10px 5px 10px;}
.tags_inner a.selected {
	    background-color: #2da84f;
		color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px #2da84f;
	-moz-box-shadow: 0px 0px 5px #2da84f;
	box-shadow: 0px 0px 5px #2da84f;	
	
}



#m-hkej-article {
    position: relative;
    z-index: 0;
width:100%;
padding:10px 20px 10px 20px;
background-color:#ffffff
}

div.title {
    font-size: 2em;
    padding-bottom: 0.1928em;
    font-weight: 900;
    line-height: 135%;
    margin-block-start:  0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

div.cate-time {
	display: inline-block;
    padding-bottom: 1em;
	margin-right:1em
}

div.cate {
	display: inline-block;
    padding-bottom: 1em;
	color: #2da84f
	
}


div.article p {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height: 1.6667em;
	margin-top: 0.5em;
	margin-bottom:  0.5em;
	font-size: 1.2em;
}

#m-hkej-article div.article-img-container {
    position: relative;
    z-index: 0;
    padding-left: 0;
    padding-right: 0;
	margin-top:0.5em;
	margin-bottom:0.5em
}

.m_lightbox figure {
    margin: 0;
}

img.article-pic {
    width: 100%;
    position: relative;
    z-index: 0;
}

.m_lightbox figcaption {
    display: none;
}

button#ejm_pswp__button--close {
    opacity: 100;
    position: fixed;
    top: 48px;
    right: 8px;
    line-height: 1em;
    font-size: 2.2222em;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.33);
    width: 1em;
    height: 1em;
    display: inherit;
    transform: none;
    cursor: pointer;
    z-index: 9;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDRTVFMEQ4QzZEOTExRTg5RDU1RUU5MDNBRDIwNTNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDRTVFMEQ5QzZEOTExRTg5RDU1RUU5MDNBRDIwNTNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNFNUUwRDZDNkQ5MTFFODlENTVFRTkwM0FEMjA1M0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNFNUUwRDdDNkQ5MTFFODlENTVFRTkwM0FEMjA1M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ysBotAAABuElEQVR42uxY7XGDMAxNcl3AK7ACHYGOQEegI7gj0BG8Ah2BFcwIdIR0BNf0TI/SAE8f5PhR3enCDyQ/Bz3p2ecQwunIdjkd3A4P8CH9mugNGPMavWOul0evgfc+or98Pw01mLwKmF2jm0kc6ibFIvnzMW6exIEgPQOgB3NX0zhJIkcAh268nsfeSpaBn+LPbhccLZ32VvxS0iLglq+Ay8Ec/VJdr+3cCknDIgUF4OCNgDReo0yQ1uAZBe60iIYwMCeSxmq2KrRNlIR6VG326Cx+j/4GvGfAfE/RP6E3idOgDXKrKGty5mkvAOeoI/LMEKyDIvEMJTMooMd76MHuRwrhNtTbM0ugMVQJtdeF1AVY63AVtUmfGrWKLanv8O+NZjlrccBZAYvLvQEWwh543ZBnojaTpfZihAe1jjJJLgRSNArgxj7qtEmCkqIlCAarVYMU+WQIZxCINFqkmBd/rUWaNXCU010pUD5+TRtqSH0rvElYVTkapNg6LogmjYQUPSjbKaQptgAWO00ER8ibLQHUvvLg1vQv0kjPvxTPOKTRJoWm2LAjQOkdzJ5yreAcmv4v0af2JcAAF75QAPooEHQAAAAASUVORK5CYII=");
	background-size: cover;

background-repeat: no-repeat;

background-position: center center;
}

.pagebox {
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
	display:none
}

.btn_paging {
    background-color: #1ca15d;
    border: none;
    color: #ffffff;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 10px 0 rgba(0,0,0,0.19);
}

.edc-row-content  {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5556em;
	padding-bottom: 0.5556em
}

div.selection-header {
    border-bottom: solid #108a60 0.05556em;
    font-size: 2em;
    font-weight: 900;
	margin-bottom:10px;
	position:relative;
	z-index:0
}

a span.edc-row-title{
    line-height: 130%;
    padding-bottom: 0.36em;
	font-size: 1.25em;
	font-weight: 900;
	color:#333333;
	display:block;
	border-bottom: dotted 0.0625em #333333;
}

span.edc-row-cat {
    color: #999999;
    line-height: 130%;
    margin-bottom: 0.3em;
    display: block;
}

.edc-infobox { width: 100%; }
.edc-names { color: #666666; margin-right: 15px}
.edc-colume a { color: #719b2f; text-decoration: none}


 a.backtotop {

    display: inline-block;
    text-align: center;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: solid 1px #2da84f;
    cursor: pointer;
word-wrap: break-word;
text-decoration: none;
	    background-color: #2da84f;
		color: #ffffff;
	
}

.listing-right-search {width:100%; display:block; position:relative; z-index:0}

input#newssearch {

    height: 33px;
    width:100%;
    background-color: #ffffff;
    border: solid 2px #aaaaaa;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	margin-bottom:10px

}

input.hasDatepicker{

    height: 33px;
    background-color: #ffffff;
    border: solid 2px #aaaaaa;
    padding: 5px 5px 5px 5px;
    display: inline-block;
	width:80px

}

#news_search_btn {

    padding: 0;
    height: 33px;
    width: 33px;
    cursor: pointer;
    background-image: url(gui/txt_search.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #aaaaaa;
    border: solid 2px #aaaaaa;
    margin-left: 3px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;

}

.light-gp
{
display: inline-block;
    position: absolute;
    z-index: 0;
    right: 0;

}

.calendar-gp {  position:absolute; z-index:1; right:0 ; top:0; right:30px; top:25px}

#m-hkej-article h1.title { font-size:2.5em}
/*Listing CSS*/

/*forum CSS*/
.forumbox {width:100%; display:block; margin-top:60px}

.msg_box {width:100%; display:block; margin-top:30px; color:#666666}
.forfdback1  {width:100%; display:block;position:relative; z-index:0}

span.for-user-name { color:#719b2f; font-size:1.3125em; margin-right:20px; font-weight: 900;}
.print-msg{font-size:0.4375em;position:absolute; right:0; bottom:0; font-weight:300}
.print-msg a{color:#666666; text-decoration:none; display:inline-block;  margin-left:10px}
.report { position:absolute; right:10px; bottom:0; color:#00bfb6; font-size:0.875em}
.report a{text-decoration:none; color:#666666; display:inline-block; margin-left:10px}

.speech-bubble 
{
width: auto;
  margin:10px 10px 10px 40px;
  border: 4px solid #00bfb6;
  padding: 15px;
  text-align: left;
  color: #000000;
  position: relative;
  display:inline-block
}



.speech-sb:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #00bfb6;
  border-top: 10px solid #00bfb6;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

.speech-sb:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}

.reply-sb { width:100%; display:block; margin: 60px 0 20px 0}
.reply-sb:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #00bfb6;
  right: 50%;
  top: -23px;
}

.reply-sb:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #fff;
  right: 50%;
  top: -18px;
}

ul.fordetailsimglink { list-style:none; color:#719b2f; margin-top:10px }
ul.fordetailsimglink li { list-style:none}
ul.fordetailsimglink li p {color:#000000 }
ul.fordetailsimglink li a {color:#0066cc; display:block }


.replybox { width:100%; display:table; padding: 20px;}

.replybox-tr { width:100%; display:table-row; }

.replybox-td { display:table-cell; padding-bottom:10px}
.replybox-td:nth-child(1){width:100px}
.upload-add {font-size:12px; color:#c62e2b;display: block}

a.forum-btn {

    background-color: #1ca15d;
    border: none;
    color: #ffffff;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 10px 0 rgba(0,0,0,0.19);
	
}

a.show-reply-sb {display:none}

.related-article-index { margin-bottom:20px}
.related-article-index .edc-row-content { padding:5px; display:inline-block}
.related-article-index a span.edc-row-title {
font-size: 1em;
font-weight: 900;
color: #0066cc;
display: block;
border-bottom: dotted 0.0625em #0066cc;}

.pg-chart {background-color:#1c1c1c}
#m-hkej-article.pg-chart {background-color:#1c1c1c}
.updatetimebox {color:#cccccc; font-size:0.75em}

.help-group-con { width:100%; margin-bottom:10px; text-align:right}
.help-group-con a
{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAIAAABF+LJYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyM2MxOTcxZi01Yzc3LTY1NDMtOTZjYS1iYWU1MzliNmZmZmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJCMDVBNkM3MEVEMTFFNzgyMzZDMTgwNUI1MjNGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJCMDVBNkI3MEVEMTFFNzgyMzZDMTgwNUI1MjNGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjNjMTk3MWYtNWM3Ny02NTQzLTk2Y2EtYmFlNTM5YjZmZmZjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIzYzE5NzFmLTVjNzctNjU0My05NmNhLWJhZTUzOWI2ZmZmYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnrFqigAAAA0SURBVHjaYnjYJ8/EwMDA9P8/A9O//8j0f6a/IPY/BgT9DyL2HyoGEUdTBzXj/7//AAEGAApOL288aFMPAAAAAElFTkSuQmCC") ;
border-color: #b7751c;
color: #ffffff;
font-size: 1em;
display:inline-block;
padding: 3px 16px 3px 16px;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #460b4a;
position: relative;
z-index: 0;
background-size: cover;
margin-left:8px;
cursor:pointer;
}

.help-group-con a.on
{
	background-image: none;
	background-color:#71b6db;
	-webkit-box-shadow: 0px 0px 10px #71b6db;
	-moz-box-shadow: 0px 0px 10px #71b6db;
	box-shadow: 0px 0px 10px #71b6db;	
}

.youtude-vdo-con{position:relative; z-index:0;display:none; margin-top:20px}
.youtude-vdo-close{position: absolute;top:-15px;right:-15px;width: 40px;z-index: 999;cursor: pointer} 
#guide-youtude-vdo{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0} 
.youtude-vdo-bg{width:100%; height:auto; position:relative; z-index:0} 


  input#table-type1-a {display:none}
    input#table-type1-b {display:none}
	  input#table-type1-c {display:none}
	    input#table-type1-d {display:none}
		
		
		
		
		

.topmid_sbannerbox{
	width:100%;
	float: left;
	margin-top:20px
}

.homefr_obstbox{
	background-image: url(gui/home_frame_obst.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	float: left;
	width: 40%;
}
.homefr_marketbreadthbox{
	background-image: url(gui/home_frame_marketbreadth.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	float: left;
	width:60%
}
.hf_contianer1{
	float: left;
	width: 50%;
}
.hf_contianer2{
	float: left;
	width: 50%;
}
.hf_contianer3, .hf_contianer4, .hf_contianer5{
	float: left;
	width: 33.33%;
}
.hf_valuebox{
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #FFF;
	padding-top: 5px;
}
.hf_titlebox{
	font-size: 0.9375em;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	float: left;
	width:100%;
	padding-top:18px;
	padding-bottom:12px
}
.hf_valuebox_obst_strong{
	font-size:  1.25em;
	color: #ff4800;
}
.hf_valuebox_obst_weak{	
	font-size:  1.25em;
	color: #00dcea;
}
.hf_valuebox_obst_marketbreadth{
	font-size: 1.25em;
	color: #ffffff;
}
.hf_valuebox .up{
	color: #52e701;
	font-weight: 900;
	font-size:0.9375em;
}
.hf_valuebox .dn{
	color: #e70101;
	font-weight: 900;
	font-size: 0.9375em;
}
.switch-checkbox {display:none}

/* DESKTOP 1024 nav */
@media (max-width:  1024px) {
body{ font-size:14px;}
.nav-header, .nav-menu, .main, .footer-n {width:980px; }
.land-content {  min-width:980px;  } 
.main-container { width:980px;}
.widget {width:980px;}
.widget-a { width:640px; }
.widget-b { width:310px; padding-left:0; }
.widget-c {width: calc(33% - 10px);}
.index-chart-grounp { width:310px; }
.index-name {margin-bottom:4px;}
.index-name span { font-size:1.125em;line-height: 18px;}
.index-live {   font-size:1.4375em;   line-height: 23px; margin-bottom:4px;}
.index-change-grounp span { font-size:1.125em;line-height: 18px;}
img.live-chart { width:290px; height:98px; }
ul.worldindex-table-row li { padding: 8px 4px 8px 8px; }
ul.worldindex-table-row li:nth-child(1) {}
ul.worldindex-table-row li:nth-child(2) {font-size:1em;}
ul.worldindex-table-row li:nth-child(3) {padding-right:10px; font-size:1em;}
.market-power-grounp {left:0;}
.market-power-bar-container { width:100px;}
.market-power-bar-container:nth-child(2) { right: auto; left:110px }
.market-power-bar-container:nth-child(3) {right: 0;}
.ejfq-vdo-container { width:320px;  height:180px;}
.ejfq-vdo-container iframe { width:320px; height:180px; }
img.ejfq-vdo-bg { width:320px; }
.ejfq-vdo-title {height: 40px; line-height: 40px;}
.widget-research { padding: 10px 5px 10px 5px;}
.widget-research h1 {font-size:1.125em;}
.widget-research .research-content {font-size:0.875em;}
.widget-research .research-content img { width: 100px; max-height: 67px;}

.widget-d {
    width: calc(50% - 4px);
	margin-bottom: 8px;
}



.stock-list-table ul li {padding-right:2px;}


.stock-list-table ul li.light { padding-right:6px; }

.stock-list-table ul li:nth-child(1) {padding-left:6px; width:13%; }
.stock-list-table ul li:nth-child(2) { width: 28%;}
.stock-list-table ul li:nth-child(4) {width:22%;}

.stock-list-table.type3 ul li:nth-child(1) {padding-left:6px; }
.stock-list-table.type3 ul li:nth-child(2) { padding-right:6px;}

.stock-list-table.type4 ul li:nth-child(1) {width: 11%;}
.stock-list-table.type4 ul li:nth-child(2) {width: 23%;}
.stock-list-table.type4 ul li:nth-child(3) {width: 10%;}
.stock-list-table.type4 ul li:nth-child(4) {width: 13%;}
.stock-list-table.type4 ul li:nth-child(5) {width: 15%;}
.stock-list-table.type4 ul li:nth-child(6) {width: 10%;}
.stock-list-table.type4 ul li:nth-child(7) {width: 8%;}

.stock-list-table.type5 ul li:nth-child(1) {width: 20%; }
.stock-list-table.type5 ul li:nth-child(2) {width: 24%; }
.stock-list-table.type5 ul li:nth-child(2) span  { }
.stock-list-table.type5 ul li:nth-child(2) span a {}
.stock-list-table.type5 ul li:nth-child(3) {width: 15%;}
.stock-list-table.type5 ul li:nth-child(4) {width: 18%;  }
.stock-list-table.type5 ul li:nth-child(4) span { }
.stock-list-table.type5 ul li:nth-child(5) { width:13%;}
.stock-list-table.type5 ul li:nth-child(5) span { }
.stock-list-table.type5 ul li:nth-child(2) span a.analysis, .stock-list-table.type5 ul li:nth-child(2) span a.analysis:hover {display:block;  margin-left:0;}

.stock-list-table.type6 ul li:nth-child(1)  { width:45%; }
.stock-list-table.type6 ul li:nth-child(4)  { width:20%;  }  

.tags_inner a { padding: 5px 10px 5px 10px;}
.calendar-gp {position:relative; display:block; top:auto; right: auto; background-color: #FFFFFF; padding:0 10px 0 10px;}
.hf_titlebox {font-size: 0.875em;}
}



/*Mobile view*/
@media (max-width: 768px) {
.nav-header-bg {position:fixed;}	
.main-bg {padding-top:30px;}
.main{ display:block}
.land-content, .nav-header, .nav-menu, .main, .footer-n{ min-width:320px; width:auto  } 
.nav-header { min-width:320px;  width:auto;  }
.land-content,  .nav-menu, .main, .footer-n{ min-width:320px; width:auto;  } 	
.real-time-index {padding-top: 2px; padding-bottom: 2px; font-size: 12px;}
.head-index-num {font-size: 13px;}
.head-index-type {display:none}
.head-index-type-m {display: inline-block}
/*NEW ADD FOR OLD VER.*/
.nav-header {padding-top: 40px;height: auto;background-size: 66px 40px;background-position: top center;}
.nav-h-widget-r, .nav-menu-bg, .sitemap, .real-time-index {display:none;}
.nav-h-widget-l {top:4px; left: auto; right:8px; text-align: center; display:block; height:33px; width:150px; }
.nav-h-widget-l #stockNo {position:absolute; z-index:0; top:0; left:auto; right:36px; width:90px} 
.nav-h-widget-l #stock_search { margin-left:0; position:absolute; z-index:0; top:0; left:auto; right:0px;}
.main-container { width: auto; display:block;}
.widget-a { width: auto; min-width:300px; padding-right: 0; display:block;}
.widget-b { width: auto; min-width:300px; padding-left:0; display:block; }
.widget{ width: auto; min-width:300px;  display:block; }
.widget-c:nth-child(1), .widget-c:nth-child(2), .widget-c:nth-child(3) {width:100%; position:relative; left:auto; right:auto; top:auto; margin-bottom: 10px;}
.widget:nth-child(3) { height:auto; padding-top:0; } 
.widget-d {width:100%; display:block; position: relative; z-index:0; top:0 !important; left:0 !important; right:0 !important; margin-bottom:10px; height:auto !important; }
.index-chart-grounp { width: calc(50% - 5px); }
.index-name {margin-bottom:4px;}
.index-name span { font-size:1.125em;line-height: 18px;}
.index-live {   font-size:1.4375em;   line-height: 23px;  display:inline-block; margin-bottom:4px;}
.index-change-grounp  {display:inline-block; margin-bottom:4px;}
.index-change-grounp span { font-size:1.125em;line-height: 18px; display:inline-block;   margin-bottom:4px;}
.day-change-grounp { display:none;}
img.live-chart { width: 100%; height:auto; display:block; }
ul.worldindex-table-row li { padding: 8px 4px 8px 8px; font-size:0.8125em; }
ul.worldindex-table-row li:nth-child(1) {}
ul.worldindex-table-row li:nth-child(2) {}
ul.worldindex-table-row li:nth-child(3) {padding-right:10px;}

.market-power-grounp {left: auto; top:auto; position:relative; display:block; margin-top:10px; }
.market-power-bar-container {  width: calc(33% - 5px);  right: auto !important; top:auto !important; position:relative; display: inline-block; }
.market-power-bar-container:nth-child(2) { left: 0 !important; top:0 !important; position:absolute; }
.market-power-bar-container:nth-child(3) {right: 0 !important; top:0 !important; position:absolute;}
.market-power-bar{ display:block; height:8px;}
.market-power-bar img{ display:block; height:8px;}
.ejfq-vdo-container { width: auto; min-width:300px;  height:auto; }
.ejfq-vdo-container iframe {width: 100%;position: absolute; z-index: 1;left: 0;top: 0; height: 100%;}
img.ejfq-vdo-bg {width:100%; display:block; height:auto; }
.ejfq-vdo-title {height: 20px; line-height: 20px; font-size:0.8125em;}

.ejfq-vdo-more { height: 30px; line-height: 30px; }
.footer-n {padding:16px 0 16px 0;}
.s-media-logo {padding-top:8px;  padding-bottom:8px; }
.tnc p { font-size:0.6875em;  }
nav#hamburger-nav, #menu .nav-h-widget-r {display: inherit; z-index:11;}
input[type="radio"]:checked + label.pullmenu_code.pullmenu_code-mobile .nav-menu-pulldown {right: 0px;left: auto;top: 8px;text-align: center;width: 110px;}
input[type="radio"]:checked + label.pullmenu_code.pullmenu_code-mobile a.nav-menu-btn-head, label.pullmenu_code.pullmenu_code-mobile a.nav-menu-btn-head.on { color:#c62e2b; background-color:transparent;  border: solid 1px #d76d6b;  padding-top:4px; padding-bottom:4px; }



html {  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none;	touch-action: manipulation;}

* { -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0);  }


.no-select
	{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.no-transition
	{
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}
	

	.rotating
		{
		-webkit-animation: rotating 1s linear infinite;
		-moz-animation: rotating 1s linear infinite;
		-ms-animation: rotating 1s linear infinite;
		-o-animation: rotating 1s linear infinite;
		animation: rotating 1s linear infinite;
		}
		
		
		
.main-bg{
width: auto;
margin-left:0;
margin-right:0;
}


#lcbox1{
margin-left: calc(50% - 649px / 2);
margin-right: calc(50% - 649px / 2);
margin-top:40px !important;

}

#rcbox1{
margin-left:  calc(50% - 649px / 2);
margin-right: calc(50% - 649px / 2);
width: 649px ;
padding-left: 0 !important;
float: none;
}
	
	.commonmenubox2,
#commonbarbox_r2,
.landingvideobox_r,
.landingvideooption_r,
.portfobarbox .none,
.portfobarbox,
#commonbarbox_r,
.landingcontentbox3_r,
.landingcontentbox2_r
{
	width: 649px !important ;
	box-sizing:border-box;
}
.portfobarbox .none { background-size:cover; height: 40px !important;}

#commonbarbox_r, #commonbarbox_r2
{
height: 30px !important;
}
.tablestyle5  { width:580px !important;}

#a_landing_index_chart_link img { width:100%; height:auto;}

.main-listing {width:100%; display:block; padding-right:0 }
.article-listing-right{width:100%; display:block;  margin-top:40px;}
.ejfq-related-article{  padding: 20px 10px 20px 10px; }

.listingbox {  padding: 10px;}


.listingbox_tr .titlebox p {display:none}

.pagebox {display: block}
.listing-right-search {display: none}

.tags_inner a {
    padding: 10px 20px 10px 20px;
}

.replybox {padding:10px}
.replybox-td:nth-child(1){width:80px}
.speech-bubble.reply-sb {display:none ; margin: 20px 0 20px 0}
a.show-reply-sb {display:block}
.forumbox {margin-top:30px}
.msg_box {margin-top:15px}

.widget-login  { padding-top:16px; padding-bottom:16px; margin-top:20px; margin-bottom:10px}
.widget-future{ margin-bottom:10px; float:none}
.future-tag{ display: flex}
ul.widget-tag-gp.future-tag li span{ display:none}
ul.widget-tag-gp.future-tag li span.mobile-future-tag{ display:inline-block}
.future-tr  {display:block;}
.future-td:nth-child(1) {width:100%; display:block; text-align:left}
.future-td:nth-child(2) {width:100%; display:block; border-left:none}
.future-td:nth-child(3) {width:100%; display:block; border-left:none}
.future-detail-table ul li {display:inline-block}
.topmid_sbannerbox { float: none;display: inline-block; width:100%; margin-top:10px }

.future-tag .remark{ display:none}

.future-detail-table .remark { display: inherit}

.nav-h-widget-mobile { display: inline-block}
} 



@media (max-width:  667px) {
body{ font-size:15px;}
.nav-h-widget-l #stockNo { width:75px;}
.nav-h-widget-mobile  {  width: auto; }
.nav-h-widget-mobile #stockNo-mobile  {  width:75px; }
.main, .widget {    padding: 15px 5px 10px 5px;}
.index-live {   font-size:1.125em;   line-height: 18px; }
.index-change-grounp span { font-size:0.9375em;  line-height: 15px; }
ul.worldindex-table-row li:nth-child(1) {font-size:1em; width:50%}
ul.worldindex-table-row li:nth-child(3) { vertical-align:middle}
ul.worldindex-table-row li:nth-child(4), ul.worldindex-table-row li:nth-child(5), ul.worldindex-table-row li:nth-child(6) { display:none;}	
span.market-status{margin-left:0; }
.widget-gp {
    display: block;
}
.widget-d {float:inherit !important; clear:inherit !important;}
.widget-d:nth-child(11) {display:none;}

.widget-research .research-content {}
.research-time  {}
.bottom-timestamp  {line-height:150%; padding-left:6px; padding-right:6px; display:inline-block; width:100%;}
.bottom-timestamp   span {display:inline-block;}

.stock-list-table ul:nth-child(1) li {}
.stock-list-table ul:nth-child(1) li:nth-child(1) span {display:inline-block;}



.stock-list-table.type1 ul li:nth-child(1) {  width: 14%; padding-right:2%; }
.stock-list-table.type1 ul li:nth-child(2) {   width: 41%; }
.stock-list-table.type1 ul li:nth-child(3) {  width: 16%;}
.stock-list-table.type1 ul li:nth-child(4) { padding-left:2px; width: 12%;}
.stock-list-table.type1 ul li:nth-child(5) { display:none; width:16%; padding-left:2px}
.stock-list-table.type1 ul li:nth-child(6)  { width: 17%;}


.stock-list-table.type2 ul li:nth-child(1) {  width: 14%; padding-right:2%; }
.stock-list-table.type2 ul li:nth-child(2) {   width: 41%; }
.stock-list-table.type2 ul li:nth-child(3) {  width: 16%;}
.stock-list-table.type2 ul li:nth-child(4) { padding-left:2px; width: 12%;}
.stock-list-table.type2 ul li:nth-child(5) { display:none; padding-left:2px; width: 12%;}
.stock-list-table.type2 ul li:nth-child(6) { width: 17%;}

.stock-list-table.type3 ul li:nth-child(1) { width: 83%; font-size:1em;}
.stock-list-table.type3 ul li:nth-child(2)  { width: 17%;}
.stock-list-table.type3 .research-time {display:block; margin-left: 0; }

.stock-list-table.type4 ul li:nth-child(1) {  width: 14%; padding-right:2%; }
.stock-list-table.type4 ul li:nth-child(2) {   width: 34%; }
.stock-list-table.type4 ul li:nth-child(3){  width: 14%;}
.stock-list-table.type4 ul li:nth-child(4){ padding-left:2px;  width: 18%;}
.stock-list-table.type4 ul li:nth-child(5) { display:none;  padding-left:2px;  width: 18%;}
.stock-list-table.type4 ul li:nth-child(6) { display:none; width: 14%; padding-right: 2px;}
.stock-list-table.type4 ul li:nth-child(7) { width: 14%; padding-right: 2px;}
.stock-list-table.type4 ul li:nth-child(8) { display:none;}

.stock-list-table.type5 ul li:nth-child(1) {  width: 28%; padding-right:2%; }
.stock-list-table.type5 ul li:nth-child(2) {   width: 37%;}
.stock-list-table.type5 ul li:nth-child(2) span  { }
.stock-list-table.type5 ul li:nth-child(3) { padding-left:2px;  width: 10%;}
.stock-list-table.type5 ul li:nth-child(4) { display:none;  padding-left:2px;  width: 10%; font-size:1em; text-align: center }
.stock-list-table.type5 ul li:nth-child(4) span { display:none;}
.stock-list-table.type5 ul li:nth-child(5)  { width: 19%;  padding-right: 2px; text-align:center;}
.stock-list-table.type5 ul li:nth-child(6) { display:none;  width: 19%;  padding-right: 2px; text-align:center;}

.stock-list-table.type6 ul:nth-child(1) li:nth-child(1) {  } 
.stock-list-table.type6 ul:nth-child(1) li:nth-child(2) {  }
.stock-list-table.type6 ul:nth-child(1) li:nth-child(3) { }

.stock-list-table.type6 ul li:nth-child(1) { width:55%  }
.stock-list-table.type6 ul li:nth-child(2) {  width:27% }
.stock-list-table.type6 ul li:nth-child(3) { width:18%; padding-right: 6px;}
.stock-list-table.type6 ul li:nth-child(4) { display:none}
.stock-list-table ul li.light img { height: 13px; width: auto;}

.imgbox {
	width:100px
}

.imgbox  img {
	width: 160px;

}

.tnc{width: 100%; padding: 10px;}

.light-gp img { display:none}
.calendar-gp {display:none}

.third_menu {width:100%;  background-color: rgba(0,0,0,0.66); display:none; padding:5px;   position:fixed; bottom:0; left:0; z-index:2}


/* checked effect*/
label.table-switch-gp{float:right;margin-top: 8px;margin-right: 8px;}

.table-switch {
width: 31px;
height: 16px;
background: #e5e5e5;
z-index: 0;
margin: 0;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.table-switch:before {
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 30px;
height: 15px;
background: #fff;
z-index: 1;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.table-switch:after {
content: ' ';
height: 14px;
width: 14px;
border-radius: 14px;
background: #fff;
position: absolute;
z-index: 2;
top: 1px;
left: 1px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}
.switchOn,.switchOn:before
{
background: #4cd964 !important;
}

.switchOn:after
{
left: 16px !important;
}

label.table-type1-col-a.noshow ul  li:nth-child(4) {display:none}
label.table-type1-col-a.noshow ul  li:nth-child(5)   {display: table-cell}

	  input#table-type1-a[type="checkbox"]:checked + label.table-type1-col-a ul  li:nth-child(4)  {display:none}
	  input#table-type1-a[type="checkbox"]:checked + label.table-type1-col-a ul  li:nth-child(5)   {display: table-cell}
	  
	  
	  input#table-type1-b[type="checkbox"] + label.table-type1-col-b ul  li:nth-child(4)   span   ins:nth-child(2){display:none}
	  input#table-type1-b[type="checkbox"]:checked + label.table-type1-col-b ul  li:nth-child(4)   span   ins:nth-child(2){display: inherit }
	  input#table-type1-b[type="checkbox"]:checked + label.table-type1-col-b ul  li:nth-child(4)   span   ins:nth-child(1){display:none}
	  input#table-type1-b[type="checkbox"]:checked + label.table-type1-col-b ul  li:nth-child(3)   {display:none}
	  input#table-type1-b[type="checkbox"]:checked + label.table-type1-col-b ul  li:nth-child(5)   {display: table-cell}
	  
	 
	  input#table-type1-c[type="checkbox"]:checked + label.table-type1-col-c ul  li:nth-child(4)  {display:none}
	  input#table-type1-c[type="checkbox"]:checked + label.table-type1-col-c ul  li:nth-child(7)  {display:none}
	  input#table-type1-c[type="checkbox"]:checked + label.table-type1-col-c ul  li:nth-child(5)   {display: table-cell}
	  input#table-type1-c[type="checkbox"]:checked + label.table-type1-col-c ul  li:nth-child(6)   {display: table-cell}  
	  
	  	  
		  	  input#table-type1-d[type="checkbox"]:checked + label.table-type1-col-d ul  li:nth-child(3)  {display:none}
	  input#table-type1-d[type="checkbox"]:checked + label.table-type1-col-d ul  li:nth-child(4)   {display: table-cell}
	  input#table-type1-d[type="checkbox"]:checked + label.table-type1-col-d ul  li:nth-child(5)  {display:none}
	  input#table-type1-d[type="checkbox"]:checked + label.table-type1-col-d ul  li:nth-child(6)   {display: table-cell}

 /* checked effect*/
	  
}

@media (max-width:  414px) {
body{ font-size:14px;} 


.listingnames {
    font-size: 1em;
}

.listingcolume {
    font-size: 1em;
}

.listingcolume a {
    font-size: 1em;
}



.titlebox a, .titlebox2 a {
    font-size: 1.5em;
}

.imgbox {
	width:80px
}

.imgbox  img {
	width: 120px;
	
	}
	
div.article p {font-size: 1.5em;}
.replybox {padding:5px}

.report {display: block;
position: relative;
text-align: right;
z-index: 0;
right: auto;
bottom: auto;
}

.widget-login input { width:280px} 
}

@media (max-width:  320px) {
body{ font-size:13px;} 
.main, .widget { padding:15px 5px 10px 5px;}

div.article p {font-size: 1.5em;}


.imgbox  img {width: 80px;}
}