@charset "UTF-8";
html { height: 100%; }

body { font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; margin: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; }

a img { border: 0; }

img { vertical-align: middle; }

ul, li { list-style: none; margin: 0; padding: 0; }

a { color: inherit; }
a a:link { text-decoration: none; }
a a:visited { text-decoration: none; }
a a:hover { text-decoration: underline; }
a a:active { text-decoration: none; }

.edit_style { padding: 2em 0; max-width: 1300px; margin: auto; }
@media all and (min-width: 768px) { .edit_style { font-size: 16px; } }
@media all and (max-width: 767px) { .edit_style { font-size: 14px; } }
.edit_style img { max-width: 100%; height: auto !important; }
.edit_style * { max-width: 100%; }
.edit_style table { display: block; }
.edit_style table thead, .edit_style table tbody, .edit_style table tfoot { display: table; width: 100%; }
.edit_style::after { content: ''; clear: both; }
.edit_style a { color: #0054AF; }
.edit_style a:link { text-decoration: underline; }
.edit_style a:visited { text-decoration: underline; }
.edit_style a:hover { text-decoration: underline; }
.edit_style a:active { text-decoration: underline; }
.edit_style ul { -webkit-padding-start: 40px; }
.edit_style ul li { list-style: disc; }
.edit_style ol { -webkit-padding-start: 40px; }
.edit_style ol li { list-style: decimal; }

input, textarea, select { vertical-align: middle; border: 1px #CCC solid; box-sizing: border-box; -webkit-appearance: none; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */ -moz-appearance: none; /* FireFox */ appearance: none; }
input:focus, textarea:focus, select:focus { outline-style: none; box-shadow: none; border-radius: 0; border: 1px #62B6CB solid !important; }

select { padding: 6px 25px 6px 10px; background: url("../images/icon_triangle.png") calc(100% - 10px) center/auto 10px no-repeat; font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; }

input { padding: 7px 12px; font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; }

textarea { padding: 7px 12px; height: 150px; font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; }

input[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="radio"] { -webkit-appearance: radio; }

input[type="date"] { padding: 4px 8px; }

button, .btn { background-color: #62B6CB; color: #FFF; padding: 9px 5px; border: 0; vertical-align: middle; border-radius: 5px; width: 100px; cursor: pointer; text-align: center; -webkit-appearance: none; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */ -moz-appearance: none; /* FireFox */ appearance: none; font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; }
@media all and (min-width: 768px) { button, .btn { font-size: 16px; } }
@media all and (max-width: 767px) { button, .btn { font-size: 14px; } }
button:focus, .btn:focus { outline-style: none; box-shadow: none; border-radius: 5px; }

div { border: 0; padding: 0; margin: 0; box-sizing: border-box; }

table { display: table; width: 100%; background-color: transparent; }

tr { display: table-row; width: 100%; line-height: 36px; }

td { display: table-cell; }

.invalid { border: 1px solid #F00; background: #FF9; }

.notify { margin: 0 0 0 5px; font-size: 10px; color: #F00; }

.iframe-rwd { position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; overflow: hidden; }
.iframe-rwd .iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.max_width { max-width: 1300px; margin: auto; }

@media all and (min-width: 768px) { #Dyn_head { height: 77px; } }
@media all and (min-width: 1024px) { #Dyn_head { height: 87px; } }
@media all and (max-width: 767px) { #Dyn_head { height: 52px; } }

.header_rwd { padding: 5px 5%; position: fixed; width: 100%; left: 0; top: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); z-index: 3; background-color: #FFF; }
@media all and (min-width: 768px) { .header_rwd { font-size: 0; padding: 15px 20px; } }
.header_rwd .header_logo { width: 220px; }
@media all and (min-width: 768px) { .header_rwd .header_logo { display: inline-block; vertical-align: middle; width: 250px; } }
@media all and (min-width: 1024px) { .header_rwd .header_logo { width: 300px; } }
.header_rwd .header_logo img { width: 100%; }
@media all and (min-width: 768px) { .header_rwd .header_menu_wrapper { display: inline-block; vertical-align: middle; width: calc(100% - 250px); padding-left: 20px; } }
@media all and (min-width: 1024px) { .header_rwd .header_menu_wrapper { width: calc(100% - 300px); } }
.header_rwd .header_menu_wrapper .header_menu_icon { position: absolute; font-size: 30px; top: 3px; right: 5%; color: #62B6CB; }
@media all and (min-width: 768px) { .header_rwd .header_menu_wrapper .header_menu_icon { display: none; } }
.header_rwd .header_menu_wrapper .header_menu { max-width: 780px; margin-left: auto; }
@media all and (max-width: 767px) { .header_rwd .header_menu_wrapper .header_menu { display: none; } }
.header_rwd .header_menu_wrapper .header_menu li { text-align: center; }
@media all and (min-width: 768px) { .header_rwd .header_menu_wrapper .header_menu li { display: inline-block; vertical-align: middle; width: 20%; font-size: 16px; } }
@media all and (max-width: 767px) { .header_rwd .header_menu_wrapper .header_menu li { padding: 10px 5px; } }
.header_rwd .header_menu_wrapper .header_menu li a:hover .ch { color: #62B6CB; }
.header_rwd .header_menu_wrapper .header_menu li .ch { color: #39282A; }

.footer_rwd { text-align: center; padding: 20px 5%; background-color: #DDD; }
.footer_rwd .footer_logo { padding-bottom: 15px; }
.footer_rwd .footer_logo img { width: 200px; }
@media all and (max-width: 767px) { .footer_rwd .footer_logo img { width: 160px; } }
.footer_rwd .footer_menu li { display: inline-block; vertical-align: top; padding: 10px; }
@media all and (min-width: 768px) { .footer_rwd .footer_menu li { width: 14%; max-width: 120px; } }
@media all and (max-width: 767px) { .footer_rwd .footer_menu li { padding-top: 0; } }
.footer_rwd .copyright { color: #777; padding-top: 15px; font-size: 0.9em; }

@media all and (min-width: 768px) { .main { min-height: calc(100vh - 252px); } }
.main.index_page header.mt h3 { font-family: 'Noto Sans', sans-serif; font-weight: bold; font-size: 30px; letter-spacing: 0.5px; padding-bottom: 20px; color: #333; }
@media all and (max-width: 767px) { .main.index_page header.mt h3 { font-size: 24px; } }
.main.index_page .mcol > div:nth-child(n+3) { padding: 50px 5%; }
@media all and (max-width: 767px) { .main.index_page .mcol > div:nth-child(n+3) { padding: 30px 5%; } }
.main.index_page .mcol > div:nth-child(n+3) > div { max-width: 1300px; margin: auto; }
@media all and (max-width: 767px) { .main.index_page .mcol > div:nth-child(1) { display: none; } }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(2) { display: none; } }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(3) .d-item { font-size: 0; } }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(3) .d-img { display: inline-block; vertical-align: middle; width: 50%; padding-right: 20px; } }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(3) .d-img img { max-width: 400px; } }
.main.index_page .mcol > div:nth-child(3) .d-txt { display: inline-block; vertical-align: middle; width: 50%; }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(3) .d-txt { font-size: 16px; } }
@media all and (max-width: 767px) { .main.index_page .mcol > div:nth-child(3) .d-txt { font-size: 14px; } }
.main.index_page .mcol > div:nth-child(3) .d-txt h5 { font-size: 2em; color: #1B4965; padding-bottom: 10px; }
.main.index_page .mcol > div:nth-child(3) .d-txt .mdetail { -webkit-line-clamp: unset; font-size: 1em; line-height: 2.4em; }
.main.index_page .mcol > div:nth-child(4) { background-color: #EEE; }
.main.index_page .mcol > div:nth-child(4) .d-item { text-align: center; }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(4) .d-item { padding: 10px; } }
.main.index_page .mcol > div:nth-child(4) .d-txt h5 { font-size: 1.2em; padding-top: 10px; }
@media all and (min-width: 768px) { .main.index_page .mcol > div:nth-child(5) .d-item { padding: 10px 10px 30px 10px; } }
.main.inner_page header.mt h3 { font-weight: bold; color: #1B4965; margin-bottom: 50px; }
@media all and (max-width: 767px) { .main.inner_page header.mt h3 { margin-bottom: 30px; } }
@media all and (min-width: 768px) { .main.inner_page.common_page { background-color: #EEEEEE; margin-top: calc(30vw - 20px); padding: 0 5%; } }
@media all and (min-width: 768px) { .main.inner_page.common_page .mrow { background: #FFF; margin: -15vw auto 0 auto; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); padding: 20px 5%; max-width: 1300px; min-height: calc(100vh - 247px - 15vw); } }
.main.inner_page.common_page .mcol > div:nth-last-child(1) { padding-bottom: 50px; }
@media all and (max-width: 767px) { .main.inner_page.common_page .mcol > div:nth-child(n+2) { padding: 15px 5%; } }
.main.inner_page.news .row.listBS { border-bottom: 1px #CCC solid; }
.main.inner_page.news .row.listBS:nth-last-child(1) { border-bottom: 0; }
.main.inner_page.news .d-item { padding: 20px 0; }
@media all and (min-width: 768px) { .main.inner_page.news .d-item { font-size: 0; padding: 30px 0; } }
@media all and (min-width: 768px) { .main.inner_page.news .d-item .d-img { width: 300px; display: inline-block; vertical-align: middle; padding-right: 3%; } }
@media all and (min-width: 768px) { .main.inner_page.news .d-item .d-txt { width: calc(100% - 300px); display: inline-block; vertical-align: middle; font-size: 16px; } }
.main.inner_page.contact header.mt h3 { text-align: center; }
@media all and (min-width: 768px) { .main.inner_page.contact .module-form { clear: both; } }
@media all and (min-width: 768px) { .main.inner_page.contact .module-form .desc { float: left; width: 50%; padding-right: 2.5%; padding-top: 0; margin-top: 0; } }
.main.inner_page.contact .module-form .desc .contact_page_info .title { padding-bottom: 10px; }
@media all and (min-width: 768px) { .main.inner_page.contact .module-form .formBS { float: left; width: 50%; padding-left: 2.5%; } }
@media all and (max-width: 767px) { .main.inner_page.product_page .mcol > div { padding: 15px 5%; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(1) { float: left; width: 30%; padding: 30px 5% 50px 5%; } }
@media all and (max-width: 767px) { .main.inner_page.product_page .mcol > div:nth-child(1) { display: none; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(1) > div { max-width: 260px; margin-left: auto; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(2) { display: none; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(3) { float: right; width: 70%; padding: 30px 5% 10px 0; } }
@media all and (max-width: 767px) { .main.inner_page.product_page .mcol > div:nth-child(3) { display: none; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(3) > div { max-width: 975px; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(4) { display: none; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(5) { float: right; width: calc(70% - 300px); padding: 20px 5% 20px 0; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(5) > div { max-width: 670px; } }
.main.inner_page.product_page .mcol > div:nth-child(6) { max-width: 400px; }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(6) { float: right; width: 300px; padding: 15px 20px 20px 0; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(n+7) { float: right; width: 70%; padding: 20px 5% 20px 0; } }
@media all and (min-width: 768px) { .main.inner_page.product_page .mcol > div:nth-child(n+7) > div { max-width: 975px; } }
.main.inner_page.product_page .mcol > div:nth-last-child(1) { padding-bottom: 50px; }
.main.inner_page.product_page .module-cglist header.mt h3 { margin-top: 0; }
.main.inner_page.product_page .module-ptlist .d-item { padding: 10px 10px 30px 10px; text-align: center; }

.d-item .d-txt h5 .mdate { display: block; float: none; color: #62B6CB; font-weight: normal; }
@media all and (min-width: 768px) { .d-item .d-txt h5 .mdate { font-size: 16px; } }
@media all and (max-width: 767px) { .d-item .d-txt h5 .mdate { font-size: 14px; } }

@media all and (max-width: 767px) { .col-sm-3 { float: left; width: 50%; }
  .col-sm-3:nth-child(2n+1) { clear: both; } }

.inner_page_title { background: url("/ezfiles/277/1277/img/6625/inner_page_title.jpg") center/cover no-repeat; }
@media all and (min-width: 768px) { .inner_page_title { padding: 30vw 0 0 0; top: 80px; position: absolute; width: 100%; z-index: -1; left: 0; } }
@media all and (max-width: 767px) { .inner_page_title { padding: 25vw 0; top: 60px; } }

.breadcrumb { text-align: right; }

.module-cglist .mpgdetail { color: #333; }

.module-path .mb { padding-top: 0 !important; }

.module-search .btn { width: 70px; }

.dropdown-menu > li:nth-child(1) > a { border-top: 1px #CCC solid; }
.dropdown-menu > li:nth-last-child(1) > a { border-bottom: 0; }
.dropdown-menu > li > a { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #CCC solid; }

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