/*------------------------------------------------------------------------------
    Columns
------------------------------------------------------------------------------*/
.container {
    width: 100%
}
.col {
    width: 100%;
    display: block;
    clear: both
}
.col.col_6_of_12 { /**Ruby**/
	width: 50%;
	float: left;
	clear: none;
}
.col.col_6_of_12.search-more {/**Ruby**/
	width: 100%;
    float: none;
    display: block;
}
.col.col_3_of_12.project_table {/**Ruby**/
	width: 35.2%;
}
.col.col_9_of_12.project_table {/**Ruby**/
	width: 64.8%;
}
/*------------------------------------------------------------------------------
    Wide slider
-------------------------------------------------------------------------------*/
/* Thumb caption */
.wide_slider .slider_caption {
    display: none
}
/* Pager */
#wide_slider_pager {
    display: none
}

/*------------------------------------------------------------------------------
    Content slider
-------------------------------------------------------------------------------*/
/* Thumb meta */
.content_slider .slider_caption .thumb_meta {
    display: none
}
/* Thumb link */
.content_slider .slider_caption .thumb_link {
    padding: 10px
}
.content_slider .slider_caption .thumb_link h3 {
    font-size: 14px;
    line-height: 22px
}

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

/*------------------------------------------------------------------------------
    Header
------------------------------------------------------------------------------*/
#header_main.fixed {
    position: static !important
}
.header_main-parent {
    height: auto !important
}
/* Top navigation */
nav.top_navigation ul {
	padding-top: 12px;
}
#header .header_meta .container {
    padding-left: 0;
    padding-right: 0
}
/* Weather forecast */
#header .header_meta .weather_forecast {
    padding-left: 15px
}
/* Logo */
#header .header_main .site_brand {
    margin-left: 15px
}
/* Top navigation */
nav.top_navigation ul {
    display: none;
    clear: both
}
nav.top_navigation ul.sub-menu a {
    color: #999;
    font-size: 12px
}
nav.top_navigation ul li a {
    display: block;
    padding: 5px 15px;
    border-top: 1px solid #333;
    color: #fff
}
nav.top_navigation ul ul li a {
    padding: 5px 15px 5px 30px
}
nav.top_navigation ul ul ul li a {
    padding: 5px 15px 5px 45px
}
nav.top_navigation ul ul ul ul li a {
    padding: 5px 15px 5px 50px
}
nav.top_navigation ul ul ul ul ul li a {
    padding: 5px 15px 5px 65px
}
.top_sub_menu_toggle {
    right: 15px
}

/* Search */
.search_icon_form {
    border-top: 1px solid #333;
    padding: 5px 0 0 15px
}
.search_icon_form {
    margin-bottom: 5px;
    overflow: hidden
}
.search_icon_form a {
    display: none !important
}
div.sub-search span.complete a {/**Ruby**/
    padding-left: 2px;
    display: inline-block !important
}
.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: 70%;
    float: left
}
.search_icon_form .sub-search form input[type="submit"] {
    margin: 0;
    width: 23%;
    float: left
}
/*------------------------------------------------------------------------------
    Top naviagtion
------------------------------------------------------------------------------*/
/* Facebook */
.header-fb-link i {
	display: none;
}

