/*------------------------------------------------------------------------------
    Columns
------------------------------------------------------------------------------*/
.container {/** Ruby - Enlarge Layout for Sidebar AD 320x100 **/
/*    width: 938px;*/
	width: 960px;/** donna - 調整head_RWD黑色區塊跑板問題 - 20220831 **/
}
.col {
    float: left
}
section div.container div.row div.col.col_9_of_12 {/** Ruby - Enlarge Layout for Sidebar AD 320x100 **/
	width: 64.8%;
}
section div.container div.row div.col.col_3_of_12 {/** Ruby - Enlarge Layout for Sidebar AD 320x100 **/
	width: 35.2%;	
}

/*------------------------------------------------------------------------------
    Wrapper
------------------------------------------------------------------------------*/
#wrapper.boxed {
    max-width: 1000px;
	margin-top: -22px; /**For IE8 Reset Settings**/
}

/*------------------------------------------------------------------------------
    Wide slider
-------------------------------------------------------------------------------*/
/* Thumb caption */
.wide_slider .slider_caption {
    max-width: 940px
}
.wide_slider .slider_caption .thumb_link h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 30px
}
.wide_slider .slider_caption .thumb_link p {
    font-size: 14px;
    line-height: 22px;
    margin: 0
}
/* Pager */
#wide_slider_pager {
    width: 940px
}

/*------------------------------------------------------------------------------
    Header
------------------------------------------------------------------------------*/
/* Meta */
#header .header_meta {/**Ruby**/
	background-position: left top;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
/* Logo */
#header .header_main .site_brand {
    float: left
}
/* Weather forecast */
#header .header_meta .weather_forecast {
	-display: none;/**Ruby**/ /* Industry Items Top Menu */
}
.weather_forecast .temp {
	display: none; /**Top bar add TrendForce Corp.**/
}
.weather_forecast .city {
	display: none;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
#header .header_meta .weather_forecast {
	margin-left: 72px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}

/*------------------------------------------------------------------------------
    Top naviagtion
------------------------------------------------------------------------------*/

