/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 20px;
  background: #f2f2f2;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/
.topnav { height: 30px; background: url(images/topnav.png) repeat-x; color: #333; text-shadow: 0px 1px 0px #fff; margin-top: 0px }
.topnav ul { margin: 0; padding: 0 }
.topnav li { float: left; margin-top: 5px; list-style: none }
.topnav li a { padding: 0 5px; color: #777 }
.topnav li a span { display: none; }
.navhome { border-right: 1px solid #fff; _border-right: none; background: url(images/pt_icn.png) no-repeat 3px 40%; }
.navmobile { border-right: 1px solid #fff; _border-right: none; background: url(images/header-mobile-icon.png) no-repeat 3px 40%; }
.navlogo { border-right: 1px solid #fff; _border-right: none; }
.topnav li.navhome a { float: left; padding-left: 25px; border-right: 1px solid #d5d5d5; }
.topnav li.navmobile a { float: left; padding-left: 25px; border-right: 1px solid #d5d5d5; }
.topnav li.navlogo a { float: left; padding: 0 10px; border-right: 1px solid #d5d5d5; }
.w1000 { /**Nav bar width**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: auto;
}
.w600r {width: 720px;text-align: right; color: #999 }
.navinf { display: inline; margin: 5px 0px 0 0; }
.z { float: left !important; }
.y { float: right !important; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.userlink, a.userlink:link, a.userlink:active, a.userlink:visited {color: #777;text-decoration: none; margin: 0 5px}
a.userlink:hover {color: #333; text-decoration: underline;}
.login, a.login:link, a.login:active, a.login:visited {color: #000;text-decoration: none;margin: 0 5px}
a.login:hover {color: #000; text-decoration: underline;}
div.search {
  float: left;
  -width: 210px;
  width: 227px; /**Ruby-Improve AD**/
  height: 25px;
  line-height: 25px;
  background-image: url(images/search_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.inpute_search {
  border: 0px solid #888;
  color: #999;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;
  padding-left: 8px;
  height: 19px;
  line-height: 19px;
  width: 162px;
}
form#search_form img {
  -margin-left: 1px;
  margin-left: 17px; /**Ruby-Improve AD**/
}
div#header {
  height: 105px;
  -height: 135px; /**Ruby-Improve AD**/
  margin: auto;
  padding-top: 15px;
  background-color: #fff
}

div.userbar {
  height: 28px;
  text-align: right;
  line-height: 28px;
  color: #666;
}

div.header_logo_banner {
  -height: 60px;
  height: 90px; /**Ruby-Improve AD**/
}

div.header_logo {
  float: left;
  height: 60px;
  margin-bottom: 5px; /**Ruby-Improve AD**/
}
.header_logo img {
  width: 230px;
}
div.header_logo_banner_left { /**Ruby-Improve AD**/
  float: left;
  width: 312px;
}

div.header_banner {
  float: right;
  -height: 60px;
  height: 90px; /**Ruby-Improve AD**/
}

div.header_search_toolbar { /**Top bar by social network & logo header width**/
  float: left;
  margin-top: 12px;
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  display: none; /**Ruby-Improve AD**/
}

ul.header_search {
  float: left;
  height: 21px;
  width: 35%;
  margin: 4px 0 0 0;
  padding: 0;
}

ul.header_search li {
  list-style: none;
  float: left;
  height: 21px;
}

ul.header_search li.tag {
  background: transparent url(images/index_tagleft.gif) no-repeat left bottom;
}

ul.header_search li.tag a {
  display: block;
  float: left;
  height: 21px;
  line-height: 21px;
  padding: 0 5px 0 5px;
  font-size: 11px;
  -webkit-text-size-adjust: none;
  background: transparent url(images/index_tagright.gif) no-repeat right bottom;
  color: #999;
}

ul.header_search li.selecttag {
  background-position: left top;
}
ul.header_search li.selecttag a {
  background-position: right top;
  color: #fff;
}
div.header_keyword {
  float: left;
  height: 27px;
  line-height: 27px;
  margin-left: 15px;
  -max-width: 390px;
  max-width: 400px; /**Ruby-Improve AD**/
  overflow: hidden;
  text-overflow: ellipsis;

}
div.header_keyword a, div.header_keyword a:link, div.header_keyword a:visited {
  margin-right: 12px;
  color: #999;
}
div.header_keyword a:hover {
  color: #333;
}
div.header_tag {
  float: right;
  display: block;
  height: 28px;
  margin-top: 5px;
  margin-right: 0
}
div.header_tag div.tag1 {
  float: left;
  height: 28px;
  width: 140px;
  background: url(images/tag.jpg) no-repeat 0px 3px;
}
div.header_tag div.tag2 {
  float: left;
  height: 28px;
  width: 80px;
  background: url(images/tag.jpg) no-repeat -140px 3px;
}

div.header_tag div.tag3 {
  float: left;
  height: 28px;
  width: 160px;
  background: url(images/tag.jpg) no-repeat -220px 3px;
}

div.header_tag div.tag4 {
  float: left;
  height: 28px;
  width: 80px;
  background: url(images/tag.jpg) no-repeat -380px 3px;
}

ul.header_toolbar {
  float: right;
  height: 21px;
  margin: 4px 0 0 0;
  padding: 0;
  width: 65%;
}

ul.header_toolbar li {
  list-style: none;
  background: transparent url(images/tab_left.gif) repeat-x left bottom;
  height: 21px;
  float: right;
}

ul.header_toolbar li a {
  display: block;
  background: transparent url(images/tab_right.gif) no-repeat right bottom;
  padding: 0 10px;
  height: 21px;
  color: #fff;
  float: left;
}

ul.header_toolbar li a:hover {
  color: #ff0;
}

ul.header_toolbar li.report a {
  color: #000;
  font-weight: bold;
  padding: 0 8px;
  background-color: #ffda10;
  background-image: none
}

ul.header_toolbar li.report a:hover {
  color: #000;
}
ul.header_toolbar li.seminar a {
  color: #000;
  font-weight: bold;
  padding: 0 0px;
  background-color: #ffda10;
  background-image: none
}

ul.header_toolbar li.seminar a:hover {
  color: #000;
}
ul.header_toolbar li.award a {
  color: #fff;
  font-weight: bold;
  padding: 0 8px;
  background-color: #0e96af;
  background-image: none

}

ul.header_toolbar li.award a:hover {
  color: #fff;
}

ul.header_toolbar li.forum-mark a {
  background-color: #f56200;
  background-image: none;
  font-weight: bold;
}
/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/
.smartmenu, .smartmenufloaty {
  background: url(images/menu_bg.gif) repeat-x;
  margin: 0px auto;
  padding: 0px auto;
  overflow: hidden;
  height: 41px;
}

.smartmenuie6 {
  height: 41px;
}

.smartmenu li a {
  display: block;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  -padding: 10px 15px 0;
  padding: 10px 15px 0; /**Ruby-Improve AD**/
  font-weight: bold;
  height: 41px
}

.smartmenu li a.last {
  border: none;
}

.smartmenu li a:hover {
  color: #eb9292;
}

.smartmenu li a.active {
  color: #fff;
  background: transparent url(images/menu_bg_hover.gif) repeat-x 0 0;
}

.smartmenu ul, .smartmenufloaty ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.smartmenu ul li, .smartmenufloaty li {
  padding: 0px;
  margin-top: 0px;
  float: left;
  color: #fff
}

li.secondary-item {
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
  float: left;
  width: 150px;
}

.smartmenu li ul {
  display: none;
}

.smartmenufloaty {
  background: transparent;
  position: absolute;
  border: none;
  width: auto;
  height: auto;
  left: 0px;
  top: 0px;
  z-index: 1000;
  margin-top: 11px;
  margin-left: -14px
}

.smartmenufloaty a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  padding: 3px 22px;
}
.smartmenufloaty .padder {
  background: url(images/floatybg.gif);
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.smartmenufloaty .padderIE6 a {
  background: url(images/floatybg.gif);
}

.smartmenufloaty li {
  float: none;
  border-bottom: 0px dotted #ac6262;
  color: #fff;
}

.smartmenufloaty li.last {
  border: none;
}

.smartmenufloaty li a {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  color: #fff;

}

.smartmenufloaty li a:hover {
  color: #fff;
  background-color: #c02626
}


/*
|--------------------------------------------------------------------------
| Body
|--------------------------------------------------------------------------
*/
#front-body-wrapper {
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  padding: 15px 0;
}

#front-body-wrapper #body {
  margin: 0 auto;
}

#front-body-wrapper #body #top-block {
  float: left;
  width: 600px;
  margin: 0 20px 5px 0;
}

#focus {
  -width: 600px;
  width: 728px; /**Ruby-Improve AD**/
  -height: 82px;
  height: 144px; /**Ruby-Improve AD**/
  margin-bottom: 15px;
  -margin-top: 10px;
  margin-top: 45px; /**Ruby-Improve AD**/
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

#focus .body {
  -padding: 4px;
  padding: 8px; /**Ruby-Improve AD**/
}
#focus .body img {
  -width: 120px;
  -height: 74px;
  width: 180px; /**Ruby-Improve AD**/
  height: 125px; /**Ruby-Improve AD**/
  float: left;
  margin-right: 8px

}
#focus .body h2 {
  max-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#focus .body h2 a {
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #000;
  font-weight: bold;
  max-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#focus .body h2 a:hover {
  text-decoration: underline

}
#focus .body p {
  color: #777;
  line-height: 19px;
  margin: 0.5em 0 0.5em;
}
#focus .arrow {
  z-index: 101;
  width: 37px;
  -height: 104px;
  height: 124px; /**Ruby-Improve AD**/
  background: transparent url(images/focus_tag.png) no-repeat 0 0;
  float: left;
  -margin: -4px 6px auto 8px;
  margin: -4px 12px auto 12px; /**Ruby-Improve AD**/
}

#front-body-wrapper #body #AD180 {
  float: right;
}

#front-body-wrapper #body #AD180 div.ad-rt-1 {
  width: 180px;
  height: 150px;
  float: left
}

#front-body-wrapper #body #AD180 div.ad-rt-2 {
  width: 180px;
  height: 150px;
  float: right;
  margin-left: 10px;
}

#front-body-wrapper #body #AD180 div.ad-rt-300 { /**Ruby-Improve AD**/
  width: 300px;
  height: 250px;
  float: right;
  margin-left: 10px;
}

#front-body-wrapper #center {
  float: left;
  width: 100%;
  margin-right: -390px;
}

#front-body-wrapper #squeeze {
  margin-right: 390px;
}

#front-body-wrapper #sidebarright {
  width: 370px;
  float: right;
}
/* 內頁開始 */
#body-wrapper { /**Inside Page width (content top AD)**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  padding: 5px 0;
}

