/* ==|== 覆蓋樣式 ========================================

/* ==|== submenu ======================================================= */

#Content .container .well {

	min-height: 18px;

	padding: 5px 19px;

	margin-bottom: 20px;

	background: #ffffff;

	border: none !important;

	border-color: #ffffff;

	border-radius: 4px;

	-webkit-box-shadow: none;

	box-shadow: none;

}



#Content .container .well h3 {

	margin: 0

}



#Content .container .well h2 {

	background-image: linear-gradient(to right, #4e8594 0, #8ebeca 100%);

	font-size: 20px;

	color: #ffffff;

	height: 40px;

	padding: 5px 0 0 15px;

}



#Content .container .well h2 a {

	color: #ffffff;

}



#Content .container .well ul.nav {

	color: #5D5D5D;

	font-size: 14px;

	margin: 0

		/*5px 0 0 10px*/

}



#Content .container .well ul.nav a {

	color: #228294;

	width: 80%;

    float: left;

}



#Content .container .well ul.nav li a {}



#Content .container .well ul.nav>li>a {

	padding: 5px 10px;

}



#Content .container .well ul.nav a:hover {

	color: #044D5F;

	background: none  !important;

	/*background: #BDD4E0*/

}



#Content .container .well ul.nav li {

	background: #F4F7F7;

	display: flow-root;

}



#Content .container .well ul.nav li.active {

	color: #5e94a1;

	/*background: #DEEDF5*/

}



/* 绗笁灞� */

#Content .container .well ul.nav li ul {

	margin: 0;

	background-color: #ffffff

}



#Content .container .well ul.nav li ul li {

	background: url(../images/icon_right.png) no-repeat 15px 11px;

	list-style: none;

	padding: 3px 0 3px 25px;

	width: 100%

}



#Content .container .well ul.nav li ul li.glyphicon-chevron-right {}



#Content .container .well ul.nav li ul li a {

	color: #5d5d5d;

}



#Content .container .well ul.nav li ul li a:hover {

	background: none;

	color: #228294;

}



#Content .container .well ul.nav li ul li:hover {

	background-color: #ffffff;

}



#Content .container .well ul.nav li ul li.active {

	background: url(../images/icon_right_act.png) no-repeat 15px 11px;

	/*background-color:/*#EFF4F7;*/

	border-bottom: #d9e4ea 2px solid;

}



#Content .container .well ul.nav li ul li.active a {

	color: #76959C;

}



/* ==|== 內頁排版 ======================================================= */

#Content {

	margin: 0;

	/*padding: 40px 0 0 0;*/

	padding:0;

	background: #ffffff url(../images/bg_content.jpg) left top repeat-x;

	min-height: 550px;



}



#Content ul {

	margin: 0 0 0 30px;

	padding: 0;

	font-size: 13px;

	color: #696969

}



#Content ul li {

	list-style: disc;

	line-height: 25px;

	height: auto;

}



#Content .container {padding-right:0px;padding-left:0px}



#Content .container .content h3 {

	color: #2f83af;

	font-size: 18px;

	font-weight: 600;

	margin: 0 0 20px 0;

	padding: 0 0 0 5px;

	border-bottom: #2f83af solid 1px !important;

	line-height: 30px;

	background-color: #ffffff;

	background-image: none

}



#Content .container .content #NewsCp h4 {

	color: #757B7E;

	font-size: 14px;

	font-weight: 500;

	margin: 0 0 5px 0;

	padding: 0 0 0 15px;

	border-bottom: #D8DFE4 solid 1px !important;

	background-color: #EEF2F3;

}



#Content div.BtnGroup {

	white-space: nowrap;

	height: 55px;

}



#Content a.share {

	width: 40px;

	height: 55px;

	background: url(../images/icon_share.jpg) no-repeat;

	display: block;

	float: left;

	margin: 10px 8px 0 0

}



#Content a.print {

	width: 40px;

	height: 55px;

	background: url(../images/icon_print.jpg) no-repeat;

	display: block;

	float: left;

	margin: 10px 8px 0 0

}



#Content a.data {

	width: 40px;

	height: 55px;

	background: url(../images/icon_data.jpg) no-repeat;

	display: block;

	float: left;

	margin: 10px 8px 0 0

}





/* ==|==  內頁 - 聯絡我們 ======================================================= */

.pull-left img {

	margin: 0 0 0 10px

}



#Content .container .content .panel .panel-heading h3.panel-title,

h3.panel-title {

	color: #2f83af;

	font-size: 15px !important;

	font-weight: 600;

	margin: 0;

	padding: 0;

	height: 25px !important;

	line-height: 20px !important;

	border-bottom: none !important;

	background-color: transparent !important;

	background-image: none !important;

}



