/* Add here all your CSS customizations */
/*
---------------------------------------------
reset
---------------------------------------------
*/
body{
	color: #333333;
	font-size: 16px;
	line-height: 1.75;
	font-family: '微軟正黑體',Arial,sans-serif;

}
h1, h2, h3, h4, h5, h6 {
    font-family: '微軟正黑體',Arial,sans-serif;
    line-height: 1.5;
}
img {
  max-width: 100%;
  height: auto;
}
a{
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
p{
	color: #333;
}
.modal-lg{
	max-width: 1200px;
}
.font-weight-extra-bold{
	color: #000;
}
.btn{
	font-size: 16px;
}
/*fck*/
.fck {    overflow-x: auto;}
.fck * { max-width: 100%; }
.fck,.fck p { line-height: 1.75; font-size: 16px; color: #444; }
.fck p{ font-size: 16px;}
.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
.fck .marker {   background-color: Yellow;}
.fck em { font-style: italic; font-size: inherit;}
.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
.fck a{ }
.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
.fck h1 { font-size: 2em; margin:0.67em 0; }
.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
.fck h3 { font-size: 1.17em; margin:1em 0; }
.fck ins { text-decoration: underline; }
.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
.fck img { max-width:100%!important; height:auto; margin-bottom:10px; }
.fck ul, .fck ol { padding-left:20px; }
.fck ul>li {  list-style-type: disc; display: list-item;  }
.fck ol>li {     list-style-type: decimal; display: list-item; }
.fck table { border-collapse: collapse; }
.fck table tr td,.fck table tr th {/* border: 1px solid #aaa; */ padding: 3px 5px;}

.target-fix {
    position: relative;
    top: -44px; /*偏移值*/
    display: block;
    height: 0;
    overflow: hidden;
}

.section{
	/*padding-top: 2.61538rem;
	padding-bottom: 2.61538rem;*/
}
.pull-right{
	float: right;
}
.text-justify{
	text-align: justify;
}
.text-6{
	font-size: 26px;
}
/*text color*/
.text-color-blue{
	color: #005DBE !important;
}
.text-color-black {
    color: #333 !important;
}
.text-color-red{
	color: #c50010 !important;
}
.text-color-light-3{
	color: #333 !important;
}
.bg-color-red{
	/* background: #e60013 !important; */
}
.border-color-red{
	border-color: #e60013 !important;

}
.border-left-line{
	border-left: 2px solid #e60013;
}
.lead{
	color: #333;

}
.text-shadow{
	text-shadow: 1px 2px 1px rgba(0,0,0,1);
}

/*
---------------------------------------------
語系
---------------------------------------------
*/
.flag {
    width: 16px;
    height: 11px;
    background: url(../images/flags.png) no-repeat;
    margin-top: -1px;
}
.flag.flag-zh-tw {
    background-position: -80px -154px;
}
.flag.flag-zh-cn {
    background-position: -208px -22px;
}
.flag.flag-us {
    background-position: -160px -154px;
}
.fa-globe{
	 margin-right: 5px;
	 color: #fff !important;
}
.header-button > ul > li > a{
	color: #666;
}
.header-button > ul > li > a > i{
	color: #0f0f0f;
}
/*skicy*/
html:not(.sticky-header-active) #header .header-button > ul > li > a:not(.active){
	color: #fff;
	text-shadow: 1px 2px 1px rgb(49, 83, 196);
}
html.sticky-header-active #header .header-button .nav-link{
	background: transparent;
    border-color: #005DBE;
    color: #005DBE;
}
html.sticky-header-active #header .header-button .nav-link .fa-globe{
	color: #005DBE !important;
}
html:not(.sticky-header-active) .inside-header .header-button > ul > li > a:not(.active){
	text-shadow: 1px 2px 1px rgba(0,0,0,0) !important;
}


/*
---------------------------------------------
header
---------------------------------------------
*/
#header .header-body{  /*menu大框*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	/* border:1px solid red; */
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu{
	min-width: 150px; /*product 產品*/
	padding: 20px 15px 20px 15px;
	background-color: rgba(90,90,90,0.9);
	background-color: rgba(158,158,158,0.95);
	background-color: rgba(80,140,200,0.95);
	background-color: rgba(220,160,160,0.9);
 /* background-color:transparent; */
 /* border:1px solid red; */
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-about .dropdown-menu{
	min-width: 170px; /*cn*/
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-applications .dropdown-menu{
	min-width: 330px; /*cn*/
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-technology .dropdown-menu{
	min-width: 350px; /*cn*/
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-news .dropdown-menu{
	min-width: 100px; /*cn*/
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-link .dropdown-menu{
	min-width: 330px; /*cn*/
}

#header .header-nav-main nav > ul > li > a{
	font-size: 16px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){
	font-size: 16px;
	color: #fff;
}
#header .header-button a{
	font-size: 14px;
}
#header .header-btn-collapse-nav .hamburguer span{
	background: #1c1f21;
}
.tel-box a{
	color: #fff;
}
.dropdownLanguage-box{
	min-width: 7rem;
	text-align: center;
}
.dropdown-menu > li > a{
	padding: 10px;
	white-space: inherit;
}
.header-button{

}
.header-button .nav-link {
	color: #fff;
	/*padding: 1.93333em 0.85em;*/
	border: 1px solid #ddd;
	/*border-width: 2px;*/
    border-radius: 10px
}
.header-button ul{
	list-style: none;
	padding:0;
	margin-bottom: 0;

}
.header-button ul li{

}

html #header .header-nav-main nav > ul > li.open > a,
html #header .header-nav-main nav > ul > li:hover > a,
html #header .header-nav-main nav > ul > li:focus > a{
	color: #e60013;
border:1px #e60013 solid;
border:1px  solid rgba(220,160,160,0.9);
}



/*skicy*/
html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active):hover > a,
html:not(.sticky-header-active) #header.header-semi-transparent .header-nav-main nav > ul > li:not(.active):hover > a,
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active):hover > a{
	color: #fff;
}
#header .header-nav-main-effect-1 nav > ul > li.dropdown:not(.dropdown-mega-signin):hover > .dropdown-menu li a:hover{
	color: #e60013;
	font-weight: bolder;
}
html .btn-outline.btn-primary:hover, html.sticky-header-active .btn-outline.btn-sticky-primary:hover,
html .btn-outline.btn-primary:focus, html.sticky-header-active .btn-outline.btn-sticky-primary:focus {
    border-color: #005DBE;
    background-color: #005DBE !important;
    color: #ffffff;
}