#body-wrapper #body { /**Inside Page width (content)**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 5px auto 30px;
}

#body-wrapper #center {
  float: left;
  width: 100%;
  margin-right: -330px;
}

#body-wrapper #squeeze { /**Inside Page width (content-left column)**/
  -width: 625px;
  width: 665px; /**Ruby-Improve AD**/
  float: left;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}

div.articlelist {
  margin: 5px 0px 10px 0px;
  border-bottom: dotted #999 1px;
  padding-bottom: 10px;
}
div.articlelist:after {
  content: '';
  display: block;
  clear: both;
}
.date {
  color: #a0a0a0;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
div.articlelist h2 a {
  color: #000;
  font-size: 19px;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif
}
div.articlelist h2 a:hover {
  color: #9b0000;
  text-decoration: none
}
div.articlelist div.content {
  color: 5d5d5d;
  line-height: 19px;
  margin: 5px 0;
  color: #666;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}
/*div.articlelist div.content p{
	max-height:80px;
	overflow: hidden;
	text-overflow: ellipsis;
}*/
div.articlelist img {
  float: right;
  margin: 20px 0px 0 15px;
  max-width: 180px;
  max-height: 120px;
  overflow: hidden;
}

#body-wrapper #sidebarright {
  width: 310px;
  float: right;
}

#specialreports-body-wrapper { /**Purchase MI page width**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  background: #fff;
  padding: 5px 0;
}

#specialreports-body-wrapper #body {
  width: 970px;
  margin: 0 auto;
}

#specialreports-body-wrapper #center {
  float: left;
  width: 100%;
  margin-right: -365px;
}

#specialreports-body-wrapper #squeeze {
  margin-right: 375px;
}


#center #squeeze .block {
  margin-bottom: 10px;
}

#front-body-wrapper #body #sidebar-left {
  -width: 830px;
  width: 870px; /**Ruby-Improve AD**//**Index Content**/
  margin: 0 10px 20px 0;
  float: left;
}

#front-body-wrapper #body #sidebar-left .left {
  margin: 0 0px 15px 0;
  float: left;
  width: 428px; /**Ruby-Improve AD**//**Index Content**/
}

div.spotlight ul {
  width: 400px;
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

div.spotlight ul li {
  background: transparent url(images/recommend-icon.gif) no-repeat left;
  margin: 0 0 5px 0;
  padding: 0px 0px 3px 20px;
  max-height: 19px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold
}

div.spotlight ul li a {
  color: #333;
  padding: 0;
  font-size: 13px;

}

div.spotlight ul li a:hover {
  color: #005ebb;
}
/*Latest Updates*/
div.headtitle {
  background: url(images/headtitle.gif) no-repeat left;

}
div.headtitle span {
  color: #343434;
  font-size: 14px;
  font-weight: bold;
  margin-left: 14px;

}
div.headtitle a, div.headtitle a:visited {
  color: #343434;
}
div.headtitle a:hover {
  color: #a80000;
}
div.blackline260 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 260px;
  margin-top: 5px;
}
div.blackline250 {
  height: 8px;
  background-color: #333;
  float: right;
  width: 260px;
  margin-top: 6px;
}

div.newslist {
  margin: 0;
  float: right;
  width: 310px;
}
div#sidebar-left div.newslist {
  margin: 0;
  float: right;
  width: 420px; /**Ruby-Improve AD**//**Index Content**/
}
.width400 {
  width: 400px;
}
.width310 {
  width: 310px;
}
.height20 {
  height: 20px;
}
div.newslist ul {
  margin: 8px 0px 15px 0;
  padding: 0;
  list-style: none;
}

div.newslist ul li {
  background: transparent url(images/arrow_news.png) no-repeat left;
  margin: 0 0 6px 0;
  line-height: 19px;
  border-bottom: 1px #d6d6d6 solid;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 0px 8px 12px;
}

div.newslist ul li a {
  color: #333;
  font-weight: bold;
  font-size: 12px;
}
div.newslist ul li a:hover {
  color: #005ebb
}

div.newslist ul li span {
  color: #666;
  font-weight: bold
}
/*下方MI文章*/
div.article {
  -width: 830px;
  width: 870px; /**Ruby-Improve AD**//**Index Content**/
  float: left
}
div.article div.MI {
  -width: 405px;
  width: 425px; /**Ruby-Improve AD**//**Index Content**/
  float: left
}
div.article div.MI div.sidebar {
  -width: 400px;
  width: 420px; /**Ruby-Improve AD**//**Index Content**/
  margin-bottom: 0px;
  margin-top: 20px;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
div.article div.MI div.sidebar .body {
  padding: 18px 15px
}
div.article div.MI div.sidebar .body div.headtitle {
  background: url(images/headtitle2.gif) no-repeat left;
}

div.article div.MI div.sidebar .body div.headtitle span {
  color: #343434;
  font-size: 14px;
  font-weight: bold;
  margin-left: 14px;

}
div.article div.MI div.sidebar .body div.blackline {
  height: 1px;
  background-color: #b1b1b1;
  float: right;
  width: 100%;
  margin-top: 3px;
}

div.article div.MI div.sidebar .body .title {
  font-size: 17px;
  line-height: 22px;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 20px auto 15px auto
}

div.article div.MI div.sidebar .body .title a {
  color: #0b0b0b;
}
div.article div.MI div.sidebar .body .title a:hover {

}
.title-event {
  font-size: 13px;
  line-height: 22px;
  margin: 20px auto 10px auto;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold
}
.title-event a {
  color: #333;
}
.title-event a:hover {
  color: #005ebb;
}
.left-image {
  float: left;
  margin-right: 12px
}
div.article div.MI div.sidebar .body p {
  color: #777;
  line-height: 19px;
  padding-bottom: 10px;
  border-bottom: 1px #ccc dotted
}
div.article div.MI div.sidebar .body span {
  color: #777;
  line-height: 19px;
}
div.article div.MI div.sidebar .body ul {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

div.article div.MI div.sidebar .body ul li {
  background: transparent url(images/arrow_news.png) no-repeat 0px 6px;
  margin: 0 0 6px 0;
  padding: 0px 0px 3px 12px;
  line-height: 19px;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold

}

div.article div.MI div.sidebar .body ul li a {
  color: #333;
  padding: 0;
}

div.article div.MI div.sidebar .body ul li a:hover {
  color: #005ebb;
}

div.article div.product {
  width: 400px; /**Ruby-Improve AD**//**Index Content**/
  width: 420px; /**Ruby-Improve AD**//**Index Content**/
  float: right;
  margin-left: 5px
}
/*product-features*/
div.headtitle-product {
  background: url(images/headtitle.gif) no-repeat left;
  margin-top: 18px;
}
div.headtitle-product span {
  color: #343434;
  font-size: 14px;
  font-weight: bold;
  margin-left: 14px;

}
div.headtitle-product a, div.headtitle-product a:visited {
  color: #343434;
}

div.headtitle-product a:hover {
  color: #a80000;
}
div.blackline230 {
  height: 8px;
  background-color: #333;
  float: right;
  width: 220px;
  margin-top: 6px;
}
div.blackline220 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 220px;
  margin-top: 5px;
}
div.blackline140 {
  height: 8px;
  background-color: #333;
  float: right;
  width: 135px;
  margin-top: 6px;
}
div.blackline165 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 165px;
  margin-top: 5px;
}
div.product-features {
  border: #b8b8b8 solid 1px;
  border-top: 0;
}
div.product-features .body {
  padding: 15px 15px

}
div.product-features .body .image {
  margin-right: 12px;
  float: left;
  margin-top: 5px;
}
div.product-features .body .title {
  font-size: 13px;
  line-height: 22px;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 10px

}
div.product-features .body .title a {
  color: #0065b0;
}
div.product-features .body .title a:hover {
  color: #005ebb;
}
div.product-features .body span {

}
/*LOGO banner*/
#front-body-wrapper #body #sidebar-right {
  width: 150px;
  -width: 190px; /**Ruby-Improve AD**/
  float: right;

}
#front-body-wrapper #body #sidebar-right #banner div {
  width: 150px; /**Ruby-Improve AD**/
  -width: 190px; /**Ruby-Improve AD**/
  -margin: 6px 0;
  margin: 0; /**Ruby-Improve AD**/

}
#front-body-wrapper #body #sidebar-right #banner div iframe {
  border: #bebebe solid 1px

}
/*LEDeXchange*/

div.LEDeXchange {
  width: 150px;
  -width: 190px; /**Ruby-Improve AD**/
  border: #e6e6e6 solid 1px;
  background-color: #fff
}

div.LEDeXchange .body {
  padding: 8px 8px;
  line-height: 18px;
}
div.LEDeXchange .body img {
  margin-top: 14px;
}
table.LEDeXchange-plist tr:nth-child(2) {
  display: none;
}
/*event banner*/
div.event {
  float: left;
  margin: 10px auto 10px;
  background-color: #fff;
  -padding: 8px 1px;
  padding: 12px 0 5px 20px; /**Ruby-Improve AD**/
  border: #e6e6e6 solid 1px;
  width: 1021px; /**Ruby-Improve AD**/
  display: none; /**[LI-227]關閉不使用的媒體交換版位(Event01~06)-Ruby-20230711**/
}
div.event div {
  -margin: 0px 8px 0px 8px;
  margin: 0px 20px 0px 0; /**Ruby-Improve AD**/
  float: left;
}

div#center-block-0, div#center-block-1, div#center-block-2 {
  height: 60px;
}

.event .arrow {
  z-index: 101;
  width: 37px;
  -height: 104px;
  height: 85px; /**Ruby-Improve AD**/
  background: transparent url(images/partner_tag.png) no-repeat 0 0;
  float: left;
  -margin: -4px 6px auto 8px;
  margin: -12px 4px auto 11px; /**Ruby-Improve AD**/
}

div#latestnews-flashnews {
  width: 400px;
  height: 220px;
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif

}

div#latestnews-pricequote {

}
/* ===============*修正測試台與正式台Banner間距-Donna-20240702============== */
#div-gpt-ad-1713766015853-0, #div-gpt-ad-1713766041488-0, #div-gpt-ad-1713766073260-0, #div-gpt-ad-1713766099200-0, #div-gpt-ad-1713766123851-0, #div-gpt-ad-1713766152359-0 {
  margin: 0 0 5px 0 !important;
}
/* ===============*修正測試台與正式台Banner間距-Donna-20240702=EDN============= */
div#latestnews-pricequote div.menu {
  height: 30px;
  background: #f4f4f4;
  border-bottom: solid 1px #cb4646;
}

div#latestnews-pricequote div.menu div {
  float: left;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  background: #f4f4f4;
  border-right: solid 0px #b1b1b1;
  border-bottom: solid 0px #b1b1b1;
  border-top: solid 0px #b1b1b1;
  cursor: pointer;
}