.panel-list p {

	text-align: left;

	margin-left: 140px;

	font-size: 13px;

	line-height: 20px !important;

	padding: 0 !important

}



.panel-body {

	min-height: 150px;

}



.panel-list p {

	text-align: left;

	margin-left: 140px;

	font-size: 13px;

	line-height: 20px !important;

	padding: 0 !important

}



/* Pad the edges of the mobile views a bit */



/* ==|==  內頁 -  Partner Zone ======================================================= */



.form-signin {

	max-width: 330px;

	padding: 15px;

	margin: 40px auto;

}



.form-signin .form-signin-heading,

.form-signin .form-signin-text,

.form-signin .checkbox {

	margin-bottom: 10px;

}



.form-signin .form-signin-text {

	font-size: 13px;

	color: #333333;

	text-align: right

}



.form-signin .form-signin-text a {

	color: #616F72

}



.form-signin .form-signin-text a:hover {

	color: #1391ae

}



.form-signin .checkbox {

	font-weight: normal;

}



.form-signin .form-control {

	position: relative;

	font-size: 16px;

	height: auto;

	padding: 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.form-signin .form-control:focus {

	z-index: 2;

}



.form-signin input[type="text"] {

	margin-bottom: -1px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}



.form-signin input[type="password"] {

	margin-bottom: 10px;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



.btn-Login {

	background-image: -webkit-linear-gradient(top, #079ABE 0, #7AC3E6 100%);

	background-image: linear-gradient(to bottom, #079ABE 0, #7AC3E6 100%);

	background-repeat: repeat-x;

	border-color: #148CBB;

	color: #ffffff;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#079ABE', endColorstr='#7AC3E6', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.btn-Login:hover,

.btn-Login:focus {

	background-color: #7AC3E6;

	background-position: 0 -15px;

	color: #ffffff;

}







/* ==|== 產品斐頁 ======================================================= */



#Content .container .page-header {

	border-bottom: none;

	margin: 20px 0;

}



#Content .container p {

	font-size: 14px;

	color: #494848;

	line-height: 23px;

	padding: 8px 15px;

}



#Content .container h4 {

	color: #2f83af;

	font-size: 20px;

	font-weight: bold;

	margin: 0 0 20px 0;

	padding: 0 0 0 15px;

	border-bottom: #2f83af solid 1px !important;

	line-height: 30px;

}



#Content .container h3 {

	/*background-image: linear-gradient(to right, #4e8594 0, #8ebeca 100%);*/
	background: #2f83af;

	font-size: 20px;

	color: #ffffff;

	height: 40px;

	padding: 5px 0 0 15px;

	margin: 0 0 20px 0;

}



#Content .container h3 a {

	color: #ffffff;

}



#Content .container h3 b {

	border-bottom: #669799 2px solid

}



#Content .container .featurette a img {

	width: 180px;

	margin: 0 0 0 30px;

}



#Content .container .featurette .lead {

	margin-top: 20px;

	line-height: 20px;

}



#Content .container .mh h5 {

	color: #757B7E;

	font-size: 14px;

	font-weight: 500;

	margin: 0;

	padding: 6px 0 6px 15px;

	border-bottom: #D8DFE4 solid 1px !important;

	background-color: #EEF2F3;

}



/* 系列列表 */

#Content .container .productlist {

	margin: 0 10px

}



#Content .container .productlist .Title {

	font-size: 14px;

	font-weight: 700;

	border-top: #C0CCCF 1px dotted;

	padding: 8px 0 10 10px;

}



#Content .container .productlist .Title a {

	color: #7D8A8D;

}



#Content .container .productlist .Title a:hover {

	color: #8ebeca;

}



#Content .container .productlist a img {

	max-width: 100%;

	height: 180px;

}



#Content .container .featurette .left {}



#Content .container .featurette .left img {

	background: url(../images/bg_pro_ctp.jpg) left top no-repeat;

	display: block

}



.content .mh {

	margin: 0 0 50px 0

}



/* ==|== 產品內頁 / 左方產品 ======================================================= */



/* Main carousel style */

.article-slide .carousel {

	width: 395px;

	height: 395px;

}



/* Indicators list style */

.article-slide .carousel-indicators {

	position: relative;

	bottom: -20px;

	left: 0;

	margin-left: 5px;

	width: 100%;

}



/* Indicators list style */

.article-slide .carousel-indicators li {

	border: medium none;

	border-radius: 0;

	float: left;

	height: 85px;

	margin-bottom: 5px;

	margin-left: 0;

	margin-right: 3px !important;

	margin-top: 0;

	width: 84px;

}



