	@charset "utf-8";
	/* CSS Document */
	
	/* 整體字型設定 */
	body {font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue",Helvetica,Arial,sans-serif;}
	
	/* 隱藏Top bar區塊 */
	#sp-top-bar { display:none;}
	
	/* 主選單bar的影子 */
	#sp-header { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); height: 70px; }	
	
	/* 主選單高度設定 */
	#sp-header .logo { height:70px; }
	#sp-header .logo, .sp-megamenu-parent >li >a, #offcanvas-toggler { line-height:70px;}
	
	/* 第二層主選單邊界寬度 */
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 6px; }
	
	/* 主選單中的搜尋器 */
	#mod-search-searchword {
		width:100%;
		margin-top:18px;
	}
	
	/* 首頁新產品聚光燈 new products spotlight */
	#sp-product-spotlight .sp-module .sp-module-title {
		border-bottom:1px solid #000000;
		margin:0px;
	}
	
	/*
	div#sp-position4 {
		padding:0px;
	}
	*/
	
	/* 首頁 新產品 聚光燈 屬性設定 */
	.newprod-tel {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(left,  #1e5799 0%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #1e5799 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #1e5799 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
	}
	.newprod-indu {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a02020+0,f78585+100 */
		background: #a02020; /* Old browsers */
		background: -moz-linear-gradient(left,  #a02020 0%, #f78585 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #a02020 0%,#f78585 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #a02020 0%,#f78585 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02020', endColorstr='#f78585',GradientType=1 ); /* IE6-9 */
	}
	.newprod-tel > h4, .newprod-indu > h4 { color:#ffffff; padding:6px;} 
	.prodbox{
		display:inline-block;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		width:50%;
		padding:0px 12px;
	}
	.prodbox-left { border-right:1px dashed #999; }
	.carousel-control { text-align:left;}
	#sp-product-spotlight .carousel-control.left, #sp-product-spotlight .carousel-control.right { background:rgba(255,255,255,0);}
	#sp-product-spotlight .carousel-control.left:hover, #sp-product-spotlight .carousel-control.right:hover { background:rgba(255,255,255,0.5);}
	.carousel-control.right { text-align:right; }
	#sp-product-spotlight .material-icons{ font-size:36px; line-height:250px;}

	
	/*主選單 手風琴子選單階層屬性設定*/
	.menu-tele .sp-module-title { color:#3fb3e7;}
	.menu-indu .sp-module-title { color:#e42522;}
	.sp-dropdown .sp-module ul >li { margin-left: 16px; border: none; }
	.sp-dropdown .sp-module ul >li.panel { border:none; box-shadow:none; }
	.sp-dropdown .sp-module ul > li > a {
		padding:1px 0px 1px 6px; line-height:32px;
	}
	.sp-dropdown .sp-module ul > li > a:hover {
		color:#fff; background:#22b8f0;
	}
	
	/* 主選單-語言切換器 */
	.sp-dropdown .sp-module-content .mod-languages ul.lang-inline li { display:block; }
	
	/* Off canvas Animation 行動裝置版本主選單屬性設定 */
	.full-screen .offcanvas-menu .offcanvas-inner { text-align:left;}
	
	/* 首頁 大Banner Slide Show 細部屬性設定 */
	#bigslideshow a.carousel-control {
		background-image:none;
	}
	
	/* 首頁 產品類別Map選單 */
	#sp-position1, #sp-position2, #sp-position3 {
		 padding-left:8px; 
		 padding-right:8px;
	}
	#sp-catalogue .catalogue-title {
		position:relative;
	}
	#sp-catalogue .catalogue-title h3.title-text {
		padding:6px;
		background:rgba(0,0,0,0.6);		
		color:#fff;
		font-size:26px;
		position:absolute;
		bottom:0px;
		margin:0px;
		width:100%;
	}
	#sp-catalogue div.map-list ul li {
		display:inline-block;
		width: 49%;
		border-bottom:0px;
		vertical-align: text-top;
		margin:0px;
	}
	#sp-catalogue div.map-list ul li a {
		display:initial;
		line-height:8px;
		font-size:12px;
	}
	
	/* 分類部落格文章List頁面 分類標題 屬性設定 */
	.blog > h2 {
		border-bottom: 1px solid #e5e5e5;
	}
 	
 	/* 頁腳 Follow Us 模組設定 */
	.cw-social-mod-follow { padding:0px !important ;}


	/*麵包屑路徑bar設定*/
	.breadcrumb { background:none; margin-bottom:0px; }
	.breadcrumbs-social div.row { border-bottom:1px dashed #ccc; }
	.breadcrumbs-social div.row .cw-social-mod-bookmark { margin-bottom:0px; padding:5px;}
	/* 麵包屑路徑的分隔符號 */
	.breadcrumb > li + li::before {content:" 》 ";}
	
	/* big slider 底線
	#sp-title { border-bottom:3px solid #999; }
	 */
	
	/* 文章內的社群分享按鈕 */ 
	.helix-social-share { display:none;}
	
	/* Google Icon font與文字對齊的屬性設定 */
	.material-icons { vertical-align: bottom; } 
	
	/*Article h3 文章副標 產品名稱 設定 productname */
	article .productname {
		font-size:20px;
		margin:-20px 0px 6px 0px;
		padding: 0px 0px 0px 0px;
	}
	article h4 > span {
		padding: 7px;
		background: #2bbbf0;
		border-radius: 8px 8px 0px 0px;
		color: #fff;
	}
	/* 新聞稿頁面裡teg圖示屬性設定 */
	.prodiconbox {
		width:64px;
		opacity:0.9;
		display: inline;
	}
	
	/*解決方案blog article list頁 title高度設定*/
	.itemid-207 .col-sm-4 div.entry-header, .itemid-216 .col-sm-4 div.entry-header { margin-bottom:6px;}
	.itemid-207 .col-sm-4 div.entry-header h2, .itemid-216 .col-sm-4 div.entry-header h2 { line-height:1.2; min-height:56px;  }
	
	/*成功案例分享文章bloglist清單頁 文章封面圖片設定*/
	img.story-article-photo { float:none; padding:0px 0px 8px 0px; }
	.itemid-376 .col-sm-4 div.entry-header, .itemid-377 .col-sm-4 div.entry-header { margin-bottom: 14px;}
	.itemid-376 .col-sm-4 div.entry-header h2, .itemid-377 .col-sm-4 div.entry-header h2 { line-height:1.2; min-height:88px;  }
	/* img.story-article-photo { display:none; }
	/* 成功案例分享 H4段落標籤 */
	h4.section-tag { padding-bottom:9px; border-bottom: 1px solid #ccc;  }
	
	/* 成功案例分享文章 產品item型號顯示設定 */ 
	.item-page .relatedprod { display:none; }
	.item-page img.story-article-photo { float: right; padding: 0px 0px 12px 12px; }
	.item-page .w240 { width:240px;}
	
	/* related article 相關文章延伸閱讀 list */
	.article-related h4 { border-left: 5px solid #f00; padding-left:6px;  }
	 
	
	/* 首頁頁腳info區塊*/
	#sp-info .sp-module h3.sp-module-title {
		border-bottom:1px solid #666666;
		margin-bottom:14px; 
	}
	.prodbtn {
		display:inline-block; 
		padding:4px 8px;
		border:1px solid #666666;
		color: #666666; 	
	}
	.btn-telecom:hover {
		background-color:#337ab7; color:#ffffff;
	}
	.btn-industrial:hover {
		background-color:#F00; color:#fff;
	}
	.btn-railway:hover {
		background-color:#ea5415; color:#fff;
	}

	/* 頁腳 最新訊息 LATEST 文章標題與發布時間位置的設定*/
	.sp-module .latestnews > div > a { display:inline; }
	.sp-module .latestnews > div > small { color:#cdcdcd; }
	

	/* Exhibition 列表頁面版面布置設定 */
	.exhibition-list .entry-image { margin-bottom: 0px; }
	.exhibition-list .entry-header { margin-bottom: 16px;  }
	
	/* 行動版 主選單 語言切換器排版設定 */
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module { margin-top:0px; }
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu { padding-bottom:10px;}
	.offcanvas-menu .translate .sp-module-title {margin-left:50px;}
	.offcanvas-menu .translate .sp-module-content {margin-left:50px;}


@media screen and (max-width:1199px) { /* 當畫面尺寸等於, 小於1199px時 */
	/* 隱藏主選單列 避免溢行 破版 */
	ul.sp-megamenu-parent { display:none; }
}

@media screen and (max-width:767px) { /* 當畫面尺寸等於, 小於767px時 */
	/*.col-sm-3, .col-md-3 {
		margin-bottom:28px; 
	}*/
	
	#sp-position1, #sp-position2, #sp-position3, #sp-position5, #sp-position6, #sp-position7, #sp-position8, #sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		margin-bottom:19px;
	}
}
	
/*取消行動版瀏覽時logo被隱藏的問題*/	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {
    display: block;
  }
}

