@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Open+Sans:600|Titillium+Web|Gudea");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.displaynone { display: none; }

.mrb-30 { margin-bottom: 30px; }

.mrb-40 { margin-bottom: 40px; }

.mrb-50 { margin-bottom: 50px; }

.mrb-60 { margin-bottom: 60px; }

.mrt-20 { margin-top: 20px; }

.mrt-30 { margin-top: 30px; }

.mrt-40 { margin-top: 40px; }

.mrt-50 { margin-top: 50px; }

.mrt-60 { margin-top: 60px; }

.v-end { display: flex; align-items: flex-end; }

nav li { cursor: pointer; }

.dropdown select { margin: 10px; }

.dropdown-submenu { position: relative; }

.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu:active > .dropdown-menu, .dropdown2 > .dropdown-menu:hover { display: block; }

.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }

.dropdown-submenu:hover > a:after { border-left-color: #ffffff; }

.dropdown-submenu.pull-left { float: none; }

.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

.row-flex { display: flex; }

@media screen and (max-width: 767px) { nav { font-family: "Roboto", sans-serif; }
  nav .dropdown-menu { border: none; background-color: white; }
  .navbar { min-height: 60px; }
  .navbar-default { background-color: #f7f7f7; }
  .navbar-default .navbar-brand { height: 60px; }
  .dropdown { font-size: 1.4em; line-height: 2.2em; }
  .dropdown-menu li { font-size: 15px; line-height: 1.6em; }
  .dropdown-menu > .dropdown-submenu, .dropdown-menu > li.fontsizeb { font-size: 16px; line-height: 1.8em; }
  #contentContainer { margin-top: 60px; } }
@media screen and (min-width: 768px) { nav { font-family: "Roboto", sans-serif; }
  nav li.dropdown.fullwidth.open { position: static; }
  nav li.dropdown.fullwidth.open .dropdown-menu { border: none; background-color: white; display: table; width: 100%; text-align: center; left: 0; right: 0; font-size: 18px; }
  nav li.dropdown.fullwidth.open .dropdown-menu li { display: table-cell; font-size: 15px; line-height: 1em; }
  .navbar { min-height: 60px; }
  .navbar-default { background-color: rgba(255, 255, 255, 0.8); }
  .navbar-default .navbar-brand { height: 60px; }
  .dropdown { font-size: 1.1em; line-height: 1.5em; }
  .dropdown-menu, .dropdown-menu > li.fontsizeb, .dropdown-menu > .dropdown-submenu { font-size: 15px; line-height: 1.4em; }
  #contentContainer { margin-top: 97px; } }
@media screen and (min-width: 993px) { .navbar { min-height: 60px; }
  .navbar-default { background-color: rgba(255, 255, 255, 0.8); box-shadow: inset 0px -30px 30px -30px rgba(0, 0, 0, 0.5); border: none; }
  .navbar-default .navbar-brand { height: 60px; }
  .dropdown { font-size: 1.25em; line-height: 1.7em; }
  .dropdown-menu, .dropdown-menu > li.fontsizeb, .dropdown-menu > .dropdown-submenu { font-size: 16px; line-height: 1.5em; }
  #contentContainer { margin-top: 60px; margin-bottom: 150px; } }
@media screen and (min-width: 1201px) { .navbar { min-height: 60px; }
  .navbar-default { background-color: rgba(255, 255, 255, 0.8); }
  .navbar-default .navbar-brand { height: 60px; }
  #contentContainer { margin-top: 60px; margin-bottom: 150px; } }
#modal-search .modal-content { background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.15); }
#modal-search .modal-backdrop { background-color: rgba(0, 0, 0, 0.4); }

hr.style-one { height: 12px; border: 0; border-radius: 10px 10px 0px 0px; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
hr.style-two { height: 12px; border: 0; border-radius: 0px 0px 10px 10px; box-shadow: inset 0px -12px 12px -12px rgba(0, 0, 0, 0.5); }
hr.style-three { border: 0; height: 1px; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); }
hr.style-four { border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }

footer { text-align: center; background-color: #eee; font-family: "Open Sans", sans-serif; }
footer p { display: inline-block; line-height: 100px; }
footer #footer_map { padding-top: 50px; }
footer .footer_list { position: relative; }
footer .footer_list li + li:before { content: "|"; color: #d6d6d6; padding-right: 1em; }

section#section_contact { margin: 0; background-color: #aaa; color: #eee; }
section#section_contact label { font-weight: 100; line-height: 1em; font-size: 1em; }
section#section_contact #sales_inquiry { border-radius: 5px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.09), 0 3px 4px 0 rgba(0, 0, 0, 0.11), 0 3px 3px -2px rgba(0, 0, 0, 0.09); }
section#section_contact #tech_support { border-radius: 5px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.09), 0 3px 4px 0 rgba(0, 0, 0, 0.11), 0 3px 3px -2px rgba(0, 0, 0, 0.09); }

@media screen and (max-width: 767px) { section#section_contact .container-medium { width: 100%; }
  #float_nav.alt { display: none; } }
@media screen and (min-width: 768px) { section#section_contact .container-medium { width: 720px; }
  #float_nav.alt { display: none; } }
@media screen and (min-width: 993px) { section#section_contact .container-medium { width: 900px; }
  #float_nav.alt { display: inline-block; } }
@media screen and (min-width: 1201px) { section#section_contact .container-medium { width: 980px; }
  #float_nav.alt { display: inline-block; } }
.nav-tabs > li > a.btn-warning { color: #ccc; background-color: #666; border-color: #aaa; }

.nav-tabs > li > a.btn-warning:hover { color: #ccc; background-color: #ec971f; border-color: #d58512; }

.nav-tabs > li.active > a.btn-warning, .nav-tabs > li > a:active.btn-warning, .nav-tabs > li > a.btn-warning:focus, .nav-tabs > li.active > a.btn-warning:focus, .nav-tabs > li > a.btn-warning:active:focus { color: #fff; background-color: #ec971f; border-color: #d58512; }
.nav-tabs > li.active > a.btn-warning h5, .nav-tabs > li > a:active.btn-warning h5, .nav-tabs > li > a.btn-warning:focus h5, .nav-tabs > li.active > a.btn-warning:focus h5, .nav-tabs > li > a.btn-warning:active:focus h5 { font-weight: bold; }

.nav-tabs > li.active > a.btn-warning:hover, .nav-tabs > li > a.btn-warning:active:hover { color: #fff; background-color: #d58512; border-color: #985f0d; }
.nav-tabs > li.active > a.btn-warning:hover h5, .nav-tabs > li > a.btn-warning:active:hover h5 { font-weight: bold; }

.nav-tabs > li > a.btn-info { color: #ccc; background-color: #666; border-color: #aaa; }

.nav-tabs > li > a.btn-info:hover { color: #ccc; background-color: #31b0d5; border-color: #269abc; }

.nav-tabs > li.active > a.btn-info, .nav-tabs > li > a:active.btn-info, .nav-tabs > li > a.btn-info:focus, .nav-tabs > li > a.btn-info:active:focus .nav-tabs > li.active > a.btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.nav-tabs > li.active > a.btn-info h5, .nav-tabs > li > a:active.btn-info h5, .nav-tabs > li > a.btn-info:focus h5, .nav-tabs > li > a.btn-info:active:focus .nav-tabs > li.active > a.btn-info:focus h5 { font-weight: bold; }

.nav-tabs > li.active > a.btn-info:hover, .nav-tabs > li > a.btn-info:active:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; }
.nav-tabs > li.active > a.btn-info:hover h5, .nav-tabs > li > a.btn-info:active:hover h5 { font-weight: bold; }

/* 輪播區樣式 */
#carousel-index { margin-bottom: 50px; width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
#carousel-index .item > .slider { display: block; height: 65vh; text-align: center; }
@media screen and (max-width: 992px) { #carousel-index .item > .slider { display: block; height: 70vh; text-align: center; } }

/* 訊息標題欄樣式 */
.carousel-caption { /* 添加黑色半透明背景 */ font-family: "Open Sans", sans-serif; }
.carousel-caption .no_txtshadow { text-shadow: none; }
.carousel-caption .txtshadow01 { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .txtshadow02 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.textsize01 { font-size: 1.3em; }

.textsize02 { font-size: 1.2em; }

.textsize03 { font-size: 1.1em; }

.textsize04 { font-size: 1em; }

.textsize05 { font-size: 0.9em; }

.textsize_h2 { font-size: 30px; }

.textsize_h3 { font-size: 25px; }

.textsize_h4 { font-size: 18px; }

.caption-text01 { color: #fff; }

.caption-text02 { color: #eee; }

.caption-text03 { color: #ccc; }

.caption-text04 { color: #aaa; }

.caption-text05 { color: #333; }

.caption-text06 { color: #111; }

/* 輪播區左右控制鍵樣式 */
.carousel-control { position: absolute; top: 0%; bottom: 0%; left: 3%; width: 10%; font-size: 20px; color: #fff; text-align: center; opacity: 0.2; }

.carousel-control.left { background-image: none; background-repeat: repeat-x; }

.carousel-control.right { right: 0; left: auto; background-image: none; background-repeat: repeat-x; }

/* 輪播區底部頁數控制鍵樣式 */
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }

.carousel-indicators li { display: inline-block; width: 13px; height: 13px; margin: 1px 3px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: transparent; border: 1px solid #fff; border-radius: 13px; }

.carousel-indicators .active { width: 14px; height: 14px; margin: 0px 2px; background-color: #fff; }

@media screen and (max-width: 768px) { .carousel-indicators { bottom: 0px; } }
/* 輪播區內容 */
#item01 { background-image: url("../img/banner_bg08.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (min-width: 993px) { 
  #item01 .itempic01 { top: 8%; text-align: center; }
  #item01 .itempic01 img { height: 55vh; }
  #item01 .caption-style01 { /* 訊息欄位置 */ top: 5%; bottom: 0px; padding-top: 0px; left: 10%; width: 50%; padding: 5px; text-align: left; } 
  #item01 .caption-style01 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item01 .caption-style01 .textsize_h4 { font-size: 32px; margin-bottom: 25px; }
  #item01 .caption-style01 .textsize_h6 { font-size: 18px; }
  #item01 .caption-style01 h6 { text-shadow: none; }
  #item01 .caption-style01 .btn { font-size: 1em; } }
@media screen and (max-width: 992px) { #item01 .itempic01 { top: 10%; text-align: center; }
  #item01 .itempic01 { display:none; }
  #item01 .itempic01_phone { display:block; top: 30%; width:100%; text-align: center; }
  #item01 .itempic01_phone img { height: 40vh; }
  #item01 .caption-style01 { /* 訊息欄位置 */ top: 5%; bottom: 0px; padding-top: 0px; left: 0%; width: 100%; padding: 5px; text-align: center; }
  #item01 .caption-style01 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item01 .caption-style01 .textsize_h4 { font-size: 28px; }
  #item01 .caption-style01 .textsize_h6 { font-size: 16px; }
  #item01 .caption-style01 h6 { text-shadow: none; }
  #item01 .caption-style01 .btn { margin-top: -3%; margin-left: 3%; font-size: 0.7em; } }
@media screen and (max-width: 767px) { 
  #item01 .itempic01 { display:none; }
  #item01 .itempic01_phone { display:block; top: 15%; width:100%; text-align: center; }
  #item01 .itempic01_phone img { height: 21vh; }
  #item01 .caption-style01 { /* 訊息欄位置 */ top: 50%; bottom: 10px; padding-top: 0px; left: 0%; width: 100%; padding: 10px; text-align: center; }
  #item01 .caption-style01 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item01 .caption-style01 .textsize_h4 { font-size: 18px; }
  #item01 .caption-style01 .textsize_h6 { font-size: 14px; }
  #item01 .caption-style01 h6 { text-shadow: none; }
  #item01 .caption-style01 .btn { margin-top: -8%; font-size: 0.8em; } }

#item02 { background-image: url("../img/banner_bg07.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (min-width: 993px) { 
  #item02 .itempic02 { top: 5%; width: 100%; text-align: center; }
  #item02 .itempic02 img { padding: 15px; padding-bottom: 45px; }
  #item02 .caption-style02 { /* 訊息欄位置 */ top: 5%; bottom: 0px; padding-top: 0px; left: 10%; width: 50%; padding: 5px; text-align: left; } 
  #item02 .caption-style02 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item02 .caption-style02 .textsize_h3 { font-size: 25px; }
  #item02 .caption-style02 h6 { text-shadow: none; }
  #item02 .caption-style02 .btn { margin-top: -3%; margin-left: 3%; font-size: 0.7em; } }
@media screen and (max-width: 992px) { 
  #item02 .itempic02 { display:none; }
  #item02 .itempic02_phone { display:block; top: 40%; width:100%; text-align: center; }
  #item02 .itempic02_phone img { height: 40vh; }
  #item02 .caption-style02 { /* 訊息欄位置 */ top: 5%; bottom: 0px; padding-top: 0px; left: 0%; width: 100%; padding: 5px; text-align: center; }
  #item02 .caption-style02 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item02 .caption-style02 .textsize_h3 { font-size: 20px; }
  #item02 .caption-style02 h6 { text-shadow: none; }
  #item02 .caption-style02 .btn { margin-top: -3%; margin-left: 3%; font-size: 0.7em; } }
@media screen and (max-width: 767px) { 
  #item02 .itempic02 { display:none; }
  #item02 .itempic02_phone { display:block; top: 3%; width:100%; text-align: center; }
  #item02 .itempic02_phone img { height: 30vh; }
  #item02 .caption-style02 { /* 訊息欄位置 */ top: 50%; bottom: 10px; padding-top: 0px; left: 0%; width: 100%; padding: 10px; text-align: center; }
  #item02 .caption-style02 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item02 .caption-style02 .textsize_h3 { font-size: 18px; }
  #item02 .caption-style02 h6 { text-shadow: none; }
  #item02 .caption-style02 .btn { margin-top: -8%; font-size: 0.8em; } }

#item03 { background-image: url("../img/banner_bg06.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (min-width: 993px) { 
  #item03 .itempic03 { top: 15%; left: 55%; text-align: left; }
  #item03 .itempic03 img { height: 45vh; }
  #item03 .caption-style01 { /* 訊息欄位置 */ top: 40%; bottom: 0px; padding-top: 0px; left: 15%; width: 50%; padding: 5px; text-align: left; } }
@media screen and (max-width: 992px) { 
  #item03 .itempic03 { top: 8%; text-align: center; }
  #item03 .itempic03 img { height: 35vh; }
  #item03 .caption-style01 { /* 訊息欄位置 */ top: 55%; bottom: 0px; padding-top: 0px; left: 0%; width: 100%; padding: 10px; text-align: center; }
  #item03 .caption-style01 h2, #item03 .caption-style01 h3 { display: none; }
  #item03 .caption-style01 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item03 .caption-style01 h6 { text-shadow: none; }
  #item03 .caption-style01 .btn { margin-top: -3%; font-size: 0.7em; } }
@media screen and (max-width: 767px) { 
  #item03 .itempic03 { top: 8%; text-align: center; }
  #item03 .itempic03 img { height: 33vh; }
  #item03 .caption-style01 { /* 訊息欄位置 */ top: 60%; bottom: 0px; padding-top: 0px; left: 0%; width: 100%; padding: 10px; text-align: center; }
  #item03 .caption-style01 h2, #item03 .caption-style01 h3 { display: none; }
  #item03 .caption-style01 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item03 .caption-style01 h6 { text-shadow: none; }
  #item03 .caption-style01 .btn { margin-top: -8%; font-size: 0.8em; } }

#item04 { background-image: url("../img/banner_bg02.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (min-width: 993px) { 
  #item04 .itempic04 { top: 5%; width:100%; text-align: center; }
  #item04 .itempic04 img { height: 50vh; padding: 30px;}
  #item04 .carousel-caption { right: 11%; left: 11%; padding-bottom: 5px; }
  #item04 .caption-style03 { /* 訊息欄位置 */ width:100%; text-align: left; } }
  #item04 .caption-style03 .btn { margin-top: 5px; font-size: 0.7em; }
@media screen and (max-width: 992px) {
  #item04 .itempic04 { display:none; }
  #item04 .itempic04_phone { display:block; top: 15%; width:100%; text-align: center; }
  #item04 .itempic04_phone img { height: 35vh;  padding: 20px; }
  #item04 .carousel-caption { right: 5%; left: 5%; padding-bottom: 0px; }
  #item04 .caption-style03 { /* 訊息欄位置 */ top: 55%; bottom: 0px; width:100%; left: 0%; padding: 10px; text-align: center; }
  #item04 .caption-style03 h2, #item04 .caption-style03 h3 { display: none; }
  #item04 .caption-style03 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item04 .caption-style03 h6 { text-shadow: none; }
  #item04 .caption-style03 .btn { margin-top: 5px; font-size: 0.7em; } }
@media screen and (max-width: 767px) { 
  #item04 .itempic04 { display:none; }
  #item04 .itempic04_phone { display:block; top: 15%; width:100%; text-align: center; }
  #item04 .itempic04_phone img { height: 25vh; }
  #item04 .caption-style03 { /* 訊息欄位置 */ top: 55%; bottom: 0px; padding-top: 0px; left: 0%; width: 100%; padding: 10px; text-align: center; }
  #item04 .caption-style03 h2, #item04 .caption-style03 h3 { display: none; }
  #item04 .caption-style03 h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  #item04 .caption-style03 h6 { text-shadow: none; }
  #item04 .caption-style03 .btn { margin-top: 5px; font-size: 0.8em; } }

.index_content { margin-top: 50px; margin-bottom: 50px; }
.index_content .dataSheet_download { border-radius: 3px; height: 18px; padding: 3px; margin: 10px; box-shadow: 3px 3px 2px #cccccc; background-color: #aaa; float: left; }
.index_content .events { font-family: "Roboto", sans-serif; font-size: 15px; padding: 0px 15px 0px 15px; line-height: 1.4; }

.icon_menu { border-radius: 10px; width: 250px; height: 60px; padding: 6px 6px; box-shadow: 0px 3px 3px #cccccc; margin-bottom: 35px; font-family: "Titillium Web", sans-serif; text-align: center; }
.icon_menu a { text-decoration: none; }

.icon_menu_mobile { border-radius: 10px; padding: 6px 6px; box-shadow: 0px 3px 3px #cccccc; margin-top: 40px; margin-bottom: 30px; font-family: "Titillium Web", sans-serif; }
.icon_menu_mobile a { text-decoration: none; }
.icon_menu_mobile .icon_menu_mobile_img { display: block; margin: auto; margin-bottom: 5px; }
.icon_menu_mobile .icon_menu_mobile_text { text-align: center; display: block; font-size: h5; margin-top: 10px; margin-bottom: 5px; }

.cookie-bar { position: fixed; bottom: 0; background: rgba(0, 0, 0, 0.75); width: 100%; min-height: 50px; text-align: center; font-size: 14px; color: #fff; padding: 7px 0; z-index: 50; display: flex; align-items: center; justify-content: center; font-family: "Open Sans", sans-serif; }
.cookie-bar.hidden { display: none; }
.cookie-bar .cookie-message { text-align: left; }
.cookie-bar a { color: #fff; font-weight: bold; }
.cookie-bar button { display: block; border: none; padding: 10px 20px; color: #fff; background: #42729a; font-size: 0.8rem; text-transform: uppercase; text-align: center; cursor: pointer; margin-left: 15px; }
.cookie-bar button:hover, .cookie-bar button:focus { color: #fff; background: #396285; outline: none; text-decoration: none; }

/* News彈出面板樣式 */
.modal .modal-content { padding: 5px; }
.modal .modal-content .modal-body { font-family: "Open Sans", sans-serif; line-height: 1.75em; }
.modal .modal-content .modal-body img { margin-left: auto; margin-right: auto; }
.modal .modal-content .modal-body p { margin: 2em auto; }

/*# sourceMappingURL=index.css.map */