@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, body {
  font-family: 'Helvetica', 'Arial','Microsoft JhengHei', '微軟正黑體', sans-serif;
  font-size: 100%;
  background-color: #F8F8F8;
  height: 100%;
}

@font-face {
  font-family: Intro;
  src: url("../font/introcondblack.ttf") format("truetype");
}
@font-face {
  font-family: IntroLight;
  src: url("../font/introcondlight.ttf") format("truetype");
}
/*------------------------------------*\
    =color
\*------------------------------------*/
.purple {
  color: #8864AA;
}

.blue {
  color: #0059B2;
}

.blue1 {
  color: #23B3E2;
}

.dblue1 {
  color: #00559B;
}

.green1 {
  color: #77BD2B;
}

.green2 {
  color: #77BD2B;
  vertical-align:middle;
}

.red1 {
  color: #EC4444;
}

.red1_2 {
  color: #EC4444;
  padding-top: 2px;
}

.red3 {
  color: #D90000;
}

.red5 {
  color: #EC4444;
  font-weight:bold;
  line-height:20px;
}

.yellow1 {
  color: #FFC02F;
}

.orange1 {
  color: #FC6F32;
}

.g333 {
  color: #333;
}

.g444 {
  color: #444;
}

.g999 {
  color: #999;
}

.ba55{
 color:#aa5;
}

.bf60{
 color:#bf6000;
}
.60f{
 color:#6060ff;
 }
/*------------------------------------*\
    =layout
\*------------------------------------*/
.mainwp {
  width: 1060px;
  margin: 0 auto;
  font-size: 100%;
  line-height:1.4; 
}

.mainwptip {
  width: 1080px;
  margin: 0 auto;
  font-size: 100%;
  line-height:1.4; 
}

.mainwp ol{
 list-style-type: decimal;
 padding-left:20px; 
}

.mainwp ul{
 list-style-type: disc;
 font-size:auto;
 padding-left:20px; 
}

.mainwp h1, .coursewp h1{
 font-size:2em;
 font-weight:bolder;
 margin: .67em 0;
}

.mainwp h2, .coursewp h2{
 font-size:1.5em;
 font-weight:bolder;
 margin: .75em 0;
}

.mainwp h3, .coursewp h3{
 font-size:1.17em;
 font-weight:bolder;
 margin: .83em 0;
}

.mainwp h4, .coursewp h4{
 font-size:1em;
 font-weight:bolder;
 margin: 1.12em 0;
}

.mainwp h5, .coursewp h5{
  font-size:0.83em;
  font-weight:bolder;
}

.mainwp h6, .coursewp h6{
 font-size:0.75em;
 font-weight:bolder;
}


.posr {
  position: relative;
}

.posa {
  position: absolute;
}

.hide {
  display: none;
}

.a100, .nav > ul li.logo a, ul.col-three > li > a, ul.friendlist > li > a {
  width: 100%;
  height: 100%;
  display: block;
}

.floright {
  float: right;
}

ul.fll{
 padding:0 0;

}
ul.fll li{
list-style-type:none;
line-height:1;
}

ul.fll li
ul.fll:before, ul.fll:after {
  content: "";
  display: table;
}

ul.fll:after {
  clear: both;
}

ul.fll {
  zoom: 1;
  /*IE6, IE7*/
}

ul.fll {
  width: 100%;
}

ul.fll > li {
  float: left;
}

ul.disin > li {
  display: inline-block;
  vertical-align: middle;
}
ul.disin > li * {
  vertical-align: middle;
}

.disin * {
  display: inline;
  vertical-align: middle;
}

li.mr15 {
  margin-right: 15px;
}