div#latestnews-pricequote div.menu div.active {
  border-bottom: solid 0px #fff;
  border-left: solid 0px #b1b1b1;
  background: #cb4646;
  color: #fff;
}

#magazine-body-wrapper { /**Useless**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  background: #fff;
  padding: 5px 0;
}

#magazine-body-wrapper #body {
  width: 970px;
  margin: 0 auto;
}

#magazine-body-wrapper #center {
  float: left;
  width: 100%;
  margin-left: -160px;
}

#magazine-body-wrapper #squeeze {
  margin-left: 180px;
}

#magazine-body-wrapper #sidebarleft {
  width: 160px;
  float: left;
  position: relative;
}
div#center-block-union div.ofleft {
  float: left;
}

div#center-block-union div.ofright {
  float: right;
}

div#center-block-union div.oneofblock {
  width: 295px;
}

div#center-block-union div.oneofblock div.title {
  height: 26px;
  line-height: 26px;
  border-top: solid 1px #b1b1b1;
  border-bottom: solid 1px #b1b1b1; margin-top: 10px;
}

div#center-block-union div.oneofblock div.title h2 {
  float: left;
  width: 38%;
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #333;
  line-height: 23px;
  height: 23px;
  background: transparent url(images/left_title_bg.gif) no-repeat 0 center;
}

div#center-block-union div.oneofblock div.title h2 a {
  margin-left: 15px;
  color: #333;
}

div#center-block-union div.oneofblock div.title h2 a:hover {
  color: #b71e1e;
}
div#center-block-union div.oneofblock div.title div.headline {
  float: left;
  width: 38%;
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #333;
  line-height: 23px;
  height: 23px;
  background: transparent url(images/left_title_bg.gif) no-repeat 0 center;
}
div#center-block-union div.oneofblock div.title div.headline a {
  margin-left: 15px;
  color: #333;
}

div#center-block-union div.oneofblock div.title div.headline a:hover {
  color: #b71e1e;
}
div#center-block-union div.oneofblock div.title div.terms {
  text-align: right;
}

div#center-block-union div.oneofblock div.head {
  padding: 5px 0;
  border-bottom: dotted 1px #ccc;
}

div#center-block-union div.oneofblock div.head div.headercontent {
  width: 205px;
  float: right; font-family: Arial, Helvetica, sans-serif
}

div#center-block-union div.oneofblock div.head div.headerimage {
  float: left;
  width: 80px;
}

div#center-block-union div.oneofblock div.body ul.list {
  list-style-image: url(images/arrow_1.gif);
  margin-left: 18px;
  padding: 0;
}

div#center-block-ledx div.title {
  height: 23px;
  line-height: 23px;
  border-bottom: solid 1px #b1b1b1;
}

div#center-block-ledx div.title h2 {
  float: left;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #333;
  line-height: 23px;
  height: 23px;
  background: transparent url(images/left_title_bg.gif) no-repeat 0 center;
  padding: 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif
}

div#center-block-ledx div.title h2 a {
  color: #333;
}

div#center-block-ledx div.body {
  padding: 10px 0;
}

div#center-block-ledx div.left {
  width: 50%;
  float: left;
  text-align: center;
}

div#center-block-ledx div.right {
  text-align: center;
}

div#center-block-b2b div.title {
  height: 29px;
  line-height: 29px;
  background: transparent url(images/left_title_bg3.gif) no-repeat right center;
}

div#center-block-b2b div.title h2 {
  float: left;
  height: 29px;
}

div#center-block-b2b div.title div.Entrance {
  text-align: right;
  line-height: 29px;
  height: 29px;
  padding-right: 10px;
}

div#center-block-b2b div.search_wrapper {
  margin: 0;
  background: #dee7ec;
  padding: 5px;
}

div.search_wrapper ul.search_bar {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

div.search_wrapper ul.search_bar li {
  float: left;
  margin: 0;
  padding: 0;
  height: 21px;
  line-height: 21px;
}

div.search_wrapper ul.search_bar li.tag {
  width: 68px;
  cursor: pointer;
  line-height: 21px;
  text-align: center;
  background: transparent url(images/index_tagleft.gif) repeat-x 0 -21px;
}

div.search_wrapper ul.search_bar li.actived {
  color: #fff;
  background: transparent url(images/index_tagleft.gif) repeat-x 0 0;
}

div.search_wrapper div.keywords {
  text-align: right;
  padding-right: 5px;
}

div#center-block-b2b div.body {
  border: solid 1px #d6d6d6;
  border-bottom: none;
  background: #f5f5f5;
  padding: 9px;
}

table.b2bblock {
  margin: 0;
  width: 100%;
  padding: 0;
}

table.b2bblock_head {
  margin-top: 5px;
}

table.b2bblock_body {
  margin-bottom: 5px;
}

table.b2bblock thead tr {
  height: 24px;
  background: transparent url(images/bg_b2b_title_bar.gif) repeat-x top left;
}

table.b2bblock thead td.title {
  height: 24px;
  text-align: center;
  color: #fff;
  width: 100px;
  background: transparent url(images/bg_b2b_title_link.gif) no-repeat top left;
}

table.b2bblock thead td.actived {
  height: 24px;
  background: transparent url(images/bg_b2b_title_actived.gif) no-repeat top left;
}

table.b2bblock thead td.more {
  height: 24px;
  text-align: right;
  background: transparent url(images/bg_b2b_title_right.gif) no-repeat top right;
}

table.b2bblock thead td.more img {
  vertical-align: middle;
}

table.b2bblock tbody td.product {
  padding: 5px;
  text-align: center;
}

table.b2blist tbody td {
  height: 28px;
  border-bottom: dotted 1px #c5c5c5;
}
table.b2blist tbody td.even {
  background: #f5f5f5;
}

table.tablekeywords {
  margin: 0;
  width: 100%;
  padding: 0;
}

table.tablekeywords td {
  border: solid 1px #f1f1f1;
}

#sidebarright div.block {
  margin-bottom: 5px;
}

#sidebarright #ad-rt div.ad-rt-1 {
  width: 50%;
  float: left;
  height: 150px;
}

#sidebarright #ad-rt div.ad-rt-2 {
  text-align: right;
  height: 150px;
}

#sidebarright #sidebar-center {
  float: left;
  width: 100%;
  margin-right: -170px;
}

#sidebarright #sidebar-center #sidebar-squeeze {
  margin-right: 170px;
}

#sidebarright #sidebar-right {
  width: 160px;
  float: right;
  background: #ebebeb;
}

#sidebar-right #ad-l {
  width: 150px;
  margin: 5px auto;
  text-align: center;
}

#sidebar-right #ad-l div {
  width: 150px;
  margin: 0px 0;

}


#sidebar-center #sidebar-squeeze .block {
  background: transparent url(images/right_table_02.gif) repeat-y 0 0;
}

#sidebar-center #sidebar-squeeze .block .title {
  height: 28px;
  line-height: 28px;
  background: transparent url(images/right_table_01.gif) no-repeat 0 0;
}

#sidebar-center #sidebar-squeeze .block .title div.headline {
  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
  height: 28px;
  line-height: 22px;
  color: #fff;
}

#sidebar-center #sidebar-squeeze .block .title div.headline a {
  margin-left: 10px;
  color: #fff;
}

#sidebar-center #sidebar-squeeze .block .title div.headline a:hover {
  color: #eee;
}

#sidebar-center #sidebar-squeeze .block .title div.headline span {
  margin-left: 10px;
  color: #fff;
}
#sidebar-center #sidebar-squeeze .block .title_green {
  height: 28px;
  line-height: 22px;
  background: transparent url(images/right_green_table_01.gif) no-repeat 0 0;
}
#sidebar-center #sidebar-squeeze .block .title_green h2 {
  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
  height: 28px;
  line-height: 28px;
}

#sidebar-center #sidebar-squeeze .block .title_green h2 a {
  margin-left: 10px;
  color: #fff;
}

#sidebar-center #sidebar-squeeze .block .title_green h2 a:hover {
  color: #eee;
}

#sidebar-center #sidebar-squeeze .block .title_green h2 span {
  margin-left: 10px;
  color: #fff;
}

#sidebar-center #sidebar-squeeze .block .body {
  padding: 5px 0;
  background: transparent url(images/right_table_03.gif) no-repeat left bottom;
}

#sidebar-center #sidebar-squeeze .block .body .content {
  width: 182px;
  margin: auto;
}

#login-wrapper { /**Login Page width**/
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  background: #fff;
  padding: 20px 0;
}

#login { /**Login Page Content width**/
  -width: 940px;
  width: 980px; /**Ruby-Improve AD**/
  margin: 0 auto;
}

#sidebar-block-login div.body table tbody tr td input[name="password"],
#sidebar-block-login div.body table tbody tr td input[name="username"] {
  width: 100%; /**Ruby-Improve AD**/
}

#login-wrapper #center {
  float: left;
  width: 100%;
  margin-right: -379px;
}

#login-wrapper #squeeze { /**Login Page Left Content**/
  -margin-right: 379px;
  margin-right: 345px; /**Ruby-Improve AD**/
}

#login-wrapper #sidebarright { /**Login Page Right Sidebar**/
  -width: 294px;
  width: 315px; /**Ruby-Improve AD**/
  float: right;
}

#login-wrapper #sidebarright .block {
  margin-bottom: 5px;
}

#sidebar-block-login {
  background: #f5f5f5;
  border: solid 1px #c5c5c5;
  padding: 12px 0;
}

#sidebar-block-login div.body {
  width: 274px;
  margin: 0 auto;
}

#sidebar-block-login h5 {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #036;
  font-family: Arial, Helvetica, sans-serif,;
  line-height: 25px;
}

div.image_bannerlogin {
  height: 132px;
}

div.line {
  height: 1px;
  border-top: solid 1px #d3d3d3;
  margin: 10px 0 20px;
  font-size: 1px;
}

div.error {
  border: solid 1px #d77;
  background: #fcc;
  color: #a30000;
  margin-bottom: 10px;
  padding: 0;
}

div.error ul {
  padding: 0 20px;
}

div.info {
  border: solid 1px #c7f2c8;
  background: #fff;
  color: #33a333;
  margin-bottom: 10px;
  padding: 0;
}

div.info ul {
  padding: 0 20px;
}

#register-wrapper {
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  background: #fff;
  padding: 20px 0;
}

#register {
  -width: 754px;
  width: 980px; /**Ruby-Improve AD**/
  margin: 0 auto;
}

fieldset {
  background: #fff url(images/gradient-inner.gif) repeat-x 0 -21px;
  border: solid 1px #d9eaf5;
  margin: 0;
  padding-top: 1em;
  text-align: left;
  margin-top: 10px; background-position: bottom;
}