/* Indicators images style */

.article-slide .carousel-indicators img {

	border: 1px solid #ffffff;

	float: left;

	height: 88px;

	left: 0;

	width: 87px;

}



/* Indicators active image style */

.article-slide .carousel-indicators .active img,

.article-slide .carousel-indicators .active img:hover {

	border: 1px solid #c0c2c4;

	-webkit-box-shadow: inset 0 1px 1px #c0c2c4;

	box-shadow: inset 0 1px 1px #c0c2c4;

	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



/* Applications */



.media,

.media .media {

	/*margin-top: 100px;*/

	min-height: 250px;

}



.media-carousel {

	margin-bottom: 0;

	padding: 0 30px 30px 45px;

	margin-top: 20px;

}



.media .row {

	margin-left: 5px;

	margin-right: 5px;

	/*background-color:#e4eff2*/

}



.media-carousel .col-md-6 {

	width: 50%;

	padding: 0 5px;

}



.media-carousel .col-md-6 .thumbnail {

	margin-bottom: 5px;

}



.media-carousel .col-md-6 p {

	font-size: 12px !important;

	line-height: 15px !important;

	padding: 8px 5px !important;

	letter-spacing: 0

}



/* Previous button  */

.media-carousel .carousel-control {

	width: 20%;

	font-size: 40px;

	font-weight: 700;

	color: #fff;

	text-shadow: none;

	opacity: none;

}



.media .media-carousel .carousel-control.left {

	left: 0;

	top:30%;

	background-image: none !important;

	background: #ffffff;

	color: #787878;

	/*background: none repeat scroll 0 0 #787878;*/

	/*border: 4px solid #FFFFFF;

  border-radius: 5px 5px 5px 5px;*/

	height: 40px;

	width: 40px;

	/*margin-top: 20px*/

}



/* Next button  */

.media .media-carousel .carousel-control.right {

	right: -15px !important;

	background-image: none !important;

	color: #787878;

	/*background: none repeat scroll 0 0 #787878;*/

	/* border: 4px solid #FFFFFF;

  border-radius: 23px 23px 23px 23px;*/

	height: 40px;

	width: 40px;

	top:30%;

	/*margin-top: 20px*/

}



/* Changes the position of the indicators */

.media-carousel .carousel-indicators {

	right: 50%;

	top: auto;

	bottom: 0px;

	margin-right: -19px;

}



/* Changes the colour of the indicators */

.media-carousel .carousel-indicators li {

	background: #c0c0c0;

}



.media-carousel .carousel-indicators .active {

	background: #333333;

}



.media-carousel img {

	width: 152px;

	/*height: 90px*/

}



.media h2 {

	background-color: #2f83af;

	padding: 8px 5px;

	margin: 40px 0 10px 20px;

	color: #ffffff;

}



.media-carousel .carousel-inner>.item {

	background-color: #ffffff;

}



.productContent {

	margin: 10px 0 0 30px

}



.productContent h3 {

	font-size: 20px;

	font-weight: 800;

	color: #252525

}



.zoom {

	position: absolute;

	width: 32px;

	height: 32px;

	background: url(../images/icon_zoom.jpg);

	z-index: 999999;

	top: 280px;

	right: 40px;

}



/* ==|== 產品內頁右方TAB ======================================================= */



.productContent ul.faq-cat-tabs {

	margin: 30px 0 0 0 !important

}



.faq-cat-content {

	margin-top: 25px;

}



.faq-cat-tabs li a {

	padding: 12px 18px;

	background-color: #e6e8e9;

	border: 1px solid #dddddd;

	color: #696969;

	font-weight: 600

}



.faq-cat-tabs>li.active>a {

	color: #ffffff;

	background-color: #2f83af !important;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover {

	color: #ffffff;

}



.nav-tabs li a:focus,

.panel-heading a:focus {

	outline: none;

}



.panel-heading a,

.panel-heading a:hover,

.panel-heading a:focus {

	text-decoration: none;

	color: #696969;

	background-color: #e6e8e9;

}



.faq-cat-content .panel-heading:hover {

	background-color: #efefef;

}



.active-faq {

	border-left: 5px solid #888888;

}



.panel-faq .panel-heading .panel-title span {

	font-size: 13px;

	font-weight: normal;

}



.faq-cat-content .video {}



.faq-cat-content .panel-group .panel {

	-webkit-box-shadow: none;

	margin: 0 0 50px 0;

}



.faq-cat-content .panel-group .panel ul {

	/* tab內容 */

}



.faq-cat-content .panel-group .panel ul li {

	/* tab內容 */

}



.faq-cat-content .panel-group .panel table,

.content table {

	width: 98%;

	margin-bottom: 30px;

}



.faq-cat-content .panel-group .panel table tr.header,

.content table tr.header {

	background: #618C96

}



.faq-cat-content .panel-group .panel table th,

.content table th {

	padding: 8px 5px;

	text-align: left;

	font-size: 13px;

	font-weight: 600;

	color: #3C5357;

	background-color: #C2D8D8;

	vertical-align: middle !important;

}



.faq-cat-content .panel-group .panel table td,

.content table td {

	border-collpase: collpase;

	border: none;

	padding: 8px 10px;

	font-size: 12px;

	color: #696969;

	border-bottom: 1px solid #ddd;

	line-height: 20px;

	vertical-align: middle !important;

}



.faq-cat-content .panel-group .panel table td.send,

.content table td.send {

	padding: 8px 5px;

	background-color: #C2D8D8;

	text-align: center

}



.faq-cat-content .panel-group .panel .table-striped>tbody>tr:nth-child(odd)>td,

.table-striped>tbody>tr:nth-child(odd)>th {

	background-color: #E1F0F0;

}



.faq-cat-content .panel-group .panel h4,

.content h4 {

	color: #2f83af;

	font-size: 15px;

	font-weight: bold;

	margin: 0 0 20px 0;

	padding: 0;

	border-bottom: #2f83af solid 1px !important;

	line-height: 30px;

}



.faq-cat-content .panel-group .panel img,

.content img {

	margin: 0 0 20px 10px;



}



.content table tr.header {

	background: #618C96;

}



/* ==|== 產品 - 表單設定 ======================================================= */



.nonmag {

	margin: 0 !important;

	color: #696969;

	font-size: 14px

}



.nonmag ul.checkbox {

	padding-left: 40px !important;

	margin-top: 20px !important;

	margin-bottom: 20px !important;

}



.nonmag ul.checkbox li {

	list-style: none !important;

	line-height: 23px !important

}



.form-control {

	margin: 5px 0

}



.dl-horizontal dt {

	width: 120px;

	font-size: 14px;

	font-weight: normal;

	line-height: 35px;

}



.dl-horizontal dd {

	margin-left: 130px;

}



.CAPTCHA {

	margin: 5px 0 0 0 !important

}



#Content .container h5 {

	color: #757B7E;

	font-size: 15px;

	font-weight: 500;

	margin: 10px 0;

	padding: 10px;

	border-bottom: #D8DFE4 solid 2px !important;

	background-color: #EEF2F3;

}