nav.top_navigation {
    float: right
}
nav.top_navigation ul.menu {
    position: relative
}
nav.top_navigation ul li {
    position: relative
}
nav.top_navigation ul.menu > li {
    display: block;
    float: left
}
nav ul li.menu-item a img {
	margin-right: 0;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
	display: none;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
}
nav ul li.menu-item.menu-mark i {
	display: none;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
}
nav ul li.member-login a .subtitle i {
	display: none;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
}
nav.top_navigation ul.menu li.search_icon_form {
	margin-left: 5px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
nav.top_navigation ul.menu > li:nth-last-child(4) {
    display: none;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
nav.top_navigation ul.menu > li > a {
    position: relative;
    color: #fff;
    display: block;
    line-height: 57px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*line-height: 50px;*/
    padding: 0 10px
}
/* 1st level */
nav.top_navigation ul.menu ul.sub-menu {
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    margin-top: 5px;
    min-width: 200px;
    background-color: #333;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}
nav.top_navigation ul.menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
nav.top_navigation ul.menu ul.sub-menu li {
    position: relative;
    border-bottom: 1px solid #444;
}
nav.top_navigation ul.menu ul.sub-menu li a {
    color: #999;
    display: block;
    font-size: 13px;
    padding: 5px 10px;
}
nav.top_navigation ul.menu ul.sub-menu li a:hover {
    color: #fff
}
/* 1st arrows */
nav.top_navigation ul.menu > li.menu-item-has-children > a {
    position: relative;
    padding-right: 15px
}
nav.top_navigation ul.menu > li.menu-item-has-children >:after {
    display: block;
    position: absolute;
    color: #999;
    right: 5px;
    top: 0;
    font-family: "FontAwesome";
    font-size: 10px
}
nav.top_navigation ul.menu > li.menu-item-has-children > a:after {
    content: "\f107"
}
/* 2st arrows */
nav.top_navigation ul.menu ul.sub-menu > li.menu-item-has-children a {
    position: relative;
    padding-right: 25px
}
nav.top_navigation ul.menu ul.sub-menu > li.menu-item-has-children:after {
    display: block;
    position: absolute;
    color: #999;
    right: 10px;
    top: 2px;
    font-family: "FontAwesome";
    font-size: 10px
}
nav.top_navigation ul.menu ul.sub-menu > li.menu-item-has-children:after {
    content: "\f105"
}
/* 3rd level */
nav.top_navigation ul.menu ul.sub-menu ul.sub-menu {
    position: absolute;
    margin-top: 5px;
    top: 0;
    left: 100%
}
nav.top_navigation ul.menu ul.sub-menu li:hover > ul.sub-menu {
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
/* Search */
.search_icon_form .sub-search {
    font-size: 12px;
    opacity: 0;
    right: 0;
    padding: 10px;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    margin-top: 5px;
    width: 300px;
    background-color: #333;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}
.search_icon_form:hover > .sub-search {
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
.search_icon_form .sub-search form {
    margin: 0;
    width: 100%
}
.search_icon_form .sub-search form input[type="search"] {
    padding: 8px 10px;
    border: 0;
    margin: 0;
    width: 200px;
    float: left
}
.search_icon_form .sub-search form input[type="submit"] {
    margin: 0;
    width: 60px;
    float: left
}
.search_icon_form a {
	padding: 0 14px !important;
}
/* Translate */
.translate a {
	background-color: #C83333;
	padding: 0 14px !important;
}
/* Facebook */
.header-fb-link a {
	background-color: #46629E;
	padding: 0 17px !important;
}
.header-fb-link .icon-note {
	display: none;
}

/*------------------------------------------------------------------------------
    Navigation
------------------------------------------------------------------------------*/
nav.site_navigation {
    float: right
}
nav.site_navigation ul li {
    position: relative
}
.header_main-parent {
	max-height: 130px !important; /**For IE8 Reset Settings**/
/*	height: 120px !important;*//**For IE8 Reset Settings**//** donna - 調整menu的rwd破板下方灰色陰影露出 - 20220831 **/
}

/* 1st level */
nav.site_navigation ul.menu > li {
    float: left;
    /*width: 13%;*/ /* Industry Items from 14 to 15 */
	width: 10%;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	margin-bottom: 5px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	-border-left: 1px solid #eeeeee;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
/*	height: 44px;*/
	
	width: 11%;
    margin-bottom: 5px;
     height: 20px; 
    margin: 10px 0;
    line-height: 14px;
}

nav.site_navigation ul.menu > li:last-child {float: right !important;}	

/* Industry Items 1,9,1,11 */
nav.site_navigation ul.menu > li:nth-child(1), nav.site_navigation ul.menu > li:nth-child(9) {
    border-left: none;
}/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
nav.site_navigation ul.menu > li:nth-child(1) a, nav.site_navigation ul.menu > li:nth-child(11) a {
    padding: 13px 9px 10px 0;
}/** Ruby - Research Items Menu move to Main Nav - 20160630 **/

/* Industry Items 2,10,12,20 */
/*
nav.site_navigation ul.menu > li:nth-child(1), nav.site_navigation ul.menu > li:nth-child(11) {
    width:9%;
}* Annie - 總體經濟 and 雲端物聯網 item Width - 20160823 *
*/
	
nav.site_navigation ul.menu > li:nth-child(2), nav.site_navigation ul.menu > li:nth-child(12) {
    width:12%;
}/** Annie - 工業4.0 and 智慧生活 item Width - 20160823 **/
/*
nav.site_navigation ul.menu > li:nth-child(5), nav.site_navigation ul.menu > li:nth-child(15) {
    width:9%;
}* Annie - 汽車科技 and LED item - 20160823 *
*/

nav.site_navigation ul.menu > li:nth-child(20) > a > i.fa { display: none;}
nav.site_navigation ul.menu > li:nth-child(17){
	border: none;
	}    
/* Industry Items from 14 to 15 */
/*nav.site_navigation ul.menu > li:nth-child(1), nav.site_navigation ul.menu > li:nth-child(8) {
    border-left: none;
}*/
/* Industry Items from 14 to 15 */
/*nav.site_navigation ul.menu > li:nth-child(1), nav.site_navigation ul.menu > li:nth-child(9) {
    border-left: none;
}*/ /* Industry Items Top Menu */
nav.site_navigation ul.menu > li:nth-child(9) , nav.site_navigation li.menu-item:last-child {
    border: none;
}
nav.site_navigation ul.menu {
    margin-left: -8px;
	margin-top:  -5px;
}


/*nav.site_navigation ul.menu > li > a {
    font-weight: 400;
    padding: 18px 0 14px 6px;
    display: block;
	margin-top: -8px;
}*//** Ruby - Research Items Menu move to Main Nav - 20160712 **/

nav.site_navigation ul.menu > li > a {
    font-weight: 400;
     padding: 12px 5px 6px 0px;/** Ruby - Research Items Menu move to Main Nav - 20160712 **//*padding: 10px 13px;*/
    display: block;
	margin-top: -8px;
}

nav.site_navigation ul.menu > li > a > div.subtitle {
    font-weight: 400;
    line-height: 16px;
    font-size: 12px;
    color: #C83333;/** Ruby - Research Items Menu move to Main Nav - 20160712 **//*color: #999;*/
	display: inline-block;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
}
/* 1st arrows */
nav.site_navigation ul.menu > li.menu-item-has-children > a {/**Ruby**/
    position: relative;
    /*padding-right: 18px !important;*/ /* Industry Items from 14 to 15 */
}
nav.site_navigation ul.menu > li.menu-item-has-children >:after {/**Ruby**/
    display: inline-block;/** Ruby - Research Items Menu move to Main Nav - 20160712 **//*display: block;*/
	margin-left: 5px;/** Ruby - Research Items Menu move to Main Nav - 20160712 **/
    /*position: absolute;*/ /* Industry Items from 14 to 15 */
	position: static !important; /* Industry Items Top Menu */
	text-align: center !important;
    color: #999;
    /*right: 10px;*//** Ruby - Research Items Menu move to Main Nav - 20160712 **/
    /*top: 15px;*//** Ruby - Research Items Menu move to Main Nav - 20160712 **/
	line-height: 26px;
    font-family: "FontAwesome";
    font-size: 10px
}
nav.site_navigation ul.menu > li.menu-item-has-children > a:after {
    content: "\f107"
}
/* 1st arrows */
nav.site_navigation ul.menu > li.menu-item-has-children > a {
    position: relative;
    /*padding-right: 25px;*/ /* Industry Items from 14 to 15 */
}
nav.site_navigation ul.menu > li.menu-item-has-children > a:after {
    content: "\f107"
}
.menu-item-has-children.member-login {
	border: 1px solid #eeeeee !important;
	/*width: 8% !important;
	position: absolute;
    right: 1.6%;
    padding: 5px 5px 0 3px;*/  /* Industry Items from 14 to 15 */
	padding: 2px 0 0 0; /* Industry Items from 14 to 15 */
}

/* 2st level */
nav.site_navigation ul.menu ul.sub-menu {
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    margin-top: 5px;
    min-width: 200px;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top-width: 2px;
    border-top-style: solid;
    background-color: #fff;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}
nav.site_navigation ul.menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
nav.site_navigation ul.menu ul.sub-menu li a {
    display: block;
    padding: 5px 10px
}
nav.site_navigation ul.menu ul.sub-menu li a:hover {
    background-color: #f9f9f9;
}
/* 2st arrows */
nav.site_navigation ul.menu ul.sub-menu > li.menu-item-has-children a {
    position: relative;
    padding-right: 25px
}
nav.site_navigation ul.menu ul.sub-menu > li.menu-item-has-children:after {
    display: block;
    position: absolute;
    color: #999;
    right: 10px;
    top: 6px;
    font-family: "FontAwesome";
    font-size: 10px
}
nav.site_navigation ul.menu ul.sub-menu > li.menu-item-has-children:after {
    content: "\f105"
}

/* 3rd level */
nav.site_navigation ul.menu ul.sub-menu ul.sub-menu {
    position: absolute;
    margin-top: 5px;
    top: -2px;
    left: 100%
}
nav.site_navigation ul.menu ul.sub-menu li:hover > ul.sub-menu {
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}

/* Shop menu */
nav.site_navigation ul.menu > li > .cart_content {
    font-size: 12px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 9;
    margin-top: 5px;
    min-width: 250px;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top-width: 2px;
    border-top-style: solid;
    background-color: #fff;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}
nav.site_navigation ul.menu > li:hover > .cart_content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
nav.site_navigation ul.cart_list {
    list-style: none;
    margin: 0;
    padding: 0
}
nav.site_navigation ul.cart_list li {
    border-bottom: 1px solid #eee;
    min-height: 80px;
    padding: 10px
}
nav.site_navigation ul.cart_list li a {
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    width: auto;
    display: block;
    position: relative;
    padding-left: 70px
}
nav.site_navigation ul.cart_list li a img {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px
}
nav.site_navigation ul.cart_list li .quantity {
    font-size: 12px;
    margin-left: 70px
}
nav.site_navigation ul.menu > li > .cart_content .total {
    border-bottom: 1px solid #eee;
    color: #222;
    font-size: 12px;
    display: block;
    margin-bottom: 0;
    padding: 5px 10px
}
nav.site_navigation ul.menu > li > .cart_content .total .amount {
    float: right
}
nav.site_navigation ul.menu > li > .cart_content .buttons {
    overflow: hidden;
    padding: 10px;
	border-bottom: 1px solid #eee;/**Ruby**/
}
nav.site_navigation ul.menu > li > .cart_content .buttons .btn {
    padding: 2px 8px
}
nav.site_navigation ul.menu > li > .cart_content .buttons,
nav.site_navigation ul.menu > li > .cart_content .buttons .button {
    margin: 0
}
nav.site_navigation ul.menu > li > .cart_content .buttons .button {
    width: 49%;
    float: left
}
nav.site_navigation ul.menu > li > .cart_content .buttons .button.checkout {
    margin-left: 2%
}

/* Mega menu */
nav.site_navigation ul.menu > li.has_dt_mega_menu {
    position: static
}
nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 9;
    margin-top: 5px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top-width: 2px;
    border-top-style: solid;
    background-color: #fff;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}
nav.site_navigation ul.menu > li.has_dt_mega_menu:hover > ul.dt_mega_menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px)
}
nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu > li > .widget {
    width: 25%;
    position: relative;
    padding: 15px;
    float: left;
    min-height: 1px;
    margin: 15px 0

}

/* Toggle menu */
.top_navigation_toggle,
.top_sub_menu_toggle,
.site_navigation_toggle,
.site_sub_menu_toggle {
    display: none
}

/*------------------------------------------------------------------------------
    Shop
------------------------------------------------------------------------------*/
ul.products li.product {
    width: 49%
}
ul.products li.product.first {
    float: left
}
ul.products li.product:nth-child(2n) {
    margin-right: 0;
    float: right;
    clear: none;
}
/* New Arrival */
.new-arrival.n01 {
	margin-top: -40px;
}
.new-arrival.n02 {
	margin-top: -70px;
}
/*------------------------------------------------------------------------------
    Main content
------------------------------------------------------------------------------*/
.main_content {
    width: 610px
}
/*------------------------------------------------------------------------------
    Data List Tab
------------------------------------------------------------------------------*/
div.data-tab, div.press-data-tab {
	width: 100%;
}
div.data-tab:nth-child(even), div.press-data-tab:nth-child(even) {
	background-color: #F3F3F3;
}
div.data-tab:nth-child(odd), div.press-data-tab:nth-child(odd) {
	background-color: #FFFFFF;
}
div.data-tab-date, div.press-data-tab-date {
	width: 20%;
	float:left;
}
div.data-tab-title, div.press-data-tab-title {
	width: 70%;
	float:left;
}
div.data-tab-dl, div.press-data-tab-dl {
	width: 10%;
	float:left;
}
/*------------------------------------------------------------------------------
    Data List Tab - Download Center
------------------------------------------------------------------------------*/
div.download-data-tab {
	width: 100%;
}
div.download-data-tab:nth-child(even) {
	background-color: #F3F3F3;
}
div.download-data-tab:nth-child(odd) {
	background-color: #FFFFFF;
}
div.download-data-tab-report {
	width: 55%;
	float:left;
}
div.download-data-tab-speaker {
	width: 35%;
	float:left;
}
div.download-data-tab-dl {
	width: 10%;
	float:left;
}

/*------------------------------------------------------------------------------
    25. Search
------------------------------------------------------------------------------*/
div.search-tab {
	width: 100%;
}
div.search-tab:nth-child(even) {
	background-color: #F3F3F3;
}
div.search-tab:nth-child(odd) {
	background-color: #FFFFFF;
}
div.search-tab-category {
	width: 18%;
	float:left;
}
div.search-tab-date {
	width: 15%;
	float:left;
}
div.search-tab-title {
	width: 67%;
	float:left;
}


/*------------------------------------------------------------------------------
    22.5 Widget timeline
-------------------------------------------------------------------------------*/
/** Inside Page Timeline **/
.panel_title + .tb_widget_timeline .timeline_content h3 {
	display: block;
}
.panel_title + .tb_widget_timeline .timeline_content h3 a {
	display: block;
}
/** Forum Read More Button **/
.btn_line {
	margin-left: 0;
}

/*------------------------------------------------------------------------------
    22.92 Widget Contact
-------------------------------------------------------------------------------*/
.tb_widget_contact a.icon .text p:first-child {
    font-size: 12px; /**Ruby**/
}
/*------------------------------------------------------------------------------
    22.9 Widget banner 125
-------------------------------------------------------------------------------*/
.tb_widget_banner_125 {
	padding: 0 0 0 18px;
}
.tb_widget_banner_125 a:nth-child(3), .tb_widget_banner_125 a:nth-child(4) {
    margin-bottom: 0
}
/*------------------------------------------------------------------------------
    22.9 Widget banner 300
-------------------------------------------------------------------------------*/
.widget_title.AD_banner_300 {
	display: none;	
}
/*------------------------------------------------------------------------------
    27. Error
-------------------------------------------------------------------------------*/
.error-windows-l {
	margin-left: -50px;
}
.error-windows-r {
	width: 63%;
    padding-left: 2%;
}
/*------------------------------------------------------------------------------
    28. FB Plugin
-------------------------------------------------------------------------------*/
#FB-Page-Plugin {
	margin-bottom: 30px;
}
.social-topbar-fb {
	display: none;
}
    
#nav_mobile_text{
    display: none;
}