/*
--------------
technology ASIC frontend-design-flow
-------------
*/
html .btn-outline2.btn-primary2:hover, html.sticky-header-active .btn-outline2.btn-sticky-primary:hover,
html .btn-outline2.btn-primary2:focus, html.sticky-header-active .btn-outline2.btn-sticky-primary:focus {
    border-color: #9A1E35;
    background-color: #9A1E35 !important;
    color: #ffffff;
}






html .text-color-primary:not(.no-skin), html .text-primary:not(.no-skin){
	color: #005DBE !important;
}
html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li > a:not(.active){
	text-shadow: 3px 1px 15px rgba(0,0,0,.8) !important;
}
@media (max-width:992px){
	.d-none {
    	display: block !important;
    	margin-top: 15px;
	}
	#header .header-nav-main nav > ul li a:not(.btn).dropdown-item{
		color: #fff;
	}
}
@media (max-width:360px) {
	#header .header-logo img{
		width: 150px;
	}

}
/*
---------------------------------------------
slider
---------------------------------------------
*/
.tparrows{
	visibility: inherit !important;
 	opacity: 1 !important;
}
.tparrows:before{
	font-size: 50px;
}
html .tp-bullet.selected, html .tp-bullet:hover{
	background: #e60013;
}
.tp-bullets.bullets-style-1 .tp-bullet{
	top: 50px !important;
}
.forcefullwidth_wrapper_tp_banner .btn-primary{  /* MORE */
	background: #e60013;
	border-color: #e60013;
	color:#e60013;
	background-color: transparent; /* 將背景設為透明 */
	padding: 10px 30px !important;
	font-size: 16px !important;
}
.forcefullwidth_wrapper_tp_banner .btn-primary:hover{
	border-color: #fd3e4e;
    background-color: #fd3e4e;
}
.font-weight-thin{
	font-size: 40px;
}

html .owl-carousel:not(.mirrored) .owl-dots .owl-dot.active span {
    background: #e60013 !important;

}
.rev_slider .font-weight-normal{
	font-weight: bolder !important;
	text-shadow: 2px 3px 0px rgba(0,0,0,.8);
}
.section-over-slider{
	text-shadow: 1px 2px 1px rgba(0,0,0,1);
}
.slotholder{
	height: auto !important;
}
.section.section-over-slider.section-over-slider-style-1 > .container{
	border-top: 1px solid #ddd;
}

@media (max-width:992px) {
	.slider-container  .tp-caption {
		top: 30px !important;
	}
	.slider-container h1.tp-caption{
		top: 50px !important;
	}
	.slider-container  .tp-caption-1{
		top: 55px !important;
	}
	.slider-container .btn{
		top: 60px !important;
	}
}
@media (max-width:768px){
	.slider-container .tp-caption-1,
	.slider-container .tp-caption-2{
		left: 0;
    	right: 0;
    	margin: 0 auto;
    	font-size: 150% !important
	}
}
@media (max-width:480px){
	.slider-container .tp-caption-1,
	.slider-container .tp-caption-2{
		font-size: 100% !important
	}
}
/*
---------------------------------------------
start
---------------------------------------------
*/
html .btn-outline.btn-primary, html.sticky-header-active .btn-outline.btn-sticky-primary {
    background: transparent;
    border-color: #005DBE;
    color: #005DBE;
}
html .btn-primary, html.sticky-header-active .btn-sticky-primary {
    padding: 10px 30px !important;
    font-size: 16px !important;
    border-color: #005DBE;
    color: #ffffff;
    background-color: #005DBE;
}


/*
--------
technology ASIC frontend-design-flow
-------
*/

html .btn-outline2.btn-primary2, html.sticky-header-active .btn-outline2.btn-sticky-primary {
    background: transparent;
    border-color: #9A1E35;
    color: #9A1E35;
}