.send {

	margin: 15px 0;

	padding: 5px;

	background-color: #EEF2F3;

	text-align: center;

	clear: both

}



.QA {

	display: -webkit-box;

	display: -ms-inline-flexbox;

	line-height: 32px !important;

	width: 100%;

	margin: 0 0 10px 0;

}



.qa {

	width: 20%;

	margin: 0 5px 0 0;

}





/* ==|== 產品 - 右方相關產品 ======================================================= */

.Related {}



.Related>.bx-viewport {

	margin-top: 10px !important;

}





/* ==|== Footer ======================================================= */





#Footer {

	font-size: 13px;

	color: #88b4c0;

	height: 400px;

	margin: 0;

	padding: 0;

	background-color: #375e7d;

	clear: both;

	position: relative;

}



#Footer .container p.pull-right {

	color: #88b4c0;

	position: absolute;

	width: 80%;

	text-align: right;

	/* padding-top: 150px */

	right: 0;

	left: 0;

	bottom: 15px;

	margin: auto;

}



@media(min-width:1440px) {

	#Footer .container p.pull-right {

		width: 1100px;

	}

}



#Footer .footDiv {

	margin: 0 auto;

	position: relative;

	width: 1024px;

}

@media(max-width:768px) {

	#Footer .footDiv {

		width: 100%;

	}

}



.footInfo {

	position: absolute;

	top: 310px !important;

	left: 64% !important;

	line-height: 1.5em;

	display: block;

	z-index: 9

}



.footLink {

	/*background: #375e7d url(../images/bg_footer.png) right top no-repeat;*/

	white-space: nowrap;

	overflow: visible;

	margin: 0;

	padding: 50px 0 0 0;

	/*position: absolute;

	top: 50px;

	left: 22.5%;*/

}



.footLink ul {

	margin: 0 !important;

	padding: 0;

	line-height: 26px;

}



.footLink ul li {

	text-align: left;

	float: left;

	display: inline;

	margin: 0 30px;

	padding: 0;

	white-space: nowrap;

}



