CSS reset*/
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;
	font: inherit;*/
  font-weight: normal;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
   }

ol, ul {
  list-style: none; }

a {
  text-decoration: none;
  color: #000; }

/*追加*/
a:hover {
  text-decoration: none;  }
/*追加end 2020/10/5*/

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*===RWD img===*/
img {
  max-width: 100%;
  height: auto; 
}

/*======== CSS ========*/
*{
	/*CSS3語法:讓div的寬度不被padding,border影響*/
	box-sizing: border-box;
	/*舊firefox用*/
	-moz-box-sizing:border-box;
	/*舊Grome*/	
	-webkit-box-sizing:border-box;	
}

body{
	font-family: Arial, Helvetica,"微軟正黑體" ,sans-serif;
	/*文字預設大小，其他用rem調整大小*/
	font-size:16px;
}

/*顏色*/
/*主色調*/
.main-blue{
	color: #084D86;
}
/*粗標題*/
.text-black{
	color:#242424;
	font-weight: bold;  
}
/*內文*/
.text-content{
	color:#8F8F8F;
}

.text-lgray{
	color:#BBB9BA;
}

/*border*/
.border-photonic{
	border-right:1px solid #BBB9BA!important;
}
/*短下底線*/
.border-b{
	border-bottom:3px solid #094E87;
}
/*border end*/

/*按鈕*/
.btn-main-blue{
	background-color: #084D86;
}
/*按鈕end*/

/*文字大小*/
/*主標題*/
.section-title{
	font-size:2rem;
	line-height: 3rem; 
	/*line-height=font-size*1.5*/
	font-weight: bolder;
}
/*主標下方內容*/
.section-content{
	font-size:1.5rem;
	line-height:2.25rem;
}
/*副標題*/
.section-subtitle{
	font-size:1.5rem;
	line-height:2.25rem;
	font-weight: bolder;	
}
/*副標下方內容*/
.section-subcontent{
	font-size:1.25rem;
	line-height:1.875rem;	
}
/*分頁*/
.pagination-text{
	font-size:1.25rem;
	line-height:1.875rem;
}
/*按鈕*/
.btn-font{
	font-size:1.25rem;
	line-height:2.5rem;
}
/*頁尾內容*/
.footer-content{
	font-size:1rem;
	line-height:1.5rem;
}
/*頁尾著作權*/
.footer-copyright{
	font-size:0.875rem;
	line-height:1.3125rem;
}

.text-photonic{
	font-size:0.875rem;	
	color:#BBB9BA;
}
/*商品介紹-選單*/
.menu-text{
	font-size:1rem;
	line-height:1.5rem;	
	font-weight: bold;
}
/*i標籤大小*/
.i-text{
	font-size:2.5rem;
	float:left;
	margin-top: -5px;
}
/*文字大小end*/

/*margin*/
.mt-28{
	margin-top: 28px;
}
.mt-50{
	margin-top: 50px;
}
.mt-100{
	margin-top: 100px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-56{
	margin-bottom: 56px;
}
.ml-30{
	margin-left: 30px;
}
/*margin end*/

/*padding*/
.py-13{
	padding-top: 13px;
	padding-bottom: 13px;
}
.py-80{
	padding-top: 80px;
	padding-bottom: 80px;
}
.py-90{
	padding-top: 90px;
	padding-bottom: 90px;
}
.pt-20{
	padding-top: 20px;
}
.pt-50{
	padding-top: 50px;
}
.pt-80{
	padding-top: 80px;
}
.pb-65{
	padding-bottom: 65px;
}
.pb-90{
	padding-bottom: 90px;
}
.pb-30{
	padding-bottom: 30px;
}

/*======首頁index.html======*/
/*導覽列Navbar*/
.bg-blue{
	background-color: #084D86;
}

.nav-responasive{	
	padding-top: 30px;
	padding-bottom: 30px;	
}
@media(max-width: 414px){
	.nav-responasive{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/*=====搭配JS=====*/
/*滑動超出畫面高度時跳出,固定在畫面上方*/
.nav-fixed {
  z-index: 99;  
  position: fixed;      
  top: 0;
  left: 0;
  margin-top: 0;
  min-width: 100%;  
  transition: opacity 1.5s ease-out;   
}
.nav-adjustment{
	padding-top: 10px!important;
	padding-bottom: 10px!important;	
}
.ul-adjustment{
	margin-bottom: 0!important;	
}
/*=====搭配JS end=====*/

.logo{
	width:295px; 
	height:90px;"
}
@media(max-width: 414px){
	.logo{
		width:200px; 
		height:61px;"
	}
}

/*變為折疊選單時調整上方間距*/
@media(max-width: 768px){
	.nav-item-responsive{
		padding-top: 8px;
		}	
	}
}

.nav-link{
	 padding-top: 0;
	 padding-bottom: 0;
}

.i-dnone{}
@media(max-width: 992px){
	.i-dnone{
		display: none!important;
	}
}
/*導覽列Navbar  end*/


/*主視覺輪播區header*/
/*輪播圖:定義高度*/
.carousel-item{
	height:540px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*文字框*/
.carousel-caption-responsive{
	max-width: 555px;
	position: absolute;    
    bottom: 20px;
    left: 50%;
    padding-left: 95px;
    padding-right: 30px;
    padding-top: 35px;
    padding-bottom: 35px;    
}
/*NB*/
@media(max-width:1336px){
	.carousel-caption-responsive{
		max-width: 800px;
		left: 20%;
	    padding-left: 30px;
	    padding-right: 15px;
	    padding-top: 15px;
	    padding-bottom: 15px;   		
	}
}
/*ipad以下*/
@media(max-width:768px){
	.carousel-caption-responsive{
	    top:35%;
	    bottom:15%;  
	    padding-left: 20px;
	    padding-right: 10px;	    		
	}
}
/*mobile以下*/
@media(max-width:377px){
	.carousel-caption-responsive{
		left: 20%;
	    padding-left: 5px;
	    padding-right: 5px;
	}
}

/*文字*/
.talign-responsive{
	text-align: right;	
}
.title-responsive{
	font-size:3.625rem;
}
.tcontent-responsive{
	font-size:2rem;
}
/*ipad*/
@media(max-width:768px){
	.title-responsive{
		font-size:2.5rem;
	}
	.tcontent-responsive{
	font-size:1.5rem;
	}
}
/*mobile*/
@media(max-width:414px){
	.talign-responsive{
		text-align: center;
	}
	.title-responsive{
		font-size:2rem;
	}
	.tcontent-responsive{
	font-size:1.2rem;
	}
}

.bg-opacity{
	background:rgba(255,255,255,0.5);
}
/*主視覺輪播區header end*/


/*內容Section：產品展示*/
.bg-gray{
	background-color: #E7E7E7;
}
.pagination-hover{
	color:#2DA0D6;
}
/*內容Section：產品展示 end*/


/*頁尾footer*/
footer{
	background-color:#706F6F;
	font-size:14px;
}

.photonic-footer{}
@media(max-width: 992px){
	.photonic-footer{
		float:left!important;
	}
/*	.photonic-footer li:first{
		padding-left: 0!important;
	}*/
}

/*======首頁index.html end======*/


/*======產品介紹頁面product_intro.html======*/
.btn-padding{
	padding:15px 64px;
}

.bg-lgray{
	background-color: #C4C4C4;
	border:0;
	color:#fff;
}

.bg-dgray{
	background-color:#999999;
	border:0;
	color:#fff;
}

.bg-dgray-hover:hover{
	background-color: #999999;
	border:0;
	color:#fff;
}

.btn-padding{
	padding:15px 64px;
}

.btn.active{
	background-color: #999999;
	border:0;
	color:#fff;
}

/*分頁：其他*/
.border-bottom-gray{
	border-bottom:2px solid #E7E7E7;
}

/*符號變色*/
.list-style-b:before {
	content:"▪";
    color: #094E87;
    margin-right: 10px;
}

/*顏色*/
.color-dgray{
	color:#8E8E8E;
}

.color-dgray-2{
	color:#7D7D7F;
}

.clearfix {
    display: block;
    clear: both;
    content: "";
}

.w-40{
	width:40%;
}

/*暫*/
.box-4{
	max-width: 980px;
	height: 810px;
	background-color: blue;
}

.lh-65{
	line-height: 65px;
}

/*======產品介紹頁面product_intro.html end======*/

/*======關於我們頁面about.html======*/
.about-company{
	background-image: url(../img/about_header_img.jpg);
	background-repeat: no-repeat;
	padding-top: 125px;
	padding-bottom: 125px;
	background-position: center;
}

.list-style-decimal{
	list-style: decimal;
	line-height: 40px;
}

.lh-36{
	line-height: 36px;
}
.lh-27{
	line-height: 27px;
}
.about-responsive{
	margin-left: 350px;
}
@media(max-width: 1536px){
	.about-responsive{
	margin-left: 100px;	
	}
}
@media(max-width: 768px){
	.about-responsive{
	margin-left: 30px;	
	}
}

/*內容：服務項目*/
/*圖*/
.w-responsive{
	width:50%;	
}
/*pad(768px)以下變為單欄*/
@media(max-width: 768px){
	.w-responsive{
		width:100%;		
		}
}
/*左文字區*/
.w-left-responsive{
	width:50%;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 100px;
}
@media(max-width: 1536px){
	.w-left-responsive{
		padding-top: 50px;
		}
}
/*pad(768px)以下變為單欄*/
@media(max-width: 768px){
	.w-left-responsive{
		width:100%;
		padding-right: 0;
		padding-left: 0;
		}
}
.pi-left-content{
	margin-left: 405px;
}
@media(max-width: 1536px){
	.pi-left-content{
	margin-left: 50px;
	margin-right: 50px;
	}
}
@media(max-width: 768px){
	.pi-left-content{
	margin-left: 30px;
	margin-right: 30px;
	}
}

/*右文字區*/
.w-right-responsive{
	width:50%;
	padding-left: 48px;
	padding-top: 40px;
}
@media(max-width: 1536px){
	.w-right-responsive{
		padding-left: 48px;		
		padding-top: 10px;
		}
}
@media(max-width: 768px){
	.w-right-responsive{
		width:100%;
		padding-left: 0;
		}
}
.pi-right-content{
	margin-right: 405px;
	margin-left: 48px;
}
@media(max-width: 1536px){
	.pi-right-content{
	margin-left: 48px;
	margin-right: 48px;
	}
}
@media(max-width: 768px){
	.pi-right-content{
	margin-left: 30px;
	margin-right: 30px;
	}
}
/*內容：服務項目 end*/
/*內容：合作廠商*/
.companyimg-responsive{
	margin-left: 60px;
	margin-right: 60px;
}

/*======關於我們頁面about.html end======*/

/*======聯繫contact.html======*/
.contact-py{
	padding-top: 90px;
	padding-bottom: 90px;
}
@media(max-width: 768px){
	.contact-py{
	padding-top: 60px;
	padding-bottom: 60px;
	}
}

.i-contact{
	color:#FA7200;
}

/*google地圖自適應*/
/*外層*/
.iframe-rwd{
	position: relative;
	/*padding兩項微調*/
	padding-bottom:25%;
	padding-top: 15px;	
	height:0;
	overflow: hidden;
	height:495px;
}

/*內層*/
.iframe-rwd iframe{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*======聯繫contact.html end======*/