html .btn-primary2, html.sticky-header-active .btn-sticky-primary {
    padding: 10px 30px !important;
    font-size: 16px !important;
    border-color: #9A1E35;
    color: #ffffff;
    background-color: #9A1E35;
}



/*
---------------------------------------------
index-products-box
---------------------------------------------
*/
#index-products-box{

}
#index-products-box .owl-item > h2{
	text-align: center;
}
#ourwork h2{
	text-align: center;
}
.image-frame .image-frame-wrapper .image-frame-action.image-frame-action-sm .image-frame-action-icon{
	background: #fff;
}
/*
---------------------------------------------
index-news-box
---------------------------------------------
*/
#index-news-box{
	background: url(../images/parallax/parallax-2.jpg) center center no-repeat #f1f3f7;
	background-size: cover;
	padding: 60px 0px 80px !important;
}
.index-news-box{

}
.owl-carousel.carousel-style-1 .left-content > span span{
	font-size: 16px;
	color: #005DBE !important;
}
.owl-carousel.carousel-style-1 .right-content{
	padding-top: 1rem;
}
.owl-carousel.carousel-style-1 .right-content{
	padding-top: 0;
	padding-left: 0;
}
#index-news-box .owl-theme .owl-nav.disabled+.owl-dots{
    position: absolute;
    top: auto;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.owl-carousel.carousel-style-1 .owl-item{
	/*border-left: 1px solid #ddd;*/
}
.owl-carousel.carousel-style-1 .owl-item:first-of-type{
	/*border-left: 0;*/
}
.owl-carousel.carousel-style-1 .content-wrapper{
	padding: 20px 20px;
}
.owl-carousel.carousel-style-1 .owl-item{
	background: #f1f3f7;
}
.owl-carousel.carousel-style-1 .content-wrapper:hover{
	background: #2388ed;
}
.owl-carousel.carousel-style-1 .content-wrapper:hover h3{
	color: #fff !important;
}
.owl-carousel.carousel-style-1 .content-wrapper:hover .date-box,
.owl-carousel.carousel-style-1 .content-wrapper:hover .date-box i,
.owl-carousel.carousel-style-1 .content-wrapper:hover h3 a,
.owl-carousel.carousel-style-1 .content-wrapper:hover .learn-more,
.owl-carousel.carousel-style-1 .content-wrapper:hover .learn-more i{
	color: #fff !important;
}
.title-box{
	position: relative;
}
.title-box:after{

}
.learn-more{

}
/*
---------------------------------------------
index-AD-box
---------------------------------------------
*/
.parallax-background{
	background-position: left top !important;
}
html .overlay-color-primary:not(.no-skin):before{
	background-color: #000 !important;
	opacity: .6 !important;
}
.btn-icon-effect-1 .wrap span{
	font-size: 16px;
}
.btn-light, html.sticky-header-active .btn-sticky-light{

}
.call-to-action-btn:hover .font-weight-semibold{
	color: #fff;
	background: #e60013;
	border-color: #e60013;
}
/*
---------------------------------------------
footer
---------------------------------------------
*/
#footer{
	background: #004084;
}
#footer a:hover{
	text-decoration: underline;
}
#footer .footer-copyright{
	background: #003267;
}
#footer p{
	color: #ccc;
}
#footer .list-unstyled li,
#footer .list-unstyled li a{
	color: #ccc;
}
#footer .list-unstyled li a:hvoer{
	text-decoration: underline;
}
#footer.footer-hover-links-light a:not(.btn){
	color: #ccc;
}
#footer > .container > .row{
	padding-top: 3rem;
}
#footer .footer-copyright{
	margin-top: 2em;
}
#footer .footer-copyright p a{
	display: inline-block;
}
#footer .footer-copyright{
	padding: 1em 0;
}
#footer .list-icon li > i{
	color: #e60013;
	top: 5px;
}
/*
---------------------------------------------
inside-header
---------------------------------------------
*/
.page-header{    /*banner圖片大小*/
	padding: 75px 0;
	/* border: 10px solid red;
	width: 100vw;
	height: 50vh; */
}
.page-header h1{
	/* color: #333; */
	/*text-shadow: 2px 3px 2px rgba(0,0,0,.5);*/
}
#header .header-nav-main{
	padding: 0 1rem;
}
#header.header-effect-shrink .header-container {
	min-height: 92px !important;
}
.page-header h1{
	color: #fff !important;
	text-shadow: 1px 2px 1px rgba(0,0,0,1);
}

html:not(.sticky-header-active) #header.header-effect-shrink .header-button > ul > li > a:not(.active){
	color: #005DBE !important;
	border: 1px solid #005DBE !important;
}
html:not(.sticky-header-active) #header.header-effect-shrink .header-button > ul > li > a:not(.active) .fa-globe{
	color: #005DBE !important;
}
.page-header .col-md-6{
		text-align: left !important;
	}

