/*color*/
/*widths*/
/* font size*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* line 3, ../sass/_headerp.scss */
.header {
  width: 1024px;
  height: 110px;
  margin: auto;
  border: white solid 1px;
}
/* line 10, ../sass/_headerp.scss */
.header_logoTitle {
  width: 403px;
  height: 80px;
  background: url("../imgs/img_title2.png") center center no-repeat;
  background-size: 403px;
}
/* line 15, ../sass/_headerp.scss */
.header_logoTitle:hover {
  cursor: pointer;
}
/* line 17, ../sass/_headerp.scss */
.header_logoIconP {
  width: 54px;
  height: 80px;
  background: url("../imgs/img_service1.png") center center no-repeat;
  background-size: 54px;
}
/* line 23, ../sass/_headerp.scss */
.header_logoIconO {
  width: 54px;
  height: 80px;
  background: url("../imgs/img_Optics.png") center center no-repeat;
  background-size: 54px;
}
/* line 29, ../sass/_headerp.scss */
.header_title {
  font-size: 2.5rem;
  color: #c30d22;
  font-weight: 700;
  letter-spacing: 10px;
  padding-top: 30px;
  text-align: left;
  margin-left: -15px;
  width: 180px;
}
/* line 39, ../sass/_headerp.scss */
.header_siteLink {
  background-color: #c30d22;
  color: white;
  font-size: 18px;
  position: absolute;
  z-index: 1001;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-left: 824px;
  margin-top: -1px;
  letter-spacing: 2px;
}
/* line 53, ../sass/_headerp.scss */
.header_menu {
  font-size: 18px;
  text-align: center;
  letter-spacing: 6px;
  padding: 0px;
}

/* line 3, ../sass/_bannerp.scss */
.banner {
  margin: auto;
  width: 1280px;
  height: 404px;
  background: center center no-repeat;
  background-size: 1280px;
  border-top: #e6e6e6 solid 9px;
  border-bottom: #e6e6e6 solid 9px;
}