* html fieldset {
  background: #fff url(images/gradient-inner.gif) repeat-x 0 0;
  margin: 0;
}

* + html fieldset {
  background: #fff url(images/gradient-inner.gif) repeat-x 0 0;
  margin: 0;
}

table.register_table {
  width: 100%;
  border: 0;
}

table.register_table td.label {
  width: 130px;
  text-align: right;
}

table.agreement {
  width: 100%;
  margin-top: 20px;
}

table.agreement td {
  border: solid 1px #ccc;
}

table.agreement thead td {
  background: #f5f5f5;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

div.submit {
  margin: 15px 0;
  text-align: center;
}

div.submit input {
  color: #000;
}

div#register_success {
  font-size: 14px;
}

div.breadcrumb {
  color: #555;
  margin: 5px auto 5px;
}

div.breadcrumb .left {
  height: 29px;
  line-height: 29px;
  float: left;
  width: 96%;
  padding-left: 15px;
}

div.breadcrumb .right {
  height: 29px;
  line-height: 29px;
  background: transparent url(images/breadcrumb_03.gif) no-repeat top right;
}

span.actived_page {
  font-size: 12px;
  color: #b50000;
  font-weight: bold

}

div#usercenter_block {
  width: 880px;
  margin: 30px auto;
}

div#usercenter_block .left {
  float: left;
  width: 250px
}

div#usercenter_block .right {
  float: left;
  width: 630px
}

div#usercenter_block .left ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#usercenter_block .left ul.list li.actived a {
  font-weight: bold;
}

div#usercenter_block .left ul.list li a {
  font-size: 12px;
  color: #333;
}

div#usercenter_block .left ul.list li a:hover {
  color: #d00202
}

div.userprofile_block {
  border: solid 1px #ccc;
  background: #f2f2f2;
  padding: 10px;
  margin: 15px 0;
  line-height: 30px;
}

div.userprofile_block div {
  width: 610px;
  margin: 0 auto;
}

div.usernewsleeter_block {
  border: solid 1px #c9dae0;
}

div.usernewsleeter_block .head {
  height: 36px;
  line-height: 36px;
  background: #d2e3ec;
  padding: 0 10px;
}

div.usernewsleeter_block .body {
  padding: 10px;
}

div.usernewsleeter_block .body div {
  margin: 10px 0;
}

div.userfaq {
  margin: 20px 0;
  line-height: 25px;
}

div.usersuccess {
  margin: 5px 0;
  line-height: 25px;
  font-size: 14px;
}

div#sidebar-event div.month {
  line-height: 28px;
  margin: 5px 0;
}

div#sidebar-event div.month a {
  padding: 2px 3px;
  background: #f3f3f3;
  border: solid 1px #9b9b9b;
  color: #666;
}

div#sidebar-event div.month a:hover {
  background: #981f1f;
  border: solid 1px #981f1f;
  color: #fff;
}

div#sidebar-event div.month a.active {
  color: #981f1f;
  font-weight: bold;
}

div#sidebar-innovation div.item {
  margin: 5px 0 10px;
}

div#sidebar-innovation div.image_float {
  float: left;
  margin-right: 5px;
}

div.dotline {
  height: 10px;
  margin: 3px 0;
  background: transparent url(images/icon_1.gif) repeat-x 0 0;
}

table.market {
  margin: 0;
  padding: 0;

}

table.market tbody tr.even {
  background: #f5f5f5;
}

table.market tbody tr.odd {
  background: #fff;
}

table.market td {
  border: none;
  font-size: 11px;
  -webkit-text-size-adjust: none;
}

table#metal tbody td.name {
  color: #e20707;
}

table#metal tbody td.unit {
  text-align: center;
}

table#metal tbody td.time {
}

table#stock thead td {
  text-align: right;
}

table#stock tbody td.name {
  font-size: 10px;
  -webkit-text-size-adjust: none;
  font-family: Arial, Helvetica, sans-serif;
}

table#stock tbody td.change {
  text-align: right;
}

table#stock thead td.market_description {
  color: #df1a1a;
  text-align: left;
}

table#stock tbody td.lasttrade {
  text-align: right;
}

table#stock tbody td.currency {
  text-align: center;
}

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

ul.list1 li {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ddd
}

ul.weeklist {
  margin: 8px 0 15px 0;
  padding: 0;
  list-style: none;
}

ul.weeklist li {
  padding-top: 5px; /**Ruby-Improve AD**/
  padding-bottom: 11px; /**Ruby-Improve AD**/
  line-height: 20px; /**Ruby-Improve AD**/
  border-bottom: 1px #d6d6d6 solid;
  font-weight: bold;
  max-height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px
}

ul.weeklist li a, ul.weeklist li a:visited {
  color: #333;
  padding: 0;
  margin: 0
}
ul.weeklist li a:hover {
  color: #005ebb
}
ul.weeklist li.li0 span, ul.weeklist li.li1 span, ul.weeklist li.li2 span {
  color: #c88181;
  margin-right: 12px;
  font-weight: bold;
  float: left;
  margin-top: 0px;
  font-size: 21px;
  line-height: 22px; /**Ruby-Improve AD**/
}
ul.weeklist li.li3 span, ul.weeklist li.li4 span, ul.weeklist li.li5 span, ul.weeklist li.li6 span, ul.weeklist li.li7 span, ul.weeklist li.li5 span, ul.weeklist li.li8 span, ul.weeklist li.li9 span {
  color: #c9c9c9;
  margin-right: 12px;
  font-weight: bold;
  float: left;
  margin-top: 0px;
  font-size: 21px;
  line-height: 22px; /**Ruby-Improve AD**/
}

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

ul.mlist li {
  height: 30px;
  line-height: 30px;
  background: transparent url(images/icon_10.gif) repeat-x left bottom;
}

ul.mlist li.active {
  background: #deeefa url(images/icon_10.gif) repeat-x left bottom;
}

ul.mlist li a {
  margin-left: 8px;
}

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

ul.list2 li {
  height: 25px;
}

div#sidebar-buysellforum ul {
  margin: 5px 0;
  padding: 0;
}

div#sidebar-stock {
  margin-top: 15px;
}

div#sidebar-stock div.title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 13px;
  border-bottom: 5px #333 solid

}
div#sidebar-stock div.title a {
  color: #222
}

div#sidebar-stock div.body .updatetime {
  text-align: left; color: #999;
  border-bottom: #ccc solid 1px

}

div#sidebar-stock div.menu {
  line-height: 22px;
}

div#sidebar-stock div.menu span {
  padding: 2px 3px;
  background: #666;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 1px;
  color: #fff;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  cursor: pointer
}

div#sidebar-stock div.menu span.hover, div#sidebar-stock div.menu span.active {
  background: #981f1f;
}
div#sidebar-stock div.menu span a {
  color: #fff;
}

#body-wrapper #sidebarright .block {
  background: transparent url(images/news_right_02.gif) repeat-y 0 0;
}

#body-wrapper #sidebarright .block .title {
  height: 28px;
  line-height: 28px;
  background: transparent url(images/news_right_01.gif) no-repeat 0 0;
}

#body-wrapper #sidebarright .block .title h2 {
  font-size: 14px;
  font-weight: bold;
  float: left;
  height: 28px;
  line-height: 28px;
}

#body-wrapper #sidebarright .block .title h2 a {
  margin-left: 10px;
  color: #333;
}

#body-wrapper #sidebarright .block .title h2 a:hover {
  color: #b71e1e;
}

#body-wrapper #sidebarright .block .title h2 span {
  margin-left: 10px;
  color: #fff;font-family: "Verdana", "Arial";font-size: 13px;
}

#body-wrapper #sidebarright .block .title div.more2 {
  height: 24px;
  line-height: 24px;
  padding: 0;
  margin: 0;
}

#body-wrapper #sidebarright .block .body {
  padding: 5px 0;
  background: transparent url(images/news_right_03.gif) no-repeat left bottom;
}

#body-wrapper #sidebarright .block .body .content {
  width: 192px;
  margin: auto;
}

#sidebarleft .block {
  background: transparent url(images/news_left_02.gif) repeat-y 0 0;
}

#sidebarleft .block .title {
  height: 28px;
  line-height: 28px;
  background: transparent url(images/news_left_01.gif) no-repeat 0 0;
}

#sidebarleft .block .title h2 {
  font-size: 14px;
  font-weight: bold;
  float: left;
  height: 28px;
  line-height: 28px;
}

#sidebarleft .block .title h2 a {
  margin-left: 10px;
  color: #333;
}

#sidebarleft .block .title h2 a:hover {
  color: #b71e1e;
}

#sidebarleft .block .title h2 span {
  margin-left: 10px;
  color: #333;
}

#sidebarleft .block .body {
  padding: 5px 0;
  background: transparent url(images/news_left_03.gif) no-repeat left bottom;
}

#sidebarleft .block .body .content {
  margin: auto 10px;
  text-align: left;
}

.morelink h2 {
  float: left;
  with: 50%;
}
.morelink div {
  text-align: right;
  height: 17px;
  padding-top: 5px;
}

#sidebar-feature .body .content {
  text-align: center;
}

#body-wrapper #sidebarright #sidebar-hotweek .body {
  padding: 10px 0
}

#center-block-topnews div.left {
  float: left;
  width: 490px;
}

#center-block-topnews div.right {
  float: right;
  width: 240px;
}

.submitted {
  color: #898989;
}

div.submitted {

}

div.topnews {
  padding-top: 10px;
}

div.topnews div.content {
  font-size: 12px;
  line-height: 22px; color: #646464
}

div.topnews div.image_float {
  float: left;
  margin: 0 10px 10px 0
}

div.listblock div.title {
  background: transparent url(images/title_bg.gif) no-repeat left top;
  height: 25px;
  line-height: 25px;
}

div.listblock div.title h2 {
  width: 124px;
  height: 25px;
  line-height: 30px;
  float: left;
  text-align: center;
}

div.listblock div.title div.centerblock {
  width: 65%;
  float: left;
  padding-left: 45px;
}

div.listblock div.title div.morelink {
  width: 100px;
  float: right;
  text-align: right;
  height: 17px;
  padding-top: 5px;
  padding-right: 0;
}

table.list {
  margin: 10px 0;
  padding: 0;
}

table.list tbody tr {
  background: transparent url(images/icon_1.gif) repeat-x left bottom;
}

table.list tbody td {
  height: 24px;
  line-height: 24px;
}

table.list tbody td.datetime {
  color: #9c9c9c;
  text-align: right;
  font-size: 11px;
  vertical-align: top;
  width: 90px;
  -webkit-text-size-adjust: none;
}

div.pagination {
  text-align: center;
  margin: 30px auto;
}

ul.pagination {
  margin-left: 160px;
  padding: 0;
  list-style: none;

}