@media (max-width:992px) {
	#header .header-btn-collapse-nav.header-btn-collapse-nav-light .hamburguer span,
	#header .header-btn-collapse-nav.header-btn-collapse-nav-light .close span{
		background: #1c1f21;
	}
	.page-header{
		padding: 30px 0;
	}
}
@media (max-width:768px){
	.page-header h1{
		/*text-align: center !important;*/
	}
}
/*
---------------------------------------------
breadcrumb
---------------------------------------------
*/
.page-header .breadcrumb > li{
	font-size: 14px;
	color: #333;
	/*text-shadow: 1px 2px 1px rgba(0,0,0,1);*/
}
.page-header .breadcrumb > li a {
	color: #333;
	color: #fff;
    text-shadow: 1px 2px 1px rgba(0,0,0,1);
}
.page-header .breadcrumb > li.active{
	color: #fff !important;
	text-shadow: 1px 2px 1px rgba(0,0,0,1);
}
.page-header .breadcrumb > li + li:before{
	color: #e60013;
	opacity: 1;
}
.page-header .breadcrumb > li a:hover{
	color: #e60013 !important;
}


#ct-bg-box .breadcrumb > li a,
#pd-bg-box .breadcrumb > li a,
#ap-bg-box .breadcrumb > li a,
#about-bg-box .breadcrumb > li a,
#contact-bg-box .breadcrumb > li a
{

}
#ct-bg-box .breadcrumb > li.active,
#pd-bg-box .breadcrumb > li.active,
#ap-bg-box .breadcrumb > li.active,
#about-bg-box .breadcrumb > li.active,
#contact-bg-box .breadcrumb > li.active
{

}

/*
---------------------------------------------
inside-headerbg
---------------------------------------------
*/
#pd-bg-box{
	background: url(../images/inside-banner/inside-pd-banner.jpg) center center no-repeat; /*products*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
	width: 100vw;
	height: 40vh;
}
#news-bg-box{
	background: url(../images/inside-banner/inside-news-banner.jpg) center center no-repeat; /*news*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
#ap-bg-box{
	background: url(../images/inside-banner/inside-ap-banner.jpg) center center no-repeat; /*applications*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
#ct-bg-box{
	background: url(../images/inside-banner/inside-ct-banner.jpg) center center no-repeat; /*core-tech*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
#about-bg-box{
	background: url(../images/inside-banner/inside-about-banner.jpg) center center no-repeat; /*about*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
#contact-bg-box{
	background: url(../images/inside-banner/inside-contact-banner.jpg) center center no-repeat; /*contact*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
#sitemap-bg-box{
	background: url(../images/inside-banner/inside-sitemap-banner.jpg) center center no-repeat; /*contact*/
	border-bottom: 1px solid #DAE2E6;
	background-size: cover;
}
/*
---------------------------------------------
inside-sidebar
---------------------------------------------
*/
/*prod-search*/
#sidebarSearchForm{

}
#sidebarSearchForm input{
	font-size: 16px !important;
}

.accordion-header .text-3{
	font-size: 16px;
}
.accordion.accordion-style-1 .accordion-body{

}
.accordion.accordion-style-1 .accordion-header a{
	font-size: 18px;
	padding: 1.8rem 1.0rem;
}
.accordion.accordion-style-1 .accordion-body .card-body {
    padding: 0 1.0rem 1.0rem;
}
.list li > a + .list {   /*產品分類外框*/
    /*padding-left: 1.5rem;*/
    padding-left: 0;
}
.list li > a + .list > li > a{  /*產品分類細項*/
	/*margin-bottom: 10px;*/
	padding: 10px 10px 10px 25px;
	display: block;
}
.list li > a + .list > li > a:hover{
	background-color: rgb(236, 85, 85);/*prod 選擇*/
	color: white !important;
	/* color: #e60013 !important; */
}
.sort-source > div > a, .sort-source > li > a{
	font-size: 16px;
}
.sidebar .sort-source > div > a,
.sidebar .sort-source > li > a{
	padding-left: 15px;
	font-family: '微軟正黑體',Arial,sans-serif;
	color: #333 !important;

}
.text-1 {
    font-size: 15px !important;
}
.sidebar .sort-source > li > a > i{
	color: #e60013;
	/* color: white  !important; */
}
.accordion.accordion-style-1 .accordion-body .card-body{

}
.accordion.accordion-style-1 .accordion-header a:before{
	color: #e60013;
}
.sidebar  .active{
	background: #ddd;
}
.prod-sidebar-list{

}
.prod-sidebar-list .accordion-body .card-body{
	padding: 0 !important;
}
.prod-sidebar-list .list li > a + .list > li > a{

}
.prod-sidebar-list .list li > a + .list > li > a:hover{
	color: #e60013 !important;
	color: white !important;   /*prod 選擇*/
	/* border:3px solid green; */
}
.sidebar  .active a{
	color: #005DBE;
	background: #ddd;
}
.sidebar  .active a:hover{
	color: #005DBE !important;
}
.sidebar .col-12{

}
.sidebar-info-box .col-12{
	padding: 0;
}
@media (max-width:767px){
	.sidebar .col-12{
		padding: 0 15px;
	}
}