/*------------------------------------------------------------------------------
    Navigation
------------------------------------------------------------------------------*/
#header .header_main .container {
	padding: 16px 0; /**Annie 20160909**/
}
nav.site_navigation ul.menu {
    -border-top: 1px solid #eee;/**Ruby**/
    clear: both;
    margin: 15px 0 25px 0
}
nav.site_navigation ul.menu,
nav.site_navigation ul.sub-menu,
nav.site_navigation ul.dt_mega_menu {
    display: none
}
nav.site_navigation ul li {
    position: relative
}
nav.site_navigation ul.menu div.subtitle {
    -display: none
}
nav.site_navigation ul.menu > li > a,
nav.site_navigation .sub-menu li a {
    border-bottom: 1px solid #eee;
    padding: 5px 15px;
    display: block
}
nav.site_navigation ul.sub-menu li a {
    padding-left: 30px
}
nav.site_navigation ul.sub-menu ul li a {
    padding-left: 45px
}
nav.site_navigation ul.sub-menu ul ul li a {
    padding-left: 60px
}
nav.site_navigation ul.sub-menu a {
    color: #999;
    font-size: 12px
}
nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu {
    border-bottom: 1px solid #eee
}
nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu > li > .widget {
    margin: 20px 0 15px 0;
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}
/* Cart */
nav.site_navigation ul.menu li .cart_content {
    display: none
}
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 .buttons {
    overflow: hidden;
    padding: 10px;
}
nav.site_navigation ul.menu > li > .cart_content .buttons .btn {
    margin-bottom: 5px
}
#member_dropdown_menu {/*在行動裝置上會員選單的按鈕會被右側的產業項目選單擋住, 以防萬一按不到所以行動裝置的瀏覽上預設為會員下拉選單展開*/
	display: block !important;
}
#member_dropdown_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;
}
/* Title */
ul.products li.product .item_thumb h3 {
    font-size: 12px;
    padding: 5px
}
/* New Arrival */
.new-arrival.n01 {
	margin-top: -40px;
}
.new-arrival.n02 {
	margin-top: -50px;
}



/*------------------------------------------------------------------------------
    Page 404
------------------------------------------------------------------------------*/
.page_404 {
    margin-bottom: 30px
}
.page_404 h3 {
    font-size: 110px
}
.page_404 form input {
    width: 100%
}

/*------------------------------------------------------------------------------
    Single layout
------------------------------------------------------------------------------*/
article.post h1.entry_title {
    font-size: 24px;
    line-height: 32px
}
article.post h1.entry_title + span.position {/**Ruby**/
	font-size: 14px;
	margin-left: 5px;
}
/*------------------------------------------------------------------------------
    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: 19%;
	float:left;
}
div.search-tab-date {
	width: 16%;
	float:left;
}
div.search-tab-title {
	width: 65%;
	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.9 Widget banner 180x80
-------------------------------------------------------------------------------*/
.tb_widget_banner_180 img {
    float: left;
    margin: 0 8px 5px 0;
    width: 31%;
}

/*------------------------------------------------------------------------------
    27. Error
-------------------------------------------------------------------------------*/
.error-windows-l {
	margin-left: -20px;
	margin-top: 0;
	width: 100%;
	
	-webkit-transform: rotate(0deg); /**Chrome**/
	-moz-transform: rotate(0deg); /**FireFox**/
	
	/**0、1、2或3，對應著將元素旋轉0、90、180或270度。**/
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /*IE6,7***/
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /*IE8,9***/
	-ms-transform: rotate(0deg); /*IE10***/
}
.error-windows-l .error-number {
	font-size: 95px;
    line-height: 60px;
	padding-left: 94px;
}
.error-windows-l .error-text {
	font-size: 40px;
}
.error-windows-r {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.error-windows-r h3 {
	font-size: 120px;
}
.error-windows-r p {
	font-size: 15px;
}
.error-windows-r i {
	font-size: 140px;
}
/*------------------------------------------------------------------------------
    28. FB Plugin
-------------------------------------------------------------------------------*/
#FB-Page-Plugin {
	margin-bottom: 30px;
}
.social-topbar-fb {
	display: none;
}

/*------------------------------------------------------------------------------
    29. WeChat QRcode
-------------------------------------------------------------------------------*/
#QRCode{
	display:none;}	

#fingerPrint{
	display:block;
	text-align:center;
	padding:10px 5px;}

#fingerPrint img{
	text-align:center;
	width:640px;}
	
#fingerPrint .row .col-sm-12	{
	text-align:center;}
    
    
#nav_mobile_text{
    color:#F85050;
    display: inline;
    width: 150px;
    float: right;
   /* margin-top: -15px;*/
    font-size: 16px;
    font-weight: 700;
    margin-right: 50px;
    line-height: 16px;
}
    
.site_navigation_toggle.active + ul + #nav_mobile_text{
    display: none;
}