ul.pagination li {
  display: inline;
  float: left;
  margin: 3px 2px;
}

ul.pagination li a, div.pagination span {
  float: left;
  display: block;
  padding: 0 5px;
}

ul.pagination li a {
  border: solid 1px #cdcdcd;
  color: #930;
}


div.pagination li a:hover {
  color: #666;
  border: solid 1px #d50000;
}

ul.pagination li.disabled span {
  color: #ddd;
  border: solid 1px #ddd;
}

ul.pagination li.active span {
  color: #fff;
  background: #d50000;
  border: solid 1px #d50000;
  font-weight: bold;
}
div.sideleft {
  width: 655px;
  float: left;

}
div.node {
  width: 665px; /**Ruby-Improve AD**/
}
div.node table {
  border: #999 solid 0px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;

}

div.node_full { /**Purchase MI Content width**/
  -width: 935px;
  width: 1000px; /**Ruby-Improve AD**/
  float: left;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -padding: 30px 30px; /**Ruby-Improve AD**/
  padding: 30px 20px; /**Ruby-Improve AD**/
}

div.features_full { /**Features Content width**/
  -width: 935px;
  width: 935px; /**Ruby-Improve AD**/
  /**Because The Banner Size 935px**/
  float: left;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -padding: 30px 30px; /**Ruby-Improve AD**/
  padding: 30px 50px; /**Ruby-Improve AD**/
}

h2.node_title {
  margin-top: 8px;
  font-size: 26px;
  font-family: georgia, "times new roman", times, serif;
  font-weight: normal;
  color: #222;
  line-height: 1.3em;
  margin-bottom: 12px;
}

div.node div.submitted {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px
}

div.node_body {
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.7em;
  font-family: georgia, "times new roman", times, serif;
  color: #444

}
div.node_body a {
  color: #0060c0;
  text-decoration: underline;
}
div.node_body img {
  max-width: 620px;
}

div.node_prevnext {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  text-align: center;
  padding: 5px;
  font-size: 12px;
  margin: 10px 0;
  font-weight: bold;

}

div.node_prevnext a.topic-previous {
  text-align: left; /* LTR */
  float: left; /* LTR */
  width: 42%;
  background: transparent url(images/postnav_arrow_left.gif) no-repeat top 4px left;
}

div.node_prevnext a.topic-next {
  text-align: right; /* LTR */
  float: right; /* LTR */
  width: 42%;
  background: transparent url(images/postnav_arrow_right.gif) no-repeat top 4px right;
}

div.node_prevnext a.topic-previous, div.node_prevnext a.topic-next {
  color: #484848;
  padding: 0 20px;
}

div.node_prevnext a:hover.topic-previous, div.node_prevnext a:hover.topic-next {
  color: #b80f0f;
}

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

ul.taxonomy li {
  float: left;
  margin: 0 5px;
}

div.node_relateds {
  margin: 20px 20px;
  float: left
}

div.node_relateds div.head {
  font-size: 13px;
  color: #333;
  font-weight: bold;
}

div.node_relateds div.related_latest {
  float: left;
  width: 48%;
}

div.node_relateds div.related_taxonomy {
  width: 100%;
}


ul.node_related {
  margin: 5px 0;
  padding: 0;
}

ul.node_related li {
  margin-bottom: 5px;
  background: transparent url(images/menu-leaf.gif) no-repeat left 5px;
  padding-left: 15px;
  list-style-type: none;
  text-align: left;
}

div#center-block-topnews ul.taxonomy li {
  margin: 0 2px;
}

div#center-block-topnews div.taxonomy {
  margin: 3px 0;
}

div#center-block-taxonomyblock div.left {
  float: left;
}

div#center-block-taxonomyblock div.right {
  float: right;
}

div#center-block-taxonomyblock div.oneofblock {
  width: 360px;
  margin-bottom: 5px;
}

div#center-block-taxonomyblock div.oneofblock div.title {
  background: #f1f1f1;
  border-bottom: solid 1px #b2b2b2;
  height: 22px;
  line-height: 22px;
}

div#center-block-taxonomyblock div.oneofblock div.title span, div#center-block-taxonomyblock div.oneofblock div.title a {
  margin-left: 10px;
  font-weight: bold;
  font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif
}

div#center-block-taxonomyblock div.oneofblock div.head {
  padding: 10px 0;
  background: transparent url(images/icon_2.gif) repeat-x left bottom;
}


div#center-block-taxonomyblock div.image_float {
  float: left;
  margin: 0 10px 10px 0
}

div#center-block-taxonomyblock ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#center-block-taxonomyblock ul.list li {
  line-height: 25px;
  background: transparent url(images/icon_2.gif) repeat-x left bottom;
}

div#center-block-taxonomyblock ul.list li a {
  padding-left: 10px;
  line-height: 25px;
  background: transparent url(images/arrow_list.gif) no-repeat left center;
}

#center-block-investigation div.left {
  float: left;
  width: 390px;
}

#center-block-investigation div.right {
  float: right;
  width: 350px;
}

table.investigation-topblock {
  border: solid 1px #b6dcf3;
}

table.investigation-topblock thead td {
  height: 25px;
  line-height: 25px;
  padding-left: 8px;
  background: #deeef3;
  font-weight: bold;
  font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3d6287
}

table.investigation-topblock tbody td {
  padding: 5px 2px;
}

#center-block-research div.left {
  float: left;
  width: 470px;
}

#center-block-research div.right {
  float: right;
  width: 260px;
}

div.ledx-topblock {
  text-align: center;
}

div.bignews_title {
  margin: 5px 0;
}

#center-block-konwledge div.left {
  float: left;
  width: 740px;
}

#center-block-konwledge div.right {
  float: right;
  width: 240px;
}

div.konwledge-topblock {
  background: #f3f3f3;
  border: solid 1px #ccc;
  padding: 7px;
}

div.konwledge-topblock h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  text-align: center;
  color: #c20303;
}

div#center-block-event div.title {
  text-align: center;
  font-size: 14px;
  margin: 8px 0;
}

table.eventtable thead tr {
  background: #438ac5;
}

table.eventtable thead td, table.eventtable thead th {
  font-size: 12px;
  color: #fff;
}


table.eventtable td {
  border: solid 1px #cdcdcd;
}


table.eventtable th.area, table.eventtable th.country, table.eventtable th.city, table.eventtable th.date, table.eventtable th.site, table.eventtable th.number {
  text-align: center;
}

table.eventtable td.area, table.eventtable td.country, table.eventtable td.city, table.eventtable td.date, table.eventtable td.site, table.eventtable td.number {
  text-align: center;
}

div.field {
  font-size: 14px;
  margin-bottom: 5px;
}

.fields.clear-block {
  background-color: #ececec;
  padding: 15px;
  border-left: 5px solid #cb4646;
  margin: 30px;
}
div.field-label {
  font-weight: bold;
  margin-bottom: 8px;
}

div.content_rss {
  float: left;
  width: 38%;
  margin-top: 15px;
}
div.tag {
  float: right;
  width: 62%;
  margin-top: 35px;
  text-align: right
}
div.tag a {
  margin-left: 10px

}

.pageview {
  color: #ce5757;
  margin-left: 4px;
  padding-left: 7px;
  border-left: #ccc 1px solid;
}

span.IN-widget span:first-child {
  top: 2px !important;
  position: relative !important;
}

div#popular table td {
  padding: 3px;
}

table.event_table td {
  border: solid 1px #efefef;
  font-size: 14px;
}

table.event_table td.label {
  text-align: center;
  width: 80px;
}

table.event_table tbody td.label {
  background: #f5f5f5;
}

table.event_table thead td {
  background: #438ac5;
  color: #fff;
}

div#center-block-latestbelight div.image_float {
  float: left;
  margin-right: 10px;
}

div#center-block-list div.image_float {
  float: left;
  margin-right: 10px;
}

div#center-block-list div.text {
  margin-top: 20px;
}

div.magazine-row-wrapper {
  height: 213px;
  margin: 20px 0;
  background: transparent url(images/belight_bg.gif) no-repeat left bottom;
}

div.magazine-row {
  width: 700px;
  margin: auto;
}

div.magazine-row div.left {
  width: 50%;
  float: left;
}

div.magazine-row div.right {
  width: 50%;
  float: right;
}

div.magazine-row div.text {
  margin: 0 5px;
}

div#center-block-node-belight div.image_float {
  float: left;
  margin-right: 10px;
  word-wrap: break-word;
}

div#center-block-node-belight div.cover {
  margin-bottom: 5px;
}

table.share_table {
  width: 100%;
  margin: auto;
  background: #f3f3f3;
}

table.share_table thead td {
  height: 15px;
  background: #999;
}

table.share_table tfoot td {
  height: 15px;
  background: #f3f3f3;
}

table.share_table tbody td {
  padding: 5px;
  border: solid 1px #fff;
}

table.share_table tbody td.label {
  text-align: right;
}

ul.latestcontent li.more {
  text-align: right;
}

table.rss td {
  text-align: left;
  padding-left: 7px;
}

div.energy_keywords {
  padding: 1px 0;
  color: #666;
  text-decoration: none;
  font-size: 11px;
  background-color: #e8f0f4;
  border: #b4cfd8 1px solid;
  text-align: center;
  -webkit-text-size-adjust: none;
}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/
div#footer {
  background: #3c3c3c;
  margin: 0 auto;
  padding: 0;
  float: left;
  width: 100%

}

div#footerlinks {
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: auto;
  height: 34px;
  line-height: 34px;
  text-align: left;
  color: #fff;


}

div#footerlinks div.content {
  margin: auto;
  height: 34px;
  line-height: 34px;
}