/*
---------------------------------------------
products-list
---------------------------------------------
*/
.image-frame.image-frame-style-1 .image-frame-wrapper:after{
	background: rgba(0, 166, 234, 0.3);
	/*background: rgba(28, 31, 33, 0.3);*/
	/*background: rgba(156,201,219,0.5);*/
}
.portfolio-list.portfolio-list-style-2 .portfolio-item:hover h2 a{
	color: #e60013 !important;

}
.portfolio-list .image-frame .image-frame-wrapper {
	background: #ededed;
}
/*modal*/
.icon-modal{
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 0 !important;
}
.icon-modal > li{
	list-style-type: none !important;
}
.modal-body {

}
.icon-modal .logo-box ul {
    margin: 0;
    padding-left: 20px;
}
.icon-modal .logo-box ul li{

}
.modal-body .logo-box .icon-box{
	min-height: 105px;
	border-bottom: 1px solid #ddd;
}
.modal-body .logo-box h4{
	font-style:italic;
	margin-bottom: 0 !important;
}
.modal-body .logo-box h4 span{
	font-style:normal;
	font-size: 16px;
	font-weight: normal;
}
.modal-body .fck ul li:nth-of-type(even) h4{
	color: #005DBE;
}
/*
---------------------------------------------
products-details
---------------------------------------------
*/
.prod-dt-titie{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
#thumbGalleryDetail{

}
#thumbGalleryDetail .image-frame{
	background: #ededed;
}
#thumbGalleryDetail .owl-carousel.owl-drag .owl-item{
	position: relative;
}
#thumbGalleryDetail .owl-carousel.owl-drag .owl-item:after{
	content: ' ';
    position: absolute;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
    border: 5px solid #FFF;
    z-index: 3;
}
.pdf-download{
	background: #f00 !important;
	border-color: #f00 !important;
}
.pdf-download:hover{
	background: #e65353 !important;
	border-color: #e65353 !important;
}
.table th{
	vertical-align: middle;
}
.social-icons-box{
	overflow-x:inherit;
}
.social-icons {
    margin: 0;
    padding: 0;
    width: auto;
    padding-left: 0 !important;

}
.social-icons li{
	display: inline-block !important;
}
.social-icons li img{
	margin-bottom: 0;
	width: 40px;
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out,
	-webkit-transform .2s ease-out;
}
.social-icons li:hover{
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

/*#ap-icon*/
#ap-icon  .icon-box-info{

}
#ap-icon  .icon-box-info ul{
	margin: 0;
    padding-left: 20px;
}
#ap-icon  .icon-box-info ul li{
	list-style-type: disc;
}
html .nav-tabs .nav-item .nav-link:after{
	background-color: #e60013;
}
@media (max-width:480px){
	.social-icons li{
		margin-bottom: 15px;
	}
	.text-2{
		width:75px;
	}
}
/*
---------------------------------------------
applications
---------------------------------------------
*/

.learn-more i{
	color:#e60013;
}
#related-products .owl-carousel.owl-drag .owl-item:hover h3 a{
	color: #e60013;
}
#related-products .owl-carousel.owl-drag .owl-item h3 a:hover{
	color: #e60013 !important;
}
#related-products .owl-carousel.dots-style-1{
	margin-bottom:0;
}
#related-products .image-frame.image-frame-style-1 {
	background: #ededed;
}
.application-box{

}
.application-box .ap-img{

}
.application-box  .my-4:hover{
	transition: transform 500ms ease 0s;
    transform: translate3d(-3.02669%, -3.02669%, 0px);
}

.application-box .my-4 .ap-img-hover{
	display: none;
}
.application-box .my-4:hover .ap-img{
	display: none;
}
.application-box .my-4:hover .ap-img-hover{
	display: initial;
}
.application-box .my-4:hover label{
	color: #005dbe;
}
.application-box-1{
	/*background:
	-webkit-linear-gradient(right, rgba(255,255,255,0),rgba(255,255,255,1) 60%),
	url(../images/applications/applications-1.jpg) center right no-repeat;*/
	/*linear-gradient(left rgba(255,255,255,1), rgba(255,255,255,0));*/

	/*background-image:url(linear-gradient(left, rgba(#E80C7A,.5) 20%, transparent 50%));*/
	/* background:  url(../images/applications/applications-1.jpg) no-repeat right,*/
   /* -webkit-linear-gradient(right, #000, #fff);/*開始方向, 開始顏色, 結束顏色*/
}

#application-box-2{
	background: #f1f3f7 !important;
}
#application-box-2 .bg-primary-2:not(.no-skin){
	background: #f1f3f7 !important;
}
#application-box-2 .text-color-light{
	color: #333 !important;
	font-size: 16px;
}
html .bg-primary:not(.no-skin) {
    background-color: #fff !important;
}
#applications-icon-box{
	    padding: 3rem 0;
}
#applications-icon-box .logo-box ul{
	margin: 0;
	padding-left: 20px;
}
#applications-icon-box .logo-box ul li{

}
#applications-icon-box .logo-box h4{
	font-style:italic;
}
#applications-icon-box .logo-box h4 span{
	font-style:normal;
	font-size: 16px;
	font-weight: normal;
}
#applications-icon-box .owl-carousel .owl-stage .owl-item:nth-of-type(even) .logo-box  h4{
	color: #005DBE;
}
.icon-box.icon-box-style-4 .icon-box-icon,
.icon-box.icon-box-style-7 .icon-box-icon{
	padding: 0;
}
.icon-box .icon-box-icon object:not([width]),
.icon-box .icon-box-icon img:not([width]){
	width: 75px;
}
.counters.counters-sm label {
    font-size: 16px;
    margin-top: 10px;
}