.footLink ul li a {

	color: #7fbdcd;

	font-size: 13px;

	font-weight: 600

}



.footLink ul li a:hover {

	color: #7398a1;

}



.footLink ul li a em {

	position: static;

	display: block;

	font-style: normal;

}



.footLink ul li ul {

	margin: 0;

	padding: 0;

}



.footLink ul li ul li {

	line-height: 1.5em;

	float: none;

	display: block;

	padding: 0 !important;

	margin: 0 !important;

}



.footLink ul li ul li a {

	color: #7398a1;

	font-weight: normal;

	float: none;

}



.footLink ul li ul li a:hover {

	color: #7fbdcd;

}



/* BTN STYLE */

.Divright {

	margin: 0 15px 15px 0

}



table .header .btn-sm {

	line-height: 1.0;

}



.btn-Edit {

	color: #FFF;

	background-color: #D69E49;

	border-color: #CA8021;

	margin: -2px 0 0 10px;

	vertical-align: top;

}



.btn-Edit:hover,

.btn-Edit:focus {

	background-color: #D3D3D3;

	background-position: 0 -15px;

}



.btn-Edit:hover,

.btn-Edit:focus,

.btn-Edit:active,

.btn-Edit.active,

.open .dropdown-toggle.btn-Edit {

	color: #FFF;

	background-color: #BE6B00;

	border-color: #9C5100;

}



.btn-Save {

	color: #FFF;

	background-color: #DF5E69;

	border-color: #E74E4E;

	vertical-align: top;

	margin: -2px 0 0 5px;



}



.btn-Save:hover,

.btn-Save:focus {

	background-color: #e0e0e0;

	background-position: 0 -15px;

}



.btn-Save:hover,

.btn-Save:focus,

.btn-Save:active,

.btn-Save.active,

.open .dropdown-toggle.btn-Save {

	color: #FFF;

	background-color: #C92B4B;

	border-color: #A30909;

}



.btn-recaptcha {

	margin: 10px 0 0 0;

	color: #ffffff;

	background-color: #727272;

	border-color: #616161;

}



.table-responsive {

	padding: 0px;

}



/* ::-webkit-scrollbar {

	width: 3px;

} */



/* ::-webkit-scrollbar-track {

	background-color: #dbdbdb;

	border-right: 1px solid transparent;

} */



/* ::-webkit-scrollbar-thumb {

	background-color: #636363;

}



::-webkit-scrollbar-thumb:hover {

	background-color: #3d3d3d;

}



::-webkit-scrollbar {

	width: 10px;

	height: 10px;

}



::-webkit-scrollbar-track {

	background-color: rgba(233, 233, 233, 0.63);

}



::-webkit-scrollbar-thumb {

	background-color: rgb(255, 0, 0);

}



::-webkit-scrollbar-button {

	/*   width: 10px;

	height: 10px;

	background-color: rgba(255, 255, 255, 0.5); */

/* }  */



:not(html):not(body)::-webkit-scrollbar {

	width: 10px;

	height: 10px;

}



/* Track */

:not(html):not(body)::-webkit-scrollbar-track {

	box-shadow: inset 0 0 5px grey;

	border-radius: 10px;

}



/* Handle */

:not(html):not(body)::-webkit-scrollbar-thumb {

	background: #105fac;

	border-radius: 10px;

}



/* Handle on hover */

:not(html):not(body)::-webkit-scrollbar-thumb:hover {

	background: #105fac;

}



/* ==|== 列印樣式 ======================================================= */



@media print {

	* {

		background: transparent !important;

		color: black !important;

		text-shadow: none !important;

		filter: none !important;

		-ms-filter: none !important;

	}



	/* 黑色的列印速度更快: h5bp.com/s */

	a,

	a:visited {

		text-decoration: underline;

	}



	a[href]:after {

		content: none !important;

	}



	abbr[title]:after {

		content: " ("attr(title) ")";

	}



	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content: "";

	}



	/* 不要顯示影像的連結或 javascript/內部連結 */

	pre,

	blockquote {

		border: 1px solid #999;

		page-break-inside: avoid;

	}



	thead {

		display: table-header-group;

	}



	/* h5bp.com/t */

	tr,

	img {

		page-break-inside: avoid;

	}



	img {

		max-width: 100% !important;

	}



	@page {

		margin: 0.5cm;

	}



	p,

	h2,

	h3 {

		orphans: 3;

		widows: 3;

	}



	h2,

	h3 {

		page-break-after: avoid;

	}

}











/*Canboo add for product zoomview*/

#article-photo-carousel .carousel-inner {

	height: auto;

	overflow: visible;

}