li.mr20 {
  margin-right: 20px;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

.w80px {
  width: 80px !important;
}

.w120px {
  width: 120px !important;
}

/*------------------------------------*\
    =space
\*------------------------------------*/
.top5 {
  margin-top: 5px;
}

.top10 {
  margin-top: 10px;
}

.top15 {
  margin-top: 15px;
}

.top20 {
  margin-top: 20px;
}

.top25 {
  margin-top: 25px;
}

.top30 {
  margin-top: 30px;
}

.top40 {
  margin-top: 40px;
}

.top50 {
  margin-top: 50px;
}

.top60 {
  margin-top: 60px;
}

.top80 {
  margin-top: 80px;
}

.mr20 {
  margin-right: 20px;
}

.mr50 {
  margin-right: 50px;
}

.mr75 {
  margin-right: 75px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml15 {
  margin-left: 15px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml100 {
  margin-left: 100px;
}

.ml200 {
  margin-left: 200px;
}

.ml250 {
  margin-left: 250px;
}

.ml350 {
  margin-left: 350px;
}

.pdl12 {
  padding-left: 12px;
}

.pdr20 {
  padding-right: 20px;
}

.pdl2em {
  padding-left: 2em;
}

.pdl1em {
  padding-left: 1em;
}

.pdb20 {
  padding-bottom: 20px;
}

/*------------------------------------*\
    =txt
\*------------------------------------*/
.fs75 {
  font-size: 75%;
}

.fs80 {
  font-size: 80%;
}

.fs90 {
  font-size: 90%;
}

.fs95 {
  font-size: 95%;
}

.fs100 {
  font-size: 100%;
}

.fs125 {
  font-size: 125%;
}

.fs112 {
  font-size: 112%;
}

.fs140 {
  font-size: 140%;
}

.fs150 {
  font-size: 150%;
}

.fs170 {
  font-size: 170%;
}

.fs200 {
  font-size: 200%;
}

.fs300 {
  color:#f2f2f2;
  font-size: 300%;
  padding-left:5px;
  vertical-align:middle;
}

.bold {
  font-weight: bold;
}

.lh120 {
  line-height: 120%;
}

.lh130 {
  line-height: 130%;
}

.lh140 {
  line-height: 140%;
}

.lh150 {
  line-height: 150%;
}

.lh180 {
  line-height: 180%;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

/*------------------------------------*\
    =reset
\*------------------------------------*/
a {
  text-decoration: none;
  color: inherit;
}

.clfix:before, .clfix:after {
  content: "";
  display: table;
}

.clfix:after {
  clear: both;
}

.clfix {
  zoom: 1;
  /*IE6, IE7*/
}



.clear {
  clear: both;
}

button, input, select, textarea {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: inherit;
}

input:focus, select:focus, textarea:focus {
  outline: none;
}

/*------------------------------------*\
    =sprite
\*------------------------------------*/
.icon-sprite, .icon-about, .icon-add-blue, .icon-add-blue2, .icon-add-red, .icon-add02, .icon-addlist, .icon-addto, .icon-arrow03, .icon-asidenav, .icon-back, .icon-backtolist, .icon-birth, .icon-close, .icon-closeinfo, .icon-comment-a, .discission .commemt span.arrow, .icon-date, .icon-del-gray, .icon-del-red, .icon-del, .icon-economic, .icon-economic01, .icon-economic02, .icon-economic03, .icon-edit-w, .icon-edit, .icon-f-more-learning, .icon-f-more-master, .icon-f-more-stock, .icon-f-more-leisure, .icon-f-more05, .icon-f-more06, .icon-f-more07, .icon-f-more011, .icon-f-more012, .icon-f-more013, .icon-f-more014, .icon-f-more015, .icon-f-more016, .icon-f-more017, .icon-f-more018, .icon-f-more019, .icon-f-more020, .icon-f-more021, .icon-f-nav01, .icon-f-nav02, .icon-f-nav03, .icon-f-nav04, .icon-f-nav05, .icon-f-top-learning, .icon-f-top-stock, .icon-f-top-master, .icon-f-top-leisure, .icon-f-top-color011, .icon-f-top-color012, .icon-f-top-color013, .icon-f-top-color014, .icon-f-top-color015, .icon-f-top-color016, .icon-f-top-color017, .icon-f-top-color018, .icon-f-top-color019, .icon-f-top-color020, .icon-f-top-color021, .icon-facebook-a, .articlewp .share .icon-facebook:hover, .icon-facebook, .icon-forget, .icon-forum04, .icon-forum05, .icon-forum06, .icon-forum07, .icon-forum08, .icon-forum09, .icon-forum10, .icon-forum11, .icon-forum12, .icon-forum13, .icon-google-a, .articlewp .share .icon-google:hover, .icon-google, .icon-heart-s, .icon-heart01, .icon-heart02, .icon-heart03, .icon-heart04, .icon-holding, .icon-l00, .icon-l00a, li.member .hi .dropdwon > ul li:hover .icon-l00, .icon-l01, .icon-l01a, li.member .hi .dropdwon > ul li:hover .icon-l01, .icon-l02, .icon-l02a, li.member .hi .dropdwon > ul li:hover .icon-l02, .icon-l03, .icon-l03a, li.member .hi .dropdwon > ul li:hover .icon-l03, .icon-l04, .icon-l04a, li.member .hi .dropdwon > ul li:hover .icon-l04, .icon-l05, .icon-l05a, li.member .hi .dropdwon > ul li:hover .icon-l05, .icon-lecture-next, .icon-lecture-prev, .icon-lecture-search, .icon-lecture, .icon-lecture01, .icon-lecture02, .icon-lecture03, .icon-lectureactive, .icon-left, .icon-linkout, .icon-login-l, .icon-login, .icon-login1, .icon-login3, .icon-login2, .icon-m01, .icon-m02, .icon-m03, .icon-m04, .icon-m05, .icon-m06, .icon-m07, .icon-m08, .icon-m09, .icon-m010, .icon-m011,  .icon-m012,  .icon-m013,  .icon-m014, .icon-m015, .icon-m016, .icon-mail, .icon-mails, .icon-more, .icon-news, .icon-news01, .icon-newsactive, .icon-newstitle, .icon-no, .icon-npage, .icon-ppage, .icon-publish, .icon-quote-l, .discission .commemt .quotesection:before, .icon-quote-r, .discission .commemt .quotesection:after, .icon-quote, .icon-record, .icon-reply-pu, .icon-reply-s, .icon-reply, .icon-s01, .stocksidenav > ul li.index, .icon-s01a, .stocksidenav > ul li.active.index, .icon-s02, .stocksidenav > ul li.company, .icon-s02a, .stocksidenav > ul li.active.company, .icon-s03, .stocksidenav > ul li.revenue, .icon-s03a, .stocksidenav > ul li.active.revenue, .icon-s04, .stocksidenav > ul li.income, .icon-s04a, .stocksidenav > ul li.active.income, .icon-s05, .stocksidenav > ul li.debt, .icon-s05a, .stocksidenav > ul li.active.debt, .icon-s06, .stocksidenav > ul li.shareholding, .icon-s06a, .stocksidenav > ul li.active.shareholding, .icon-s07, .stocksidenav > ul li.price, .icon-s07a, .stocksidenav > ul li.active.price, .icon-s08, .stocksidenav > ul li.einvestment, .icon-s08a, .stocksidenav > ul li.active.einvestment, .icon-search, .icon-set, .icon-set02, .icon-set03, .icon-settop, .icon-sideline, .icon-star-blank, .icon-star-gray, .icon-star-red, .icon-star-yellow, .icon-star01, .icon-star01n, .icon-star02, .icon-star02n, .icon-start-w, .icon-stoc16w, .icon-stock01, .icon-stock02, .icon-stock03, .icon-stock04, .icon-stock05, .icon-stock06, .icon-stock07, .icon-stock08, .icon-stock09, .icon-stock10, .icon-stock11, .icon-stock12, .icon-stock13, .icon-stock14, .icon-stock15, .icon-stock15w, .icon-stock16, .icon-stock17, .icon-stock17w, .icon-stock18, .icon-stock19, .icon-stockscreen, .icon-time, .icon-top, .icon-twitter-a, .articlewp .share .icon-twitter:hover, .icon-twitter, .icon-yes, .stocksidenav > ul li {
  display: inline-block;
  vertical-align: middle;
}

/*------------------------------------*\
    =btn btn btn btn
\*------------------------------------*/
.search {
  width: 268px;
  height: 34px;
  background-color: #fff;
  border: 2px solid #23B3E2;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
}
.search input[type="text"] {
  height: 34px;
  line-height: 34px;
  margin-left: 20px;
  width: 70%;
  float: left;
}
.search i {
  float: right;
  position: relative;
  top: 7px;
  right: 15px;
  cursor: pointer;
}

.search2 {
  width: 150px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.search2 input[type="text"] {
  height: 30px;
  line-height: 30px;
  margin-left: 8px;
  width: 70%;
  float: left;
}
.search2 i {
  float: right;
  position: relative;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

.search3 {
  width: 86px;
  height: 30px;
  background-color: #fff;
  border: 2px solid #23B3E2;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding:0 10px;
}
.search3 input[type="text"] {
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  width: 70%;
  float: left;
}
.search3 i {
  float: right;
  position: relative;
  top: 7px;
  right: 5px;
  cursor: pointer;
}

.blue-btn {
  background: #1A67A6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNjdhNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMWE2N2E2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDU1OWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a67a6), color-stop(50%, #1a67a6), color-stop(50%, #00559b));
  background-image: -moz-linear-gradient(top, #1a67a6 0%, #1a67a6 50%, #00559b 50%);
  background-image: -webkit-linear-gradient(top, #1a67a6 0%, #1a67a6 50%, #00559b 50%);
  background-image: linear-gradient(to bottom, #1a67a6 0%, #1a67a6 50%, #00559b 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.blue-btn:hover {
  background: #00559B;
}

.lightblue-btn {
  background: #40BCE6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwYmNlNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDBiY2U2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyM2IzZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #40bce6), color-stop(50%, #40bce6), color-stop(50%, #23b3e2));
  background-image: -moz-linear-gradient(top, #40bce6 0%, #40bce6 50%, #23b3e2 50%);
  background-image: -webkit-linear-gradient(top, #40bce6 0%, #40bce6 50%, #23b3e2 50%);
  background-image: linear-gradient(to bottom, #40bce6 0%, #40bce6 50%, #23b3e2 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.lightblue-btn:hover {
  background: #23B3E2;
}

.gray-btn {
  background: #ddd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #dddddd), color-stop(50%, #cccccc));
  background-image: -moz-linear-gradient(top, #dddddd 0%, #dddddd 50%, #cccccc 50%);
  background-image: -webkit-linear-gradient(top, #dddddd 0%, #dddddd 50%, #cccccc 50%);
  background-image: linear-gradient(to bottom, #dddddd 0%, #dddddd 50%, #cccccc 50%);
  color: #777;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.gray-btn:hover {
  background: #ddd;
}

.green-btn {
  background: #80C92E;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwYzkyZSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjODBjOTJlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM3N2JkMmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80c92e), color-stop(50%, #80c92e), color-stop(50%, #77bd2b));
  background-image: -moz-linear-gradient(top, #80c92e 0%, #80c92e 50%, #77bd2b 50%);
  background-image: -webkit-linear-gradient(top, #80c92e 0%, #80c92e 50%, #77bd2b 50%);
  background-image: linear-gradient(to bottom, #80c92e 0%, #80c92e 50%, #77bd2b 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.green-btn:hover {
  background: #77BD2B;
}

.green-btn02 {
background: #80C92E;
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2F9D74), color-stop(50%, #2F9D74), color-stop(50%, #127C55));
background-image: -moz-linear-gradient(top, #2F9D74 0%, #2F9D74 50%, #127C55 50%);
background-image: -webkit-linear-gradient(top, #2F9D74 0%, #2F9D74 50%, #127C55 50%);
background-image: linear-gradient(to bottom, #2F9D74 0%, #2F9D74 50%, #127C55 50%);
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.green-btn02:hover {
background: #127C55;
}

.yellow-btn {
  background: #FFCE5B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2U1YiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZjZTViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmMwMmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffce5b), color-stop(50%, #ffce5b), color-stop(50%, #ffc02f));
  background-image: -moz-linear-gradient(top, #ffce5b 0%, #ffce5b 50%, #ffc02f 50%);
  background-image: -webkit-linear-gradient(top, #ffce5b 0%, #ffce5b 50%, #ffc02f 50%);
  background-image: linear-gradient(to bottom, #ffce5b 0%, #ffce5b 50%, #ffc02f 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.yellow-btn:hover {
  background: #FFC02F;
}

.orange-btn {
  background: #F47D5B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0N2Q1YiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjQ3ZDViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMzczNGUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f47d5b), color-stop(50%, #f47d5b), color-stop(50%, #f3734e));
  background-image: -moz-linear-gradient(top, #f47d5b 0%, #f47d5b 50%, #f3734e 50%);
  background-image: -webkit-linear-gradient(top, #f47d5b 0%, #f47d5b 50%, #f3734e 50%);
  background-image: linear-gradient(to bottom, #f47d5b 0%, #f47d5b 50%, #f3734e 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.orange-btn:hover {
  background: #F3734E;
}

.black-btn {
  background: #1A67A6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(50%, #666666), color-stop(50%, #555555));
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 50%, #555555 50%);
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 50%, #555555 50%);
  background-image: linear-gradient(to bottom, #666666 0%, #666666 50%, #555555 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.black-btn:hover {
  background: #555;
}
.black-btns {
  background: #1A67A6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(50%, #666666), color-stop(50%, #555555));
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 50%, #555555 50%);
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 50%, #555555 50%);
  background-image: linear-gradient(to bottom, #666666 0%, #666666 50%, #555555 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  margin-left:5px;
}
.black-btns:hover {
  background: #555;
}

.grayline-btn {
  color: #555;
  box-sizing: border-box;
  border: 1px solid #999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.grayline-btn:hover {
  background: #ddd;
}

.s-btn {
  padding: 8px 10px;
  letter-spacing: 0.05em;
  font-size: 90%;
}
.s-btn i {
  margin-right: 5px;
}

.m-btn {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 8px 24px;
  font-size: 90%;
}
.m-btns {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 6px 15px;
  font-size: 90%;
}

.m-btnss {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 6px 8px;
  font-size: 90%;
}

.m-btn i {
  margin-right: 4px;
}

.m-btn.withimg {
  padding: 8px 15px;
}

.l-btn {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 10px 26px;
  font-size: 100%;
}
.l-btn i {
  margin-right: 5px;
  margin-top: -1px;
}

.l-btn2 {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 10px 10px;
  font-size: 100%;
  position: absolute;
  top: 20px;
  right: 130px;
}

.l-btn3 {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 10px 10px;
  font-size: 100%;
  position: absolute;
  top: 20px;
  right: 25px;
}

.l-btn4 {
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 10px 10px;
  font-size: 100%;
  margin-left:375px;
}

.l-btn.withimg {
  padding: 10px 15px;
}

.iloveit-btn, .iloveitoo-btn {
  background: #EE5B5B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWI1YiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWU1YjViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYzQ0NDQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5b5b), color-stop(50%, #ee5b5b), color-stop(50%, #ec4444));
  background-image: -moz-linear-gradient(top, #ee5b5b 0%, #ee5b5b 50%, #ec4444 50%);
  background-image: -webkit-linear-gradient(top, #ee5b5b 0%, #ee5b5b 50%, #ec4444 50%);
  background-image: linear-gradient(to bottom, #ee5b5b 0%, #ee5b5b 50%, #ec4444 50%);
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  font-family: 'Intro','Helvetica', 'Arial', sans-serif;
  text-transform: uppercase;
  padding: 5px 10px 5px 15px;
  font-size: 90%;
}
.iloveit-btn:hover, .iloveitoo-btn:hover {
  background: #EC4444;
}
.iloveit-btn i, .iloveitoo-btn i {
  margin-left: 5px;
}

.iloveitoo-btn {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #dddddd), color-stop(50%, #cccccc));
  background-image: -moz-linear-gradient(top, #dddddd 0%, #dddddd 50%, #cccccc 50%);
  background-image: -webkit-linear-gradient(top, #dddddd 0%, #dddddd 50%, #cccccc 50%);
  background-image: linear-gradient(to bottom, #dddddd 0%, #dddddd 50%, #cccccc 50%);
}

.pageswp {
  margin-top: 30px;
  position: relative;
}
.pageswp > ul {
  display: table;
  margin: 0 auto;
}
.pageswp > ul li {
  box-sizing: border-box;
  width: 33px;
  height: 40px;
  line-height: 41px;
  background-color: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
  text-align: center;
  color: #333;
  display: inline-block;
  margin: 0 4px;
}
.pageswp > ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.pageswp > ul li:hover {
  background-color: #e7e7e7;
}
.pageswp > ul li.active {
  background-color: #777;
  color: #fff;
}
.pageswp.topart p {
  text-align: center;
  font-size: 80%;
  line-height: 41px;
  color: #aaa;
}
.pageswp.topart p span.current {
  color: #333;
}

.prevpage, .nextpage {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  box-sizing: border-box;
  width: 80px;
  height: 40px;
  line-height: 40px;
  background-color: #eee;
  border: 1px #ccc solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
  color: #333;
  cursor: pointer;
}
.prevpage i, .nextpage i {
  margin-left: 12px;
  margin-bottom: 1px;
}
.prevpage span, .nextpage span {
  padding-left: 10px;
}
.prevpage:hover, .nextpage:hover {
  background-color: #e9e9e9;
}

.nextpage {
  right: 0;
  left: auto;
}
.nextpage i {
  margin-left: 10px;
}
.nextpage span {
  padding-left: 12px;
}

.prevpage2, .nextpage2 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  box-sizing: border-box;
  width: 33px;
  height: 40px;
  line-height: 40px;
  border: 1px #ccc solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  padding-top:15px;
}
.prevpage2:hover, .nextpage2:hover {
  background-color: #eee;
}

.nextpage2 {
  right: 0;
  left: auto;
}

.edit-btn {
  display: inline-block;
  background-color: #f4f4f4;
  height: 40px;
  line-height: 40px;
  font-size: 90%;
  font-weight: bold;
  padding: 0 12px;
  cursor: pointer;
}
.edit-btn:hover {
  background-color: #eaeaea;
}
.edit-btn i {
  margin-right: 5px;
}


ul.btn-three li {
  display: inline-block;
  background-color: #f4f4f4;
  height: 20px;
  line-height: 20px;
  font-size: 80%;
  font-weight: bold;
  padding: 0 4px;
  cursor: pointer;
}
ul.btn-three li a {
  display: block;
  width: 100%;
  height: 100%;
}
ul.btn-three li:hover {
  background-color: #eaeaea;
}
ul.btn-three i {
  margin-right: 8px;
}

ul#menuList li{
 list-style-type:none;
 padding:0 0;
 margin:0 0;
}

ul#menuList li.active{
 padding:0 0;
 margin:0 0;
}

/*------------------------------------*\
    =table
\*------------------------------------*/
/*table.radius 圓角有框線 表頭漸層 */
table.radius {
  width: 100%;
  border-collapse: separate !important;
  border: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

table.radius tr th,
table.radius tr td{
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

table #resultHtml1 tr td{
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

table #resultHtml2 tr td{
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

table #resultHtml3 tr td{
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

table #resultHtml4 tr td{
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

/*
table.radius tr th:last-child,
table.radius tr td:last-child {
  border-right: 0;
}

table.radius tr:last-child td {
  border-bottom: 0;
}
*/
table.radius tr:first-child th:first-child {
  -moz-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 0;
}

table.radius tr:first-child th:last-child {
  -moz-border-radius: 0 4px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 0 0;
}

table.radius tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 0 4px;
}

table.radius tr:last-child td:last-child {
  -moz-border-radius: 0 0 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 0;
}

table.radius td,
table.radius th {
  text-align: center;
  line-height: 140%;
}

table.radius th {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(#fefefe, #f0f0f0);
  background-image: -webkit-linear-gradient(#fefefe, #f0f0f0);
  background-image: linear-gradient(#fefefe, #f0f0f0);
  font-size: 85%;
  font-weight: bold;
  position: relative;
  padding: 10px 0;
  color: #222;
}

table.radius th.second {
  background: #888;
  font-size: 85%;
  font-weight: bold;
  position: relative;
  padding: 10px 0;
  color: #fff;
}

table.radius td {
  background-color: #fff;
  font-size: 90%;
  padding: 12px 0px;
}

table.valtop tr td, table.valtop tr th {
  vertical-align: top;
}

/*table.radius2 圓角 直線 顏色間隔 表頭漸層 */
table.radius2 tr th,
table.radius2 tr td {
  border-bottom: none;
}
table.radius2 tr th {
  border-bottom: 1px solid #bbb;
}
table.radius2 tr th:first-child,
table.radius2 tr td:first-child {
  border-left: none;
}
table.radius2 tr:nth-child(odd) td {
  background-color: #f6f6f6;
}

/* 一些表格文字style */
table.none {
  border: none !important;
}
table.none tr td, table.none tr th {
  border: none !important;
  padding: 5px 0 !important;
  background-color: #fff !important;
}
table.none tr th:first-child, table.none tr td:first-child {
  border: none !important;
}

table.txtright tr td {
  text-align: right;
  padding-right: 5px;
}

td.tdright,
th.tdrigth {
  text-align: right !important;
  padding-right: 5px !important;
}

.tdleft {
  text-align: left !important;
  padding-left: 5px !important;
}

.tdcenter {
  text-align: center !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}


/* 文章的表格 */
table.article {
  width: 100%;
  table-layout: fixed;
}
table.article tr:nth-child(even) td {
  background-color: #f9f9f9;
}
table.article th {
  font-size: 95%;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding: 0 0 12px 0;
}
table.article th:first-child {
  padding-left: 10px;
}
table.article td {
  overflow: hidden;
  font-size: 90%;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}

table.article time.time {
  color: #777;
  font-size: 85%;
}
table.article time.date {
  color: #777;
  font-size: 85%;
  padding-right: 15px;
}

/*------------------------------------*\
    =section style
\*------------------------------------*/
.divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #bbb;
  margin: 1.5em 0;
}
.divider:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
}

.divider-ccc {
  width: 100%;
  height: 1px;
  border-top: 1px solid #ccc;
}

hr.gray {
  border: 0;
  background-color: #ccc;
  height: 1px;
}

/*一般段落文章*/
.paragraph90 {
  font-size: 90%;
  line-height: 140%;
  margin-top: 0.5em;
  color: #222;
}

.paragraph95 {
  font-size: 95%;
  line-height: 140%;
  margin-top: 0.5em;
  color: #222;
}

/*標題*/
.h100b {
  font-size: 100%;
  font-weight: bold;
  color: #111;
}

/*連結 hover 效果*/
a.underline {
  text-decoration: underline;
}

a.hoverline:hover {
  text-decoration: underline;
}

.pointerline {
  cursor: pointer;
}
.pointerline:hover {
  text-decoration: underline;
}

/*彈跳視窗*/
.darkbox {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left:0;
  z-index: 999;
  margin:0 auto;
}

.darkbox-content {
  position: relative;
  background-color: #fff;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  position: fixed;
  top: 10%;
  z-index: 1000;
  height: 500px;
  overflow-x:auto;
}
.darkbox-content i.icon-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.darkbox-content .inner {
  box-sizing: border-box;
  line-height: 1.5;
  padding: 45px 50px;
}

/*讓標題不斷行*/
.overh {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 120%;
  text-overflow: ellipsis;
}

.overh.metitle {
  width: 410px;
}

.overh.name {
  width: 75px;
}

.overh.name2 {
  width: 125px;
}

.overh.name3 {
  width: 95px;
}

.overh.forum2 {
  width: 230px;
}

.overh.forum3 {
  padding-left: 8px;
  width: 800px;
}

.overh.forum4 {
  padding-right: 8px;
}

.overh.forum5 {
  padding-right:20px;
  text-align:right;
}

.overh.overh100 {
  width: 100%;
}

/*白色背景*/
.whiteblock {
  background-color: #fff;
  padding: 25px;
  box-sizing: border-box;
}

/*------------------------------------*\
    =input input input
\*------------------------------------*/
.input1[type="text"],
.input1[type="password"],
.select1 {
  width: 100%;
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.input2[type="text"] {
  border: 1px solid #ccc;
  height: 30px;
  box-sizing: border-box;
  padding-left: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.input3[type="text"] {
  border: 2px solid #ccc;
  width: 180px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 5px;
}

.input4[type="text"] {
  border: 2px solid #23B3E2;
  background-color: #fff;
  width: 180px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 5px;
}

.input5[type="text"] {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 130px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  padding-left: 5px;
}

.input6[type="text"] {
  background-color: #fff;
  width: 95%;
  height:190px;
  box-sizing: border-box;
  padding-left: 5px;
}

.input7[type="text"],
.input7 {
  border: 1px solid #ccc;
  height: 180px;
  box-sizing: border-box;
  padding:0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.input8[type="text"] {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  padding-left: 5px;
}

.inputgreen[type="text"] {
  border: 2px solid #77BD2B;
  background-color: #fff;
  width: 105px;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
}

.inputorange[type="text"] {
  border: 2px solid #F3734E;
  background-color: #fff;
  width: 105px;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
  font-size: 90%;
}

.styled-select select {
  background: transparent;
  width: 110px;
  font-size: 90%;
  padding-left: 5px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 28px;
  -webkit-appearance: none;
}

.styled-select.blue {
  width: 110px;
  height: 28px;
  overflow: hidden;
  border: 2px solid #1A67A6;
  background: url("../../themes/frontend/default/images/arrow-blue.png") no-repeat;
  background-position: 90% 50%;
}

.styled-select.green {
  width: 110px;
  height: 28px;
  overflow: hidden;
  border: 2px solid #77BD2B;
  background: url("../../themes/frontend/default/images/arrow-green.png") no-repeat;
  background-position: 90% 50%;
  display: inline-block;
  background-color: #fff;
}

.styled-select.orange {
  width: 110px;
  height: 28px;
  overflow: hidden;
  border: 2px solid #F3734E;
  background: url("../../themes/frontend/default/images/arrow-o.png") no-repeat;
  background-position: 90% 50%;
  display: inline-block;
  background-color: #fff;
}

h4.sidelinenote {
  font-size: 150%;
  font-weight: bold;
}
h4.sidelinenote i {
  position: relative;
  top: -3px;
  margin-right: 5px;
}

/*
 *   Reset reset css....
 *   ckeditor
 */
.htmleditor {
  font-size: 90%;
  line-height: 140%;
  color: #222;
}
.htmleditor blockquote {
  font-style: italic;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}
.htmleditor h5, .htmleditor h6, .htmleditor strong, .htmleditor b {
  font-weight: bold;
}
.htmleditor i, .htmleditor cite, .htmleditor em,
.htmleditor var, .htmleditor address {
  font-style: italic;
}
.htmleditor a {
  color: #0782C1;
  text-decoration: underline;
}
.htmleditor ol, .htmleditor ul, .htmleditor dl {
  /* IE7: reset rtl list margin. (#7334) */
  *margin-right: 0px;
  /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
  padding: 0 40px;
}
.htmleditor ol {
  list-style-type: decimal;
}
.htmleditor ul {
  list-style-type: disc;
}
.htmleditor h1, .htmleditor h2, .htmleditor h3, .htmleditor h4, .htmleditor h5, .htmleditor h6 {
  font-weight: normal;
  line-height: 1.2;
}
.htmleditor h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.htmleditor h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}
.htmleditor h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}
.htmleditor h4 {
  margin: 1.12em 0;
}
.htmleditor big {
  font-size: 1.17em;
}
.htmleditor small {
  font-size: 0.83em;
}
.htmleditor pre, .htmleditor tt, .htmleditor code,
.htmleditor kbd, .htmleditor samp {
  font-family: monospace;
}
.htmleditor u, .htmleditor ins {
  text-decoration: underline;
}
.htmleditor q {
  quotes: initial;
}
.htmleditor q::before {
  content: open-quote;
}
.htmleditor q::after {
  content: close-quote;
}
.htmleditor hr {
  border: 0px;
  border-top: 1px solid #ccc;
}
.htmleditor img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}
.htmleditor p > img{
  max-width: 780px;
}
.htmleditor img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}
.htmleditor pre {
  white-space: pre-wrap;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* IE7 */
  -moz-tab-size: 4;
  -o-tab-size: 4;
  -webkit-tab-size: 4;
  tab-size: 4;
}
.htmleditor .marker {
  background-color: Yellow;
}
.htmleditor span[lang] {
  font-style: italic;
}
.htmleditor figure {
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}
.htmleditor figure > figcaption {
  text-align: center;
  display: block;
  /* For IE8 */
}
.htmleditor a > img {
  padding: 1px;
  margin: 1px;
  border: none;
  outline: 1px solid #0782C1;
}
.htmleditor sub, .htmleditor sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
.htmleditor sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
.htmleditor sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.htmleditor span {
	line-height: 180%;
}

.icon-sprite, .icon-about, .icon-add-blue, .icon-add-blue2, .icon-add-red, .icon-add02, .icon-addlist, .icon-addto, .icon-arrow03, .icon-asidenav, .icon-back, .icon-backtolist, .icon-birth, .icon-close, .icon-closeinfo, .icon-comment-a, .discission .commemt span.arrow, .icon-date, .icon-del-gray, .icon-del-red, .icon-del, .icon-economic, .icon-economic01, .icon-economic02, .icon-economic03, .icon-edit-w, .icon-edit, .icon-f-more-learning, .icon-f-more-master, .icon-f-more-stock, .icon-f-more-leisure, .icon-f-more05, .icon-f-more06, .icon-f-more07, .icon-f-nav01, .icon-f-nav02, .icon-f-nav03, .icon-f-nav04, .icon-f-nav05, .icon-f-top-learning, .icon-f-top-stock, .icon-f-top-master, .icon-f-top-leisure,  .icon-f-more011, .icon-f-more012, .icon-f-more013, .icon-f-more014, .icon-f-more015, .icon-f-more016, .icon-f-more017, .icon-f-more018, .icon-f-more019, .icon-f-more020, .icon-f-more021, .icon-f-top-color011, .icon-f-top-color012, .icon-f-top-color013, .icon-f-top-color014, .icon-f-top-color015, .icon-f-top-color016, .icon-f-top-color017, .icon-f-top-color018, .icon-f-top-color019, .icon-f-top-color020, .icon-f-top-color021, .icon-facebook-a, .articlewp .share .icon-facebook:hover, .icon-facebook, .icon-forget, .icon-forum04, .icon-forum05, .icon-forum07, .icon-forum08, .icon-forum09, .icon-forum10, .icon-forum11, .icon-forum12, .icon-forum13, .icon-google-a, .articlewp .share .icon-google:hover, .icon-google, .icon-heart-s, .icon-heart01, .icon-heart02, .icon-heart03, .icon-heart04, .icon-holding, .icon-l00, .icon-l00a, li.member .hi .dropdwon > ul li:hover .icon-l00, .icon-l01, .icon-l01a, li.member .hi .dropdwon > ul li:hover .icon-l01, .icon-l02, .icon-l02a, li.member .hi .dropdwon > ul li:hover .icon-l02, .icon-l03, .icon-l03a, li.member .hi .dropdwon > ul li:hover .icon-l03, .icon-l04, .icon-l04a, li.member .hi .dropdwon > ul li:hover .icon-l04, .icon-l05, .icon-l05a, li.member .hi .dropdwon > ul li:hover .icon-l05, .icon-lecture-next, .icon-lecture-prev, .icon-lecture-search, .icon-lecture, .icon-lecture01, .icon-lecture02, .icon-lecture03, .icon-lectureactive, .icon-left, .icon-linkout, .icon-login-l, .icon-login, .icon-login1, .icon-login2, .icon-login3, .icon-m01, .icon-m02, .icon-m03, .icon-m04, .icon-m05, .icon-m06, .icon-m07, .icon-m08, .icon-m09, .icon-m010, .icon-m011, .icon-m012, .icon-m013, .icon-m014, .icon-m015, .icon-m016, .icon-mail, .icon-mails, .icon-more, .icon-news, .icon-news01, .icon-newsactive, .icon-newstitle, .icon-no, .icon-npage, .icon-ppage, .icon-publish, .icon-quote-l, .discission .commemt .quotesection:before, .icon-quote-r, .discission .commemt .quotesection:after, .icon-quote, .icon-record, .icon-reply-pu, .icon-reply-s, .icon-reply, .icon-s01, .stocksidenav > ul li.index, .icon-s01a, .stocksidenav > ul li.active.index, .icon-s02, .stocksidenav > ul li.company, .icon-s02a, .stocksidenav > ul li.active.company, .icon-s03, .stocksidenav > ul li.revenue, .icon-s03a, .stocksidenav > ul li.active.revenue, .icon-s04, .stocksidenav > ul li.income, .icon-s04a, .stocksidenav > ul li.active.income, .icon-s05, .stocksidenav > ul li.debt, .icon-s05a, .stocksidenav > ul li.active.debt, .icon-s06, .stocksidenav > ul li.shareholding, .icon-s06a, .stocksidenav > ul li.active.shareholding, .icon-s07, .stocksidenav > ul li.price, .icon-s07a, .stocksidenav > ul li.active.price, .icon-s08, .stocksidenav > ul li.einvestment, .icon-s08a, .stocksidenav > ul li.active.einvestment, .icon-search, .icon-set, .icon-set02, .icon-set03, .icon-settop, .icon-sideline, .icon-star-blank, .icon-star-gray, .icon-star-red, .icon-star-yellow, .icon-star01, .icon-star01n, .icon-star02, .icon-star02n, .icon-start-w, .icon-stoc16w, .icon-stock01, .icon-stock02, .icon-stock03, .icon-stock04, .icon-stock05, .icon-stock06, .icon-stock07, .icon-stock08, .icon-stock09, .icon-stock10, .icon-stock11, .icon-stock12, .icon-stock13, .icon-stock14, .icon-stock15, .icon-stock15w, .icon-stock16, .icon-stock17, .icon-stock17w, .icon-stock18, .icon-stock19, .icon-stockscreen, .icon-time, .icon-top, .icon-twitter-a, .articlewp .share .icon-twitter:hover, .icon-twitter, .icon-yes, .stocksidenav > ul li {
  background-image: url('../../themes/frontend/default/images/icon-s15b4fac309.png');
  background-repeat: no-repeat;
}

.icon-about {
  background-position: 0 0;
  height: 66px;
  width: 54px;
}

.icon-add-blue {
  background-position: 0 -76px;
  height: 16px;
  width: 16px;
}

.icon-add-blue2 {
  background-position: 0 -102px;
  height: 16px;
  width: 16px;
}

.icon-add-red {
  background-position: 0 -128px;
  height: 10px;
  width: 10px;
}

.icon-add02 {
  background-position: 0 -148px;
  height: 13px;
  width: 13px;
}

.icon-addlist {
  background-position: 0 -171px;
  height: 21px;
  width: 21px;
}

.icon-addto {
  background-position: 0 -202px;
  height: 22px;
  width: 22px;
}

.icon-arrow03 {
  background-position: 0 -234px;
  height: 39px;
  width: 21px;
}

.icon-asidenav {
  background:none;
  height: 50px;
  width: 160px;
}

.icon-back {
  background-position: 0 -343px;
  height: 14px;
  width: 8px;
}

.icon-backtolist {
  background-position: 0 -367px;
  height: 10px;
  width: 13px;
}

.icon-birth {
  background-position: 0 -387px;
  height: 18px;
  width: 16px;
}

.icon-close {
  background-position: 0 -415px;
  height: 34px;
  width: 34px;
}

.icon-closeinfo {
  background-position: 0 -7366px;
  height: 21px;
  width: 21px;
}

.icon-comment-a, .discission .commemt span.arrow {
  background-position: 0 -490px;
  height: 19px;
  width: 24px;
}

.icon-date {
  background-position: 0 -519px;
  height: 18px;
  width: 18px;
}

.icon-del-gray {
  background-position: 0 -547px;
  height: 13px;
  width: 14px;
}

.icon-del-red {
  background-position: 0 -570px;
  height: 13px;
  width: 14px;
}

.icon-del {
  background-position: 0 -593px;
  height: 12px;
  width: 12px;
  cursor: pointer
}

.icon-economic {
  background-position: 0 -615px;
  height: 63px;
  width: 72px;
}

.icon-economic01 {
  background-position: 0 -688px;
  height: 26px;
  width: 26px;
}

.icon-economic02 {
  background-position: 0 -724px;
  height: 26px;
  width: 26px;
}

.icon-economic03 {
  background-position: 0 -760px;
  height: 15px;
  width: 18px;
}

.icon-edit-w {
  background-position: 0 -785px;
  height: 17px;
  width: 17px;
}

.icon-edit {
  background-position: 0 -812px;
  height: 17px;
  width: 17px;
}

.icon-f-more-learning {
  background-position: 0 -839px;
  height: 13px;
  width: 49px;
}

.icon-f-more-master {
  background-position: 0 -862px;
  height: 13px;
  width: 49px;
}

.icon-f-more-stock {
  background-position: 0 -885px;
  height: 13px;
  width: 49px;
}

.icon-f-more-leisure {
  background-position: 0 -908px;
  height: 13px;
  width: 49px;
}

.icon-f-more05 {
  background-position: 0 -931px;
  height: 8px;
  width: 5px;
}

.icon-f-more06 {
  background-position: 0 -949px;
  height: 8px;
  width: 5px;
}

.icon-f-more07 {
  background-position: 0 -967px;
  height: 13px;
  width: 49px;
}

.icon-f-nav01 {
  background-position: 0 -990px;
  height: 8px;
  width: 5px;
}

.icon-f-nav02 {
  background-position: 0 -1008px;
  height: 8px;
  width: 5px;
}

.icon-f-nav03 {
  background-position: 0 -1026px;
  height: 8px;
  width: 5px;
}

.icon-f-nav04 {
  background-position: 0 -1044px;
  height: 8px;
  width: 5px;
}

.icon-f-nav05 {
  background-position: 0 -1062px;
  height: 8px;
  width: 5px;
}

.icon-f-top-learning {
  background-position: 0 -1080px;
  height: 35px;
  width: 118px;
}

.icon-f-top-stock {
  background-position: 0 -1125px;
  height: 35px;
  width: 118px;
}

.icon-f-top-master {
  background-position: 0 -1170px;
  height: 35px;
  width: 118px;
}

.icon-f-top-leisure {
  background-position: 0 -1215px;
  height: 35px;
  width: 118px;
}

.icon-facebook-a, .articlewp .share .icon-facebook:hover {
  background-position: 0 -1260px;
  height: 27px;
  width: 27px;
}

.icon-facebook {
  background-position: 0 -1297px;
  height: 27px;
  width: 27px;
}

.icon-forget {
  background-position: 0 -1334px;
  height: 18px;
  width: 18px;
}

.icon-forum04 {
  background-position: 0 -1362px;
  height: 30px;
  width: 32px;
}

.icon-forum05 {
  background-position: 0 -1402px;
  height: 30px;
  width: 32px;
}

.icon-forum06 {
  background-position: 0 -1442px;
  height: 30px;
  width: 32px;
}

.icon-forum07 {
  background-position: 0 -1482px;
  height: 30px;
  width: 32px;
}

.icon-forum08 {
  background-position: 0 -1522px;
  height: 30px;
  width: 32px;
}

.icon-forum09 {
  background-position: 0 -1562px;
  height: 30px;
  width: 32px;
}

.icon-forum10 {
  background-position: 0 -1602px;
  height: 26px;
  width: 26px;
}

.icon-forum11 {
  background-position: 0 -1638px;
  height: 26px;
  width: 26px;
}

.icon-forum12 {
  background-position: 0 -1674px;
  height: 26px;
  width: 26px;
}

.icon-forum13 {
  background-position: 0 -1710px;
  height: 26px;
  width: 26px;
}

.icon-google-a, .articlewp .share .icon-google:hover {
  background-position: 0 -1746px;
  height: 26px;
  width: 26px;
}

.icon-google {
  background-position: 0 -1782px;
  height: 26px;
  width: 26px;
}

.icon-heart-s {
  background-position: 0 -1818px;
  height: 7px;
  width: 10px;
}

.icon-heart01 {
  background-position: 0 -1835px;
  height: 13px;
  width: 15px;
}

.icon-heart02 {
  background-position: 0 -1858px;
  height: 12px;
  width: 15px;
}

.icon-heart03 {
  background-position: 0 -1880px;
  height: 19px;
  width: 24px;
}

.icon-heart04 {
  background-position: 0 -1909px;
  height: 24px;
  width: 29px;
}

.icon-holding {
  background-position: 0 -1943px;
  height: 62px;
  width: 71px;
}

.icon-l00 {
  background-position: 0 -7321px;
  height: 17px;
  width: 17px;
}

.icon-l00a, li.member .hi .dropdwon > ul li:hover .icon-l00 {
  background-position: 0 -7343px;
  height: 17px;
  width: 17px;
}

.icon-l01 {
  background-position: 0 -2015px;
  height: 17px;
  width: 17px;
}

.icon-l01a, li.member .hi .dropdwon > ul li:hover .icon-l01 {
  background-position: 0 -2042px;
  height: 17px;
  width: 17px;
}

.icon-l02 {
  background-position: 0 -2069px;
  height: 17px;
  width: 17px;
}

.icon-l02a, li.member .hi .dropdwon > ul li:hover .icon-l02 {
  background-position: 0 -2096px;
  height: 17px;
  width: 17px;
}

.icon-l03 {
  background-position: 0 -2123px;
  height: 17px;
  width: 17px;
}

.icon-l03a, li.member .hi .dropdwon > ul li:hover .icon-l03 {
  background-position: 0 -2150px;
  height: 17px;
  width: 17px;
}

.dropdwon li{
 list-style-type:none;	
}

.icon-l04 {
  background-position: 0 -2177px;
  height: 17px;
  width: 17px;
}

.icon-l04a, li.member .hi .dropdwon > ul li:hover .icon-l04 {
  background-position: 0 -2204px;
  height: 17px;
  width: 17px;
}

.icon-l05 {
  background-position: 0 -2231px;
  height: 17px;
  width: 17px;
}

.icon-l05a, li.member .hi .dropdwon > ul li:hover .icon-l05 {
  background-position: 0 -2258px;
  height: 17px;
  width: 17px;
}

.icon-lecture-next {
  background-position: 0 -2285px;
  height: 14px;
  width: 8px;
}

.icon-lecture-prev {
  background-position: 0 -2309px;
  height: 14px;
  width: 8px;
}

.icon-lecture-search {
  background-position: 0 -2333px;
  height: 31px;
  width: 32px;
}

.icon-lecture {
  background-position: 0 -2374px;
  height: 70px;
  width: 100px;
}

.icon-lecture01 {
  background-position: 0 -2454px;
  height: 30px;
  width: 32px;
}

.icon-lecture02 {
  background-position: 0 -2494px;
  height: 11px;
  width: 9px;
}

.icon-lecture03 {
  background-position: 0 -2515px;
  height: 11px;
  width: 9px;
}

.icon-lectureactive {
  background-position: 0 -2536px;
  height: 50px;
  width: 160px;
}

.icon-left {
  background-position: 0 -2596px;
  height: 12px;
  width: 14px;
}

.icon-linkout {
  background-position: 0 -2618px;
  height: 13px;
  width: 17px;
}

.icon-login-l {
  background-position: 0 -2641px;
  height: 25px;
  width: 25px;
}

.icon-login {
  background-position: 0 -2676px;
  height: 16px;
  width: 16px;
}

.icon-login1 {
  background-position: 0 -6485px;
  height: 18px;
  width: 16px;
}

.icon-login2 {
  background-position: 0 -2730px;
  height: 18px;
  width: 16px;
}

.icon-login3 {
  background-position: 0 -2704px;
  height: 18px;
  width: 16px;
}


.icon-m01 {
  background-position: 0 -2758px;
  height: 31px;
  width: 31px;
}

.icon-m02 {
  background-position: 0 -2799px;
  height: 31px;
  width: 31px;
}

.icon-m03 {
  background-position: 0 -2840px;
  height: 31px;
  width: 31px;
}

.icon-m04 {
  background-position: 0 -2881px;
  height: 31px;
  width: 31px;
}

.icon-m05 {
  background-position: 0 -2922px;
  height: 31px;
  width: 31px;
}

.icon-m06 {
  background-position: 0 -2963px;
  height: 31px;
  width: 31px;
}

.icon-m07 {
  background-position: 0 -3004px;
  height: 31px;
  width: 31px;
}

.icon-m08 {
  background-position: 0 -3045px;
  height: 31px;
  width: 31px;
}

.icon-m09 {
 background-position: 0 -6270px;
 height: 31px;
 width: 31px;
}

.icon-m010 {
 background-position: 0 -6231px;
 height: 31px;
 width: 31px;
}

.icon-m011 {
 background-position: 0 -6310px;
 height: 31px;
 width: 31px;
}

.icon-m012 {
 background-position: 0 -6352px;
 height: 31px;
 width: 31px;
}

.icon-m013 {
 background-position: 0 -6386px;
 height: 31px;
 width: 31px;
}

.icon-m014 {
 background-position: 0 -6422px;
 height: 31px;
 width: 31px;
}

.icon-m015 {
 background-position: 0 -7243px;
 height: 31px;
 width: 31px;
}

.icon-m016 {
 background-position: 0 -7282px;
 height: 31px;
 width: 31px;
}

.icon-mail {
  background-position: 0 -3086px;
  height: 21px;
  width: 30px;
}

.icon-mails {
  background-position: 0 -3117px;
  height: 17px;
  width: 24px;
}

.icon-more {
  background-position: 0 -3144px;
  height: 9px;
  width: 5px;
}

.icon-news {
  background-position: 0 -3163px;
  height: 16px;
  width: 22px;
}

.icon-news01 {
  background-position: 0 -3189px;
  height: 32px;
  width: 32px;
}

.icon-newsactive {
  background-position: 0 -3231px;
  height: 50px;
  width: 160px;
}

.icon-newstitle {
  background-position: 0 -3291px;
  height: 57px;
  width: 71px;
}

.icon-no {
  background-position: 0 -3358px;
  height: 23px;
  width: 23px;
}

.icon-npage {
  background-position: 0 -3391px;
  height: 8px;
  width: 5px;
}

.icon-ppage {
  background-position: 0 -3409px;
  height: 8px;
  width: 5px;
}

.icon-publish {
  background-position: 0 -3427px;
  height: 15px;
  width: 16px;
}

.icon-quote-l, .discission .commemt .quotesection:before {
  background-position: 0 -3452px;
  height: 26px;
  width: 28px;
}

.icon-quote-r, .discission .commemt .quotesection:after {
  background-position: 0 -3488px;
  height: 26px;
  width: 28px;
}

.icon-quote {
  background-position: 0 -3524px;
  height: 11px;
  width: 12px;
}

.icon-record {
  background-position: 0 -3545px;
  height: 26px;
  width: 26px;
}

.icon-reply-pu {
  background-position: 0 -3581px;
  height: 15px;
  width: 16px;
}

.icon-reply-s {
  background-position: 0 -3606px;
  height: 7px;
  width: 10px;
}

.icon-reply {
  background-position: 0 -3623px;
  height: 15px;
  width: 16px;
}

.stocksidenav ul{
 padding: 0 0;
 margin:0 0; 
}

.icon-s01, .stocksidenav > ul li.index {
  background-position: 0 -3648px;
  height: 50px;
  width: 160px;
}

.icon-s01a, .stocksidenav > ul li.active.index {
  background-position: 0 -3708px;
  height: 50px;
  width: 160px;
}

.icon-s02, .stocksidenav > ul li.company {
  background-position: 0 -3768px;
  height: 50px;
  width: 160px;
}

.icon-s02a, .stocksidenav > ul li.active.company {
  background-position: 0 -3828px;
  height: 50px;
  width: 160px;
}

.icon-s03, .stocksidenav > ul li.revenue {
  background-position: 0 -3888px;
  height: 50px;
  width: 160px;
}

.icon-s03a, .stocksidenav > ul li.active.revenue {
  background-position: 0 -3948px;
  height: 50px;
  width: 160px;
}

.icon-s04, .stocksidenav > ul li.income {
  background-position: 0 -4008px;
  height: 50px;
  width: 160px;
}

.icon-s04a, .stocksidenav > ul li.active.income {
  background-position: 0 -4068px;
  height: 50px;
  width: 160px;
}

.icon-s05, .stocksidenav > ul li.debt {
  background-position: 0 -4128px;
  height: 50px;
  width: 160px;
}

.icon-s05a, .stocksidenav > ul li.active.debt {
  background-position: 0 -4188px;
  height: 50px;
  width: 160px;
}

.icon-s06, .stocksidenav > ul li.shareholding {
  background-position: 0 -4248px;
  height: 50px;
  width: 160px;
}

.icon-s06a, .stocksidenav > ul li.active.shareholding {
  background-position: 0 -4308px;
  height: 50px;
  width: 160px;
}

.icon-s07, .stocksidenav > ul li.price {
  background-position: 0 -4368px;
  height: 50px;
  width: 160px;
}

.icon-s07a, .stocksidenav > ul li.active.price {
  background-position: 0 -4428px;
  height: 50px;
  width: 160px;
}

.icon-s08, .stocksidenav > ul li.einvestment {
  background-position: 0 -4488px;
  height: 50px;
  width: 160px;
}

.icon-s08a, .stocksidenav > ul li.active.einvestment {
  background-position: 0 -4548px;
  height: 50px;
  width: 160px;
}

.icon-search {
  background-position: 0 -4608px;
  height: 19px;
  width: 19px;
}

.icon-set {
  background-position: 0 -4637px;
  height: 26px;
  width: 26px;
}

.icon-set02 {
  background-position: 0 -4673px;
  height: 23px;
  width: 22px;
}

.icon-set03 {
  background-position: 0 -4706px;
  height: 26px;
  width: 26px;
}

.icon-settop {
  background-position: 0 -4742px;
  height: 14px;
  width: 12px;
}

.icon-sideline {
  background-position: 0 -4766px;
  height: 71px;
  width: 70px;
}

.icon-star-blank {
  background-position: 0 -4847px;
  height: 21px;
  width: 21px;
}

.icon-star-gray {
 background:none;
  height: 22px;
  width: 22px;
}

.icon-star-red {
  background:none;
  height: 22px;
  width: 22px;
}

.icon-star-yellow {
  background: none;
  height: 21px;
  width: 21px;
}

.icon-star01 {
  background-position: 0 -4973px;
  height: 26px;
  width: 26px;
}

.icon-star01n {
  background-position: 0 -5009px;
  height: 26px;
  width: 26px;
}

.icon-star02 {
  height: 17px;
  width: 17px;
}

.icon-star02n {
  height: 17px;
  width: 17px;
}

.icon-start-w {
  background-position: 0 -5099px;
  height: 27px;
  width: 27px;
}

.icon-stoc16w {
  background-position: 0 -5136px;
  height: 21px;
  width: 18px;
}

.icon-stock01 {
  background-position: 0 -5167px;
  height: 28px;
  width: 28px;
}

.icon-stock02 {
  background-position: 0 -5205px;
  height: 28px;
  width: 28px;
}

.icon-stock03 {
  background-position: 0 -5243px;
  height: 28px;
  width: 28px;
}

.icon-stock04 {
  background-position: 0 -5281px;
  height: 28px;
  width: 28px;
}

.icon-stock05 {
  background-position: 0 -5319px;
  height: 28px;
  width: 28px;
}

.icon-stock06 {
  background-position: 0 -5357px;
  height: 28px;
  width: 28px;
}

.icon-stock07 {
  background-position: 0 -5395px;
  height: 44px;
  width: 44px;
}

.icon-stock08 {
  background-position: 0 -5449px;
  height: 44px;
  width: 44px;
}

.icon-stock09 {
  background-position: 0 -5503px;
  height: 44px;
  width: 44px;
}

.icon-stock10 {
  background-position: 0 -5557px;
  height: 44px;
  width: 44px;
}

.icon-stock11 {
  background-position: 0 -5611px;
  height: 44px;
  width: 44px;
}

.icon-stock12 {
  background-position: 0 -5665px;
  height: 44px;
  width: 44px;
}

.icon-stock13 {
  background-position: 0 -5719px;
  height: 44px;
  width: 44px;
}

.icon-stock14 {
  background-position: 0 -5773px;
  height: 27px;
  width: 27px;
}

.icon-stock15 {
  background-position: 0 -5810px;
  height: 21px;
  width: 23px;
}

.icon-stock15w {
  background-position: 0 -5841px;
  height: 21px;
  width: 18px;
}

.icon-stock16 {
  background-position: 0 -5872px;
  height: 21px;
  width: 20px;
}

.icon-stock17 {
  background-position: 0 -5903px;
  height: 21px;
  width: 18px;
}

.icon-stock17w {
  background-position: 0 -5934px;
  height: 21px;
  width: 18px;
}

.icon-stock18 {
  background-position: 0 -6509px;
  height: 21px;
  width: 18px;
}

.icon-stock19 {
  background-position: 0 -7208px;
  height: 28px;
  width: 28px;
}

.icon-stockscreen {
  background-position: 0 -5996px;
  height: 70px;
  width: 70px;
}

.icon-time {
  background-position: 0 -6076px;
  height: 18px;
  width: 18px;
}

.icon-top {
  background-position: 0 -6104px;
  height: 14px;
  width: 12px;
}

.icon-twitter-a, .articlewp .share .icon-twitter:hover {
  background-position: 0 -6128px;
  height: 26px;
  width: 26px;
}

.icon-twitter {
  background-position: 0 -6164px;
  height: 26px;
  width: 26px;
}

.icon-yes {
  background-position: 0 -6200px;
  height: 23px;
  width: 23px;
}

/*------------------------------------*\
    =header
\*------------------------------------*/
.header {
  width: 100%;
  min-width: 1000px;
  background-color: #fff;
  border-bottom: 1px solid #B5C3CD;
  position:relative;
}

.nav {
  margin: 0 auto;
  width: 1080px;
  position:relative;
}
.nav > ul li.logo {
  display: inline-block;
}
.nav > ul li.logo img {
  position: relative;
  top: 17px;
}
.nav > ul li.links {
  height: 80px;
  display: inline-block;
}
.nav > ul li.links > ul > li {
  display: inline-block;
  font-size: 90%;
  font-weight: bold;
  padding: 0 5px;
  line-height: 80px;
}
.nav > ul li.links > ul > li:hover {
  color: #00559B;
}
.nav > ul li.member {
  display: inline-block;
  width: 236px;
  box-sizing: border-box;
  height: auto;
  border-left: 1px solid #B5C3CD;
  border-right: 1px solid #B5C3CD;
  font-size: 90%;
  font-weight: bold;
  line-height: 80px;
  text-align: center;
  color: #333;
}

li.member .hi {
  cursor: pointer;
  position: relative;
  line-height: 80px;
}

.nav .addmem{
  color:#EC4444;
  position:absolute;
  z-index: 100;
  top:26px;
  right:60px;
}

li.member .hi .dropdwon {
  text-align: left;
  line-height: 130%;
  font-size: 85%;
  color: #535353;
  background-color: #fff;
  position: absolute;
  z-index: 1000;
  width: 219px;
  box-sizing: border-box;
  top: 81px;
  left: 0px;
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
}
li.member .hi .dropdwon > ul li {
  box-sizing: border-box;
  padding: 0 10px 0 20px;
  height: 32px;
  line-height: 32px;
}
li.member .hi .dropdwon > ul li:hover {
  background-color: #23B3E2;
  color: #fff;
}
li.member .hi .dropdwon i {
  margin-right: 10px;
}
li.member .hi > span:after {
  background: url("../../themes/frontend/default/images/arrow.png") 0 0;
}
li.member .hi > span:after {
  width: 12px;
  height: 7px;
  display: inline-block;
  content: " ";
  margin-left: 8px;
  background-repeat: no-repeat;
}
li.member .login a {
  padding: 0 4px;
}
li.member .login a:hover {
  text-decoration: underline;
}

/*------------------------------------*\
    =index banner
\*------------------------------------*/
.index_banner {
  margin: 0 auto;
  max-width: 1080px;
  min-width: 1000px;
  position: relative;
}

.mainimg {
  max-width: 1080px;
  min-width: 1000px;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.mainimg > img  {
  width: 1080px;
  position: absolute;
  left: 50%;
  margin-left: -540px;
}
.mainimg > a > img  {
  width: 1080px;
  position: absolute;
  left: 50%;
  margin-left: -540px;
}
.mainimg .title {
  position: absolute;
  z-index: 10;
  bottom: 80px;
  right: 20px;
}
.mainimg h1 {
  background-color: rgba(92, 192, 255, 0.8);
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  position: absolute;
  z-index: 10;
  bottom: 60px;
  right: 40px;
  font-weight: bold;
}

/*------------------------------------*\
    =index
\*------------------------------------*/
.search.index {
  margin: 40px auto;
}

.indexnews, .indexschool {
  float: left;
  width: 470px;
}
.indexnews .title, .indexschool .title {
  font-size: 112%;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
}

.indexschool p{
 letter-spacing: 1px;
 line-height: 1.4;	
}

.indexnews {
  margin-right: 60px;
}
.indexnews > ul li {
  margin-top: 20px;
  list-style-type: none;
}
.indexnews > ul li time {
  color: #555;
  font-size: 85%;
}
.indexnews > ul li h3 {
  width: 440px;
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin: 5px 0 0 5px;
  font-weight:normal;
  letter-spacing: 1px;
}
.indexnews > ul li h3:hover {
  text-decoration: underline;
}

ul.col-three > li {
  float: left;
  width: 320px;
  margin-right: 5px;
  margin-bottom:20px;
  list-style-type: none;
  padding:0;
}
ul.col-three > li:nth-child(3n) {
  margin-right: 0;
}
ul.col-three > li:hover h2 {
  color: #23B3E2;
}
ul.col-three img {
  width: 320px;
  height: 180px;
  display: block;
}
ul.col-three .txt {
  background-color: #fff;
  height:auto;
  padding: 0 15px;
  box-sizing: border-box;
  margin-top:5px;
}
ul.col-three h5 {
  font-size: 110%;
  padding-top:5px;
  font-weight: bold;
}
ul.col-three p {
  font-size: 85%;
  padding-top:2px;
  line-height: 140%;
  color: #333;
}

.footer {
  margin-top: 40px;
  height: 100px;
  background-color: #fff;
  width: 100%;
  color: #777;
  font-size: 80%;
  min-width: 1000px;
  max-width: 1080px;
  padding-left:15px;
  position:relative;
  margin: 40px auto 0 auto;
}
.footer .coprright {
  text-align: right;
  margin-top: 75px;
}
.footer .coprright a:hover {
  text-decoration: underline;
}

.footer .message{
 position:absolute;
 top: 10px;
 left: 30%;
 width:50%; 
} 

.pagewp{
 width:1080px;
 margin: 0 auto;
}

.pagewp {
  min-height: 100%;
  margin-bottom: -140px;
}

.pagewp:after {
  content: "";
  display: block;
}

.pagewp:after {
  height: 140px;
}

/*------------------------------------*\
    =stock
\*------------------------------------*/
.stocktitle {
  width: 100%;
  min-width: 1000px;
  background: url("../../themes/frontend/default/images/stocktitlebg.png") 0 0 repeat-x;
  height: 83px;
  line-height: 83px;
  font-size: 95%;
  position: relative;
}
.stocktitle i {
  position: relative;
  top: -5px;
  cursor: pointer;
}
.stocktitle .name, .stocktitle .num {
  display: inline-block;
  font-size: 170%;
  font-weight: bold;
  padding: 22px 5px 0 5px;
}
.stocktitle .date {
  padding-left: 10px;
}
.stocktitle .price {
  font-size: 170%;
  color: #EC4444;
  margin-left: 1px;
}
.stocktitle .search.stock {
  width: 200px;
  border: 2px solid #B5C3CD;
  position: absolute;
  top: 22px;
  right: 0;
}
.stocktitle .search.stock i {
  top: 7px;
}

.stocksidenav {
  float: left;
  width: 190px;
  margin-top: 30px;
}
.stocksidenav > ul li {
  margin-top: 2px;
  height: 50px;
  font-weight: bold;
  font-size: 95%;
  line-height: 50px;
  color: #333;
  display: block;
}
.stocksidenav > ul li a {
  display: block;
  width: 145px;
  height: 100%;
  border-bottom: 1px solid #ccc;
}
.stocksidenav > ul li a:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  position: relative;
  top: 1px;
}
.stocksidenav > ul li span {
  padding-left: 50px;
}
.stocksidenav > ul li.active {
  color: #fff;
}
.stocksidenav > ul li.index {
  display: block;
}
.stocksidenav > ul li.index:hover {
  color: #E92447;
}
.stocksidenav > ul li.active.index {
  display: block;
}
.stocksidenav > ul li.active.index:hover {
  color: #fff;
}
.stocksidenav > ul li.company {
  display: block;
}
.stocksidenav > ul li.company:hover {
  color: #FF5C26;
}
.stocksidenav > ul li.active.company {
  display: block;
}
.stocksidenav > ul li.active.company:hover {
  color: #fff;
}
.stocksidenav > ul li.revenue {
  display: block;
}
.stocksidenav > ul li.revenue:hover {
  color: #FF8000;
}
.stocksidenav > ul li.active.revenue {
  display: block;
}
.stocksidenav > ul li.active.revenue:hover {
  color: #fff;
}
.stocksidenav > ul li.income {
  display: block;
}
.stocksidenav > ul li.income:hover {
  color: #F7BF06;
}
.stocksidenav > ul li.active.income {
  display: block;
}
.stocksidenav > ul li.active.income:hover {
  color: #fff;
}
.stocksidenav > ul li.debt {
  display: block;
}
.stocksidenav > ul li.debt:hover {
  color: #91C613;
}
.stocksidenav > ul li.active.debt {
  display: block;
}
.stocksidenav > ul li.active.debt:hover {
  color: #fff;
}
.stocksidenav > ul li.shareholding {
  display: block;
}
.stocksidenav > ul li.shareholding:hover {
  color: #00B259;
}
.stocksidenav > ul li.active.shareholding {
  display: block;
}
.stocksidenav > ul li.active.shareholding:hover {
  color: #fff;
}
.stocksidenav > ul li.price {
  display: block;
}
.stocksidenav > ul li.price:hover {
  color: #76CFED;
}
.stocksidenav > ul li.active.price {
  display: block;
}
.stocksidenav > ul li.active.price:hover {
  color: #fff;
}
.stocksidenav > ul li.einvestment {
  display: block;
}
.stocksidenav > ul li.einvestment:hover {
  color: #327AEF;
}
.stocksidenav > ul li.active.einvestment {
  display: block;
}
.stocksidenav > ul li.active.einvestment:hover {
  color: #fff;
}

.stockmain {
  float: left;
  width: 870px;
  margin-top: 20px;
}

.stockmain h1{
  font-size:1.625em;
  font-weight:normal;
  line-height:1;
}

.stockmain h2{
  font-size:1em;
  font-weight:normal;
  line-height:1;
}

.h-stock {
  font-size: 100%;
  font-weight: bold;
  color: #ec4444;
}
.h-stock i {
  margin: 5px;
}

table.radius th span.info, table.value02 td span.info,
.roe1 span.info, .roe2 span.info, .roe3 span.info, .roestart span.info,
table.stockresult th span.info {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: block;
  z-index: 999;
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  margin-left: -83px;
  bottom: 82%;
  width: 150px;
  color: #444;
  line-height: 140%;
  font-weight: normal;
}
table.radius th span.info:after, table.value02 td span.info:after,
.roe1 span.info:after, .roe2 span.info:after, .roe3 span.info:after, .roestart span.info:after,
table.stockresult th span.info:after, table.stockresult th span.info02:after{
  background: url("../../themes/frontend/default/images/infoarrow.png");
  position: relative;
  top: 0px;
  left: 50%;
  margin-left: -8px;
}
table.radius th span.info:after, table.value02 td span.info:after,
.roe1 span.info:after, .roe2 span.info:after, .roe3 span.info:after, .roestart span.info:after,
table.stockresult th span.info:after, table.stockresult th span.info02:after {
  width: 14px;
  height: 8px;
  display: block;
  content: " ";
  margin-left: 0;
  background-repeat: no-repeat;
}
table.radius th span.info > span, table.value02 td span.info > span,
.roe1 span.info > span, .roe2 span.info > span, .roe3 span.info > span, .roestart span.info > span,
table.stockresult th span.info > span, table.stockresult th span.info02 > span, .myholding .holding1 > ul > li span.title  > span {
  padding: 8px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
}
table.radius th:hover span.info, table.value02 td:hover span.info,
.roe1:hover span.info, .roe2:hover span.info, .roe3:hover span.info, .roestart:hover span.info,
table.stockresult th:hover span.info, .myholding .holding1 > ul > li span.title {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
table.radius th span.info.higher,
.roe1 span.info.higher, .roe2 span.info.higher, .roe3 span.info.higher, .roestart span.info.higher,
table.stockresult th span.info.higher {
  bottom: 82%;
}

table.radius th span.info.higher02,
.roe1 span.info.higher02, .roe2 span.info.higher02, .roe3 span.info.higher02, .roestart span.info.higher02,
table.stockresult th span.info.higher02 {
  bottom: 82%;
}

table.radius.info tr th:hover {
  background: #eee;
}

.roe1 span.info, .roe2 span.info, .roe3 span.info, .roestart span.info {
  bottom: 120px;
  font-size: 80%;
  width: 200px;
  margin-left: -110px;
}

.infowp {
  display: inline-block;
  position: relative;
  line-height: 140%;
}
.infowp .info{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 450px;
  position: absolute;
  z-index: 20;
  top: 40px;
  left: 40px;
  padding: 15px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}
.infowp:hover .info{
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.infowp i.icon-closeinfo {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.infowp i.icon-linkout {
  margin-left: 10px;
}
.infowp h1 {
  font-size: 170%;
  color: #0059B2;
  padding-bottom: 0.5em;
  margin: 0 0;
}
.infowp .block {
  background-color: #eee;
  box-sizing: border-box;
  padding: 8px;
  color: #555;
  margin-bottom: 1em;
  font-size: 110%;
}

/*ROE股價 模擬試算表*/
.roe1 {
  width: 400px;
  text-align: center;
  padding: 15px 0 0 0;
  background-color: #fff;
  height: 120px;
}

.roe2, .roe3, .roestart {  
  float: left;
  text-align: center;
  width: 192px;
  background-color: #fff;
  padding: 10px 0;
  margin-right: 14px;
  margin-top: 10px;
  height: 120px;
}
.roe2 input[type="number"], .roe3 input[type="number"], .roestart input[type="number"] {
  width: 80%;
  text-align: center;
  font-size: 170%;
  font-weight: bold;
}

.roe3 {
  margin-right: 0;
}

.roestart {
  box-sizing: border-box;
  height: 138px;
  padding: 0;
  margin-right: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZGRlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3), color-stop(100%, #d7dde6));
  background-image: -moz-linear-gradient(#edeff3, #d7dde6);
  background-image: -webkit-linear-gradient(#edeff3, #d7dde6);
  background-image: linear-gradient(#edeff3, #d7dde6);
  border: 1px solid #A8B1BE;
  font-weight: bold;
  cursor: pointer;
}
.roestart:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2Y2VkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3), color-stop(100%, #c6cedb));
  background-image: -moz-linear-gradient(#edeff3, #c6cedb);
  background-image: -webkit-linear-gradient(#edeff3, #c6cedb);
  background-image: linear-gradient(#edeff3, #c6cedb);
}

.bordersec {
  background-color: #fff;
  border: 2px solid #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 15px 20px;
}

.fll li.roee1, .fll li.roee2, .fll li.roee3, .fll li.roee4, .fll li.roee5, .fll li.roee6, .fll li.roee7 {
  margin-right: 20px;
  color: #ED6161;
  font-size: 95%;
  font-weight: bold;
}
.fll li.roee1 input[type="checkbox"], .fll li.roee2 input[type="checkbox"], .fll li.roee3 input[type="checkbox"], .fll li.roee4 input[type="checkbox"], .fll li.roee5 input[type="checkbox"], .fll li.roee6 input[type="checkbox"], .fll li.roee7 input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.fll li.roee2 {
  color: #256398;
}
.fll li.roee3 {
  color: #35A05F;
  margin: 0;
}
.fll li.roee4 {
  color: #004987;
}
.fll li.roee5 {
  color: #008835;
}
.fll li.roee6 {
  color: #E9A522;
}
.fll li.roee7 {
  color: #ED6161;
}
.fll li.roee8 {
  color: #b7478e;
}
.fll li.roee9 {
  color: #8A4B08;
}
.fll li.roee10 {
  color: #81BEF7;
}
.iconimg{
 vertical-align:bottom;
}

.stockselect {
  float: right;
}
.stockselect select {
  width: 120px;
  height: 34px;
  background-color: #eee;
  border: #ddd solid 1px;
  padding-left: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.roeform {
  position: relative;
}
.roeform .black {
  background-color: #333;
  box-sizing: border-box;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 300px;
  color: #fff;
  font-size: 85%;
}
.roeform input {
  height: 22px;
  background-color: #fff;
  padding-left: 5px;
}
.roeform .divider2 {
  width: 100%;
  height: 1px;
  border-top: 1px solid #000;
  margin: 0.5em 0;
}
.roeform .divider2:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #444;
}
.roeform td {
  padding: 10px 5px;
}
.roeform .center {
  margin: 20px 0 10px 0;
}

.stock-l {
  width: 11%;
  float: left;
}

.stock-lb {
  width: 16%;
  float: left;
}

.stock-lb ul{
 padding:0 0;
 margin:0 0; 
}
.stock-l li{
  width: 76px;
  height: 25px;
  color: #fff;
  font-size: 80%;
  height: 42px;
  position: relative;
  top: 8px;
}

.stock-lb li{
  width: 110px;
  height: 25px;
  color: #fff;
  font-size: 80%;
  height: 42px;
  position: relative;
  top: 8px;
}
.stock-l li span{
  padding-left: 25px;
  line-height: 25px;
}

.stock-lb li span {
  padding-left: 23px;
  line-height: 25px;
}
.stock-l li.stock19 {
  background: url("../../themes/frontend/default/images/stock19.png") 0 0 no-repeat;
}
.stock-l li.stock20 {
  background: url("../../themes/frontend/default/images/stock20.png") 0 0 no-repeat;
}
.stock-l li.stock21 {
  background: url("../../themes/frontend/default/images/stock21.png") 0 0 no-repeat;
}
.stock-l li.stock22 {
  background: url("../../themes/frontend/default/images/stock22.png") 0 0 no-repeat;
}
.stock-l li.stock23 {
  background: url("../../themes/frontend/default/images/stock23.png") 0 0 no-repeat;
}
.stock-lb li.stock24 {
  background: url("../../themes/frontend/default/images/stock24.png") 0 0 no-repeat;
}
.stock-lb li.stock25 {
  background: url("../../themes/frontend/default/images/stock25.png") 0 0 no-repeat;
}
.stock-lb li.stock26 {
  background: url("../../themes/frontend/default/images/stock26.png") 0 0 no-repeat;
}
.stock-lb li.stock27 {
  background: url("../../themes/frontend/default/images/stock27.png") 0 0 no-repeat;
}
.stock-lb li.stock28 {
  background: url("../../themes/frontend/default/images/stock28.png") 0 0 no-repeat;
}
.stock-lb li.stock29 {
  background: url("../../themes/frontend/default/images/stock29.png") 0 0 no-repeat;
}
.stock-lb li.stock30 {
  background: url("../../themes/frontend/default/images/stock30.png") 0 0 no-repeat;
}
.stock-lb li.stock31 {
  background: url("../../themes/frontend/default/images/stock31.png") 0 0 no-repeat;
}
.stock-r {
  width: 89%;
  float: left;
  overflow-x: auto;
}

.stock-rb {
  width: 84%;
  float: left;
  overflow-x: auto;
}
.valuetable{
 height: auto;
}

.valuetable  table.value01{
 float: left;
 width: 287px; 
}

.valuetable  table.value01 th, .valuetable  table.value01 td {
 padding: 35px 0;	
}

.valuetable table.value02{
 float: right;
 width: 810px;
 height: 184px;
 background: url("../../themes/frontend/default/images/bground_valuetable03.png") no-repeat;
 margin-bottom: 30px;
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-size: 14px;
 vertical-align:top;
}

.valuetable table.value02 .t01{
 width:98px;
 height: 55px;
 text-align: center;
}

.valuetable table.value02 .t02{
 width:98px;
 height: 55px;
 text-align: center;
}

.valuetable table.value02 .t03{
 width:98px;
 height: 55px;
 text-align: center;
}

.valuetable table.value02 .t04{
 width:98px;
 height: 55px;
 text-align: center;
}

.valuetable table.value02 .t05{
 width:98px;
 height: 55px;
 text-align: center;
}

.valuetable table.value02 .t06{
 width:98px;
 height: 33px; 
}

.valuetable table.value02 .t011{
 width:98px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value02 .t012{
 width:98px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value02 .t013{
 width:98px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value02 .t014{
 width:98px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value02 .t015{
 width:98px;
 height: 47px;
 text-align: center; 
}

table.value02{
 position: relative;

}

table.value02 td span.info{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: block;
  z-index: 999;
  position: absolute;
  box-sizing: border-box;
  left: 30%;
  margin-left: -83px;
  bottom: 160px;
  width: 350px;
  color: #444;
  line-height: 140%;
  font-weight: normal;
}
table.value02 td span.info02{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: block;
  z-index: 999;
  position: absolute;
  box-sizing: border-box;
  left: 30%;
  margin-left: -83px;
  bottom: -84px;
  width: 350px;
  color: #444;
  line-height: 140%;
  font-weight: normal;
}
table.value02 td span.info:after{
  background: url("../../themes/frontend/default/images/infoarrow.png");
  position: relative;
  top: 0px;
  left: 50%;
  margin-left: -8px;
}
table.value02 td span.info02:after{
  background: url("../../themes/frontend/default/images/infoarrow02.png");
  position: relative;
  top: -78px;
  left: 50%;
  margin-left: -8px;
}
table.value02 td span.info:after, table.value02 td span.info02:after{
  width: 14px;
  height: 8px;
  display: block;
  content: " ";
  margin-left: 0;
  background-repeat: no-repeat;
}
table.value02 td span.info > span, table.value02 td span.info02 > span {
  padding: 8px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
}
table.value02 td:hover span.info, table.value02 td:hover span.info02{
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.valuetable{
 position: relative;
}
.valuetable .arrowbox{
 position: relative;
 top: 83px;
 z-index:5000;
}

.valuetable table.value03{
 float: right;
 width: 810px;
 height: 184px;
 background: url("../../themes/frontend/default/images/bground_valuetable03.png") no-repeat;
 margin-top: 5px;
 margin-bottom: 5px;
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-size: 15px;
 position: relative;
}

.arrowbox02{
 position: relative;
 bottom: 176px;
 z-index:5000;
}

.valuetable table.value03 .t01{
 width:162px;
 height: 52px;
 text-align: center;
}

.valuetable table.value03 .t02{
 width:162px;
 height: 52px;
 text-align: center;
}

.valuetable table.value03 .t03{
 width:162px;
 height: 52px;
 text-align: center;
}

.valuetable table.value03 .t04{
 width:162px;
 height: 52px;
 text-align: center;
}

.valuetable table.value03 .t05{
 width:162px;
 height: 52px;
 text-align: center;
}

.valuetable table.value03 .t06{
 width:162px;
 height: 26px; 
}

.valuetable table.value03 .t011{
 width:162px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value03 .t012{
 width:162px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value03 .t013{
 width:162px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value03 .t014{
 width:162px;
 height: 47px;
 text-align: center; 
}

.valuetable table.value03 .t015{
 width:162px;
 height: 47px;
 text-align: center; 
}

.valuerate{
 color: #ec4444;
 text-align: center;
 margin-top: 35px; 
 font-weight: 600;
}


.valuerate02{
 color: #ec4444;
 text-align: center; 
 margin-bottom: 50px;
 font-weight: 600;
}


table.stock23 {
  width: 900px;
}
table.stock23 th {
  font-weight: bold;
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(#ffffff, #eeeeee);
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
  background-image: linear-gradient(#ffffff, #eeeeee);
}
table.stock23 td, table.stock23 th {
  width: 80px;
  height: 40px;
  border: 1px solid #bbb;
  font-size: 90%;
  padding: 0 5px;
}
table.stock23 td {
  text-align: right;
}

/*------------------------------------*\
    =member message
\*------------------------------------*/
.mailsidenav {
  position: relative;
  top: -1px;
  z-index: 3;
  float: left;
  width: 190px;
  margin-top: 30px;
}
.mailsidenav > ul li {
  margin-top: 1px;
  height: 50px;
  font-weight: bold;
  font-size: 95%;
  line-height: 50px;
  color: #333;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  list-style-type:none;
}
.mailsidenav > ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.mailsidenav > ul li.active {
  background-color: #fff;
  border-right: 1px solid #fff;
}
.mailsidenav > ul li.active:hover {
  background-color: #fff;
}
.mailsidenav > ul li:first-child.active {
  border-top: 1px solid #ccc;
}
.mailsidenav > ul li:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  position: relative;
  top: 1px;
}
.mailsidenav > ul li:hover {
  background-color: #f2f2f2;
}
.mailsidenav > ul li i {
  margin-left: 10px;
}
.mailsidenav > ul li span {
  padding-left: 7px;
}

.membertitle {
  margin-top: 10px;
}
.membertitle .memimg img {
  width: 40px;
  height: 40px;
  position: relative;
  top: 10px;
}
.membertitle h1 {
  display: inline-block;
  font-size: 30px;
  color: #333;
  margin:0 0 0 15px;
}
.membertitle .name {
  font-size: 22px;
  color: #545454;
  margin-left: 20px;
}

.tabs {
  position: relative;
  z-index: 3;
  height: 40px;
  font-size: 95%;
}
.tabs > ul li {
  background-color: #eee;
  color: #555;
  float: left;
  width: 125px;
  text-align: center;
  height: 38px;
  line-height: 37px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: none;
  border-left: 1px solid #ccc;
  list-style-type:none;
}
.tabs > ul li:hover {
  background-color: #e4e4e4;
}
.tabs > ul li.active {
  border-bottom: #fff solid 1px;
  background-color: #fff;
}

.memcontent {
  position: relative;
  z-index: 2;
  left: -1px;
  box-sizing: border-box;
  padding: 20px 20px 40px 20px;
  background-color: #fff;
  min-height:590px;
  border: 1px solid #ccc;
}

.memcontent.havetabs {
  top: -1px;
}
.memcontent .regmsg02{
  font-size: 100%;
  font-weight:bold;
  padding:10px 0 20px 0;
 }
 .memcontent .regmsg03{
  color:#EB4141;
  font-size: 112%;
  font-weight:bold;
  padding:10px 0;
 }

.memmin-h {
  min-height:450px;
}

.message1 {
  position: relative;
  top: 10px;
}
.message1 .memimg img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.message1 .name {
  padding-left: 8px;
  padding-right: 20px;
}
.message1 time.time {
  color: #777;
  font-size: 80%;
}
.message1 time.date {
  color: #777;
  font-size: 80%;
  padding-right: 15px;
}

/*收件夾icon*/
table.article i.icon-reply-pu {
  margin-right: 5px;
  float: left;
}
table.article i.icon-del {
  cursor: pointer;
}

.writemail {
  position: absolute;
  right: 5px;
  z-index: 10;
  top: 10px;
  font-size: 100%;
  font-weight: bold;
  color: #8864AA;
}
.writemail i {
  padding-right: 8px;
}
.writemail:hover {
  color: #3287cd;
}

ul.btn-three.message {
  float: right;
}

/*------------------------------------*\
    =member published
\*------------------------------------*/
table.article.published td {
  line-height: 120%;
  padding: 10px 0;
}
table.article.published time {
  font-size: 75%;
  color: #777;
}
table.article.published i {
  padding-right: 3px;
}
table.article.published i.icon-star-yellow {
  cursor: pointer;
}

.overh.pubtitle {
  width: 340px;
}

ul.friendlist {
  width: 680px;
  margin: 10px auto;
}
ul.friendlist > li {
  float: left;
  width: 100px;
  margin-right: 45px;
  margin-bottom: 25px;
  list-style-type:none;
}
ul.friendlist > li:nth-child(5n) {
  margin-right: 0;
}
ul.friendlist img {
  width: 100px;
  height: 100px;
  display: block;
}
ul.friendlist .name {
  font-size: 95%;
  font-weight: bold;
  padding-top: 10px;
}
ul.friendlist .name2 {
  font-size: 85%;
  padding-top: 5px;
  color: #777;
}
ul.friendlist i {
  cursor: pointer;
}
ul.friendlist .icon-heart03 {
  margin-left: 8px;
}

/*------------------------------------*\
    =member send
\*------------------------------------*/
.sendwp {
  background-color: #fff;
  width: 800px;
  margin: 25px auto;
  padding: 35px 0;
  box-shadow: 0 0 5px 0 #eeeeee;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
}
.sendwp .sendtitle {
  font-size: 26px;
  text-align: center;
}
.sendwp .sendtitle i {
  margin-right: 8px;
  position: relative;
  top: -3px;
}
.sendwp .inner {
  margin: 0 auto;
  width: 540px;
}
.sendwp .innerlogin {
  width: 650px;
  margin: 0 auto;
  margin-top: 20px;
}
.sendwp .innerlogin .loginbtn {
  width: 400px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}

table.sendmess {
  width: 100%;
  margin-top: 20px;
}
table.sendmess td {
  padding: 5px 3px;
  vertical-align: top;
  white-space: nowrap;
}

.htmleditorwp {
  border: 1px solid #ccc;
  width: 100%;
  min-height: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
}

/*------------------------------------*\
    =member login
\*------------------------------------*/
.login1, .login2 {
  width: 400px;
  margin: 0 auto;
  -box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 36px;
  line-height: 34px;
  margin-bottom: 10px;
}
.login1 i, .login2 i {
  margin-right: 5px;
}
.login1 input, .login2 input {
  border: none;
  width: 90%;
  height: 34px;
  line-height: 36px;
}

.forget {
  color: #EC4444;
  font-size: 95%;
  font-weight: bold;
  text-decoration: underline;
}
.forget i {
  margin-right: 5px;
}

.forgetpass {
  width: 300px;
  margin: 30px auto 10px auto;
  text-align: center;
}

.forgetpassbtn{
 margin-right:25px;	
}

.forgetpassbtn02{
 margin-right:25px;	
}

.forget2 {
  width: 400px;
  margin: 10px auto 10px auto;
}

.delmsg {
  width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 60px;
  line-height: 34px;
  margin-bottom: 10px;
}

/*------------------------------------*\
    =member register
\*------------------------------------*/
.sendwp .registerinner {
  width: 600px;
  margin: 0 auto;
  margin-top: 20px;
}

table.register tr > td, table.register tr > th {
  font-size: 90%;
  padding: 5px 0;
}
table.register th{
 vertical-align:top;
}

table.register02{
 font-size:13px;
 width:95%;
 margin:0 auto;
}

table.register th, table.register02 th{
 background-color: #f0f0f0;
 border-bottom:2px solid #fff;
 padding:6px 5px;
}

table.register td, table.register02 td{
 text-align: left;
 background-color: #F9F9F9;
 border-bottom:2px solid #fff;
 padding:6px 5px;
}

table.register02 td.btn{
 height:80px;
 text-align:center;
}

table.register02 td.addprice{
 line-height:1.6;
}
table.register02 .memimg-l img {
  width: 101px;
  height: 101px;
}
table.register02 .memimg-all {
  height: 240px;
  margin-top: 10px;
  overflow-y: scroll;
}
table.register02 ul.disin li {
  padding: 5px;
  cursor: pointer;
}
table.register02 ul.disin li:hover {
  background-color: #f2f2f2;
}
table.register02 ul.disin li img {
  width: 56px;
  height: 56px;
}
table.register .interest {
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}
table.register .red1 {
  width: 5px;
  display: inline-block;
  padding-right: 5px;
}
.nempic{
 vertical-align:middle;
}
table.register .remsg{
 color:#999;
 font-size:90%;
 line-height:1.5;
}
.register-confirm {
  border: 1px solid #ddd;
  width: 400px;
  margin: 20px auto;
  padding: 30px;
  line-height: 180%;
}
.register-confirm p {
  font-size: 100%;
  line-height: 180%;
}

/*------------------------------------*\
    =member firends
\*------------------------------------*/
.friendart {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.memfriends {
  margin-top: 20px;
}
.memfriends p.articletitle {
  font-size: 120%;
  line-height: 140%;
  font-weight: bold;
}

/*------------------------------------*\
    =stock-screener
\*------------------------------------*/
.color-header {
  height: 100px;
  width: 100%;
  min-width: 1000px;
  background: url("../../themes/frontend/default/images/titlebg_stockscreen.png") 0 0 repeat-x;
  background-color: #40BCE6;
  border-bottom: 5px solid #1894be;
}
.color-header h1 {
  color: #fff;
  text-shadow: 1px 1px 1px #0480aa;
  font-size: 30px;
  font-weight: bold;
  padding-top: 26px;
  margin: 0 0;
}
.color-header h1 span {
  margin-left: 20px;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.05em;
}
.color-header .stockline {
  display: block;
  background: url("../../themes/frontend/default/images/stockline01.png") 0 0 no-repeat;
  width: 420px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 100px;
}
.color-header .stockline02 {
  display: block;
  background: url("../../themes/frontend/default/images/stockline02.png") 0 0 no-repeat;
  width: 420px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 100px;
}
.color-header .stockline03 {
  display: block;
  background: url("../../themes/frontend/default/images/stockline03.png") 0 0 no-repeat;
  width: 420px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 100px;
}
.color-header i {
  position: absolute;
  top: 15px;
  right: 30px;
}

.color-header.sideline {
  background: url("../../themes/frontend/default/images/titlebg_white.png") 0 0 repeat-x;
  background-color: #FFCE5B;
  border-bottom: 5px solid #FAB352;
}
.color-header.sideline h1 {
  text-shadow: 1px 1px 1px #c3921f;
  margin: 0 0;
}

.color-header.holding {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #F3734E;
  border-bottom: 5px solid #EB5029;
}
.color-header.holding h1 {
  text-shadow: 1px 1px 1px #b73712;
  margin: 0 0;
}

.color-header.economic {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #00AAE7;
  border-bottom: 5px solid #0074BA;
}
.color-header.economic h1 {
  text-shadow: 1px 1px 1px #3e2868;
  margin: 0 0;
}

.color-header.newstitle {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #2D9BC6;
  border-bottom: 5px solid #1F6A87;
}
.color-header.newstitle h1 {
  text-shadow: 1px 1px 1px #005f8a;
  margin: 0 0;
}

.color-header.albumtitle {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #40BCE6;
  border-bottom: 5px solid #38A6CB;
}
.color-header.albumtitle h1 {
  text-shadow: 1px 1px 1px #2C8AAA;
  margin: 0 0;
}

.color-header.lecture {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #31CABE;
  border-bottom: 5px solid #2BAEA5;
}
.color-header.lecture h1 {
  text-shadow: 1px 1px 1px #008e82;
  margin: 0 0;
}

.color-header.about {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #8ABE49;
  border-bottom: 5px solid #76A63C;
}
.color-header.about h1 {
  text-shadow: 1px 1px 1px #4e820d;
  margin: 0 0;
}

.color-header.course {
  background: url("../../themes/frontend/default/images/titlebg_white2.png") 0 0 repeat-x;
  background-color: #F7BF06;
  border-bottom: 5px solid #EEB301;
}
.color-header.course h1 {
  text-shadow: 1px 1px 1px #41700B;
  margin: 0 0;
}

.screenerlist > ul {
  display: table;
  margin: 40px auto;
}
.screenerlist > ul li {
  width: 230px;
  height: 230px;
  display: inline-block;
  margin: 0 5px;
}
.screenerlist > ul li img {
  width: 65px;
  height: 207px;
  display: block;
  margin: 0 auto;
  padding-top: 8px;
}
.screenerlist > ul li h2 {
  margin-top: 20px;
  font-size: 125%;
  line-height: 130%;
  text-align: center;
  font-family: 'Intro','Helvetica', 'Arial','Microsoft JhengHei', '微軟正黑體', sans-serif;
}
.screenerlist > ul li.taiwan {
  background-color: #209AC9;
}
.screenerlist > ul li.taiwan:hover {
  background-color: #2aa4d3;
}
.screenerlist > ul li.taiwan h2 {
  color: #209AC9;
}
.screenerlist > ul li.usa {
  background-color: #00238C;
}
.screenerlist > ul li.usa:hover {
  background-color: #0a2d96;
}
.screenerlist > ul li.usa h2 {
  color: #00238C;
}
.screenerlist > ul li.china {
  background-color: #E43A3A;
}
.screenerlist > ul li.china:hover {
  background-color: #ee4444;
}
.screenerlist > ul li.china h2 {
  color: #E43A3A;
}
.screenerlist > ul li.hk {
  background-color: #FF6835;
}
.screenerlist > ul li.hk:hover {
  background-color: #ff723f;
}
.screenerlist > ul li.hk h2 {
  color: #FF6835;
}

.stockscreenwp {
  margin-top: 30px;
}

.loginfirst {
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  color: #555;
  font-weight: bold;
  font-size: 95%;
  background-color: #e1e1e1;
  text-align: center;
}
.loginfirst .green-btn {
  margin-left: 8px;
}

.colorscreen{
 background:#ddd; 
}

.fullscreener{
 width: 980px;
 margin: 0 auto;
}

.screener {
  width: 490px;
  float: left;
}

.screener ul{
 padding:0 0;
 margin:0 0;
 list-style-type:none;
}
.screener > ul > li {
  background-color: #fff;
  height: 80px;
  margin-bottom: 3px;
}

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
  }
  [data-title]:after {
  content: attr(data-title);
  background-color: #fff;
  word-break: break-all;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-size: 130%;
  position: absolute;
  opacity: 0;
  z-index: 20;
  padding: 10px;
  width: 200px;
  margin-left: 20px;
  visibility: hidden;
  }
  [data-title] {
  position: relative;
  }
  
.screener .scr-title {
  float: left;
  width: 175px;
  color: #222;
  font-weight: bold;
  font-size: 90%;
  padding-top: 30px;
  line-height:1.4;
  padding-left: 10px;
  padding-right:5px;
  box-sizing: border-box;
}

.screener .scr-title span.scr01{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:390px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;  
}

.screener .scr-title span.scr02{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 180px;
  line-height:2;
  position: absolute;
  z-index:30;
  top:620px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
  }

.screener .scr-title span.scr03{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 200px;
  line-height:1.7;
  position: absolute;
  z-index:40;
  top:520px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr04{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:703px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr05{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:620px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr06{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:703px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr07{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:785px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr08{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1087px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr09{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1218px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr09{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1222px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr10{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1352px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr11{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1485px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr12{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1615px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr12{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1618px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr13{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1087px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr14{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1222px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr15{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1352px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr16{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1485px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title span.scr17{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 120px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:1618px;
  left:850px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.screener .scr-title:hover span.scr01, .screener .scr-title:hover span.scr02, .screener .scr-title:hover span.scr03, .screener .scr-title:hover span.scr04, .screener .scr-title:hover span.scr05, .screener .scr-title:hover span.scr06, .screener .scr-title:hover span.scr07, .screener .scr-title:hover span.scr08, .screener .scr-title:hover span.scr09, .screener .scr-title:hover span.scr10, .screener .scr-title:hover span.scr11, .screener .scr-title:hover span.scr12, .screener .scr-title:hover span.scr13, .screener .scr-title:hover span.scr14, .screener .scr-title:hover span.scr15, .screener .scr-title:hover span.scr16, .screener .scr-title:hover span.scr17, .screener02 .scr-title:hover span.scr01, .screener02 .scr-title:hover span.scr02, .screener02 .scr-title:hover span.scr03, .screener02 .scr-title:hover span.scr04{
 visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.screener .scr-select {
  float: left;
  height: 80px;
  width: 310px;
}
.screener .scr-select span.num {
  color: #1A67A6;
  font-size: 75%;
  float: left;
  line-height: 80px;
  margin: 0 5px;
}
.screener .scr-select .radio {
  font-size: 13px;
  color: #444;
  line-height: 80px;
}
.screener .scr-select .radio label {
  cursor: pointer;
}
.screener .scr-title.scr02 {
  width: 315px;
    border:1px solid #f00;
}
.screener .scr-select.scr02 {
  width: 175px;
}
.screener .scr-title.scr03 {
  width: 110px;
}
.screener .scr-select02 {
  float: left;
  width: 125px;
  height: 60px;
}
.screener .scr-select02 .styled-select {
  position: relative;
  top: 25px;
}

.uncheck #FmFrontendStockFilter_goldenCrossType{
 position: relative;
 top: 32px;
 left: 0px;
}
.screener .scr-select03 .styled-select {
  position: relative;
  top: 25px;
}
.screener .barwp {
  float: left;
  height: 40px;
  display: block;
  padding-top:40px;
  width: 226px;
}
.screener02 .barwp {
  float: left;
  height: 40px;
  display: block;
  padding-top:40px;
  width: 735px;
}

.screener .barwp .slider, .screener02 .barwp .slider{
 background-color:#ccc;
 height: 5px;
 line-height: 5px;
 display: block;
}
.screener .barwp .bar, .screener02 .barwp .bar {
  display: block;
  height: 5px;
  background-color: #ccc;
  position: relative;
  top: 46px;
}
.screener .barwp .barcolor, .screener02 .barwp .barcolor {
  background-color: #1A67A6;
  width: 20%;
  height: 5px;
  line-height: 5px;
  display: block;
}
.screener .barwp .dot, .screener02 .barwp .dot {
  background: url("../../themes/frontend/default/images/bar-dot.png") 0 0 no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: -4px;
  cursor: pointer;
  left: 20%;
  margin-left: -7px;
}
.screener .barwp .bar-bg, .screener02 .barwp .bar-bg {
  display: block;
  width: 40px;
  height: 25px;
  color: #fff;
  font-size: 80%;
  text-align: center;
  line-height: 22px;
  position: absolute;
  top: -30px;
  left: 20%;
  margin-left: -22px;
  background: url("../../themes/frontend/default/images/bar-bg.png") 0 0 no-repeat;
}
.screener .barwp02 {
  float: right;
  height: 20px;
  display: block;
  padding-top:10px;
  width: 325px;
  font-size: 90%;
  font-weight: bold; 
}
.screener02 .barwp02 {
  float: left;
  height: 20px;
  display: block;
  padding-top:10px;
  width: 325px;
  font-size: 90%;
  font-weight: bold;
  margin-left:16.5%;  
}
.screener > ul > li.uncheck *, .screener02 > ul > li.uncheck * {
  color: #AAA;
}
.screener > ul > li.uncheck span.num, .screener02 > ul > li.uncheck span.num {
  color: #AAA;
}
.screener > ul > li.uncheck span.bar-bg, .screener > ul > li.uncheck span.barcolor, .screener > ul > li.uncheck span.dot {
  display: none;
}
.screener > ul > li.uncheck label, .screener02 > ul > li.uncheck label {
  cursor: default !important;
}
.screener .scr03 {
  width: 50%;
  box-sizing: border-box;
  height: 80px;
  float: left;
}
.screener .scr03.mr {
  border-right: 3px solid #f8f8f8;
}
.screener .scr03.uncheck span {
  color: #aaa;
}
.screener .scr03.uncheck .styled-select.blue {
  border: 2px solid #ccc;
  background: url("../../themes/frontend/default/images/arrow-gray.png") no-repeat;
  background-position: 95% 50%;
}







.screener02 {
  width: 1000px;
  margin-bottom:10px;
  float: left;
}

.screener02 ul{
 padding:0 0;
 margin:0 0;
 list-style-type:none;
}
.screener02 > ul > li {
  background-color: #fff;
  height: 80px;
  margin-bottom: 3px;
}

.screener02 > ul > li.h130 {
  background-color: #fff;
  height: 130px;
  margin-bottom: 3px;
}

.screener02 .scr-title {
  float: left;
  width: 175px;
  color: #222;
  font-weight: bold;
  font-size: 90%;
  padding-top: 30px;
  line-height:1.4;
  padding-left: 10px;
  padding-right:5px;
  box-sizing: border-box;
}
.screener02 .scr-title span.scr01{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:435px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;  
}

.screener02 .scr-title span.scr02{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:500px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;  
}

.screener02 .scr-title span.scr03{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:968px;
  left:340px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;  
}

.screener02 .scr-title span.scr04{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:140px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:1075px;
  left:340px;
  padding: 10px;
  background-color: #f00;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;  
}

.logined h3 {
  color: #40BCE6;
  font-size: 112%;
  font-weight: bold;
  text-align: center;
  margin:0 0 10px 0;
}
.logined h3 i {
  margin-right: 5px;
  margin-top: -1px;
}
.logined .inner {
  border: 2px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 0;
  background: url("../../themes/frontend/default/images/loginedbg.png") bottom left no-repeat;
  background-color: #fff;
}
.logined ul.selfset {
  display: table;
  margin: 0 auto;
}
.logined ul.selfset li {
  display: inline-block;
  padding: 0 15px;
  background-color: #eee;
  border: 2px solid #eee;
  border-radius: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 95%;
  color: #333;
  margin: 0 5px;
}
.logined ul.selfset li a:hover {
  text-decoration: underline;
}
.logined ul.selfset li:hover {
  background-color: #f8f8f8;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.logined ul.selfset li:hover span.delete {
  display: block;
}
.logined ul.selfset li.active {
  border: 2px solid #77BD2B;
}
.logined ul.selfset span.delete {
  display: none;
  float: left;
  position: relative;
  top: 12px;
  width: 20px;
  height: 13px;
  background: url("../../themes/frontend/default/images/set-del.png") 0 0 no-repeat;
  cursor: pointer;
}
.logined ul.selfset span.delete:hover {
  background-position: 0 -23px;
}
.logined .addto input[type="text"] {
  border: 2px solid #77BD2B;
  width: 280px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
}

.startbtn {
  width: 140px;
  height: 42px;
  background-color: #FF5B5B;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 42px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom: 2px solid #d73333;
  cursor: pointer;
  margin: 0 auto;
  display:inline-block;
}

.startbtn02 {
  width: 260px;
  height: 42px;
  background-color: #FF5B5B;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 42px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom: 2px solid #d73333;
  cursor: pointer;
  margin: 0 auto;
  display:inline-block;
}
.startbtn i, .startbtn02 i {
  margin-right: 8px;
}
.startbtn:hover, .startbtn02:hover {
  background-color: #d73333;
}

.scresult .resultitle {
  font-size: 30px;
  color: #bababa;
  text-align: center;
  margin: 20px 0;
  text-shadow: 1px 1px 0 #fff;
}
.scresult .theresult span {
  background-color: #D2EEB5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 0 5px;
}
.scresult .styled-select.green {
  position: relative;
  top: 10px;
  margin-left: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

table.stockresult {
  width: 100%;
  margin-top: 20px;
}
table.stockresult th, table.stockresult tr {
  border: 1px solid #fff;
  font-size: 85%;
}
table.stockresult th {
  position: relative;
  background-color: #888;
  border: 1px solid #fff;
  border-top: 1px solid #888;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  line-height: 130%;
}
table.stockresult th:first-child {
  border-left: 1px solid #888;
}
table.stockresult th:last-child {
  border-right: 1px solid #888;
}
table.stockresult th span.info {
  bottom: 80% !important;
}
table.stockresult td {
  border: 1px solid #fff;
  text-align: right;
  padding: 15px 8px 15px 0;
}
table.stockresult td:first-child {
  border-left: 1px solid #ccc;
}
table.stockresult td:last-child {
  border-right: 1px solid #ccc;
}
table.stockresult tr {
  background-color: #fff;
}
table.stockresult tr:nth-child(odd) {
  background-color: #f6f6f6;
}
table.stockresult tr:nth-child(even) {
  background-color: #dedede;
}
table.stockresult tr:last-child td {
  border-bottom: 1px solid #bbb;
}
table.stockresult .star {
  float: left;
  width: 34px;
  text-align: center;
}
table.stockresult .star i {
  cursor: pointer;
}
table.stockresult .name {
  float: left;
  width: 85px;
  color: #333;
}
table.stockresult .name p {
  font-weight: bold;
  font-size: 120%;
  line-height: 120%;
  margin-bottom: 8px;
}
table.stockresult .name span.cata{
  color: #777;
}
table.stockresult td.tdcenter {
  line-height: 130%;
}
table.stockresult td.tdcenter span {
  cursor: pointer;
}
table.stockresult td.tdcenter span:hover {
  text-decoration: underline;
}

/*------------------------------------*\
    =mysideline
\*------------------------------------*/
.tabs02 {
  position: relative;
  z-index: 3;
  height: 55px;
  font-size: 95%;
}

.tabs02 > div.menuDiv {
  float:left;
  display:inline;
  overflow:hidden;
  max-width:932px;
  box-sizing: border-box;
  white-space:nowrap;
}

.tabs02 > div > ul > li span {
  color: #555;
  padding: 0 20px;
  box-sizing: border-box;
  float: left;
  text-align: center;
  height: 55px;
  line-height: 55px;
  border-bottom: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: pointer;
}
.tabs02 > div > ul > li:first-child span {
  border-left: 1px solid #ccc;
  margin-left:-21px;
}
.tabs02 > div > ul > li:hover span {
  background-color: #eee;
  border-bottom: #ccc solid 1px;
}
.tabs02 > div > ul > li.active span {
  border-bottom: #fff solid 1px;
  background-color: #fff;
  color: #000;
}
.tabs02 > div.addlist {
  width: 34px;
  padding:20px 12px 0 12px;
  height: 55px;
  float:left;
  display:inline;
  background-color: #eee;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: pointer;
}


.tabs02content {
  position: relative;
  top: -1px;
  box-sizing: border-box;
  padding: 20px 7px 40px 7px;
  background-color: #fff;
  min-height: 400px;
  border: 1px solid #ccc;
}

table.silelinetable tr td {
  font-size: 90%;
  text-align: right;
  padding: 8px 5px;
}
table.silelinetable i.icon-set03, table.silelinetable i.icon-del, table.silelinetable i.icon-record {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
table.silelinetable td.tdleft {
  padding-left: 5px !important;
}
table.silelinetable td.star {
  vertical-align: top;
}
table.silelinetable td.star i {
  cursor: pointer;
}
table.silelinetable span.red1 {
  text-decoration: underline;
  cursor: pointer;
}
table.silelinetable td.nohold {
  text-align: center;
}

table.silelinetable td.first {
  white-space:nowrap;
}

table.silelinetable td.first span.cata {
 color:#999;
}

ul.btn-three.edit {
  float: right;
  color: #444;
}

.roundtitle {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
  border: #bbb 2px solid;
  border-bottom: #ddd 1px solid;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #FAFAFA;
  font-size: 95%;
  color: #444;
}

.roundcontent {
  background-color: #fff;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
  border: #bbb 2px solid;
  border-top: 0;
  padding:15px 25px 0 15px;
  box-sizing: border-box;
  line-height:1.5;
  min-height: 200px;
}

.roundcontent textarea{
 border:1px solid #ddd;
 padding:5px 5px;
}

.sidelineset {
  font-size: 90%;
}
.sidelineset input[type="text"] {
  height: 22px;
  width: 55px;
  color: #00559B;
  line-height: 22px;
  background-color: #ddd;
  padding-left: 5px;
  box-sizing: border-box;
}

/*------------------------------------*\
    =my-holding
\*------------------------------------*/
.holdingstock {
  background-color: #FDE6DF;
  color: #F3734E;
  font-size: 112%;
  padding: 10px 15px;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
}

.myholding .holding1 {
  float: left;
  height: 325px;
  width: 382px;
  background: #eaeaea;
  padding: 30px 15px;
  box-sizing: border-box;
}
.myholding .holding1 > ul > li {
  margin-bottom: 25px;
  list-style-type:none;
}
.myholding .holding1 > ul > li * {
  vertical-align: middle;
}
.myholding .holding1 > ul > li span.title {
  display: inline-block;
  width: 130px;
  font-size: 95%;
}


.holding1 li span.hold01{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 170px;
  line-height:2;
  position: absolute;
  z-index: 10;
  top:200px;
  left:360px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.holding1 li span.hold02{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 230px;
  line-height:2;
  position: absolute;
  z-index: 20;
  top:250px;
  left:360px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.holding1 li span.hold03{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width:120px;
  line-height:2;
  position: absolute;
  z-index: 30;
  top:300px;
  left:360px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.holding1 li span.hold04{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 200px;
  line-height:2;
  position: absolute;
  z-index: 40;
  top:320px;
  left:360px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.holding1 li span.hold05{
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 190px;
  line-height:2;
  position: absolute;
  z-index: 50;
  top:400px;
  left:360px;
  padding: 10px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

.holding1 li:hover span.hold01, .holding1 li:hover span.hold02, .holding1 li:hover span.hold03, .holding1 li:hover span.hold04, .holding1 li:hover span.hold05{
 visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.myholding .holding2 {
  float: right;
  width: 590px;
  height: 325px;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  position: relative;
}
.myholding .holding2 i.icon-arrow03 {
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -20px;
}
.myholding .holding2 span.htitle {
  display: block;
  margin: 0 auto;
  width: 86px;
  height: 32px;
  border: 2px solid #ccc;
  text-align: center;
  font-size: 95%;
  line-height: 32px;
  margin-top: 20px;
}

.nostock {
  text-align: center;
  margin-top: 45px;
}
.nostock span {
  background-color: #fafafa;
  padding: 20px 20px;
  color: #999;
  font-weight: bold;
}
.nostock span i {
  margin-right: 10px;
}

.darkbox-content.addstock {
  width: 500px;
  height: 280px;
  margin-left: -250px;
  top: 50%;
  margin-top: -125px;
  font-size: 95%;
}
.darkbox-content.addstock h5 {
  color: #444;
  font-size: 150%;
}
.darkbox-content.addstock h5 i {
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.darkbox-content.addstock .addtitle {
  width: 150px;
  display: inline-block;
}

.buyrecord {
  margin-top: 30px;
}
.buyrecord input[type="text"] {
  margin-left: 10px;
}

ul.holding3 {
  margin-top: 25px;
}
ul.holding3 > li {
  margin-bottom: 10px;
  list-style-type:none;
}
ul.holding3 > li * {
  vertical-align: middle;
}
ul.holding3 > li span.title {
  display: inline-block;
  width: 140px;
  font-size: 95%;
}

/*------------------------------------*\
    =forum index
\*------------------------------------*/
.intro-l {
  font-family: 'IntroLight', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 100;
  text-transform: uppercase;
}

.forumtop .hot {
  width: 490px;
  float: left;
  background-color: #fff;
  margin-right: 20px;
  -moz-box-shadow: 0px 0px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
}
.forumtop .hot h1 {
  background-color: #F2393E;
  margin: 0 0;
}
.forumtop .new {
  width: 490px;
  float: left;
  background-color: #fff;
  -moz-box-shadow: 0px 0px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
}
.forumtop .new h1 {
  background-color: #734B8D;
  margin: 0 0;
}
.forumtop h1 {
  font-size: 20px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  margin: 0 0;
}
.forumtop h1 i {
  margin-right: 3px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.forumtop h1 span.intro-l {
  margin-left: 5px;
}
.forumtop .inner {
  padding: 15px 0;
  box-sizing: border-box;
}
.forumtop ul > li {
  font-size: 90%;
  height: 28px;
}
.forumtop ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 28px;
  box-sizing: border-box;
  padding: 0 20px;
}
.forumtop ul > li a:hover {
  background-color: #eee;
}
.forumtop ul > li i.icon-f-more05, .forumtop ul > li i.icon-f-more06 {
  width: 8px;
}
.forumtop ul > li span.overh {
  width: 95%;
  display: inline-block;
  vertical-align: middle;
}

.forum {
  margin-top: 25px;
  background-color: #fff;
  -moz-box-shadow: 0px 0px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
}
.forum h1 {
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  font-size: 20px;
  font-weight:normal;
  margin: 0 0;
}
.forum h1 i {
  margin-right: 3px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.forum h1 span.intro-l {
  margin-left: 5px;
}
.forum ul.fll > li {
  box-sizing: border-box;
}
.forum .inner {
  box-sizing: border-box;
  padding: 20px 20px;
}
.forum .inner a {
  display: block;
  width: 100%;
  height: 100%;
}
.forum .inner2 {
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}
.forum .inner2 a {
  display: block;
  width: 100%;
  height: 100%;
}
.forum h2 {
  color: #333;
  font-weight: bold;
  margin: 0 0;
}
.forum h3 {
  font-size: 90%;
  color: #666;
  line-height: 130%;
  margin: 5px 0 0 0;
  font-weight:normal;
}
.forum i.icon-f-more-learning,
.forum i.icon-f-more-master,
.forum i.icon-f-more-stock,
.forum i.icon-f-more-leisure {
  margin-top: 10px;
}

.forum.learning {
  border-top: 3px solid #40BCE6;
}
.forum.learning h1 {
  color: #40BCE6;
  border-bottom: 1px solid #40BCE6;
  margin: 0 0;
  font-weight:normal;
}
.forum.learning .inner:hover h2 {
  color: #40BCE6;
}

.forum.master {
  border-top: 3px solid #91C613;
}
.forum.master h1 {
  color: #91C613;
  border-bottom: 1px solid #91C613;
  margin: 0 0;
  font-weight:normal;
}
.forum.master .inner:hover h2 {
  color: #91C613;
}

.forum.stock {
  border-top: 3px solid #FF5C26;
}
.forum.stock h1 {
  color: #FF5C26;
  border-bottom: 1px solid #FF5C26;
}
.forum.stock .inner:hover h2 {
  color: #FF5C26;
}

.forum.leisure {
  border-top: 3px solid #FBAA02;
}
.forum.leisure h1 {
  color: #FBAA02;
  border-bottom: 1px solid #FBAA02;
  margin: 0 0;
  font-weight:normal;
}
.forum.leisure .inner:hover h2 {
  color: #FBAA02;
}

ul.forumlinewp {
  position: relative;
  top: -10px;
}
ul.forumlinewp li {
  height: 26px;
}
ul.forumlinewp li.line {
  width: 440px;
  float: left;
}
ul.forumlinewp li.line hr {
  border: 0;
  height: 1px;
  background-color: #FF5C26;
}
ul.forumlinewp li.line hr.leisure {
  background-color: #FBAA02;
}
ul.forumlinewp li.middle {
  width: 120px;
  float: left;
  text-align: center;
}
ul.forumlinewp li.middle i.icon-forum10 {
  margin-right: 5px;
}

ul.forumlinewp.leisure {
  margin-top: 20px;
}
ul.forumlinewp.leisure li.line {
  width: 425px;
}
ul.forumlinewp.leisure li.middle {
  width: 150px;
}

ul.forum-threecol {
  width: 850px;
  margin: 0 auto;
  padding-bottom: 20px;
}
ul.forum-threecol li {
  position: relative;
  float: left;
  margin-right: 20px;
}
ul.forum-threecol li:last-child {
  margin-right: 0;
}
ul.forum-threecol li > a {
  display: block;
  width: 100%;
  height: 100%;
}
ul.forum-threecol h2 {
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10;
  top: 40px;
}

/*------------------------------------*\
    =forum nav
\*------------------------------------*/
.forumnavwp {
  width: 100%;
  min-width: 1000px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  height: 35px;
}

ul.forumnav {
  width: 500px;
  margin: 0 auto;
}
ul.forumnav > li {
  float: left;
  height: 35px;
  box-sizing: border-box;
  position: relative;
  list-style-type:none;
}
ul.forumnav .navtitle {
  width: 100px;
  height: 100%;
  font-size: 90%;
  color: #333;
  text-align: center;
  line-height: 35px;
  box-sizing: border-box;
  cursor: pointer;
}
ul.forumnav .navsubtitle > ul {
  width: 180px;
  background-color: #fff;
  -moz-box-shadow: 0px 2px 3px #ccc;
  -webkit-box-shadow: 0px 2px 3px #ccc;
  box-shadow: 0px 2px 3px #ccc;
  position: absolute;
  top: 36px;
  left: 0;
  padding: 10px 0;
}
ul.forumnav .navsubtitle > ul > li {
  font-size: 90%;
  height: 28px;
}
ul.forumnav .navsubtitle > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 28px;
  box-sizing: border-box;
  padding: 0 0 0 15px;
}
ul.forumnav .navsubtitle > ul > li a:hover {
  background-color: #eee;
}
ul.forumnav .navsubtitle > ul > li i.icon-f-nav0 {
  width: 8px;
}
ul.forumnav .navsubtitle > ul > li span {
  display: inline-block;
  vertical-align: middle;
}
ul.forumnav .navsubtitle > ul > li.subtitle {
  font-weight: bold;
  color: #888;
  font-size: 105%;
  padding-left: 15px;
  line-height: 28px;
}
ul.forumnav .navsubtitle > ul > li.line {
  height: 1px;
  background-color: #ddd;
  margin: 10px 0;
}
ul.forumnav li.learning .navtitle {
  border-bottom: 2px solid #40BCE6;
}
ul.forumnav li.learning .active {
  background-color: #40BCE6;
  color: #fff;
}
ul.forumnav li.master .navtitle {
  border-bottom: 2px solid #91C613;
}
ul.forumnav li.master .active {
  background-color: #91C613;
  color: #fff;
}
ul.forumnav li.stock .navtitle {
  border-bottom: 2px solid #FF5C26;
}
ul.forumnav li.stock .active {
  background-color: #FF5C26;
  color: #fff;
}
ul.forumnav li.leisure .navtitle {
  border-bottom: 2px solid #FBAA02;
}
ul.forumnav li.leisure .active {
  background-color: #FBAA02;
  color: #fff;
}

/*------------------------------------*\
    =forum list
\*------------------------------------*/
.forumheader ul.fll{
 margin:0 0;
 padding:0 0;
}

.forumheader .title {
  font-size: 160%;
  line-height:1;
}
.forumheader i.icon-forum08,
.forumheader i.icon-forum06,
.forumheader i.icon-forum07,
.forumheader i.icon-forum09 {
  vertical-align: baseline;
  position: relative;
  top: 2px;
}
.forumheader .title.stock {
  color: #FF5C26;
}
.forumheader .title.learning {
  color: #40BCE6;
}
.forumheader .title.master {
  color: #91C613;
}
.forumheader .title.leisure {
  color: #FBAA02;
}
.forumheader .subtitle {
  font-weight: bold;
  color: #666;
  margin-left: 10px;
}
.forumheader .search2 {
  display: inline-block;
  vertical-align: middle;
}
.forumheader li.buttons {
  text-align: right;
}
.forumheader li.buttons span {
  margin-right: 10px;
}

.forumheader .iconimg{
 padding-top:1px;
}

.websearch{
  background-color: #D2EEB5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #D2EEB5;
  padding: 3px 10px;
  margin: 0 5px;
}

.websearch2{
  background-color: #D2EEB5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #D2EEB5;
  padding: 3px 10px;
  margin: 0 5px;
}

.toparticle {
  margin-top: 30px;
  width: 270px;
  float: left;
  margin-right: 20px;
}
.toparticle .inner {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 3px #ccc;
  -webkit-box-shadow: 0px 1px 3px #ccc;
  box-shadow: 0px 1px 3px #ccc;
}
.toparticle span.toptitle {
  color: #fff;
  text-align: center;
  font-size: 95%;
  line-height: 28px;
  position: relative;
  top: -15px;
  left: -9px;
}
.toparticle.learning {
  border-top: 2px solid #40BCE6;
}
.toparticle.master {
  border-top: 2px solid #91C613;
}
.toparticle.stock {
  border-top: 2px solid #FF5C26;
}
.toparticle.leisure {
  border-top: 2px solid #FBAA02;
}

.forumlist {
  margin-top: 30px;
  width: 710px;
  float: left;
}
.forumlist.learning {
  border-top: 2px solid #40BCE6;
}
.forumlist.master {
  border-top: 2px solid #91C613;
}
.forumlist.stock {
  border-top: 2px solid #FF5C26;
}
.forumlist.leisure {
  border-top: 2px solid #FBAA02;
}

table.forumtable {
  width: 100%;
}
table.forumtable tr td {
  border-bottom: 1px solid #f4f4f4;
  font-size: 13px;
  padding: 10px 0;
  line-height: 150%;
  background-color: #fff;
}
table.forumtable tr th {
  border-bottom: 2px solid #f4f4f4;
  color: #333;
  font-size: 90%;
  padding: 10px 0 10px 2px;
  background-color: #fff;
}

table.forumtable tr td {
  border-bottom: 1px solid #f4f4f4;
  font-size: 13px;
  padding: 10px 0;
  line-height: 150%;
  background-color: #fff;
}

table.forumtable time {
  font-size: 12px;
  color: #aaa;
}
table.forumtable i.icon-heart-s,
table.forumtable i.icon-reply-s {
  margin-right: 3px;
}
table.forumtable .forum2 {
  padding-left: 8px;
}
table.forumtable td.star, table.forumtable th.star {
  padding-left: 5px;
}
table.forumtable td.star i, table.forumtable th.star i {
  cursor: pointer;
}

table.forumtable .forum2 ul{
 padding:8px 0 0 0;
 margin:0 0; 
}

table.forumtable02 {
  width:950px;
  margin:0 20px;
}
table.forumtable02 tr td {
  border-bottom: 1px solid #f4f4f4;
  font-size: 13px;
  padding: 10px 0;
  line-height: 150%;
  background-color: #fff;
}
table.forumtable02 tr th {
  border-top: 3px solid #ccc;
  border-bottom: 2px solid #f4f4f4;
  color: #333;
  font-size: 90%;
  padding: 10px 0;
  background-color: #fff;
}

ul.articletopwp{
 width:100%;
 padding:0 0;
 margin:0 0;
}

ul.articletopwp > li {
  border-bottom: 1px solid #f4f4f4;
  padding:10px 10px 10px 15px;
  box-sizing: border-box;
  list-style-type:none;
}
ul.articletopwp > li:first-child {
  padding-top: 0;
}
ul.articletopwp > li .star {
  float: left;
  width: 6px;
}
ul.articletopwp > li .star i {
  cursor: pointer;
}
ul.articletopwp > li .content {
  float: left;
  width: 220px;
}
ul.articletopwp > li h4 {
  font-size: 85%;
  line-height: 1.3;
  font-weight: bold;
  margin:0 0;
  padding:0 0;
}
ul.articletopwp > li ul.fll {
  font-size: 75%;
  line-height: 120%;
  margin-top: 5px;
  padding-left:0;
}
ul.articletopwp > li ul.fll time {
  color: #aaa;
  line-height: 180%;
}

/*------------------------------------*\
    =article
\*------------------------------------*/
.articlewp {
  margin-top: 20px;
}
.articlewp .inner {
  background-color: #fff;
  -moz-box-shadow: 0 1px 2px #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  padding: 20px 25px;
  box-sizing: border-box;
}
.articlewp .membersection {
  width: 156px;
  background-color: #f8f8f8;
  padding: 15px 18px 18px 18px;
  box-sizing: border-box;
}
.articlewp .membersection img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.articlewp .membersection .name {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 130%;
}

.membersection .disin .black{
 display:inline-block;
 height:25px;
 width:20px;
 padding-left:2px;
 cursor: pointer;
}

.articlewp .membersection ul.meminfo {
  margin-bottom: 15px;
  padding:0;
}
.articlewp .membersection ul.meminfo li {
  font-size: 75%;
  color: #777 ;
  padding:2px 0;
  margin-bottom: 5px;
}

ul.meminfo{
 list-style-type:none;
 padding:0;
 margin:0;	
}

ul.meminfo li {
 font-size: 80%;
 color: #777 ;
 padding:0;
 margin:0;
 list-style-type:none;
}
  
.articlewp .membersection .icon-mail {
  margin-right: 15px;
  cursor: pointer;
}

.disin .icon-heart04 {
  cursor: pointer;
}

.disin .black{
 display:inline-block;
 height:25px;
 width:20px;
 padding-left:2px;
 cursor: pointer;
}

.commentwp.membersection .icon-heart04 {
  cursor: pointer;
}

.articlewp h1 {
  font-size: 150%;
  line-height: 130%;
  font-weight: bold;
  margin: 0 0;
}
.articlewp time {
  font-size: 80%;
  color: #888;
}
.articlewp i.icon-time {
  margin-left: 15px;
  margin-right: 3px;
}
.articlewp i.icon-date {
  margin-right: 5px;
}
.articlewp .share {
  position: relative;
  top: -5px;
  text-align: right;
}
.articlewp .share i {
  margin-left: 3px;
  cursor: pointer;
}

.discission .divider {
  margin: 30px 0 20px 0;
}
.discission .commentwp {
  margin-top: 20px;
}
.discission .membersection {
  float: left;
  width: 150px;
  background-color: #fff;
  padding: 10px 12px;
  box-sizing: border-box;
}
.discission .membersection img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.discission .membersection .name {
  font-size: 85%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 130%;
}
.discission .membersection ul.meminfo {
  margin-bottom: 15px;
}
.discission .membersection ul.meminfo li {
  font-size: 75%;
  color: #777;
  padding:2px 0;
  margin-bottom: 5px;
}
.discission .membersection .icon-mails {
  margin-right: 3px;
  cursor: pointer;
}
.discission .membersection .icon-heart03 {
  cursor: pointer;
}
.discission .commemt {
  float: right;
  position: relative;
  width: 840px;
  background-color: #fff;
  -moz-box-shadow: 0 1px 2px #bbb;
  -webkit-box-shadow: 0 1px 2px #bbb;
  box-shadow: 0 1px 2px #bbb;
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
}

.discission02 .commemt {
  float: right;
  position: relative;
  width: 770px;
  background-color: #fff;
  padding: 10px 0 20px 0;
}
.discission .commemt span.arrow {
  position: absolute;
  top: 20%;
  left: -24px;
}
.discission .commemt time {
  color: #aaa;
  font-size: 80%;
  line-height: 40px;
}
.discission .commemt time.time {
  padding-left: 1em;
}

.discission .commemt .com-number {
  text-align: right;
  font-size: 40px;
  color: #eee;
  font-style: italic;
  font-weight: 800;
}
.discission .commemt hr {
  border: 0;
  height: 1px;
  background-color: #eee;
  margin: 15px 0;
}
.discission .commemt p.alllike{
  font-size: 80%;
  color: #777;
}
.commemt p.alllike{
  font-size: 90%;
  color: #777;
}
.discission .commemt p.alllike i, .discission02 .commemt p.alllike i {
  margin: 0 5px;
  vertical-align: middle;
}
.discission .commemt ul.wholike, .discission02 .commemt ul.wholike {
  margin-top: 15px;
  width: 700px;
}
.discission .commemt ul.wholike li, .discission02 .commemt ul.wholike li {
  width: 60px;
  float: left;
  margin-right:8px;
  margin-bottom: 12px;
}
.discission .commemt ul.wholike li:nth-child(10), .discission02 .commemt ul.wholike li:nth-child(10) {
  margin-right: 0;
}
.discission .commemt ul.wholike li img, .discission02 .commemt ul.wholike li img {
  width: 56px;
  height: 56px;
  display: block;
  margin: 0 auto;
}
.discission .commemt ul.wholike li .name, .discission02 .commemt ul.wholike li .name {
  font-size: 80%;
  color: #666;
  margin-top: 5px;
  text-align: center;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 130%;
}
.discission .commemt .quotesection {
  background-color: #F4F4F4;
  color: #333;
  font-size: 85%;
  box-sizing: border-box;
  padding: 15px 45px;
  position: relative;
  line-height: 140%;
}
.discission .commemt .quotesection:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 10px;
}
.discission .commemt .quotesection:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  right: 10px;
}

.com-btn {
  font-size: 85%;
  margin-top: 20px;
}
.com-btn span {
  cursor: pointer;
  margin-right: 25px;
}
.com-btn .com-loveit {
  font-family: 'Intro','Helvetica', 'Arial', sans-serif;
  color: #F17C7C;
}
.com-btn .com-loveit:hover {
  color: #EC4444;
}
.com-btn .com-loveitoo {
  font-family: 'Intro','Helvetica', 'Arial', sans-serif;
  color: #EC4444;
}

.com-btn .com-quote {
  color: #23B3E2;
}
.com-btn .com-quote:hover {
  color: #0595c4;
}
.com-btn .com-reply {
  color: #666;
}
.com-btn .com-reply:hover {
  color: #111;
  -moz-transition: color 0.5s linear;
  -o-transition: color 0.5s linear;
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}

.com-btn .com-del{
  color: #EC4444;
}

.com-btn .com-del{
  color: #EC4444;
}

.com-btn .com-del:hover {
  color: #EC4444;
 }

ul.votecheck {
  margin-top: 20px;
}
ul.votecheck li {
  margin-bottom: 10px;
}
ul.votecheck li * {
  display: inline-block;
  vertical-align: middle;
}
ul.votecheck li .bar {
  font-size: 90%;
  color: #333;
  height: 30px;
  border: 1px solid #23B3E2;
  box-sizing: border-box;
  position: relative;
  width: 570px;
  margin: 0 10px;
}
ul.votecheck li .bar .color {
  display: block;
  background-color: #C6E2F2;
  position: absolute;
  height: 100%;
  z-index: 8;
}
ul.votecheck li .bar .voteans {
  padding-left: 10px;
  position: relative;
  z-index: 10;
  line-height: 30px;
}
ul.votecheck li .number {
  font-size: 95%;
  color: #555;
  font-weight: bold;
}

/*------------------------------------*\
    =publish
\*------------------------------------*/
.publishwp {
  margin-top: 20px;
  background: #fff;
  padding: 20px 50px 40px 50px;
  box-sizing: border-box;
  border-top: 2px solid #23B3E2;
}
.publishwp.vote {
  border-top: 2px solid #666;
}
.publishwp h5 {
  font-size: 150%;
  color: #444;
  margin-bottom: 20px;
  text-align: center;
}
.publishwp table.publish {
  width: 100%;
}
.publishwp table.publish > tbody > tr > th {
  font-size: 95%;
  font-weight: bold;
  color: #666;
  padding-top: 5px;
  vertical-align: top;
}
.publishwp table.publish > tbody > tr > th, .publishwp table.publish > tbody > tr > td {
  padding-bottom: 10px;
}
.publishwp table.publish input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  font-size: 90%;
  padding-left: 10px;
  box-sizing: border-box;
}
.publishwp table.publish td.border {
  border: 1px solid #ccc;
  height: 100px;
}
.publishwp span.blue1 {
  font-size: 95%;
  cursor: pointer;
}
.publishwp span.blue1 i {
  vertical-align: top;
}

.publishwp02 {
  margin-top: 20px;
  background: #fff;
  padding: 50px 20px;
  box-sizing: border-box;
  border-top: 2px solid #23B3E2;
  width:100%
}
.publishwp02.vote {
  border-top: 2px solid #666;
}

ul.publishvote {
  margin-top: 10px;
}
ul.publishvote li {
  margin-bottom: 10px;
  font-size: 95%;
}
ul.publishvote li * {
  vertical-align: middle;
}
ul.publishvote li input {
  border: 1px solid #23B3E2;
  height: 30px;
  line-height: 30px;
  font-size: 90%;
  box-sizing: border-box;
  padding-left: 10px;
  margin-right: 5px;
  width: 85%;
}
ul.publishvote li i.icon-del {
  margin-right: 5px;
}

/*------------------------------------*\
    =economic
\*------------------------------------*/
.ecnomictitle {
  font-size: 150%;
  font-weight: bold;
  color: #7A64A4;
}
.ecnomictitle span {
  display: inline-block;
  vertical-align: middle;
}
.ecnomictitle i {
  margin-right: 10px;
}

.radius.economicta {
  margin-top: 20px;
}
.radius.economicta tr > th{
  font-size: 95%;
  text-align: center;
  padding: 10px 10px;
  box-sizing: border-box;
}

.radius.economicta tr > td {
  font-size: 95%;
  text-align: left;
  padding: 10px 10px;
  box-sizing: border-box;
}
.radius.economicta time {
  color: #777;
  display: inline-block;
  padding-left: 1em;
}
.radius.economicta a.chart {
  display: inline-block;
  background-color: #E3EFFD;
  padding: 10px 12px;
  color: #0059B2;
  font-size: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 1em;
}
.radius.economicta a.chart:hover {
  background-color: #deeaf8;
}
.radius.economicta a.chart i {
  margin-right: 5px;
}

.radius.economicta .history{
 text-align:center;
}

.economic-conclusion {
  background-color: #F1F0F7;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 30px;
}
.economic-conclusion .inner {
  width: 100%;
  border: 2px solid #fff;
  padding: 25px;
  box-sizing: border-box;
  position: relative;
}
.economic-conclusion .title {
  display: inline-block;
  background-color: #F1F0F7;
  padding: 0 20px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -39px;
  font-size: 125%;
  font-weight: bold;
  color: #555;
}

.economic-conclusion .title02 {
  display: inline-block;
  background-color: #F1F0F7;
  padding: 0 20px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -95px;
  font-size: 125%;
  font-weight: bold;
  color: #555;
}

/*------------------------------------*\
    =news
\*------------------------------------*/
.asidenav {
  float: left;
  width: 190px;
  margin-top: 30px;
}

.asidenav ul{
 padding:0 0;
 margin:0 0; 
}
.asidenav > ul li {
  margin-top: 2px;
  height: 50px;
  font-weight: bold;
  font-size: 95%;
  line-height: 50px;
  color: #333;
  display: block;
}
.asidenav > ul li a {
  display: block;
  width: 145px;
  height: 100%;
  border-bottom: 1px solid #ccc;
}
.asidenav > ul li a:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  position: relative;
  top: 1px;
}
.asidenav > ul li span {
  padding-left: 18px;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.asidenav > ul li.icon-newsactive, .asidenav > ul li.icon-lectureactive, .asidenav > ul li.icon-s05a {
  color: #fff;
}

.asidenav.news > ul li:hover {
  color: #2D9BC6;
}
.asidenav.news > ul li.icon-newsactive:hover {
  color: #fff;
}

.newsmaintip {
  float: left;
  width: 1080px;
  margin-top: 30px;
}

.newsmain {
  float: left;
  width: 810px;
  margin-top: 30px;
}
.newsmain .inner {
  background-color: #fff;
  padding: 20px 25px;
  box-sizing: border-box;
}

.newsmain .inner table p{
 line-height: 1.8;
 letter-spacing: 1px;
 text-align: justify;
}
.newsmain h2.title {
  font-size: 150%;
  font-weight: bold;
}
.newsmain span {
  vertical-align: middle;
}

.newsmain h3.title {
  font-size: 115%;
  font-weight: 600;
  padding: 10px 3px;
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
}

table.article.news tr:nth-child(even) td {
  background-color: #fff;
}
table.article.news tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
table.article.news tr:first-child {
  border-top: 1px solid #eee;
}
table.article.news time {
  color: #2D9BC6;
  padding-left: 10px;
}

.newsarticle h2 {
  font-size: 150%;
  line-height: 120%;
  padding: 10px 5px;
  background-color:#f9f9f9;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}
.newsarticle time {
  color: #2D9BC6;
  margin-top: 15px;
  display: inline-block;
  font-size: 90%;
}
.newsarticle .htmleditor {
  margin-top: 15px;
}

.news-btn {
  background-color: #2D9BC6;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.news-btn:hover {
  background-color: #2391bc;
}

/*------------------------------------*\
    =lecture
\*------------------------------------*/

.asidenav.lecture > ul li:hover {
  color:#052825;
}
.asidenav.lecture > ul li.icon-lectureactive:hover > ul li.icon-s05a:hover {
  color: #fff;
}
.asidenav.lecture .subtitle > ul li {
  width: 148px;
  border-bottom: 1px solid #ddd;
}
.asidenav.lecture .subtitle > ul li:hover {
  background-color: #EBEBEB;
}
.asidenav.lecture .subtitle > ul li:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  position: relative;
  top: 2px;
}
.asidenav.lecture .subtitle > ul li > a {
  display: block;
  width: 130px;
  margin-left: 18px;
  padding: 8px 0;
  box-sizing: border-box;
}
.asidenav.lecture .subtitle > ul li i {
  vertical-align: top;
  position: relative;
  top: 2px;
  width: 5px;
  display: inline-block;
}
.asidenav.lecture .subtitle > ul li span {
  font-size: 90%;
  display: inline-block;
  width: 90%;
  vertical-align: top;
  line-height: 120%;
}

.lecturemain {
  float: left;
  width: 828px;
  margin-top: 30px;
}
.lecturemain .inner {
  width: 810px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px 25px;
  box-sizing: border-box;
}
.lecturemain h2.title {
  font-size: 150%;
  font-weight: bold;
}
.lecturemain span {
  vertical-align: middle;
}
.lecturemain h2 {
  font-size: 150%;
}

.lecturesliderwp {
  width: 100%;
  height: 520px;
  background-color: #eee;
  border: 1px solid #ddd;
  position: relative;
  -moz-box-shadow: 1px 1px 2px #ddd;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  box-shadow: 1px 1px 2px #ddd;
}
.lecturesliderwp .icon-lecture02, .lecturesliderwp .icon-lecture03 {
  position: absolute;
  top: -11px;
}
.lecturesliderwp .icon-lecture02 {
  left: 0;
}
.lecturesliderwp .icon-lecture03 {
  right: 0;
}
.lecturesliderwp .control {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.lecturesliderwp .control > ul {
  display: inline-block;
}
.lecturesliderwp .control > ul li {
  display: inline-block;
}
.lecturesliderwp .control > ul span.prev, .lecturesliderwp .control > ul span.next {
  width: 28px;
  height: 28px;
  border: 1px solid #888;
  display: block;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer;
  line-height: 25px;
  text-align: center;
}
.lecturesliderwp .control > ul span.prev:hover, .lecturesliderwp .control > ul span.next:hover {
  background-color: #fff;
}
.lecturesliderwp .control > ul span.pages {
  background-color: #fff;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 90%;
  display: inline-block;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 10px;
}
.lecturesliderwp .slider {
  width: 760px;
  margin: 0 auto;
  margin-top: 15px;
}
.lecturesliderwp .slider img {
  width: 760px;
  height: 450px;
}

.lecturebtn {
  text-align: center;
  width: 155px;
  margin-top: 30px;
}
.lecturebtn a {
  display: block;
  margin: 0 auto;
}
.lecturebtn p {
  font-size: 80%;
  color: #777;
  margin-top: 15px;
}

.lecture-btn {
  background-color: #31CABE;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.lecture-btn:hover {
  background-color: #27c0b4;
}

.course-btn {
  background-color: #94C81A;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.course-btn:hover {
  background-color: #92C219#92C219;
}

table.article.news tr.searchtitle td {
  background-color: #31CABE;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
}

/* 紅色 */
.forum.color011 {
  border-top: 3px solid #ff0040;
}
.forum.color011 h1 {
  color: #ff0040;
  border-bottom: 1px solid #ff0040;
  margin: 0 0;
  font-weight:normal;
}
.forum.color011 .inner:hover h2 {
  color: #40BCE6;
}
ul.forumnav li.color011 .navtitle {
  border-bottom: 2px solid #ff0040;
}
ul.forumnav li.color011 .active {
  background-color: #ff0040;
  color: #fff;
}
.forumheader .title.color011 {
  color: #ff0040;
}
.toparticle.color011 {
  border-top: 2px solid #ff0040;
}
.forumlist.color011 {
  border-top: 2px solid #ff0040;
}



/* 深紅色 */
.forum.color012 {
  border-top: 3px solid #8a0808;
}
.forum.color012 h1 {
  color: #8a0808;
  border-bottom: 1px solid #8a0808;
  margin: 0 0;
  font-weight:normal;
}
.forum.color012 .inner:hover h2 {
  color: #8a0808;
}
ul.forumnav li.color012 .navtitle {
  border-bottom: 2px solid #8a0808;
}
ul.forumnav li.color012 .active {
  background-color: #8a0808;
  color: #fff;
}
.forumheader .title.color012 {
  color: #8a0808;
}
.toparticle.color012 {
  border-top: 2px solid #8a0808;
}
.forumlist.color012 {
  border-top: 2px solid #8a0808;
}



/* 淺橘色 */
.forum.color013 {
  border-top: 3px solid #ff8000;
}
.forum.color013 h1 {
  color: #ff8000;
  border-bottom: 1px solid #ff8000;
  margin: 0 0;
  font-weight:normal;
}
.forum.color013 .inner:hover h2 {
  color: #ff8000;
}
ul.forumnav li.color013 .navtitle {
  border-bottom: 2px solid #ff8000;
}
ul.forumnav li.color013 .active {
  background-color: #ff8000;
  color: #fff;
}
.forumheader .title.color013 {
  color: #ff8000;
}
.toparticle.color013 {
  border-top: 2px solid #ff8000;
}
.forumlist.color013 {
  border-top: 2px solid #ff8000;
}



/* 深橘色 */
.forum.color014 {
  border-top: 3px solid #ff4400;
}
.forum.color014 h1 {
  color: #ff4400;
  border-bottom: 1px solid #ff4400;
  margin: 0 0;
  font-weight:normal;
}
.forum.color014 .inner:hover h2 {
  color: #ff4400;
}
ul.forumnav li.color014 .navtitle {
  border-bottom: 2px solid #ff4400;
}
ul.forumnav li.color014 .active {
  background-color: #ff4400;
  color: #fff;
}
.forumheader .title.color014 {
  color: #ff4400;
}
.toparticle.color014 {
  border-top: 2px solid #ff4400;
}
.forumlist.color014 {
  border-top: 2px solid #ff4400;
}


/* 深綠色 */
.forum.color015 {
  border-top: 3px solid #088a08;
}
.forum.color015 h1 {
  color: #088a08;
  border-bottom: 1px solid #088a08;
  margin: 0 0;
  font-weight:normal;
}
.forum.color015 .inner:hover h2 {
  color: #088a08;
}
ul.forumnav li.color015 .navtitle {
  border-bottom: 2px solid #088a08;
}
ul.forumnav li.color015 .active {
  background-color: #088a08;
  color: #fff;
}
.forumheader .title.color015 {
  color: #088a08;
}
.toparticle.color015 {
  border-top: 2px solid #088a08;
}
.forumlist.color015 {
  border-top: 2px solid #088a08;
}



/* 亮綠色 */
.forum.color016 {
  border-top: 3px solid #80ff00;
}
.forum.color016 h1 {
  color: #80ff00;
  border-bottom: 1px solid #80ff00;
  margin: 0 0;
  font-weight:normal;
}
.forum.color016 .inner:hover h2 {
  color: #80ff00;
}
ul.forumnav li.color016 .navtitle {
  border-bottom: 2px solid #80ff00;
}
ul.forumnav li.color016 .active {
  background-color: #80ff00;
  color: #fff;
}
.forumheader .title.color016 {
  color: #80ff00;
}
.toparticle.color016 {
  border-top: 2px solid #80ff00;
}
.forumlist.color016 {
  border-top: 2px solid #80ff00;
}




/* 淺藍色 */
.forum.color017 {
  border-top: 3px solid #00ffff;
}
.forum.color017 h1 {
  color: #00ffff;
  border-bottom: 1px solid #00ffff;
  margin: 0 0;
  font-weight:normal;
}
.forum.color017 .inner:hover h2 {
  color: #00ffff;
}
ul.forumnav li.color017 .navtitle {
  border-bottom: 2px solid #00ffff;
}
ul.forumnav li.color017 .active {
  background-color: #00ffff;
  color: #fff;
}
.forumheader .title.color017 {
  color: #00ffff;
}
.toparticle.color017 {
  border-top: 2px solid #00ffff;
}
.forumlist.color017 {
  border-top: 2px solid#00ffff;
}



/* 深藍色 */
.forum.color018 {
  border-top: 3px solid #08088a;
}
.forum.color018 h1 {
  color: #08088a;
  border-bottom: 1px solid #08088a;
  margin: 0 0;
  font-weight:normal;
}
.forum.color018 .inner:hover h2 {
  color: #08088a;
}
ul.forumnav li.color018 .navtitle {
  border-bottom: 2px solid #08088a;
}
ul.forumnav li.color018 .active {
  background-color: #08088a;
  color: #fff;
}
.forumheader .title.color018 {
  color: #08088a;
}
.toparticle.color018 {
  border-top: 2px solid #08088a;
}
.forumlist.color018 {
  border-top: 2px solid #08088a;
}



/* 亮紫色 */
.forum.color019 {
  border-top: 3px solid #ff00ff;
}
.forum.color019 h1 {
  color: #ff00ff;
  border-bottom: 1px solid #ff00ff;
  margin: 0 0;
  font-weight:normal;
}
.forum.color019 .inner:hover h2 {
  color:#ff00ff;
}
ul.forumnav li.color019 .navtitle {
  border-bottom: 2px solid #ff00ff;
}
ul.forumnav li.color019 .active {
  background-color: #ff00ff;
  color: #fff;
}
.forumheader .title.color019 {
  color:#ff00ff;
}
.toparticle.color019 {
  border-top: 2px solid #ff00ff;
}
.forumlist.color019 {
  border-top: 2px solid #ff00ff;
}



/* 深紫色 */
.forum.color020 {
  border-top: 3px solid #610b4b;
}
.forum.color020 h1 {
  color: #610b4b;
  border-bottom: 1px solid #610b4b;
  margin: 0 0;
  font-weight:normal;
}
.forum.color020 .inner:hover h2 {
  color: #610b4b;
}
ul.forumnav li.color020 .navtitle {
  border-bottom: 2px solid #610b4b;
}
ul.forumnav li.color020 .active {
  background-color: #610b4b;
  color: #fff;
}
.forumheader .title.color020 {
  color: #610b4b;
}
.toparticle.color020 {
  border-top: 2px solid #610b4b;
}
.forumlist.color020 {
  border-top: 2px solid #610b4b;
}




/* 咖啡色 */
.forum.color021 {
  border-top: 3px solid #3b0b17;
}
.forum.color021 h1 {
  color: #3b0b17;
  border-bottom: 1px solid #3b0b17;
  margin: 0 0;
  font-weight:normal;
}
.forum.color021 .inner:hover h2 {
  color: #3b0b17;
}
ul.forumnav li.color021 .navtitle {
  border-bottom: 2px solid #3b0b17;
}
ul.forumnav li.color021 .active {
  background-color: #3b0b17;
  color: #fff;
}
.forumheader .title.color021 {
  color: #3b0b17;
}
.toparticle.color021 {
  border-top: 2px solid #3b0b17;
}
.forumlist.color021 {
  border-top: 2px solid #3b0b17;
}

.icon-f-top-color011 {
  background-position: 0 -6767px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color012 {
  background-position: 0 -6805px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color013 {
  background-position: 0 -6846px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color014 {
  background-position: 0 -6887px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color015 {
  background-position: 0 -6926px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color016 {
  background-position: 0 -6965px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color017 {
  background-position: 0 -7006px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color018 {
  background-position: 0 -7045px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color019 {
  background-position: 0 -7086px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color020 {
  background-position: 0 -7125px;
  height: 35px;
  width: 118px;
}

.icon-f-top-color021 {
  background-position: 0 -7167px;
  height: 35px;
  width: 118px;
}

/*------------------------------------*\
    研討會
\*------------------------------------*/
.coursewp {
  width:1080px;
  margin:0 auto;
  line-height:1.6;
}

.coursewp ol {
 list-style-type: decimal;
 padding-left:15px;
}

.coursewp ul {
  list-style-type: disc;
  padding-left:15px;
}


.coursewp  .list{
 margin: 0% 4%;
 white-space:nowrap;
}
@media (min-device-width:320px) and (max-device-width:768px) {
.coursewp  .list{
 margin: 0% 1.5%;
 white-space:nowrap;
}
}
.coursewp span.one{	
 white-space:nowrap;
}

#showbox{
 width:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:35px 0;
}

.msgbox{
 width:auto;
 display:inline-block;
 height:auto;
}

.msgbox span {
	line-height: 180%;
}

.msgbox01 span {
    line-height: 180%;
}

.msgbox02 span {
    line-height: 180%;
}

.courseboxall{
 width:100%;
 height:auto; 
 overflow:hidden;
 position:relative; 
}

.coursebox{
 background-color:#fff;
 float:left;
 width: 480px; 
 box-shadow: 0 0 3px 0 #bbb;
 border: 1px solid #bbb;
 border-radius: 5px;
 padding-bottom: 32767px; 
 margin-bottom: -32767px; 
 line-height:1.6;
}

.coursebox02{
 background-color:#fff;	
 float:right;
 width: 480px; 
 box-shadow: 0 0 3px 0 #bbb;
 border: 1px solid #bbb;
 border-radius: 5px;
 padding-bottom: 32767px; 
 margin-bottom: -32767px;
 line-height:1.6;
}

.scoursebox, .scoursebox02{
 padding:15px 20px 40px 20px;
}

.coursebox .title, .coursebox02 .title{
 font-size:1.125em;
 font-weight:bold;
 border-bottom:1px solid #ccc; 
 padding:20px 20px 5px 20px;
}

.courseboxbtn{
 position: absolute; 
 bottom: 25px;	
 left:18.5%;
}
.courseboxbtn02{
 position: absolute; 
 bottom: 25px;
 right:15%; 
}

.courseboxbottom { 
 position: absolute; 
 bottom: 0; 
 left: 0px;
 height: 1px; 
 width: 482px;
 background:#bbb;
} 

.courseboxbottom02 { 
 position: absolute; 
 bottom: 0; 
 right: 0px; 
 height: 1px;
 width: 482px; 
 background:#bbb;
}


#showbox01{
 width:100%;
 margin-bottom:30px;
}

.msgbox01{
 width:47%;
 display:inline-block;
 height:auto;
 vertical-align:top;
}

.msgbox02{
 width:47%;
 display:inline-block;
 height:auto;
 margin-left:5%;
 vertical-align:top;
}

/*------------------------------------*\
價值知識NAV
\*------------------------------------*/
.valuenav ul {
  padding: 10px 0;
  list-style: none;
  clear:both;
  }
  .valuenav ul li {
  display: inline-block;
  margin: 0 0;
  width:auto;
  text-align: center;
  float: left;
  }
  
  .valuenav ul li a {
  font-size: 28px;
  font-weight: 600;
  color: #363636;
  text-decoration: none;
  padding: 1em 1em 0.1em 1em;
  display: block;
  border-bottom: 3px solid #F8F8F8;
  }
  
  .valuenav a:hover, .valuenav a.active, .valuenav ul li a.focus {
  border-bottom: 3px solid #FC6F32;
  text-decoration:none;
  color:#111;
  }

  /*------------------------------------*\
延伸閱讀
\*------------------------------------*/
.readbox{
  margin: 20px 0;
  width:1080px;
  }
  
  .readline {
  width: 80%;
  height: 1px;
  border-top: 1px solid #bbb;
  margin: 1.5em auto;
  }
  
  .readbox01{
  float: left;
  width: 400px;
  padding:20px 20px;
  }
  
  .readbox02{
  float: left;
  width: 600px;
  padding:20px 20px;
  }
  
  .readbox02 .title{
  font-size: 40px;
  color: #000;
  display: block;
  margin: 5px auto 0;
  padding: 1px;
  font-weight: 700;
  }
  
  .readbox02 .date{
  font-size: 28px;
  color: #aaa;
    letter-spacing: 1px;
    display: block;
    margin: 10px 0 10px 0;
  }
  
  .readbox02 .msg{
  font-size: 32px;
  color: #666;
  display: block;
  margin: 5px auto 0;
  }