/*bgcolor*/
#bg-blue {
    background: #e5f2f9 !important;
}
#bg-blue .bg-primary-2:not(.no-skin){
	background: #e5f2f9 !important;

}
#bg-blue .text-color-light {
    color: #333 !important;
}
@media (max-width:1200px) {
	.card.border-0{
		/*width: 250px;*/
	}
}
@media (max-width:992px) {
	.section.section-height-3{
		padding: 50px 0 50px;
	}
	.application-box-1{
		/*background: -webkit-linear-gradient(bottom, rgba(255,255,255,0),rgba(255,255,255,1) 60%),
		url(../images/applications/applications-1.jpg) bottom right no-repeat;*/
	}
	.application-box-1 p{

	}
}
@media (max-width:767px) {
	.call-to-action .call-to-action-content,
	.call-to-action .call-to-action-btn{
		padding: inherit;
	}
}
@media (max-width: 576px){
	#application-box-2 .order-1,
	#application-box-2 .order-2{
		padding: 0 15px !important;
	}
}
/*
---------------------------------------------
news-details
---------------------------------------------
*/
.blog-post h2{
	font-size: 18px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	line-height: 30px;
}
.next-prev-box{

}

.next-prev-box a{
	font-size: 16px;
}
.next-prev-box .col-sm-auto{
	width: auto;
}
/*
---------------------------------------------
core-tech
---------------------------------------------
*/

.consultation-box{

}

.card.bg-dark-5{
	/*background: rgba(28,31,33,.5) !important;*/
	background: #005DBE !important;
	border: 1px solid #005DBE !important;
}
.consultation-box a{
	background: #00458e;
	border:2px solid #00458e;
}
.consultation-box:hover a{
	background: #00458e;
	border:2px solid #fff;
}
.overlay:before{
	background: rgba(28,31,33,.5);
}
#core-tech-box{

}
#core-tech-box .bg-primary{
	background: #005DBE !important;

}
#core-tech-box .bg-primary .p-5{
	 padding: 3rem 2rem !important;

}
#core-tech-box .card p{
	color: #fff !important;
}
.icon-box.icon-box-style-1{
     display: block;
	 min-width: 250px;
	 /* border: 1px solid red; */
}
.icon-box.icon-box-style-1 .icon-box-icon{
	float: left;
	padding-right: .5rem;
}
.icon-box.icon-box-style-1 .icon-box-info{
    overflow: hidden;
}
.icon-box.icon-box-style-1 .icon-box-info .icon-box-info-title{
	font-size: 16px;
}
.icon-box.icon-box-style-1 .icon-box-info p{
	font-size: 15px;
}
#core-tech-box-2{
	background: #f1f3f7 !important;
}
#core-tech-box-2 .bg-primary-2:not(.no-skin) {
    background: #f1f3f7 !important;
}
#core-tech-box-2  .text-color-light{
	color: #333 !important;
    font-size: 16px;
}
#core-tech-box-3{
	background: #dae0ec !important;
}
#core-tech-box-3 .bg-primary-2{
	background: transparent !important;
}
.call-to-action h2{
	font-size: 1.8rem;
}
/*core-tech-5*/
#core-tech-5{
	background: url(../images/core-tech/core-tech-5-1.jpg) left no-repeat #e5f2f9 !important;
}
#core-tech-5 .image-frame{
		display: none;
	}
#core-tech-5 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-5 .text-color-light {
    color: #333 !important;
}
/*core-tech-6*/
#core-tech-6{
	background: url(../images/core-tech/core-tech-6-1.jpg) left no-repeat #f1f3f7 !important;
}
#core-tech-6 .image-frame{
		display: none;
	}
#core-tech-6 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-6 .text-color-light {
    color: #333 !important;
}

/*core-tech-7*/
#core-tech-7{
	background: url(../images/core-tech/core-tech-7-1.jpg) right no-repeat #e5f2f9 !important;
	background-size: cover !important;
}
#core-tech-7 .image-frame{
		display: none;
	}
#core-tech-7 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-7 .text-color-light {
    color: #333 !important;
}

/*core-tech-9*/
#core-tech-9{
	background: url(../images/core-tech/core-tech-9-1.jpg) right no-repeat #e5f2f9 !important;
}
#core-tech-9 .image-frame{
		display: none;
	}
#core-tech-9 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-9 .text-color-light {
    color: #333 !important;
}

/*core-tech-11*/
#core-tech-11{
	background: url(../images/core-tech/core-tech-11-1.jpg) right no-repeat #e5f2f9 !important;
}
#core-tech-11 .image-frame{
		display: none;
	}
#core-tech-11 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-11 .text-color-light {
    color: #333 !important;
}

/*core-tech-13*/
#core-tech-13{
	background: url(../images/core-tech/core-tech-13-1.jpg) right no-repeat #e5f2f9 !important;
	background-size: cover !important;
}
#core-tech-13 .image-frame{
		display: none;
	}
#core-tech-13 .bg-primary-2:not(.no-skin){
	background: transparent !important;
}
#core-tech-13 .text-color-light {
    color: #333 !important;
}

