html,body,div {margin: 0;padding: 0;}
*{box-sizing: border-box;}
img{max-width: 100%;height: auto;}
body {/*font-family: 
  微軟正黑體 ,sans-serif;*/font-size: 18px;overflow-x: hidden;font-weight: 400;line-height: 1.8;color: #333;font-family: 'Raleway', sans-serif!important;}
h1, h2, h3, h4, h5 {/*font-family: 'Bebas Neue', cursive;*/font-family: 'Raleway', sans-serif!important; letter-spacing: -1px!important;}
a:link, a:visited{color: #333;text-decoration: none;transition: all .3s;word-break: break-word;}
a:hover {color: #ff4d4d;}
p, td, li, label {font-size: inherit;line-height: inherit;font-weight: inherit;}
p {margin: 0 0 20px;line-height: 1.8;}
input, button, textarea, select, optgroup, option {outline:none;}
input {display: flex;}
.select_none {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
.select_none::-ms-expand { display: none !important;}
::placeholder {color: #999;}
.ovyh {overflow-y: hidden;}
.list_reset {padding-left: 0;margin: 0;}
.list_reset li {list-style: none;}
.link_cover {position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 0;z-index: 99;}
.wrap1400 {max-width: 1600px;margin: 0 auto;padding: 0 100px;}
.wrap1340 {max-width: 1500px;margin: 0 auto;padding: 0 100px;}
.wrap1280 {max-width: 1440px;margin: 0 auto;padding: 0 100px;}
.wrap900 {max-width: 940px;margin: 0 auto;padding: 0 20px;}
@media only screen and (max-width:1400px){
  .wrap1400, .wrap1340, .wrap1280 {padding: 0 50px;}
}
@media only screen and (max-width:1024px){
  .wrap1400, .wrap1340, .wrap1280 {padding: 0 20px;}
}
.box_ctrl {position: relative;height: 0;overflow: hidden;}
.box_ctrl_inn {position: absolute;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; width: 100%;height: 100%;left: 0;top: 0;}
.box_ctrl_inn img {max-height: 100%;}
.table_scroll {overflow-x: auto;}
.datatable { width:100%; border-spacing:1px;}
.datatable th {color:#fff; background: #333333; text-align:center; padding:10px; line-height: 1.8;}
.datatable td {color: #333333; background: #fff; padding:10px; line-height: 1.8;}
.title_box {position: relative;}
.title_txt  {font-size: 40px;font-family: 'Bebas Neue', cursive;letter-spacing: 1px;margin: 0;font-weight: 600;}
.title_color_block::before {position: absolute;content: ''; background-color: #CA0010;height: 18px;width: 100px;z-index: 1;left: 0;bottom: 0;}
.title_color_block_l {padding-left: 200px;line-height: 1;}
.title_color_block_l::before {width: 180px;bottom: 9px;}
.title_color_block_s {padding-left: 120px;line-height: 1;}
.title_color_block_s::before {width: 100px;bottom: 9px;}
@media only screen and (max-width:768px) {
  .title_txt {font-size: 33px;}
  .title_color_block_l {padding-left: 136px;}
  .title_color_block_l::before {width: 120px;}
}
.content_main {margin-top: 100px;position: relative;}
@media only screen and (max-width:1023px){
  .content_main {margin-top: 50px;}
}
.topchange {position: absolute;top: -640px;left: 0;width: 1px;height: 1px;z-index: -1;}
.footer_gotop {/*position: relative;*/}
.gotop {position: fixed;right: 8px;bottom: 10%;z-index: 99;transition: all .3s;cursor: pointer;}
.right-tool-fixed{position: fixed;right: 8px;bottom: calc(10% + 60px);z-index: 99;}
.right-tool-fixed a{transition: all .3s;cursor: pointer;padding: 10px; background: #ff4d4d;border-radius: 50%;display: block;position: relative;margin-bottom: 10px;}
.right-tool-fixed a:last-child{margin-bottom: 0px;}
.right-tool-fixed a.messager-right {background: #159AF7;}
.right-tool-fixed a.whats-app-right {background: #25D366;}
.right-tool-fixed a.inquiry-right {background: #ff4d4d;}
.right-tool-fixed a:hover{opacity: 0.8;}
.gotop:hover {opacity: .8;}
.inquiry-right span {position: absolute;width: 17px;height: 17px;background-color: #000;font-size: 12px;border-radius: 50%;display: flex;align-items: center; justify-content: center; color: #fff; right: -3px; top: -5px;}
.change {position: absolute;right: 10px!important;bottom: auto;top: -28px;}
.right-tool-change{position: absolute;right: 65px !important;bottom: auto;top: -28px;display: flex;align-items: center;flex-wrap: wrap;}
.right-tool-change a{margin: 0 10px 0 0;}

@media only screen and (max-width:1400px){
  
}
@media only screen and (max-width:1024px){
  
}
@media only screen and (max-width:768px){
  .gotop {width: 42px;}
  .right-tool-fixed a{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
  .right-tool-change{right: 50px!important;}
}
.header_nav {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 101;transition: all .3s;}
.sticky .header_nav {box-shadow: 0 2px 20px rgba(0,0,0, .1);}
.header_nav .wrap1400 {display: flex;flex-wrap: wrap;}
.logo_box {width: 106px;margin-right: 12px; display: inline-flex;align-items: center;transition: all .3s;line-height: 0;}
.menu_lists {padding-left: 0;margin: 0;display: flex;width: 100%;}
.menu_list {list-style: none;position: relative;}
.menu_lists li {position: relative;}
.menu_list .list_reset {display: none;transition: all .3s;}
.menu_other {display: flex;align-items: center;}
.menu_list a {font-weight: 600;display: block;}
.menu_list > a:hover {color: #c6000D;}
.current > a {color: #c6000D;}
.menu_other > div {margin-right: 20px;}
.menu_lang {position: relative;cursor: pointer;}
.menu_lang .list_reset {position: absolute;left: 50%;transform: translateX(-50%); top: 40px;width: 100px;background-color: #fff;z-index: 10;box-shadow: 0 0px 12px rgba(0,0,0, .1);display: none;}
.menu_lang_open .list_reset {display: block;}
.menu_lang .list_reset::before {position: absolute;width: 16px;height: 16px;background:#fff;content: '';left: 50%;top: -8px;transform: translateX(-50%) rotate(45deg);z-index: 1;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.menu_lang .list_reset li {position: relative;padding: 0 12px;}
.menu_lang .list_reset a {padding: 6px;font-size: 15px;display: block;border-bottom: 1px solid #333;}
.menu_lang .list_reset a:hover {color: #C6000D;}
.menu_lang .list_reset li:last-child a {border-bottom: 0;}
.menu_lang .list_reset a::before {position: absolute;content: '';left: 0;bottom: 0;background-color: #C6000D;width: 8px;height: 0;transition: all .3s;}
.menu_lang .list_reset a:hover::before {height: 74%;}
/* search */
.menu_search {position: relative;}
.menu_search form {height: 25px;}
.search_submit {width: 25px;height: 25px;display: inline-block;line-height: 0;}
.search_submit img {vertical-align: unset;}
.search {position: absolute;right: 0px;bottom: 0px;width: 0px; transition: all .3s;z-index: 2;}
.menu_search_open .search {right: 32px;width: 160px;}
.search_ipt { width: 100%;padding: 0;line-height: 1.5;font-size: 16px;border: 0;border-radius: 50px;transition: all .3s;}
.menu_search_open .search_ipt { width: 100%;padding: 2px 4px 2px 12px;line-height: 1.5;font-size: 16px;border: 1px solid #cecece;}
.search_btn {width: 25px;height: 25px;display: inline-block;background-color: transparent;position: absolute;right: 0;top: 0;z-index: 1;cursor: pointer;}
.menu_search_open .search_btn {z-index: -1;}
.menu_list:last-child a::after {display: none;} 
.menu_inquiry a {position: relative;}
.menu_inquiry a span {position: absolute;width: 17px;height: 17px;background-color: #ff2626;font-size: 12px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;right: -8px;top: -5px;}

@media only screen and (max-width:1023px){
  .menu_list_2 > ul {padding-left: 0;margin: 0;}
  .logo_pc {display: none;}
  .logo_box {width: 70px;padding: 4px 0;}
  .menu_mb_btn{position:absolute;right:8px; top: 14px; cursor: pointer;width: 40px;height: 28px;display: block;}
  .menu_mb_btn span{width: 28px;height: 3px;border-radius: 2px;background-color: #43525D;display: block;position: absolute;left: 6px;transition: all .3s;}
  .menu_mb_btn span:nth-of-type(1){top: 0;}
  .menu_mb_btn span:nth-of-type(2){top: 10px;}
  .menu_mb_btn span:nth-of-type(3){top: 20px;}
  .menu_open span:nth-of-type(2) {width: 0;}
  .menu_open span:nth-of-type(1) {transform: rotate(45deg);top: 10px;}
  .menu_open span:nth-of-type(3) {transform: rotate(-45deg);top: 10px;}
  .menu_other {justify-content: flex-end;padding: 10px 20px 4px;background-color: #fff;}
  .menu_other > div:last-child {margin-right: 0px;}
  .menu_box {position: fixed;left: 100%;;top: 50px;background-color: rgba(0,0,0, .8);height: 100%;transition: left .4s ease-in, border-top .8s;width: 100%;border-top: 1px solid #fff;}
  .menu_box_open {left: 0;border-top: 1px solid #ddd;}
  .menu_lists {flex-wrap: wrap;background-color: #fff;}
  .menu_list {width: 100%;}
  .menu_list a {padding: 8px 20px;border-bottom: 1px solid #ddd;}
  .menu_list > ul li > a {padding-left: 32px;}
  .menu_list ul li ul li a {padding-left: 44px;background-color: #f6f6f6;}
  .header_menu_i {width: 28px;height: 28px;position: absolute;right: 20px;top: 9px;z-index: 9;border: 1px solid #aaa;border-radius: 4px;}
  .header_menu_i::before {position: absolute;content: '';width: 12px;left: 50%;top: 50%; height: 2px;background-color: #aaa;transform: translate(-50%, -50%);}
  .header_menu_i::after {position: absolute;content: '';width: 2px;left: 50%;top: 50%; height: 12px;background-color: #aaa;transform: translate(-50%, -50%);transition: all .3s;}
  
  .header_menu_i_open > a {color: #c6000D;}
  .header_menu_i_open > .header_menu_i{border:1px solid #c6000D;}
  .header_menu_i_open > .header_menu_i::before {background-color: #C6000D;}
  .header_menu_i_open > .header_menu_i::after {height: 0;width: 0;}
  .menu_list_open .list_reset {display: block;}
  .menu_inquiry {position: fixed;top: 12px;right: 52px;}
}
/* pc */
@media only screen and (min-width:1024px){
  .header_menu_i {display: none;}
  .logo_mb {display: none;}
  .menu_box {width: calc(100% - 130px);display: inline-flex;justify-content: flex-end;align-items: flex-end;flex-wrap: wrap;}
.menu_other {margin: 12px 0 16px;}
.menu_lists {justify-content: flex-end;}
.menu_list > a:link, .menu_list > a:visited{font-weight: 600;padding: 0 12px 15px;position: relative;display: inline-block;font-size: 13px;}
.menu_list > a::after {width: 1px;height: 12px;background-color: #868695;content: '';position: absolute;right: 0;top:6px;}
.menu_list .list_reset {position: absolute;width: 260px;background-color: #fff;left: 50%;transform: translateX(-50%);border: 1px solid #eee;top: 45px;z-index: 99;max-height: 480px;overflow: hidden auto;}
.menu_list:hover > ul {display: block;}
.menu_list_2:hover > ul {display: block;}
.menu_list_2 > ul {position: absolute;right: -100%;top: -1px;width: 100%;background-color: #fff;border: 1px solid #eee;opacity: 0;visibility: hidden;transition: all .3s;}
.menu_list_2::before {position: absolute;content: ""; right: 15px;top: 19px;width: 10px;height: 2px;transition: all .3s;background-color: #666;}
.menu_list_2::after {position: absolute;content: ""; right: 19px;top: 15px;width: 2px;height: 10px;transition: all .3s;background-color: #666;}
.menu_list_2:hover::before {background-color: #C6000D;}
.menu_list_2:hover::after {transform: rotate(90deg);background-color: #C6000D;}

.menu_list_2:hover > ul {opacity: 1;visibility: visible;padding-left: 0;margin: 0;}
.menu_list_l .list_reset {width: 280px;}
.menu_list .list_reset::before {position: absolute;width: 16px;height: 16px;background:#fff;content: '';left: 50%;top: -8px;transform: translateX(-50%) rotate(45deg);z-index: 1;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.menu_list .list_reset::after {padding-top: 20px;position: absolute;width: 100%;left: 50%;top: -20px;transform: translateX(-50%);transition: all .3s;content: '';}
.menu_list .list_reset li { padding: 0 12px;position: relative;}
.menu_list .list_reset li a {font-weight: 600;border-bottom: 1px solid #333;padding: 6px 0 4px 8px; display: block;}
.menu_list .list_reset li a::before {position: absolute;content: '';left: -1px;bottom: 0;background-color: #C6000D;width: 8px;height: 0;transition: all .3s;}
.menu_list .list_reset li a:hover {color: #C6000D;}
.menu_list .list_reset li a:hover::before {height: 74%;}
.menu_list .list_reset.current li a::before {height: 74%;}
.menu_list .list_reset li:last-child a {border-bottom: 0;}
.sticky .logo_pc {display: none;}
.sticky .logo_mb {display: block;}
.sticky .header_nav {top: -44px;}
.sticky .logo_box {align-items: flex-end;padding-bottom: 2px;}
}
@media only screen and (min-width:1200px){
  .menu_list > a:link, .menu_list > a:visited {font-size: 16px;padding: 0 16px 15px;}
  .menu_list > a::after {height: 18px;top: 5px;}
}
@media only screen and (min-width:1300px){
.menu_list > a:link, .menu_list > a:visited {font-size: 18px;padding: 0 16px 15px;}
.menu_list > a::after { top: 7px;}
}