div#copyright { /**footer width**/
  margin: 15px auto;
  line-height: 34px;
  text-align: left;
  color: #999;
  padding: 5px 0;
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/

}
div#footer-brand {
  bottom: 45px;
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  margin: 0 auto;
  position: relative;
  clear: both;
  color: #ccc;
}
div#copyright div.content {
  margin: auto;
  line-height: 25px;
  float: left

}
div#copyright div.QRcode {
  float: right;

}
div#copyright div.content div.welinks {
  margin: 0 auto;
  color: #ccc;
}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/
.upper {color: #f20909}
.lower {color: #05cf3e}
.zero {color: #666}
.bignews {font-size: 13px;line-height: 20px;color: #333;font-weight: bold;font-family: "Verdana"}
a.bignews:link {font-size: 13px;line-height: 20px;color: #333;font-weight: bold;font-family: "Verdana"}
a.bignews:visited {font-size: 13px;line-height: 20px;color: #333;font-weight: bold;font-family: "Verdana"}
a.bignews:hover {font-size: 13px;line-height: 20px;color: #b71e1e;font-weight: bold;font-family: "Verdana"}
.bignews1 {color: #315b8e;font-size: 12px;text-decoration: none;line-height: 17px; font-weight: bold;font-family: "Verdana"}
a.bignews1:link {color: #315b8e;font-size: 12px;text-decoration: none;line-height: 17px; font-weight: bold;font-family: "Verdana"}
a.bignews1:visited {color: #315b8e;font-size: 12px;text-decoration: none;font-weight: bold;font-family: "Verdana"}
a.bignews1:hover {color: #333;font-size: 12px;text-decoration: none;font-weight: bold;font-family: "Verdana"}
.footer_link {color: #fff;font-size: 12px;text-decoration: none;}
a.footer_link:link {color: #fff;font-size: 12px;text-decoration: none;}
a.footer_link:visited {color: #fff;font-size: 12px;text-decoration: none;}
a.footer_link:hover {color: #d5d5d5;font-size: 12px;text-decoration: underline;}

.red, a.red:link, a.red:active, a.red:visited {color: #df1a1a;text-decoration: none;}
a.red:hover {color: #000; text-decoration: underline;}
.red1 {color: #df1a1a;text-decoration: none;}
a.red1:link {color: #df1a1a;text-decoration: none;}
a.red1:visited {color: #df1a1a;text-decoration: none;}
a.red1:hover {color: #000;text-decoration: none;}
.blue {color: #146794;font-size: 12px;text-decoration: none;font-family: "Verdana";}
a.blue:link {color: #146794;font-size: 12px;text-decoration: none;font-family: "Verdana";}
a.blue:hover {color: #4c4c4c;font-size: 12px;text-decoration: none;font-family: "Verdana";}
.blue2 {color: #0f5288;font-size: 11px;text-decoration: none; line-height: 16px; font-weight: bold;-webkit-text-size-adjust: none;}
a.blue2:link {color: #0f5288;font-size: 11px;text-decoration: none;line-height: 16px;font-weight: bold;-webkit-text-size-adjust: none;}
a.blue2:visited {color: #0f5288;font-size: 11px;text-decoration: none;font-weight: bold}
a.blue2:hover {color: #000;font-size: 11px;text-decoration: none;font-weight: bold}
.gray {color: #404040;text-decoration: none;}
a.gray:link {color: #404040;text-decoration: none; }
a.gray:visited {color: #404040;text-decoration: none;}
a.gray:hover {color: #cf0c0c;text-decoration: none;}

.link, a.link:link, a.link:active, a.link:visited {color: #404040;text-decoration: none;}
a.link:hover {color: #cf0c0c; text-decoration: underline;}


.link2 {color: #646464;font-size: 12px;text-decoration: none;}
a.link2:link {color: #646464;font-size: 12px;text-decoration: none;}
a.link2:visited {color: #646464;font-size: 12px;text-decoration: none;}
a.link2:hover {color: #cf0c0c;font-size: 12px;text-decoration: none;}
.link3 {color: #464646;font-size: 12px;text-decoration: none;}
a.link3:link {color: #464646;font-size: 12px;text-decoration: none;}
a.link3:hover {color: #cf0c0c;font-size: 12px;text-decoration: none;}
a.link3:visited {color: #464646;font-size: 12px;text-decoration: none;}
.link4 {color: #315b8e;font-size: 13px;text-decoration: none;line-height: 22px; font-weight: bold;}
a.link4:link {color: #315b8e;font-size: 13px;text-decoration: none;line-height: 22px; font-weight: bold;}
a.link4:visited {color: #315b8e;font-size: 13px;text-decoration: none;font-weight: bold;}
a.link4:hover {color: #333;font-size: 13px;text-decoration: none;font-weight: bold;}
.language-bar, a.language-bar:link, a.language-bar:active, a.language-bar:visited {padding: 2px;color: #333;text-decoration: none;background-color: #fff; border: 1px #ccc solid; margin: 0 1px}
a.language-bar:hover {padding: 2px;color: #fff;text-decoration: none;font-size: 12px;background-color: #999}
.gary {color: #999;font-size: 12px;text-decoration: none;font-family: "Arial", "Verdana"}
a.gary:link, visited {color: #999;font-size: 12px;text-decoration: none;font-family: "Arial", "Verdana"}
a.gary:visited {color: #999;font-size: 12px;text-decoration: none;font-family: "Arial", "Verdana"}
a.gary:hover {color: #6192c7;font-size: 12px;text-decoration: none;font-family: "Arial", "Verdana"}
a.weblink:link {color: #78b8e7;font-size: 12px;text-decoration: none}
a.weblink:visited {color: #78b8e7;font-size: 12px;text-decoration: none}
a.weblink:hover {color: #fff;font-size: 12px;text-decoration: none}
.buttom-bar {padding: 4px;color: #fff;text-decoration: none;font-size: 12px;background-color: #58a3cb;margin-right: 15px; }
a.buttom-bar:link {padding: 4px;color: #fff;text-decoration: none;font-size: 12px;background-color: #58a3cb;margin-right: 15px;}
a.buttom-bar:hover {padding: 4px;color: #fff;text-decoration: none;font-size: 12px;background-color: #999;margin-right: 15px;}
.key_point {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:link {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:visited {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:hover {color: #cf0c0c;font-size: 12px;text-decoration: none;}
.crimson1 {color: #bf0000;text-decoration: none;line-height: 18px;}
a.crimson1:link {color: #bf0000;text-decoration: none;line-height: 18px;}
a.crimson1:hover {color: #333;text-decoration: underline;line-height: 18px;}
a.crimson1:visited {color: #bf0000;text-decoration: underline;line-height: 18px;}
.crimson {color: #bf0000;font-size: 14px;text-decoration: none;line-height: 18px;}
a.crimson:link {color: #bf0000;font-size: 14px;text-decoration: none;line-height: 18px;}
a.crimson:hover {color: #333;font-size: 14px;text-decoration: underline;line-height: 18px;}
a.crimson:visited {color: #bf0000;font-size: 14px;text-decoration: underline;line-height: 18px;}
.orange {color: #e14a02;}
.white, a.white:link, a.white:active, a.white:visited {color: #fff;font-size: 12px;text-decoration: none}
a.white:hover {color: #000;font-size: 12px;text-decoration: none}
a:link.b2blatestcompany, a:visited.b2blatestcompany {color: #276fb6; text-decoration: none;}
a:hover.b2blatestcompany {color: #0d3c6f;}
.b2bpost, a.b2bpost:link, a.b2bpost:active, a.b2bpost:visited {color: #fff; background: #3493e0; padding: 2px 3px; text-decoration: none}
a.b2bpost:hover {background: #999}

.navyblue {color: #315b8e;font-size: 14px;text-decoration: none;line-height: 18px; font-weight: bold;}
.bold {font-weight: bold;}
.key_point {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:link {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:visited {color: #999;font-size: 12px;text-decoration: none;}
a.key_point:hover {color: #cf0c0c;font-size: 12px;text-decoration: none;}
.skyblue {color: #409dd0; font-weight: bold; font-size: 11px;}
.inpute_border3 {border: 1px solid #d7d7d7; color: #666;font-size: 12px;text-decoration: none;font-family: Arial, Helvetica, sans-serif; height: 16px; display: block}
.event_list {color: #fff;font-size: 14px;text-decoration: none;line-height: 18px;}
.table_line2 {
  border-bottom: 1px solid #d3d3d3; height: 5px;margin: 5px 0px 5px 0px;overflow: hidden;
}
a.mi_top:hover {
  background-color: #5586aa;
  background-image: none;
  color: #fff;font-size: 11px;text-decoration: none;
  -webkit-text-size-adjust: none;
}
.mi_top a {
  background-position: 50% bottom;
  border: 1px solid #ccc;font-size: 11px;
  color: #999;
  margin-right: 3px;
  padding: 2px 6px;
  text-decoration: none;
  -webkit-text-size-adjust: none;
}
.green {color: #58a525;font-size: 12px;text-decoration: none;}
.change_down {color: #090}
.change_up {color: #e52222}
.more2 a {
  margin-right: 5px; color: #fff;
}
h4 {
  font-size: 13px; font-weight: bold;
  color: #fff;
  padding-left: 10px; margin-top: -1px;font-family: "Verdana", "Arial";float: left
}
.title_6 {color: #000;font-size: 15px;text-decoration: none;line-height: 20px; font-weight: bold;font-family: "Verdana", "Arial";}
a.title_6:link {color: #000;font-size: 15px;text-decoration: none;line-height: 20px; font-weight: bold;font-family: "Verdana", "Arial";}
a.title_6:visited {color: #000;font-size: 15px;text-decoration: none;line-height: 20px; font-weight: bold;font-family: "Verdana", "Arial";}
a.title_6:hover {color: #a00;font-size: 15px;text-decoration: none;line-height: 20px; font-weight: bold;font-family: "Verdana", "Arial";}
a.clink {color: #013172;font-size: 11px;text-decoration: underline; }
.index_pv {
  padding: 1px 0 1px 0;
  color: #666;
  text-decoration: none;
  font-size: 11px;
  background-color: #e8f0f4;
  border: #b4cfd8 1px solid;
  margin: 5px 0px 4px 0px;
}
/* product tables */
table.tablesorter {
  background-color: #cdcdcd;
  margin: 0px 0px 15px;
  font-size: 12px;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #438ac5;
  border: 0px solid #fff;
  font-size: 14px;
  padding: 4px; color: #fff; font-weight: normal
}
table.tablesorter thead tr .header {
  background-image: url(../Images/event_bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3d3d3d;
  padding: 4px; border-bottom: 1px solid #ddd;
}
table.tablesorter tbody tr.odd td {
  background-color: #276898;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(../Images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../Images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #06396c; color: #fff
}
tr.over td {
  background: #e1e1e1;
}
legend {
  text-align: left; color: #2d70a6; font-weight: bold
}
.b2b_product, a.b2b_product:link, a.b2b_product:visited {
  color: #2367ab;
  font-size: 12px;
  text-decoration: none;
  margin-right: 10px;
}
a.b2b_product:hover {
  color: #cf0c0c;
  font-size: 12px;
  text-decoration: none;
  margin-right: 10px;
}


table.featureproducttable {
  width: 100%;
}

table.featureproducttable td {
  padding: 5px;
  text-align: center;
  width: 50%;
}
div.blub {
  width: 740px;margin-left: 10px;
}
div.blub .blub-left {
  float: left; width: 472px;
}
div.blub .blub-right {
  float: right; width: 250px; margin-left: 8px;
}
#blub_list li {
  float: left;WIDTH: 432px;
  margin-left: 0px;
  background-position: left center;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #c5c5c5;
}

.nbuluoge-price {
  float: left;
  height: auto;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px !important; margin-bottom: 6px;
  margin-top: 0px !important; margin-top: 0px;
  clear: both;
}
.blub_news {
  background-color: #8f8f8f; color: #fff;
}
.blub_news_1 {
  background-color: #333;
  width: 155px;
  text-align: center;
  padding: 2px;
}
.blub_title {
  font-size: 13px; float: left;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif
}
.price_news {
  background-color: #fff;
  padding: 8px 0px;
}
span.submitted {
  font-size: 11px;
  color: #666;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.news_content {
  line-height: 18px; font-size: 12px;
}
.blub_line {
  border-bottom: 1px solid #d3d3d3; height: 10px; overflow: hidden; margin-bottom: 8px;
}
.blub-left .link3 {font-size: 12px}
.title_4 {color: #315b8e;}
/*
|--------------------------------------------------------------------------
| feature
|--------------------------------------------------------------------------
*/
td.feature_title {
  padding: 5px;
  border-top: #a5d1e0 solid 1px;
  border-bottom: #a5d1e0 solid 1px;
  background-color: #c2e4ee;
  font-size: 15px;
  font-weight: bold;
  height: 19px;
  margin: 5px 0;
  color: #074181
}
div.feature_title {
  width: 99%;
  padding: 5px;
  border-top: #a5d1e0 solid 1px;
  border-bottom: #a5d1e0 solid 1px;
  background-color: #c2e4ee;
  font-size: 15px;
  font-weight: bold;
  height: 19px;
  margin: 5px 0;
  color: #074181
}
div.feature {
  float: left;
  margin-right: 9px;
  padding: 12px 12px;
  border: #d2d2d2 solid 1px;
  margin-bottom: 10px;
  width: 28%;
}
table.feature {
  margin-right: 9px;
  margin: 5px 0 10px 0;
  float: left
}
div.feature2 {
  float: left;
  padding: 10px 8px;
  border: #d2d2d2 solid 1px;
  margin-bottom: 10px;
  width: 94%
}
div.feature3 {
  float: left;
  margin-right: 10px;
  padding: 12px 12px;
  border: #d2d2d2 solid 1px;
  margin-bottom: 10px;
  width: 22%;
}
div.feature4 {
  float: left;
  padding: 12px 12px;
  border: #d2d2d2 solid 1px;
  margin-bottom: 10px;
  width: 20%;
}
div.feature_link h2 {
  color: #039;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin: 8px 0;
}
div.feature_line {
  border-bottom: dotted 1px #999;
  height: 5px;
  margin-bottom: 8px;}
.featurelist { margin: 0; padding: 0;margin-left: 15px; font-family: Arial, Helvetica, sans-serif;}
.featurelist li { margin: 7px auto; line-height: 18px; list-style: outside}
/*Metal Market*/

#metal-squeeze .block {
  background: transparent url(images/metal_table_02.gif) repeat-y 0 0;
  margin-top: 5px;
}

#metal-squeeze .block .title {
  height: 28px;
  line-height: 28px;
  background: transparent url(images/metal_table_01.gif) no-repeat 0 0;
}

#metal-squeeze .block .title div.headline {
  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
  height: 22px;
  line-height: 28px;
}

#metal-squeeze .block .title div.headline a {
  margin-left: 10px;
  color: #fff;
}

#metal-squeeze .block .title div.headline a:hover {
  color: #eee;
}

#metal-squeeze .block .title div.headline span {
  margin-left: 10px;
  color: #fff;
}
#metal-squeeze .block .body {
  padding: 5px 0 5px 1px;
  margin-bottom: 5px;
  background: transparent url(images/metal_table_03.gif) no-repeat left bottom;

}

#metal-squeeze .block .body .content {
  width: 150px;
  margin: auto;

}

/*
|--------------------------------------------------------------------------
| stock
|--------------------------------------------------------------------------
*/
#stockpage img { border: 0px;}
.clearfloat {clear: both;height: 0;font-size: 1px;line-height: 0px;}
#stockpage { width: 972px; margin-top: 5px; margin-bottom: 10px; }
#stockpage #title { background-image: url(images/title_bg_stock.gif); background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; height: 25px; margin-right: 15px; margin-left: 15px; }
#stockpage #title #tit { font-size: 14px; font-weight: bold; padding-left: 25px; float: left; padding-top: 3px;}
#stockpage #stock-left {width: 305px; float: left; margin-right: 12px; margin-left: 0px; margin-top: 5px; }
#stockpage #stock-center { width: 305px; float: left; margin-top: 5px; }
#stockpage #stock-right { float: right; width: 305px; margin-right: 35px; margin-left: 0px; margin-top: 5px; }
#stockpage .blue { font-size: 14px; font-weight: bold; background-image: url(images/b.gif); background-repeat: no-repeat; font-family: Arial; background-position: left; }
#stockpage .time { width: 150px; font-size: 12px; color: #0073bf; font-weight: normal; padding-left: 5px; }
#stockpage .wh {padding-left: 2px; width: 125px; height: 32px;}
#stockpage .wh_1 {width: 55px;}
#stockpage .wh_2 {width: 65px;padding-left: 5px;padding-right: 5px;}
#stockpage .wh_3 {width: 45px; padding-left: 3px; padding-right: 3px; }
#stockpage .daima {width: 150px; font-size: 12px; color: #0073bf; font-weight: normal;}
#stockpage .hb {width: 30px;}
#stockpage .xj {width: 60px;}
#stockpage .zdf {width: 50px;}
#stockpage .kong {width: 20px;}
#stockpage .name {color: #000; padding-left: 8px; background-image: url(images/b.gif); background-repeat: no-repeat; width: 305px; height: 30px;}
#stockpage .green { color: #090; }
#stockpage .red { color: #f00; }
#stockpage table.stocktable td {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }


/*
|--------------------------------------------------------------------------
| mi
|--------------------------------------------------------------------------
*/
#body-wrapper2 {
  -width: 1000px;
  width: 1040px; /**Ruby-Improve AD**/
  padding: 0px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#body-wrapper2 #nav2_fxbg #nav_sjbg { margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; background-image: url(images/navbg.png); background-repeat: repeat-x; height: 39px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; }
#body-wrapper2 #nav2_fxbg #nav_sjbg li { float: left; list-style-type: none; text-align: center; line-height: 39px; }
#body-wrapper2 #nav2_fxbg #nav_sjbg li a { font-size: 12px; color: #333; width: 70px; padding-right: 30px; padding-left: 30px; }
#body-wrapper2 #nav2_fxbg #nav_sjbg .active_1 { background-image: url(images/ico_hoverred.png); background-repeat: no-repeat; background-position: center; }
#body-wrapper2 #nav2_fxbg #nav_sjbg .active_1 a { font-weight: bold; color: #fff; }
#body-wrapper2 #body #center_left {
  -width: 685px;
  width: 745px; /**Ruby-Improve AD**/
  float: left;
}
#body-wrapper2 #body #center_left.mi {
  width: 715px; /** Research Cover List Items - Ruby 2017-0613 **/
}
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_left { width: 190px; float: left; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right {
  float: right;
  -width: 470px;
  width: 525px; /**Ruby-Improve AD**/
  margin-bottom: 20px;
  border-left: #ccc solid 1px;
  padding-left: 20px
}
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right.mi {
  width: 495px; /** Research Cover List Items - Ruby 2017-0613 **/
}
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right .hotnews #hot_title { font-size: 17px; font-weight: 100; color: #222; padding-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right .hotnews { margin-bottom: 10px; }

#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right .hotnews #hot_title a { color: #000; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right .hotnews #hot_title a:hover { color: #b71e1e; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right ul { margin-left: 0px; padding-left: 0px; margin-top: 5px; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right ul li { font-size: 12px; color: #333; list-style-type: none; line-height: 22px; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right ul li a { color: #333; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right ul li a:hover { color: #c00; }

#body-wrapper2 #body-wrapper #body .gaixu { line-height: 18px; padding-bottom: 10px; }


#body-wrapper2 #body-wrapper #body .box1 { margin-bottom: 10px; }

#body-wrapper2 #body-wrapper #body #center_left .box1 .title_redline { background-image: url(images/lanbg.png); background-repeat: repeat-x; height: 33px; font-size: 13px; line-height: 33px; font-weight: bold; color: #b34040; text-align: left; font-family: Verdana, Geneva, sans-serif }
#body-wrapper2 #body-wrapper #body .box1 .title_redline span { font-size: 12px; font-weight: 100; float: right; padding-right: 5px; }
#body-wrapper2 #body-wrapper #body .box1 .title_redline span a { color: #666; }


#body-wrapper2 #body #center_right { float: right; width: 220px; }
#body-wrapper2 #body #center_right.mi { width: 260px; /** Research Cover List Items - Ruby 2017-0613 **/ }
#body-wrapper2 #body-wrapper #body #center_right #ad_right_1 { background-image: url(images/zgbg_e.png); background-repeat: no-repeat; height: 110px; width: 220px; margin-bottom: 12px; }
#body-wrapper2 #body-wrapper #body #center_right #ad_right_2 { background-image: url(images/hrtu66_e.png); background-repeat: no-repeat; height: 110px; width: 220px; margin-bottom: 12px; }
#body-wrapper2 #body-wrapper #body #center_right p { height: 50px; width: 150px; padding-right: 2px; padding-bottom: 10px; float: right; padding-top: 15px; line-height: 20px; }
#body-wrapper2 #body-wrapper #body #center_right p span { font-size: 15px; font-weight: bold; color: #333; display: block; padding-bottom: 5px; margin-left: 5px; }
#body-wrapper2 #body-wrapper #body .bla_333 a { color: #333; }
#body-wrapper2 #body-wrapper #body .bla_333 a:hover { color: #9f0000; }
#body-wrapper2 #body-wrapper #body #center_right #box {
  border: 1px solid #cdcdcd;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #fff;
  -width: 218px;
  width: 253px; /** Research Cover List Items - Ruby 2017-0613 **/
}
#body-wrapper2 #body-wrapper #body #center_right #box .titbox { font-size: 13px; color: #222; font-weight: bold; padding: 5px;font-family: Verdana, Geneva, sans-serif; background-color: #efefef }
#body-wrapper2 #body-wrapper #body #center_right #box table tr .bian { padding-left: 15px; padding-bottom: 5px; padding-top: 5px; }
#body-wrapper2 #body-wrapper #body .titbox span { font-size: 12px; font-weight: 100; float: right; padding-right: 8px; }
#body-wrapper2 #body-wrapper #body #center_right #box .titbox span a { color: #666; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list {
  -width: 330px;
  width: 362px; /**Ruby-Improve AD**/
  float: left;
  margin-bottom: 12px;
}
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list.mi {
  width: 350px; /** Research Cover List Items - Ruby 2017-0613 **/
}
#body-wrapper2 #body-wrapper #body #center_right p a { color: #333; }
#body-wrapper2 #body-wrapper #body #center_right p a:hover { color: #db0000; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .no1_news { font-size: 13px; color: #315b8e; text-align: left; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d0dded; padding-bottom: 8px; padding-top: 8px; margin-bottom: 8px; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .no1_news p { font-size: 12px; font-weight: 100; color: #666; font-family: Arial, Helvetica, sans-serif;margin: 8px 0; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .no1_news .no1 { color: #333; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .list_1 { margin-left: 0px; padding-left: 0px; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .list_1 li { list-style-image: url(images/arrow_1.gif);
  margin-left: 18px;
  padding: 0 0 6px 0; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .list_1 li a { color: #333; }
#body-wrapper2 #body-wrapper #body #center_left #center_left_news_p2 .new_list .box1 .list_1 li a:hover { color: #900; }


ul.secondarylinks li.secondary3 {
  margin-left: 230px;
}


div.wechat_QR {
  margin: 0px 0px 0px 0px;
  right: 8px !important;*right: 8px !important; *right: 8px;
  bottom: 80px !important;*bottom: 80px !important; *bottom: 80px;
  width: 164px;
  z-index: 100;
  position: fixed !important;*position: fixed !important; *position: absolute;
}
div.describe {
  line-height: 18px;
  background-color: #f4e8e1;
  padding: 10px;
  width: 945px;
  border: 1px solid #dbc5b9;
  font-size: 12px;
  margin-right: auto;
  margin-left: auto;
  color: #830505;
}
/* project side */
ul.project_side li a:link, ul.project_side li a:visited {
  margin: 0;
  line-height: 18px;
}
ul.project_side li img {
  width: 180px;
  height: 100px;
}
.widget { font-family: Arial, Helvetica, sans-serif; }
.widget ul { margin: 0; padding: 0; list-style: none;}
.widget ul li { margin-top: 8px;}
.AD_600 {
  background-color: #828282;
  width: 600px;
  height: 60px;
}
.AD_180 {
  background-color: #828282;
  width: 180px;
  height: 150px;
  float: left;
  margin-left: 10PX;
}
.AD_75 {
  background-color: #828282;
  width: 150px;
  height: 75px;
}
.AD_400 {
  width: 400px;
  height: 90px;
}
#AD_300x600 {
  width: 300px;
  height: 600px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* slideshow */
#container {max-width: 408px; margin: 0 auto;}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 400px; display: block;max-height: 220px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); font-size: 13px; line-height: 17px; font-weight: bold}


/* Direction Nav */
.flex-direction-nav li a {width: 26px; height: 26px; margin: -13px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -26px 0; right: -12px;}
.flex-direction-nav li .prev {left: -12px;}
.flex-direction-nav li .disabled {opacity: .3; filter: alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: 10px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/* service */
div.service {
  width: 283px;
  margin: 0 0 0 17px;
  float: left;
  padding: 14px
}
div.service:hover {
  background-color: #fff8df;
}
div.service .title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #006bbb;
}
.line_full {
  height: 1px;
  border-top: dashed 1px #d3d3d3;
  margin: 10px 0;
  font-size: 1px;
  width: 100%;
  float: left
}
/* resources */
#resource {
  -width: 650px;
  width: 700px; /**Ruby-Improve AD**/
  float: left;
  margin: 15px 0px 0 0;
  padding-left: 0px
}
#resource div.photo {
  -width: 190px;
  width: 200px; /**Ruby-Improve AD**/
  margin: 10px 5px;
  float: left;
  padding: 8px
}
/*#resource div.gallery:hover{
 background-color:#FFF8DF;
	}*/
#resource div.photo .img {
  width: 180px;
  height: 111px;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 5px
}
#resource div.photo .title {
  margin: 15px auto 8px auto;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource div.photo .title a {
  color: #222;
  font-weight: bold;
  line-height: 18px;
}
#resource div.photo .title a:hover {
  color: #9c2121;
}
div.blackline495 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 495px;
  margin-top: 5px;
}
div.blackline545 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 545px;
  margin-top: 5px;
}
div.blackline500 {
  height: 8px;
  background-color: #333;
  float: right;
  width: 495px;
  margin-top: 6px;
}
div.blackline580 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 580px;
  margin-top: 5px;
}
div.blackline625 {
  height: 9px;
  background-image: url(images/more_bg.gif);
  background-position: right;
  float: right;
  width: 625px;
  margin-top: 5px;
}
div.graph {
  width: 310px;
  margin-bottom: 0px;
  margin-top: 20px;
  background-color: #fff;
  border: #e7e7e7 solid 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
div.graph .body {
  padding: 18px 15px
}
.left {
  float: left}
.right {
  float: right}
.height10 {
  margin-bottom: 10px
}
div.graph div.one {
  margin: 15px auto;
  border-bottom: dotted #999 0px;
  padding-bottom: 10px;
}

div.graph div.one .title {
  font-size: 12px;
  font-weight: bold
}
div.graph div.one img {
  padding: 3px;
  border: #ccc solid 1px;
  float: left;
  margin: 0px 10px 8px 0px;
}
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden;margin-bottom: 20px;}

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 0px solid #aaa; padding: 5px; }

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel img { width: 620px; height: 400px}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 0.2em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-weight: bold; }
.panel .panel-overlay a { color: white; text-decoration: underline; }
.panel .panel-overlay p { color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 17px; margin-top: 8px }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }
.filmstrip img { width: 80px; height: 60px}

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
  border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
html .pointer {
  filter: chroma(color=pink);
}
div.notice {
  padding: 3px;
  color: #aa9177;
  text-decoration: none;
  font-size: 12px;
  background-color: #f7f6f5;
  border: #e4dbd0 1px solid;
  margin: 5px auto 0px;
}

/* Features 20140909*/
#top-banner-tab img {
  vertical-align: top;
  border: none;
}
#layout-tab-top {
  margin-top: 10px;
}
.layout-tab-list {
  vertical-align: top;
}
#features-tablist-01, #features-tablist-02 {
  width: 303px;
  margin-right: 13px;
  border: #ccc 1px solid;
  vertical-align: top;
}
#features-tablist-03 {
  width: 303px;
  border: #ccc 1px solid;
  vertical-align: top;
}
.features-tablist-inner {
  text-align: left;
  width: 98%;
}
.tab-content-img {
  border: none;
}
.under-title-line {
  border-bottom: dotted 1px #999;
  height: 5px;
  margin-bottom: 12px;
}
.related-post {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
}
.related-post strong {
  color: #333;
}
.related-post strong img {
  vertical-align: text-bottom;
  padding-left: 5px;
}
.related-post ul {
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
.related-post ul li {
  margin: 7px auto;
  line-height: 18px;
  list-style: outside;
}
.related-post ul li a {
  color: #808080;
  text-decoration: none;
}
.related-post ul li a:hover {
  color: #0065bb;
  text-decoration: underline;
}
table#layout-tab-banner, table#layout-tab-top {
  margin-left: auto;
  margin-right: auto;
}
/* Features 20141201*/
#features-tablist-01s, #features-tablist-02s {
  width: 222.5px;
  margin-right: 13.5px;
  border: #ccc 1px solid;
  vertical-align: top;
}
#features-tablist-03s {
  width: 222.5px;
  border: #ccc 1px solid;
  vertical-align: top;
}
/* Features 20141216*/
td.features-lead-text {
  background-color: #cf456b;
  color: #fff;
  text-align: left;
}
td.features-lead-text a, td.features-lead-text a:hover {
  color: #fff;
  text-decoration: none;
}
td.post-tilte a, td.post-tilte a:hover {
  text-decoration: none !important;
}

/**Content Top AD Banner**/
div#body.clear-block div.clear-block table:first-child {
  margin-bottom: 5px;
}

/**Float AD**/
div.floatAD {
  position: fixed;
  z-index: 100;
  top: 191px;
  bottom: 80px;
  left: 10px;
}
div.floatAD img {
  border: none;
}
#two-dimensionCode_close {
  background: none repeat scroll 0 0 #4e4e4e;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: bold;
  height: 16px;
  line-height: 17px;
  position: absolute;
  right: 0;
  top: -16px;
  width: 15px;
  padding-left: 5px;
}


/** Hidden Second Line of Index Media Partner AD  **/
.event div:nth-child(7), .event div:nth-child(8), .event div:nth-child(9), .event div:nth-child(10), .event div:nth-child(11), .event div:nth-child(12) {
  -display: none;
}
/** Hidden Inside Page Logo Banner  **/
table.LogoBanner tr:nth-child(2) {
  -display: none;
}
table.LogoBanner tr:nth-child(3) {
  -display: none;
}

/** Research Cover List Items - Ruby 2017-0613 **/
.Research-Cover_list-item {
  line-height: 0px;
  margin-bottom: 10px;
}
.Research-Cover_list-item_year {
  background: #c80000; /* Old browsers */
  background: -moz-linear-gradient(top, #c80000 0%, #9a0000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c80000 0%, #9a0000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c80000 0%, #9a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80000', endColorstr='#9a0000', GradientType=0); /* IE6-9 */
  color: #fff;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  /*font-weight: bold;*/
}
.Research-Cover_list-item_title {
  vertical-align: middle;
}
.Research-Cover_list-item_title a {
  line-height: 16px;
  font-size: 12px;
  color: #333;
}
.Research-Cover_list-item_title a:hover {
  color: #db0000;
  text-decoration: none;
}
.Research-Cover_list-item_read-more {
  font-size: 12px;
  color: #999;
}

/* GDPR */

.required {
  color: #f00;
}
.gdpr_register_terms {
  height: 200px;
  overflow: auto; /* 讓它有捲軸 */
  border: 1px solid #ccc;
  margin: auto;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  font-size: 0.8rem;
}
.checkbox_text {
  color: #8c8c8c;
}


table.register_table td.label.gdpr {
  width: 290px;
  text-align: left;
}


/* top vedio banner 20190425*/

#front-body-wrapper #body #top-block {
  width: auto;
  margin: 0;
}

/* page contact 20190916*/
h2.contactTitle {
  margin-bottom: 20px;
}
.contactInner {
  margin: 10px 0px;
}
h5.contactInnerTitle {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #be0000;
}
.contactInner p.item {
  margin-bottom: 0.6em;
}

p.areaTitle {
  margin-bottom: 0.6em;
  font-size: 16px;
  margin-top: 20px;
}

/* mi 封裝、球泡燈欄位下架 20190916*/
#body-wrapper2 #body-wrapper #body #center_left #center_left_news #news_right.mi {
  width: 100%;
  border-left: 0px;
}
/* SHOW REPORT欄位 */
.clear-block.field_box {
  color: #777;
  line-height: 19px;
  padding-bottom: 10px;
  border-bottom: 1px #ccc dotted;
}
.clear-block.field_box:last-child {
  border: none;
}