.section-consultation-box{
	background: url(../images/);
}


@media (max-width:991px){
	.card-body.p-5{
		padding: 0 !important;
	}
	#core-tech-box p,
	#core-tech-box-2 p{
		/*text-align: justify;*/
	}
	#core-tech-5,
	#core-tech-7,
	#core-tech-9,
	#core-tech-11,
	#core-tech-13
	{
		background: #e5f2f9 !important;
	}
	#core-tech-6
	{
		background: #f1f3f7 !important;
	}
	#core-tech-5 .image-frame,
	#core-tech-6 .image-frame,
	#core-tech-7 .image-frame,
	#core-tech-9 .image-frame,
	#core-tech-11 .image-frame,
	#core-tech-13 .image-frame{
		display: block !important;
	}

}

@media (max-width:767px){
	.call-to-action .mb-md-0{
	 	margin-bottom: 0 !important;
	}


}
@media (max-width: 576px){
	#core-tech-box .order-1,
	#core-tech-box .order-2,
	#core-tech-box-2 .order-1,
	#core-tech-box-2 .order-2,
	#core-tech-5 .order-1,
	#core-tech-5 .order-2,
	#core-tech-6 .order-1,
	#core-tech-6 .order-2,
	#core-tech-7 .order-1,
	#core-tech-7 .order-2,
	#core-tech-9 .order-1,
	#core-tech-9 .order-2,
	#core-tech-11 .order-1,
	#core-tech-11 .order-2,
	#core-tech-13 .order-2{
		padding: 15px 15px !important;
	}
	#core-tech-box .py-5,
	#core-tech-box-2 .py-5,{
		padding-top: 0rem!important;
		padding-bottom: 0rem!important;
	}
}
/*
---------------------------------------------
contact
---------------------------------------------
*/
select.form-control:not([size]):not([multiple]){
	height: calc(2.25rem + 17px) !important;
}
.info-top-box{
	max-width: 99%;
	margin: 0 auto;
}
.mt-negative-2 {
    padding-bottom: 115px !important;
}
.form-control:not(.form-control-sm):not(.form-control-lg){
	line-height: 1.5;
	font-size: 15px;
	color: #000 !important;
}
.form-control::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
}
@media (max-width:992px) {
	.info-top-box{
		max-width: auto;
	}
}
@media (max-width:767px) {
	.info-top-box{
		max-width: 300px;

	}
}


/*
---------------------------------------------
about
---------------------------------------------
*/
#company_profile #about-blue-bg,
#company_profile h2,
#President ,
#Organization h2,
#philosophy h2,
#company_mission h2,
#quality_reliability h2{
	margin-top: 3rem!important;
}
.rect-size {
    height: 500px;
	/* border: 5px solid red; */
}
.rect-size2 {
    height: 200px;
}
.icon-box.icon-box-style-6 {
    padding: 2rem .5rem;
}
.bg-light-5 {    /*about 背景顏色*/
    background-color: #f7f1f1 !important;
}
#company_profile .border{
	border:0px solid #2388ed !important;
}
#quality_reliability .text-2{
	width: auto;
}
#quality_reliability .list li strong{
	display: block;
}
#about-blue-bg{
	/*border:2px solid #004084;*/
	/*background-color: #004084 !important;*/
	width: 450px;   /*組織圖片*  大於350px ，about.php 中的圖及字均設col-lg-6*/
	/* border: 1px solid rgb(213, 212, 216); */

	/* 右下角、模糊、半透明黑色陰影 */
	/* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);  */
}

@media (max-width:480px){
	#about-blue-bg{
		width: 350px;   /*組織圖片*  圖片350px ,手機圖片才能置中*/
		}
}


.license-box {

}
.license-box img{
	width: 60%;
}
.steps .item{
	width: 200px;
    height:200px;
}
.steps .item.active .item-title{
	color: #333;
	font-size: 1.615385em;
}
/*num*/
html .steps-primary .item .item-title span{
	/*color: #333;*/

	font-size: 65px;
}
.steps .item:not(.active):not(.no-bg-color){
	background: #fff !important;
}
.steps .item .item-title:after{
	background: #fff;
}
.steps .item.active:before{
	background: #fff;
}
.steps .dots .dots-color-dark{

}
.steps .item .item-title{
	background: #fff;
}
html .steps-primary .item {
    border-color: #333;
}

/*line background*/
svg.cls-1 {
    fill: #fff !important;
}
/*left right*/
.icon-box-animation-1:not(.icon-box-animation-1-light) .icon-box:before,
.icon-box-animation-1:not(.icon-box-animation-1-light) .icon-box:after{
	border-color: #e60013;
}
/* top bottom*/
.icon-box-animation-1:not(.icon-box-animation-1-light):before,
.icon-box-animation-1:not(.icon-box-animation-1-light):after{
	border-color: #e60013;
}
html .steps-primary .dots .dots-color{
	background: #ddd;
}