/* line 13, ../sass/_bannerp.scss */
.banner_s {
  margin: auto;
  width: 1280px;
  height: 235px;
  background: url("../imgs/p_banner_s.jpg") center center no-repeat;
  background-size: 1280px;
  border-top: #e6e6e6 solid 9px;
  border-bottom: #e6e6e6 solid 9px;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 2, ../sass/_info.scss */
.info {
  width: 1024px;
  min-height: 220px;
  margin: auto;
  margin-top: 20px;
}
/* line 7, ../sass/_info.scss */
.info_optical {
  margin: auto;
}
/* line 10, ../sass/_info.scss */
.info_title {
  font-size: 2.0rem;
  color: #c30d22;
  font-weight: 700;
  letter-spacing: 5px;
}
/* line 17, ../sass/_info.scss */
.info_more {
  font-size: 1.5rem;
  color: #c30d22;
  letter-spacing: 3px;
  margin-left: 10px;
}
/* line 25, ../sass/_info.scss */
.info_menu {
  margin-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 2px;
}
/* line 34, ../sass/_info.scss */
.info_col_o1 {
  margin-left: 15px;
  margin-right: 15px;
  width: 220px;
  padding-left: 0;
  padding-right: 0;
}
/* line 41, ../sass/_info.scss */
.info_col_o2 {
  width: 400px;
  padding-left: 0;
  padding-right: 0;
}
/* line 46, ../sass/_info.scss */
.info_col_oEmpty {
  width: 62px;
  padding-left: 0;
  padding-right: 0;
}
/* line 52, ../sass/_info.scss */
.info_p1 {
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  height: 180px;
  letter-spacing: 3px;
}
/* line 59, ../sass/_info.scss */
.info_p2 {
  overflow: hidden;
  width: 100%;
}
/* line 63, ../sass/_info.scss */
.info_pCenter {
  text-align: center;
  padding-bottom: 2px;
}
/* line 67, ../sass/_info.scss */
.info_icon_service {
  margin: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  height: 87px;
  width: 110px;
  background: url("../imgs/img_service.png") center center no-repeat;
  background-size: 110px;
}
/* line 75, ../sass/_info.scss */
.info_leftMenu {
  font-size: 18px;
  padding-bottom: 24px;
  border-left: #c30d22 solid 3px;
  padding-left: 25px;
}
/* line 80, ../sass/_info.scss */
.info_leftMenu_pointer {
  font-size: 30px;
  color: #c30d22;
  position: absolute;
  margin-left: -15px;
  margin-top: -4px;
}
/* line 88, ../sass/_info.scss */
.info_acticle {
  width: 680px;
}
/* line 90, ../sass/_info.scss */
.info_acticle p {
  margin-bottom: 30px;
}
/* line 93, ../sass/_info.scss */
.info_acticle_img {
  width: 85%;
}
/* line 96, ../sass/_info.scss */
.info_acticle_imgBr {
  width: 100%;
  text-align: center;
}
/* line 100, ../sass/_info.scss */
.info_acticle ul li {
  list-style-type: none;
}
/* line 102, ../sass/_info.scss */
.info_acticle_map {
  width: 100%;
  height: 350px;
}
/* line 107, ../sass/_info.scss */
.info-icon {
  width: 108px;
  height: 121px;
  margin: auto;
}
/* line 112, ../sass/_info.scss */
.info_icon1 {
  background: url("../imgs/img_service1.png") center center no-repeat;
  background-size: 108px;
}
/* line 113, ../sass/_info.scss */
.info_icon2 {
  background: url("../imgs/img_service2.png") center center no-repeat;
  background-size: 108px;
}
/* line 114, ../sass/_info.scss */
.info_icon3 {
  background: url("../imgs/img_service3.png") center center no-repeat;
  background-size: 108px;
}
/* line 115, ../sass/_info.scss */
.info_icon4 {
  background: url("../imgs/img_service4.png") center center no-repeat;
  background-size: 108px;
}
/* line 116, ../sass/_info.scss */
.info_icon5 {
  background: url("../imgs/img_service5.png") center center no-repeat;
  background-size: 108px;
}
/* line 117, ../sass/_info.scss */
.info_icon6 {
  background: url("../imgs/img_service6.png") center center no-repeat;
  background-size: 108px;
}
/* line 119, ../sass/_info.scss */
.info_table div {
  margin-bottom: 30px;
}
/* line 120, ../sass/_info.scss */
.info_table_L {
  text-align: right;
}
/* line 121, ../sass/_info.scss */
.info_table_R {
  text-align: left;
}
/* line 123, ../sass/_info.scss */
.info_item-dot ul li {
  list-style-type: disc;
}
/* line 125, ../sass/_info.scss */
.info_rightIcon {
  width: 150px;
  float: right;
  text-align: center;
  margin-top: 25px;
}
/* line 130, ../sass/_info.scss */
.info_rightIcon img {
  width: 70%;
}
/* line 134, ../sass/_info.scss */
.info_news {
  margin-bottom: 30px;
}
/* line 137, ../sass/_info.scss */
.info_listitem h5 {
  margin-top: 30px;
}
/* line 138, ../sass/_info.scss */
.info_listitem h5:first-child {
  margin-top: 0px;
}
/* line 140, ../sass/_info.scss */
.info_serviceItem {
  margin-bottom: 55px;
  height: 150px;
}
/* line 144, ../sass/_info.scss */
.info_serviceItem p {
  margin-bottom: 0px;
}

/* line 149, ../sass/_info.scss */
.opIndexNews .row {
  margin-bottom: 10px;
}
/* line 150, ../sass/_info.scss */
.opIndexNews .col-xs-3 {
  padding-left: 0px;
  letter-spacing: 2px;
}

/* line 3, ../sass/_footer.scss */
.footer {
  width: 1024px;
  height: 80px;
  margin: auto;
  font-size: 1.6rem;
  color: white;
  letter-spacing: 1px;
}
/* line 11, ../sass/_footer.scss */
.footer_br {
  width: 1280px;
  background-color: #c30d22;
  margin: auto;
  margin-top: 30px;
}
/* line 18, ../sass/_footer.scss */
.footer-txtC {
  font-size: 16px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
/* line 24, ../sass/_footer.scss */
.footer-txtC_img {
  margin-right: 5px;
  width: 25px;
  height: 25px;
}
/* line 31, ../sass/_footer.scss */
.footer-txtL {
  float: left;
  background-size: 23px 23px;
  padding-left: 35px;
  margin-top: 48px;
}
/* line 37, ../sass/_footer.scss */
.footer-txtR {
  float: right;
}
/* line 40, ../sass/_footer.scss */
.footer_menu {
  float: right;
  text-align: right;
  padding: 0px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 70%;
}
/* line 48, ../sass/_footer.scss */
.footer_menu .row {
  margin: 0;
  padding: 0;
}
/* line 52, ../sass/_footer.scss */
.footer_menu .col-xs-2 {
  margin: 0;
  padding-right: 0px;
}
/* line 56, ../sass/_footer.scss */
.footer_menu_first {
  padding-left: 0px;
}

/* line 3, ../sass/_imgs.scss */
.img_o_about3 {
  width: 100%;
  /* 2408*0.4 */
  /* height: 547px;   1367*0.4 */
}

/*
background:url("../imgs/o_about3-1.jpg") center center no-repeat;
background-size: 100%;

*/
/* line 4, ../sass/_common.scss */
.txtHoverB:hover {
  font-weight: 700;
  color: #c30d22;
  cursor: pointer;
}

/* line 12, ../sass/_common.scss */
.txtHoverW:hover {
  font-weight: 700;
  cursor: pointer;
}

/* line 19, ../sass/_common.scss */
.txtActive:active {
  font-weight: 100;
}

/* line 25, ../sass/_common.scss */
.link a {
  text-decoration: none;
  color: black;
}
/* line 26, ../sass/_common.scss */
.link a:link {
  color: black;
}
/* line 27, ../sass/_common.scss */
.link a:hover {
  font-weight: 700;
  color: #c30d22;
  cursor: pointer;
}
/* line 28, ../sass/_common.scss */
.link a:visited {
  color: black;
}
/* line 31, ../sass/_common.scss */
.link-txtBlue a:link {
  color: #c30d22;
}
/* line 32, ../sass/_common.scss */
.link-txtBlue a:visited {
  color: #c30d22;
}
/* line 35, ../sass/_common.scss */
.link-txtWhite a:link {
  color: white;
}
/* line 36, ../sass/_common.scss */
.link-txtWhite a:visited {
  color: white;
}
/* line 37, ../sass/_common.scss */
.link-txtWhite a:hover {
  font-weight: 700;
  color: white;
  cursor: pointer;
}
/* line 40, ../sass/_common.scss */
.link-txtUL a:hover {
  text-decoration: underline;
}

/* line 45, ../sass/_common.scss */
.txtActicle {
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 26px;
}
/* line 50, ../sass/_common.scss */
.txtActicle h5 {
  font-size: 24px;
  color: #c30d22;
  font-weight: 700;
}

/* line 53, ../sass/_common.scss */
.txtCenter {
  text-align: center;
}

/* line 54, ../sass/_common.scss */
.txtB {
  font-weight: 700;
}

/* line 57, ../sass/_common.scss */
.readmore {
  color: #c30d22;
}
/* line 59, ../sass/_common.scss */
.readmore:hover {
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

/* line 65, ../sass/_common.scss */
.txtL {
  text-align: left;
}

/* line 68, ../sass/_common.scss */
.txtR {
  text-align: right;
}

/* line 72, ../sass/_common.scss */
.txtBlue {
  color: #c30d22;
}

/* line 76, ../sass/_common.scss */
.input_contact {
  height: 30px;
  width: 50%;
}

/* line 81, ../sass/_common.scss */
.contactForm {
  margin-left: -95px;
}
/* line 83, ../sass/_common.scss */
.contactForm div {
  margin-bottom: 10px;
}
/* line 84, ../sass/_common.scss */
.contactForm .col-xs-9 {
  padding-left: 0px;
}
/* line 85, ../sass/_common.scss */
.contactForm .col-xs-3 {
  padding-right: 0px;
}

/* line 12, ../sass/package.scss */
body {
  /*font-family: "Microsoft JhengHei",Arial;*/
  font-family: 'Noto Sans TC', Arial;
  overflow-x: hidden;
}