/* 外加效果 */
.banner1 {
        /*margin-top: 70px;*/
        
        /* font-size: 8vh; */
        text-shadow: 5px 5px 10px #c06bda;
        
        animation: scale1 5s ease-in-out infinite alternate;
        /* animation: float 4s ease-in-out infinite; */
        /* animation: banner 4s ease-in-out ; */

        /* 應用動畫：動畫名稱 時長 循環次數 */
        /* animation: fadeColor 5s ease-in-out infinite alternate; */


        /* 線性漸層 */
        /* color: linear-gradient(red, yellow); */
        /* 從左到右，從藍色到綠色 */
        /* background: linear-gradient(to right, blue, green); */
        /* 指定角度，從紫色到橘色 */
        /* background: linear-gradient(45deg, purple, orange); */
        /* 多個顏色停止點 */
        /* background: linear-gradient(to right, red 0%, orange 50%, yellow 100%); */



        /* 1. 設定文字顏色為透明 */
        color: transparent;

        /* 2. 設定背景為漸層色 */
        /* 彩虹漸層 */
        background: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3); 
        background: linear-gradient(to right, #ff0000, #fffefd, #fffefd, #0000ff, #0000ff); 
        /* 你可以自由替換成任何你喜歡的漸層顏色組合 */
        /* background: linear-gradient(to right, #A020F0, #FF69B4);  紫紅色漸層 */

        /* 3. 將背景裁切到文字形狀 */
        -webkit-background-clip: text; /* 兼容性考量，Chrome/Safari 需要 -webkit- */
        background-clip: text;

        /* 4. 其他文字樣式 */
        font-family: Arial, sans-serif;
        font-size: 80px; /* 為了讓漸層效果更明顯，建議字體大一點 */
        font-weight: bold;
        /* 確保文字不會有陰影或外框遮蓋漸層 */
        text-shadow: none;
		position: relative;
		top:-10px;
}

@keyframes scale1 {
	0%   { transform: scale(1); }
	100% { transform: scale(1.05); }
}

.banner2 {
	/* border: 1px solid red; */
	position: relative;
	/* top:-45px; */
	/*margin-top: -45px;*/
}
.banner3 {   /*說明字*/
	/* border: 1px solid green; */
	position: relative;
	/* top:-35px;  */
	/*margin-top: -35px;*/
	font-size: 40px;
	color:white;
	align-items: center;
	text-align: center;
	/* font-size: 3vh; */
	animation: scale2 5s ease-in-out infinite alternate;
	/* animation: float 4s ease-in-out infinite; */
	/* animation: banner 2s ease-in-out ; */
}

@keyframes scale2 {
0%   { transform: scale(1); }
100% { transform: scale(1.02); }
}
.banner2 a {
	/* border: 1px solid red; */
	position: relative;
	top:-5px;

}



@media (max-width:1280px){ 

		/* 外加效果 */
		.banner1 {
				font-size: 60px; /* 為了讓漸層效果更明顯，建議字體大一點 */
		}
		.banner2 {
		}
		.banner3 {
				font-size: 42px;
		}
}


@media (max-width:992px){

		/* 外加效果 */
		.banner1 {
				font-size: 46px; /* 為了讓漸層效果更明顯，建議字體大一點 */
		}
		.banner2 {
		}
		.banner3 {
			font-size: 38px;
		}
}

@media (max-width:768px){

		/* 外加效果 */
		.banner1 {
				font-size: 38px; /* 為了讓漸層效果更明顯，建議字體大一點 */
		}
		.banner2 {
		}
		.banner3 {
				font-size: 28px;
		}
}

@media (max-width: 480px) {  /*iphone11*/
	#quality_reliability .list .d-flex{
		display: block !important;
	}
	#quality_reliability .text-2{
		float: left;
	}
	#quality_reliability .list li span{
		margin-bottom: 10px;
		padding-left: 23px;
		display: block;
	}
		.banner1 {

	    		/* 確保文字在空格處自動斷行 */
    			white-space: normal;
				padding-left: 5px;
				font-size: 52px !important;
				line-height:52px;
				
		}
		.banner2 {
				 /* position: relative;  */
				 /* margin-top: -15px;  */
		}
		.banner3 {
				/* margin-top: -30px; */
				font-size: 20px;
		}
		.banner2 a{
				 /* position: relative;  */
				 /* margin-top: -15px;  */
				 font-size: 16px;
		}

}

/*sitmap*/
.sitemap{

}
.sitemap ul{
	overflow: hidden;
    border-bottom: 1px dotted #b0b0b0;
}
.sitemap ul > li:before{
	display:none !important;
}
.sitemap ul li{
	width: 33.3333%;
    float: left;
    margin-bottom: 1.5rem !important;
}
.sitemap ul li i{
	color: #707070;
	margin-right: 8px;
}
.sitemap ul > li > a{
	color: #333;
}
.sitemap ul li a:hover{
	text-decoration: underline;
	font-weight: bolder;
}
.sitemap ul li ul{
	list-style:none;
	padding-left: 0;
	border-bottom: none;
}
.sitemap ul li ul li{
	width: 100%;
	float: none;
	margin-bottom: .5rem !important;
}
.sitemap ul > li > ul > li > a{
	color: #999;
	font-size: 15px;
}
.newssitemap{

}
.newssitemap ul li{
	width: 100%;
}

@media (max-width:992px){
	.sitemap ul li{
		width: 100%;
	}
}