/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap'); :lang(ja){font-family: 'Noto Serif JP', serif; letter-spacing: .1rem; font-weight: 500;}*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap'); /*:lang(zh-Hant-TW){font-family: 'Noto Sans TC', sans-serif; letter-spacing: .1rem; font-weight: 400;}*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;700;900&display=swap'); /*:lang(ja){font-family: 'Noto Sans JP', sans-serif; letter-spacing: .1rem; font-weight: 500;}*/ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); /*:lang(en){font-family: 'IBM Plex Sans', sans-serif; letter-spacing: .05rem; font-weight: 500;}*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap'); /* {margin: 0; padding: 0; list-style: none; font-family: 'Noto Serif JP', serif; letter-spacing: .1rem;}*/ body.tw{font-family: 'Noto Sans TC', sans-serif; font-size: 0.9rem; font-weight: 400; letter-spacing: 0.125rem;} /*body.en{font-size: 1.05rem; font-weight: 300; letter-spacing: 0.07rem;}*/ body.en{font-family: 'IBM Plex Sans', sans-serif; font-size: 1.05rem; letter-spacing: 0.1rem;}/* font-weight: 500;*/ body.jp{font-family: 'Noto Serif JP', sans-serif; font-size: 0.9rem; font-weight: 400; letter-spacing: 0.125rem;}/*font-family: 'Noto Sans JP'*/ :root{ --body-color:rgb(80, 80, 80); --body_bg-color:#f2fdff;/*#195E87*/ --font-color:rgba(88, 88, 88, 1); --logo_blue:rgb(0, 167, 234);/*#00A7EA*/ --logo_blue_03:rgba(0, 167, 234, 0.3);/*#00A7EA*/ --logo_blue2_05:rgb(0, 167, 234, 0.5);/*#00A7EA*/ --logo_blue_0125:rgba(0, 167, 234, 0.125);/*#00A7EA*/ /*--White1:rgba(255, 255, 255, 1);*/ --container_max-width_576: 540px; --container_max-width_768: 720px; --container_max-width_960: 960px; --container_max-width_1200: 1140px; --container_max-width_1400: 1320px; --h2_BorderBottom_AdvantageImg-color:rgb(110, 85, 47, 1); --h6-color:rgb(139, 53, 58); --card-header_BGC:rgba(250, 214, 137, .4); --card-header-text:rgba(58, 29, 1, .9); /* --h2_color:#0c69c0; --category_bg-color:#0c69c0;*/ --a-color:var(--body-color); --a_hover-color:rgb(8, 88, 108);/*rgb(247, 92, 47) --a_hover-color-White:rgb(248, 248, 248);*/ --a-color_btn-color_background-color:rgba(1, 64, 80, 1); --a-color_btn-color_background-color_09:rgba(1, 64, 80, 0.9); --gotop_background-color:#33b6e5; --gotop_background-color_hover:#0099CC; --line-color:rgba(128, 128, 128, .5); /*--light-color1:rgb(255, 255, 255, .9); --light-color2:rgb(255, 255, 255, 1);*/ --footer-color:rgb(216, 216, 216);/*#dfdfdf --footer-a-hover-color:rgb(255, 255, 255);*/ --subtitle-bottom-line-img:80px; } /*----- .i18n{visibility: hidden;} ------正式版要使用 */ /* * {margin: 0; padding: 0;}*/ ol, ul{margin: 0; padding: 0;} ul li, ol li {list-style-type:none; } a {text-decoration: none;} p{line-height: 1.5rem; margin: .5rem 0;} img, .logo_img {vertical-align:bottom;}/*圖像下方的間隙消失*/ /*.row{margin: 0;}*/ body.div-gradient { color: var(--body-color); } body.div-gradient {/*.ARL background: linear-gradient(90deg, rgba(250, 214, 137, 0.3)35%, rgba(254, 223, 225, 0.3)60%); background: -moz-linear-gradient(90deg, rgba(250, 214, 137, 0.3)35%, rgba(254, 223, 225, 0.3)60%); background: -webkit-linear-gradient(90deg, rgba(250, 214, 137, 0.3)35%, rgba(254, 223, 225, 0.3)60%); background: -o-linear-gradient(90deg, rgba(250, 214, 137, 0.3)35%, rgba(254, 223, 225, 0.3)60%);*/ background: url(../img/bodybg.webp); } body.ARL .area:nth-child(odd){width: 100%; background-color: rgba(182, 20, 20, .05);} .carousel-box, .banner1{height: 100VH;} .container{padding: 0px 30px;}/*max-width: auto; */ #footer {width: 100%; font-size: 0.8rem;padding: 2px 0 20px; background-color: var(--a-color_btn-color_background-color); } #footer .item{margin-bottom: 2rem; border-bottom: 0px;} #footer p, #footer ul, #footer a, .copyright {color: var(--footer-color); font-size: 0.75rem; line-height: 1.5rem; font-weight: 400; margin: 0; text-align: center;} #footer.jp p, #footer.jp ul, #footer.jp a, #footer.jp .copyright{font-size: 0.7rem; line-height: 1.2rem; font-weight: 100;} #footer ul{padding-left:0;} .copyright {padding-top: 1rem; border-top: 1px solid var(--footer-color);} #footer a:hover {color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255);} #footer.tw .title{font-size: 0.89rem; font-weight: 500; margin-bottom: 10px;} #footer.en .title{font-size: 0.89rem; font-weight: 700; margin-bottom: 10px;} #footer.jp .title{font-size: 0.75rem; font-weight: 500; margin-bottom: 10px;} /*#footer ul {padding-left: 0; text-align: center;}*/ .area{padding-top: 40px; padding-bottom: 40px;}/* 40px = 2rem*/ #product_comparison_table_area.area{padding-top: 60px; } /*.area .row{margin: 0;}*/ /*.area .container{padding-top: 1rem;} padding-bottom: 1rem;*/ .section_header{ margin-bottom: 2.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid var(--h2_BorderBottom_AdvantageImg-color); position: relative; } h2.title, .sub_title{ font-size: 1.8rem; font-weight: 600; color:var(--h2_BorderBottom_AdvantageImg-color); margin-bottom: 0px; } h2 strong{font-weight: 600;} .sub_title{ font-size: 1rem; line-height: 39px; opacity: .8; float: right; } a img.icon_pdf{transition-duration: 0.2s;} a img.icon_pdf:hover {transform:scale(1.1) ;transition-duration: 0.2s;}/*fill:#443f42;*/ .title_btn{position: absolute; font-size: .9rem; letter-spacing: .1rem; border: 1px solid; border-radius: 5px; top: 7px; margin-left: 10px; padding: 0px 8px 4px 8px; transition: .2s;} .Back_to_list_btn {background-color:var(--gotop_background-color); color: rgb(255, 255, 255); position: fixed; font-size: .9rem; letter-spacing: .1rem; top: 150px; padding: 20px 3px; writing-mode: vertical-rl; text-align: center; border-radius: 0 10px 10px 0; transition: .2s;} .Back_to_list_btn:hover{background-color:var(--gotop_background-color_hover); color: rgb(255, 255, 255); padding: 20px 3px 20px 50px;} .item{padding-bottom: 4rem; } /*width: 100%; padding-top: 1rem; padding-bottom: 0.5rem;*/ .ARL #news_list_area .item{width: 100%; padding: 1rem 0; border-bottom: 1px solid rgba(128, 128, 128, .2);} .item .title, .item .date{margin-bottom: 0.8rem; font-size: 1.2rem; font-weight: 500;} .globe .item .title{font-size: 1.1rem;} /*.en .item .title, .en .item .date{font-weight: 500;}*/ .item .text{ margin-left: 0.5rem; padding-left: 0.8em; border-left: 1px solid var(--line-color); } .ARL .item .text{ border-left: 0px;} #about-page_area .item .text {font-weight: 400; } #about_area .row{margin: 0;} #about_area .item{ width: 100%; padding: 1rem 0; margin-bottom: 0rem; border-bottom: 1px solid rgba(128, 128, 128, .2); } #about-page_area li{margin-bottom: 1.5rem;} #about_area .item.row .col-md-7{ padding-left: 0; padding-right: 5px;} #about_area .item.row .col-md-7 .item.row:nth-child(1){ padding-top: 0;} #home_area .date{width: 120px; margin-right: 2rem;} a{color: var(--a-color);} a:hover{color: var(--a_hover-color);} .ARL a{color: rgb(8, 108, 108);} .ARL a:hover{color: rgb(247, 92, 47);} table.dataTable a:hover{font-weight: 600;} #home_area ul{padding-left: 0rem;} #home_area .item a:hover .label, #news_area .item a:hover .label{text-decoration: underline;} /*MISSION*/ #mission_area .item{display: flex;} #mission_area .number{width: 50px; padding-top: 5px;} .en #mission_area .number{padding-top: 8px;} .mission_box{ width: calc(100% - 50px) ;} .mission_box .title{ font-size: 1.8rem; }/*width: 100%;*/ .jp .mission_box .title{ font-size: 1.4rem; } .mission_box .text{ padding-top: 5px; border-left:unset; margin-left: 0; padding-left: 0;}/*width: 100%;*/ .mission_txt{margin-bottom: 3rem;} .en .mission_txt{margin-bottom: 3rem; font-size: 1.05rem; letter-spacing: 0.1rem;} #about_area ul{padding-left: 1.25rem;} #product_area ul, #product_area ol, #recruit_area ol {padding-left: 2.25rem;} #about_area li, #product_area li{list-style: circle; padding-left: 0.5rem; }/*, #recruit_area li*/ #about_area li ul li{list-style: disc;} /**/ .map_img{padding: 10px 0 ; text-align: center;} .map_img img{ max-height: 300px;} /* about首頁用CSS */ /* #about_area .row>*{flex-shrink: 1;} #about_area .container .section_wrap .section_body .row{--bs-gutter-x: 0rem; } #about_area .right{ margin-left: 1rem;} #about_area .about_img{ border-radius: 6px; background-color: rgba(255, 255, 255, .8); border: 1px solid rgba(128, 128, 128, 0.2); padding: 3px; margin-bottom:12px; } #about_area .about_img img{border-radius: 4px 4px 0 0;} #about_area .about_img p{text-align: center;font-size: .9rem; letter-spacing: 2px; margin: 3px 5px;}*/ /* about首頁用CSS */ #Global-Operations_area{position: relative; overflow: hidden;} #Global-Operations_area::before{position: absolute; content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: -1; opacity: 0.55; background-image:url(../img/about/WolrdMAP.webp); background-size: auto 100%; background-position: 30% center; background-repeat: no-repeat; } .locations li{list-style: circle; margin-left: 1rem;} .locations .item {width: 100%;} .locations .item .text{margin-bottom: 1rem;} .locations img{width: 160px; height: 160px;} .globe-map1{width: 100%; margin-bottom: 1.2rem; overflow: hidden; }/* width: 100%; */ .globe-map1 img{width: 100%;} .globe-map{width: 100%; height: 300px; position: relative; margin-bottom: 1.2rem; overflow: hidden; }/* width: 100%; */ .globe-map img{position: absolute; width: auto; height: 1020px; top: -425px; left: calc( (50vw - 762px)) ;}/*-460px*/ .globe-title{background-color: var(--card-header_BGC); text-align: center; font-weight: 600; padding: 0.5rem; letter-spacing:0.5rem;}/*, .card-sub-title*/ .globe-text{padding: 1rem;} /* 首頁NEWS S */ #news_area_index .item{display: flex;} .triangle{min-width: 18px;} .triangle i{font-size: 1.5rem; color: var(--h2_BorderBottom_AdvantageImg-color);transform-origin: 0px 50%; transform: scaleX(2); } /* 首頁NEWS E * /* 願景 S */ :root{ --vision_BG_img_XY: right center / auto 100%;}/*:root{ --vision_BG_img_XY: center 200px / 100% auto;}*/ #vision_area .item{margin-bottom: 2rem;} #vision_area .img-box{width: 100%; height: auto; overflow:hidden;} /*top: 0; left: calc( 50% - 24px ) width: 50%; right: -76px;*/ #vision_area .img-box img{width: 100%; height: auto;}/*position: absolute; top:0; right: 40px; */ /* #vision_area_index .item{position: relative; margin-bottom: 2.3rem;} #vision_area_index .item .img-box{width: 100%; height: 340px; display: flex; justify-content: end;} #vision_area_index .item .img-box img{height: 100%;} #vision_area_index .item .txt{position: absolute; top: calc(50% - 2.2rem); bottom: calc(50% - 2.2rem); font-size: 1.5rem; margin: auto 0; padding: 1rem; background-color: rgba(255, 255, 255, 0.75); backdrop-filter: blur(5px); border-radius: 5px;} */ #vision_area_index .item{margin-bottom: 2rem; width: 100%;} #vision_area_index .item .txt{position: relative; font-size: 1.05rem; padding: 1rem 1rem 0.5rem 1rem; text-align: center; background-color: rgb(255, 255, 255); border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.5); box-shadow: 0 10px 10px rgba(0,0,0,0.5); } #vision_area_index .item .txt::before{ position: absolute; content: ""; top: 100%; right: 0; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 20px calc((100vw / 2) - 45px) 0 calc((100vw / 2) - 45px); border-color: rgb(255, 255, 255) transparent transparent transparent; box-shadow: rgb(255, 255, 255); } #vision_area_index .item .img-box{width: 100%; overflow:hidden;} #vision_area_index .item .img-box img{width: 100%; height: auto;} /* 願景 E */ /* advantage 優勢 S */ /*#advantage_area .item{display: flex; flex-wrap:wrap;} #advantage_area .title{width: 100%; }*/ /*#advantage_area .title{margin-bottom: 1.8rem;}*/ #advantage_area .title small{padding-left: 10px; font-size: 0.9rem;} /*#advantage_area .right{margin-left: 0;}*/ #advantage_area .img-box{margin-bottom: 0.8rem;}/* margin-right: 1.8rem;*/ #advantage_area img{ width: var(--subtitle-bottom-line-img); height: var(--subtitle-bottom-line-img); background-color: rgb(255, 255, 255);} #advantage_area img{ background-color: var(--h2_BorderBottom_AdvantageImg-color);} /*#advantage_area .text{width: calc(100% - var(--subtitle-bottom-line-img) - 3rem);}*/ /*#advantage_area .text.no-img-box{width: 100%;}*/ #advantage_area .img01{ -webkit-mask: url(../img/about/01_core_technology.webp) no-repeat; mask: url(../img/about/01_core_technology.webp) no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } #advantage_area .img02{ -webkit-mask: url(../img/about/02_team_member.webp) no-repeat; mask: url(../img/about/02_team_member.webp) no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } #advantage_area .img03{ -webkit-mask: url(../img/about/03_20_years.webp) no-repeat; mask: url(../img/about/03_20_years.webp) no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } #advantage_area .img04{ -webkit-mask: url(../img/about/04_experience.webp) no-repeat; mask: url(../img/about/04_experience.webp) no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } #advantage_area .img05{ -webkit-mask: url(../img/about/05_relationship.webp) no-repeat; mask: url(../img/about/05_relationship.webp) no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* advantage 優勢 E */ /*.wrap{margin:0 0 1.5rem;}*/ footer .wrap{margin: 3rem 0 1.5rem 0;} .team{font-size: 1.4rem; text-align: center; margin:0 0 1.5rem; padding-bottom: 10px; border-bottom: 1px solid rgba(58, 29, 1, .3);} /* 成員 S #members_area .row{margin:0 .5rem 2.5rem;} #members_area .col_photo{text-align: center;} #members_area .col_photo img{width: 50%;} #members_area .wrap_name{text-align: center; font-size: 1.1rem; letter-spacing: .1rem; padding-bottom: 5px;} #members_area .wrap_name p{display: inline; margin: 0;} #members_area .position{font-size: .9rem; letter-spacing: .1rem; color: rgb(218, 124, 18); border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: 3px;} #members_area .col_experience{border-top: 1px dotted rgb(90, 90, 90); } #members_area .experience {font-size: .9rem; letter-spacing: .1rem; margin-left: 1rem;} #members_area .experience{margin-bottom:0rem; padding-left: .5rem;} #members_area .experience li{list-style: circle;} */ /*#members_area .card-text{ position: relative;}*/ /* 成員 E */ .Work_location{text-align: center;} .Work_location img{ max-width: 100%;margin-bottom: 10px;} /* 按鈕 切換開關 S */ .btn, .switch{ border: 1px solid var(--a-color_btn-color_background-color); font-weight: 500; line-height: 1.5; letter-spacing: .1rem; text-align: center; text-decoration: none; vertical-align: middle; background-color: transparent; padding: 0.45rem 0.75rem 0.375rem 0.75rem;/* 0.375rem 0.75rem */ font-size: 1.05rem; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn, .btn a,.switch{color: var(--a-color_btn-color_background-color);} .btn.more{ margin-top: 2rem; padding: 0.2rem 0.75rem 0.375rem 0.75rem; float: right;} .btn:hover, .switch_active{background-color: var(--a-color_btn-color_background-color);color: rgb(255, 255, 255);} .btn:hover a{color: rgb(255, 255, 255);} #contactus-index .btn:hover{background-color:var(--dark-grey_background-color_hover);} /* 按鈕 切換開關 E */ #contactus_area .map_area{ box-shadow: 0 0 10px 5px rgba(153, 107, 7, 0.3); border-radius: 10px; margin-top: -8rem; margin-bottom: 2rem; } #contactus_area p{font-size: .9rem; margin: .2rem 0; letter-spacing: .1rem;} .en #contactus_area p{font-size: 1.05rem; margin: .2rem 0; letter-spacing: .1rem;} #contactus_area .setsumei{margin-bottom: 3rem;} #contactus_area .badge{padding: .35em .8em;font-weight: 300;font-size: .4em;margin-right: .5em;letter-spacing: 0rem;} #contactus_area p > a, #policy_area p > a{text-decoration: underline;} .Sending{position: fixed;background-color: rgba(0, 0, 0, .5); width: 100vw; height: 100vh;top: 0;left: 0; z-index: 999;} .msgbox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto; width: 200px;height: 80px;background-color: rgb(255, 255, 255);text-align: center;line-height:75px;border-radius: 10px;border: 2px solid rgb(209, 209, 209);} #policy_area h4{margin: 2rem 0 0.5rem;} #policy_area .section_body p, #policy_area ul{margin: 0 0 0 1.7rem; font-size: 0.88rem; line-height: 1.8rem;} #policy_area p.t0{margin:0rem;} #recruit_area.ARL {background-image: url(../img/recurit/Screentone2.webp);} #recruit_area h4{font-size: 1.3rem;} #recruit_area h5{font-size: 1.05rem;} #recruit_area .ulleft ul, #policy_area .ulleft ul{padding-left: 0rem;} #recruit_area ul li, #policy_area ul li{margin-left: 0.8rem; padding-left: 1.4rem;} #recruit_area ul, #policy_area ul{counter-reset: li;} #recruit_area ul li, #policy_area ul li{position: relative;} #recruit_area ul li::before, #policy_area ul li::before{ content: counter(li) '. '; counter-increment: li; display: inline-block; position: absolute; left: 0; top: 0; } #product_area .card-img, #product-area .card-img{width: 100%; text-align: center; padding: 10px;} #product_area .card-img img, #product-area .card-img img{width: 50%;} #product_area .card-text, #product-area .card-text{width: 100%;} #product-area .row{--bs-gutter-x: 0rem; } #product_area .card-title, #product-area .card-title{margin-bottom: 0rem;} #product_area ol li, #product-area ol li, #recruit_area ol li{list-style: circle; margin-bottom: 1rem;} #product_area ol li{margin-bottom: 0.1rem;} #product_area h6, #product-area h6 {color: var(--h6-color);} /**/ .img_box{ border-radius: 6px; background-color: rgba(255, 255, 255, .5); border: 1px solid rgba(128, 128, 128, 0.2); padding: 10px; /*margin-bottom:12px;*/ } .img_box p{font-size: .9rem; letter-spacing: 2px; line-height: 1rem; margin: 5px 5px 0; } /* 產品列表與比對表 S */ table.dataTable a{font-weight: 500;} table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td, table.dataTable tfoot th, table.dataTable tfoot td {text-align: center; font-size: 0.9rem; font-weight: 300; letter-spacing: 0.05rem;}/* padding: 4px 3px !important;*/ .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{letter-spacing: 0rem; font-size: 0.9rem ;} .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{padding-top: 0.25rem !important; padding-bottom: 1rem !important;} .dataTables_wrapper .dataTables_info{padding-right: 2rem; padding-top: 0.6rem !important;} .dataTables_wrapper .dataTables_paginate{padding-top: 0.2rem !important;} /*#myTable th.Package, #myTable td.Package{text-align: left; min-width: 105px;} #myTable td.ST_PN{min-width: 190px;} .dataTables_scroll{padding: 1rem 0;} .Package-content{border-right: 1px solid rgb(196, 196, 196);} .sorting_disabled.Package, #product_list_area tfoot th.Package{border-right: 0px} #product_list_area .section_header{margin-bottom: 0rem;}*/ /* #product_list_area thead th.sorting_disabled.Datasheet, #product_list_area #myTable td.Datasheet, #product_list_area tfoot th.Datasheet, #product_list_area thead th.sorting_disabled.ANJET, #product_list_area #myTable td.ANJET, #product_list_area tfoot th.ANJET {min-width: 120px !important; } */ /* #product_list_area thead th.sorting_disabled.V, #product_list_area #myTable td.V, #product_list_area #myTable1 td.V, #product_list_area tfoot th.V, #product_list_area thead th.sorting_disabled.mΩ_A, #product_list_area #myTable td.mΩ_A, #product_list_area #myTable1 td.mΩ_A, #product_list_area tfoot th.mΩ_A {min-width: 70px !important; max-width: 80px !important;} #product_list_area thead th.sorting_disabled.Packing_Code, #product_list_area #myTable td.Packing_Code, #product_list_area #myTable1 td.Packing_Code, #product_list_area tfoot th.Packing_Code{min-width: 110px !important; max-width: 118px !important;} */ /* 產品列表 表格設定 */ /*#product_list_area thead th, #product_list_area tbody td, #product_list_area tfoot th {padding: 9px 4px;}padding: 9px 2px; #product_list_area thead th div{ height: 66px; margin-bottom: 10px;} #product_list_area .sorting_disabled.Packing_Code img{height: 100%;} #product_list_area .V{min-width: 64px !important; } #product_list_area .mΩ_A {min-width: 64px !important; } #product_list_area .sorting_disabled.V, #product_list_area .sorting_disabled.mΩ_A{max-width: 50px !important;} #product_list_area .Packing_Code{min-width: 145px !important; } #product_list_area .sorting_disabled.Packing_Code{max-width: 130px !important;}*/ /* 下拉選單設定 */ #product_list_area .sorting_disabled{position: relative;} #product_list_area .sorting_disabled select {position: absolute; top: 54px; left: 10px; right: 10px; min-width: 80%;} /* PDF 圖示設定*/ /*#product_list_area a:nth-child(2){margin-left: 5px; position: relative;}PDF對位用 #product_list_area a img.icon_pdf{height: 19px; position: absolute;}*/ /* #product_list_area thead th.sorting_disabled.Package, #product_list_area #myTable td.Package, #product_list_area tfoot th.Package {width: calc( 100% - 320px ) !important; }text-align: center;*/ /* 隱藏搜尋 */ #myTable thead, #myTable1 thead, #product_list_area #myTable_filter, #product_list_area #myTable1_filter{display: none;} /*#product_list_area .sorting_disabled select{min-width: 100%;} #product_list_area thead th .space_adjustment{height: 90px;}*/ #product_list_area thead th.ANJET select, #product_list_area thead th.Datasheet select{visibility:hidden;}/*visibility:hidden; display: none;*/ .dataTables_wrapper .dataTables_length select {color: var(--font-color) !important; border-color: var(--line-color) !important;}/**/ .dataTables_wrapper .dataTables_filter input{border-color: var(--line-color) !important;} /* #product_comparison_table_area thead th.ANJET select, #product_comparison_table_area thead th.Cree_PN select, #product_comparison_table_area thead th.Infineon_PN select, #product_comparison_table_area thead th.Rohm_PN select, #product_comparison_table_area thead th.ST_PN select{visibility:hidden;} visibility:hidden; display: none;*/ /* 對照表 表格設定 */ #product_comparison_table_area .container{max-width: 1100px;} #product_comparison_table_area .btn{font-size: 1rem;} #product_comparison_table_area table.dataTable thead th, #product_comparison_table_area table.dataTable thead td, #product_comparison_table_area table.dataTable tbody th, #product_comparison_table_area table.dataTable tbody td {padding: 9px 5px;} #product_comparison_table_area .ANJET {min-width: 100px !important;} #product_comparison_table_area .sorting_disabled.ANJET{width: 100px !important;} #product_comparison_table_area .V, #product_comparison_table_area .mΩ_A {min-width: 50px !important; } #product_comparison_table_area .sorting_disabled.V, #product_comparison_table_area .sorting_disabled.mΩ_A{width: 50px !important;} #product_comparison_table_area .Package {min-width: 110px !important; text-align: left;} #product_comparison_table_area .sorting_disabled.Package{width: 110px !important;} #product_comparison_table_area .Cree_PN, #product_comparison_table_area .Infineon_PN, #product_comparison_table_area .Rohm_PN, #product_comparison_table_area .ST_PN {min-width: 160px !important; text-align: left;} /*#product_comparison_table_area .sorting_disabled.Package,*/ #product_comparison_table_area .sorting_disabled.sorting_disabled.Cree_PN, #product_comparison_table_area .sorting_disabled.sorting_disabled.Infineon_PN, #product_comparison_table_area .sorting_disabled.sorting_disabled.Rohm_PN, #product_comparison_table_area .sorting_disabled.sorting_disabled.ST_PN{width: 160px !important; text-align: center;} /**/ /* .scrollbar::-webkit-scrollbar{ width: 20px; background-color: #000000;} .scrollbar::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgb(255, 255, 255);} */ /*#product_list_area #myTable th.Package, #product_list_area #myTable td.Package {text-align: center; min-width: 105px !important; width: 100% !important;}*/ /* 鎖定欄位的設定 */ table.dataTable thead tr>.dtfc-fixed-left,table.dataTable thead tr>.dtfc-fixed-right{z-index:1;} table.dataTable thead tr>.dtfc-fixed-left,table.dataTable thead tr>.dtfc-fixed-right, thead{background-color:rgb(230, 222, 208);} table.dataTable tbody tr>.dtfc-fixed-left,table.dataTable tbody tr>.dtfc-fixed-right{z-index:1;background-color:rgba(238, 238, 238, 1);} div.dtfc-left-top-blocker,div.dtfc-right-top-blocker{background-color:rgb(230, 222, 208);} table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, tbody td.highlight { background-color: rgb(213, 235, 255) !important;} /*tbody td:hover { background-color: rgb(255, 255, 255) !important;}*/ /* 產品列表與比對表 E */ /* table表 設定 S */ .table>:not(caption)>*>*{padding: 5px; border-bottom: 0px;letter-spacing:0.3px} .table-box{overflow:auto; width:100%; height:510px; /* 固定高度 */ text-align: center;} .table td, .table th {border-top: 1px solid #ddd; width: 147px; height:auto;} .table td.td1, .table td.td2, .table th.th1, .table th.th2{ width: 100px; }/* min-width: 115px; max-width: 115px;*/ .table { color:rgb(82, 82, 82);font-size: 0.85rem;} .table th {background-color:rgb(230,222,208); border-top: 0px; font-size: 0.75rem;} .table tr{background-color: #fff;} .table tr:nth-child(odd) {background-color: #f9f9f9;} .table tr:hover{background-color: rgb(213, 235, 255);} .table .td1, .table .td2{background-color:rgba(190, 190, 190, 0.1)} .table { table-layout: fixed; width: 500px; /* 固定寬度 */ } .table thead tr th { position:sticky; top:0; /* 列首永遠固定於上 */ } #product_list_area thead th div{height: 66px;margin-bottom:10px} #product_list_area thead th div img{height: 100%; margin-top: 5px;} .table a{font-weight: bold;} /*.table a:hover{border-bottom: 1px solid #808080;}*/ /* table表 設定 E */ /* 產品介紹頁面 S */ /*#product_item_area.area{padding-top:var(--carousel-box_banner-MT_1);} */ #product_item_area .Package-content, #product_item_area .photo .text{border:0px;} .product_item.btn{position: absolute; left: 0; top:37px; padding: 0.08rem 0.75rem 0.1rem 0.75rem; border-radius: 0 0 5px 5px; border-top: none;} #product_item_area.t #itemNo_area{display: flex; align-items: flex-end; justify-content: space-between;} #product_item_area.t .product_item.pdf{padding: 0.45rem 0.75rem 0.41rem 0.75rem;} #product_item_area.t .section_header{position: relative;} #product_item_area.t .sub_title{position: absolute; }/*line-height: 25px; padding-bottom: 0.125rem;*/ #product_item_area.t .pdf img{height: 20px;} /*#product_item_area .wrap{margin: 0; padding: 0px;}*/ /*#product_item_area .product_title{margin: 20px 0;}margin-bottom: 1.5rem;*/ /*#product_item_area .apn{width: 100%; height: auto; font-size: 1.8rem; text-align: center; padding: 0.1rem; margin-bottom: 0rem; border-radius: 10px 10px 0 0;}*/ #product_item_area .content .title{font-size: 1.1rem;font-weight: 700;} #product_item_area samp{/*display:block; text-align: center;*/ margin-left: 0.8rem; top: -0.2rem; font-size: 1.2rem; font-family: unset;} #product_item_area .item{margin: 0% 0% 4%; }/* padding: 10px; border: 1px solid var(--logo_blue_03);*/ #product_item_area .photo .title{padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--line-color);}/*--logo_blue_03*/ #product_item_area .packing-style{font-weight: 400; } #product_item_area .part-item {display: flex; margin-bottom: 1rem;} #product_item_area .part-item {width: 100%;} #product_item_area .part-spec-detail{padding-right: 0.3rem; font-weight: 500;} #product_item_area .part-spec-val{font-weight: 400;} #product_item_area ol{margin-left: 1.3rem; text-align: left;} #product_item_area ol li{ list-style-type:square;} #product_item_area .photo{text-align: center; margin-bottom: 2rem;} #product_item_area .photo .text{padding-left: 10px;} /*#product_item_area .Circuit-Diagram .img-box{display: flex; align-items: center; justify-content: center;} width: 100%;*/ #product_item_area .photo.Circuit-Diagram .text{padding-left: 0px; margin-left: 0rem; display: flex; justify-content: center} #product_item_area .photo.Circuit-Diagram ol{margin-left: 0rem; margin-top: 1rem; } #product_item_area .photo.Circuit-Diagram ol li{list-style-type:none; } .star_mark{position: relative;} .star_mark::after{position: absolute; content: '*'; left: -.6rem;top: 4px;} #product_item_area .Package-content .item .photo:first-child img{height: 115px; width: auto;padding-top: 10px;} #product_item_area .Package-content .item .photo:nth-child(2) img{height: 125px; width: auto;} #product_item_area .Package-content .item .photo:last-child img{height: 125px; width: auto;} /*#product_item_area img{height: 130px; width: auto;}width: 130px;*/ #product_item_area .photo li{list-style-type: decimal;} #product_item_area .content{margin-top: 0rem; } #product_item_area .dl_area{display: flex; justify-content: center; background-color:rgb(255, 255, 255); } #product_item_area .dl_area .dl_btn{display: flex; align-items: center; background-color: var(--logo_blue2); border: 0px; margin-top: 1px; padding: 0.25rem 0.3rem; border-radius: 0 0 5px 5px;} #product_item_area .dl_area .dl_btn:hover{background-color: #55b8df;}/*#00A7EA*/ #product_item_area .dl_area .dl_btn p{color: rgb(255, 255, 255); margin-bottom: 0px;} #product_item_area .dl_area .dl_btn img{width: auto; height: 30px; margin-right: 0.5rem;}/**/ #product_item_area .certification_mark img{width: auto; height: 60px; margin-right: 10px;} /* 產品介紹頁面 E */ /* 應用頁面 S */ /*#applications_area .Application_nav{width: 100%;} #applications_area .Application_nav li{padding: 10px 0;}*/ #applications_area .row {padding-bottom: 4rem;} #applications_area .section_wrap-left{width: 100%;} #applications_area .section_wrap-right{width: 100%;} #applications_area .img-box{overflow: hidden; height: 300px; display: flex; justify-content: center; position: relative;}/**/ #applications_area .s .img-box img{height: 180%; position: absolute; bottom: -90px;} #applications_area .s #MPPT_area .img-box img{bottom: -150px;} #applications_area .m .img-box img{height: 90%;} #applications_area small{font-size: 0.8rem; padding-left: 10px;} #applications_area .text{height: unset; } #applications_area .item{padding-bottom: 2rem;} #applications_area .item li{list-style: circle;}/*square*/ #applications_area .item-box {border-top: 1px solid var(--line-color); padding-top: 1rem;} #applications_area .item-box:nth-child(1){border-top: 0px; padding-top: 0rem;} /* 應用頁面 E */ #news_list_area .section_body, #news_list_area ul{padding-left: 0rem;} /*#news_list_area .date{width: 110px;}*/ #news_list_area .label{/*width:calc(100% - 230px);*/padding-left: 22px;} #news_page_area .date, #news_page_area .label{font-size: 1.4rem; margin-bottom: 1rem; color: var(--card-header-text); text-align: center;} #news_page_area .label{font-size: 1.2rem; margin-bottom: 2rem;} #news_page_area .content{margin: 0 2rem;} .content_item{margin-bottom: 1rem;border: 1px solid rgba(0, 0, 0, 0.1);} .content_header {background-color: var(--card-header_BGC);color: var(--card-header-text);padding:0.8rem} .content_header h4 {font-size: 1.2rem; letter-spacing: .2rem; margin-bottom: 0;} .content_header span{font-size: .9rem; opacity: .8;} .content_body {padding: 1rem .5rem; background-color: rgba(255, 255, 255, 0.4);} .content_txt{letter-spacing: 0rem; padding:0 .5rem;} .content_body ol{margin-bottom: 0;} .content_body li{list-style-type:circle; letter-spacing: .05rem;} #news_list_area, #load-news{margin-top: 80px;}/*, #product_list_area*/ .pdfdl {text-align: center;} /*.pdfdl a {color: #bbbbbb; border-radius: .25rem; transition: .3s; padding: .2rem 2rem .3rem; } .pdfdl a:hover {border: 1px solid rgb(255, 255, 255);color: rgb(255, 255, 255);} .pdfdl i{margin-left: 0.5rem;}*/ /* .pdfdl a { padding: .2rem 2.2rem .4rem .8rem; position: relative; } .pdfdl a::after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c1"; font-size: 1.2rem; margin-top: .1rem; margin-left: 0.5rem; } */ /*輪播img定位*/ /*.carousel-item {height: 300px; overflow: hidden; width: 100%; position: relative;} .carousel-item img {position: absolute; display: flex;justify-content: center;}*/ .card{background-color: unset; border-radius: 0.5rem ;} .card, .recruitpage_area .link1104 .btn{background-color: rgb(255, 255, 255, .6); box-shadow: 0px 3px 6px 1px rgba(58, 29, 1, 0.1); border: 0px;} .card-header{background-color: var(--card-header_BGC); color: var(--card-header-text);} .card-img-top {height: 145px; text-align: center; padding: 2px; /*border-radius: 5px; object-fit: cover; 填滿元素的寬度及高度(維持原比例)，通常會剪掉超出部分的物件。*/} .card-img-top img{height: 100%;} .card-title{font-size: 1.2rem; font-weight: 700;} .tw .card-title{font-size: 1.1rem;} .card-title .small-text{font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05rem;} .card-text{font-size: .9rem; letter-spacing: 2px;} .en .card-text{font-size: 1.04rem; letter-spacing: 0.05rem;}/**/ .card.about{ background-color: rgba(255, 255, 255, 0.5); color:rgb(255, 255, 255); border: 0px; } .col_left{order: 2;} .col_right{order: 1;} /*.wrapper{padding:0 1.6rem;}*/ /* #recruitpage_area .row>* { padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); } */ .recruitpage_area .col {margin-bottom: 3rem;} .recruitpage_area .card{border-radius: 0px;}/* z-index: -1;*/ .recruitpage_area .link1104 .btn{ border-radius: 0px 0px 10px 10px; transition: 0.3s;}/* background-color: rgba(188, 255, 211, 0.4) ; color: #929292; border: 0px; box-shadow: 0px 3px 6px 1px rgba(58, 29, 1, 0.1);*/ .recruitpage_area .link1104 .btn:hover{ background-color: rgba(188, 255, 211, 0.8); color:rgb(32, 143, 18); padding: 0.45rem 2rem 0.375rem; transition: 0.3s;} .recruitpage_area .recruit_box .img_box.pic1 {width: 200px; margin-left:calc(50% - 100px); margin-bottom: 2rem;} .recruitpage_area .recruit_box img{width: auto;} .recruitpage_area .btn_box{width: 100%; text-align: center; margin-bottom: 2rem;} #contactus-index{background-color: var(--dark-grey_background-color); text-align: center; /*background: linear-gradient(25deg, #022d41 0%, transparent 70%) center center / 100% 100%,url(../img/banner/contactus-index.webp) 50% 50% / auto 100% no-repeat;*/} #contactus-index .wrap{ padding: 4rem 0;} #contactus-index .text{font-size: 2rem; margin-bottom: 2rem; color: rgb(255, 255, 255);} #contactus-index .white{border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);} /*.show{display: unset;} -------------------------------------- */ .hide{display: none !important; } .noline{border: unset !important;} /* 製品結合應用Index page S*/ /*.product.index .row{ margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2); }*/ .product.index .item{margin-bottom: 0.5rem;} .product.index .text {margin-bottom: 3rem;} .product.index .text .title, .title.app{font-size: 1.4rem; font-weight: 500; margin-bottom: 1rem;} .product.index .card-title{margin-bottom: 1rem; font-weight: 500; } .product.index .card-title .small-text {font-weight: 400;} .product.index ul{margin-left: 2.1rem; margin-bottom: 3rem;} .product.index .card-body ul{margin-bottom: 0rem;} .product.index li{list-style: circle; margin: 0.5rem 0;}/*font-weight: 400;*/ /*.product.index .text a{margin-left: 0.9rem;}*/ .btn.finder{ width: 100%; padding: 0.2rem 0.75rem; } /**/ .product.index .content {margin-bottom: 4rem;} .product.index .content .img-box {text-align: center;} .product.index .content .img-box img{width: 180px; margin: 0 0 4.3rem 0;} .product.index .content .img-box .text{ width: 100%; padding: 0.27rem 0.75rem ; border-radius: 10px; background-color: var(--logo_blue); color: rgb(255, 255, 255);} /* padding: 0.27rem 0.75rem 0.425rem 0.75rem; border: 2px solid var(--line-color); */ /*.product.index .card{padding: 1rem;} .product.index .title.app{color: var(--h6-color);}*/ .product.index .card {box-shadow: none; border-radius: 0;} .product.index .card .img-box {display: flex; overflow: hidden; height: 200px; justify-content: center; align-items: center; } .product.index .card .img-box img{ min-width: 100px;} .product.index .card .img-box p{ position: absolute; bottom: 0;} /*.product.index.SBD .card{padding: 1rem;}*/ .product.index.SBD .card .img-box img{ max-width: 208px; transition: all 0.5s; } .product.index.SBD img.power-adapter, .product.index.SBD img.Power-Module{transform:scale(3) translate(50px,-22px);} .product.index.SBD img.OBC {transform:scale(3) translate(60px,-18px) ;} .product.index.SBD img.MPPT {transform:scale(3) translate(47px,20px);} .product.index.SBD img.PC-power {transform:scale(3) translate(70px,10px) ;} .product.index.SBD .card:hover img.power-adapter, .product.index.SBD .card:hover img.Power-Module{transform:scale(2.5) translate(50px,-22px);} .product.index.SBD .card:hover img.OBC {transform:scale(2.5) translate(60px,-18px)}/*鏡射 rotateY(180deg);*/ .product.index.SBD .card:hover img.MPPT {transform:scale(2.5) translate(47px,20px);} .product.index.SBD .card:hover img.PC-power {transform:scale(2.5) translate(70px,10px)}/*鏡射 rotateY(180deg);*/ /* .image-right {transform: translatex(30%); opacity: 0;} .image-left {transform: translatex(-30%); opacity: 0;} .image-bottom {transform: translatey(30%); opacity: 0;} .image-active {transform: translatey(0%); opacity: 1;} */ .product.index.MOS .card .img-box img{height: 100%; width: auto; transform: scale(1.0); transition: transform 0.5s;} .product.index.MOS .card:hover .img-box img{transform: scale(1.25);} .product.index.SBD .col .card-body {border: 1px solid var(--line-color); border-left:none; border-right:none; border-bottom:none;} .product.index.SBD .card {background-color: unset; box-shadow: none; border-radius:0;} /* 製品結合應用Index page E*/ #application_area .row{margin-bottom: 2rem; padding-bottom: 2rem; }/* border-bottom: 1px solid var(--line-color) ; */ #application_area .item{margin-bottom: 0.5rem;} #application_area .item ul{border: 0px; margin-left: 1.7rem;} #application_area .row .title{font-weight: 600; font-size: 1.5rem;} #application_area .title small{font-size: 1.15rem;}/* margin-top: 0; padding-left: 1rem; border-top: 1px solid var(--line-color);*/ #application_area li{list-style: circle; font-weight: 500;} #application_area li p{ font-weight: 300;} #application_area .row .img-box {text-align: center;} #application_area img{width: 45%; } /* 聯絡我們 S */ .load-contact-form, .load-contact-form .i18n{position: relative; height: 800px;} .loading-tips{position: absolute; width: 100%; height: 480px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px;} #phppage{width: 100%; height: 100%; background-color: transparent; border-radius: 10px;} /* 動畫設定 S */ .spinner {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 40px; background-color: rgb(255, 255, 255); animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* 動畫設定 E */ /* 聯絡我們 E */ @media (min-width: 375px){ #product_item_area .Circuit-Diagram .img-box{display: flex; align-items: center; justify-content: center;} #product_item_area .photo.Circuit-Diagram ol{margin-left: 2rem; margin-top: 0rem; } } @media (min-width: 450px){ /* #applications_area .Application_nav{width: 260px;margin-right: 1rem;} #applications_area .img-box{padding-left: 30%;}*/ #applications_area .section_header{width: 100%;} #applications_area .item-box{display: flex; flex-wrap: wrap;} #applications_area .item{width: 60%;} #applications_area .item:nth-child(n+2){width: 40%;} #applications_area .item-box .item{padding-bottom: 1rem;} #applications_area .item-box .title{display: none;} #applications_area .item-box:nth-child(1) .title{display: block;} } @media (min-width: 540px){ #product_item_area .Package-content .item{display: flex; flex-wrap: wrap; justify-content: space-between;}/**/ #product_item_area .Package-content .item .photo:first-child{width: 100%;} #product_item_area .Package-content .item .photo:nth-child(2){width: 48%; max-width: calc(96% - 240px); } #product_item_area .Package-content .item .photo:last-child{width: 48%; min-width: 240px;} } @media (min-width: 576px){ .locations .item{display: flex; flex-wrap: wrap; justify-content: space-between;} .locations .item .title{width: 100%; } .locations .item .text{width: 66%;} .globe-map1{width: 100%; height: 430px; margin-bottom: 1.2rem; overflow: hidden; position: relative;}/* width: 100%; */ .globe-map1 img{width: auto; height: 100%; position: absolute; left: 0;right: 0;margin: auto;} /*.locations .item .globe {width: 100%; display: unset; }*/ /* .locations .item.map_tw {width: 35%;} .locations .item.map_jp {width: 35%;} .locations .item.map_cn {width: 25%;} .locations .item.map_tw img{width: 70%;} .locations .item.map_jp img{width: 70%;} .locations .item.map_cn img{width: 98%;}*/ #product_item_area .packing-style{display: flex; flex-wrap: wrap;} #product_item_area .part-item .part-spec-detail{white-space:nowrap;} #product_area .card-img, #product-area .card-img{width: 20%;} #product_area .card-img img, #product-area .card-img img{width: 100%;} #product_area .card-text, #product-area .card-text{width: 40%;} #product_area .row .mb-3, #product-area .row .mb-3{width: 49%;} /*#about_area .wrap ~ .row{ padding-right: 1rem; padding-left: 1rem;}*/ .product.index .content{display: flex; position: relative;} /*.product.index .content .text {width: 100%;} -------------------------------------*/ /*.product.index .content .img-box { width: 200px;} -------------------------------------*/ .product.index.finder .content{display: unset; position: unset;} /*.product.index .content .img-box .text{position: absolute; margin-bottom: 0; bottom: 0; right: 0; width: 40%;}-------------------------------------*/ /*.product.index .content .img-box img {width: 75%; }*/ .product.index.SBD .flex-sm-row-reverse .img-box {margin-right: 1.2rem;} /*.product.index.SBD .card .img-box img{height: auto; }*/ /*.product.index .text{position: relative;}*/ /*.btn.finder{position: absolute; left: 0.9rem; bottom: 0; width: 50%; }-------------------------------------*/ #vision_area_index .item .txt{font-size: 1.46rem;} .product.index.SBD .card{height: 200px;}/*height: 250px; padding: 0; */ .product.index.SBD .col{margin: 0 0 3rem 0;} .product.index.SBD .col .card-body {border: 1px solid var(--line-color); border-bottom: none; border-left:none ; border-right:none ;} /*.product.index.SBD .col:nth-last-child(1) {border-bottom: 1px solid var(--line-color);}*/ .product.index.SBD .card-body {width: 60%;} .product.index.SBD .col:nth-child(odd) .card-body {padding-left: 0;} .product.index.SBD .col:nth-child(even) .card-body {padding-right: 0;} .product.index.SBD .flex-sm-row-reverse .card-body {padding-left: 4rem; } .product.index.SBD .card .img-box {width: 40%; height: 100%;} .product.index.SBD img.power-adapter, .product.index.SBD img.Power-Module{transform:scale(3) translate(40px,-22px);} .product.index.SBD img.OBC {transform:scale(3) translatex(-50px) translatey(-22px) rotateY(180deg);}/*鏡射 rotateY(180deg);*/ .product.index.SBD img.MPPT {transform:scale(3) translatex(47px) translatey(16px);} .product.index.SBD img.PC-power {transform:scale(3) translatex(-60px) translatey(10px) rotateY(180deg);}/*鏡射 rotateY(180deg);*/ .product.index.SBD .card:hover img.OBC {transform:scale(2.5) translate(-50px,-22px) rotateY(180deg);}/*鏡射 rotateY(180deg);*/ .product.index.SBD .card:hover img.PC-power {transform:scale(2.5) translate(-60px,10px) rotateY(180deg);}/*鏡射 rotateY(180deg);*/ /*.product.index.SBD .card .img-box img{ transform:scale(3.0) translateX(50px); transition: all 0.5s;}*/ /*.product.index.SBD .card .img-box img{height: auto;} width: 100%;*/ /*.product.index.MOS .card .card-title {height: 65px;} .product.index.MOS .card .img-box img{height: auto; width: 100%; }*/ /* #contactus-index{background:linear-gradient(25deg, #022d41 0%, transparent 70%) center center / 100% 100%, url(../img/banner/contactus-index.webp) 20% 50% / 120% auto no-repeat;} */ /* #contactus_area .map_area{ margin-top: -8rem; } */ #vision_area_index .item .txt::before{border-width: 20px calc(var(--container_max-width_576) /2 - 35px) 0 calc(var(--container_max-width_576) / 2 - 35px);} } @media (min-width: 650px){#product_item_area .part-item {width: 100%;}} @media (min-width: 768px){ .container {max-width: var(--container_max-width_768);} /*body.div-gradient{letter-spacing: .15rem;} */ #Global-Operations_area::before{background-size: auto 100%; background-position: center center; top:60px} .locations {display: flex; justify-content: space-between; flex-wrap: wrap;} .locations .item{ flex-wrap: unset; justify-content: flex-end; padding-bottom:10px}/**/ .locations .item .title{text-align: end; width: 30%;} .locations .item .text{width: 60%; margin: 0 3%;} #vision_area_index .item .txt{font-size: 1.6rem;} .mission_box{display: flex;} .mission_box .title{width: 28%;} .mission_box .text{width: 100%;} .en #mission_area .number{padding-top: 6px;} .en .mission_box .title{font-size: 1.5rem; margin-right: 1rem;} #home_area .item, #news_area .item,#home_area a, #news_area a{display: inline-flex;} #product_list_area .card-img-top{width: 130px;} #product_list_area .card-img-top img {width: 100%;} .col-md-9{padding-right: 25px;} #applications_area .s .img-box img{left: 0;} #product_item_area .dl_area{justify-content: end;} /*#product_item_area .item{padding-bottom: 0.5rem;}width: 48.5%;margin-bottom: 2%;*/ #product_item_area .Package-content .item .photo:first-child{width: 100%; } #product_item_area .Package-content .item .photo:nth-child(2){width: 49%; margin-bottom: 0;} #product_item_area .Package-content .item .photo:last-child{width: 49%; margin-bottom: 0;} #product_item_area .part-item {width: 50%;}/**/ /*#product_item_area img{ height: 130px; width: auto; }width: 45%;*/ #product_item_area .content .title{width: 40%; padding-right: 1rem; padding-bottom: 0rem; border-right: 1px solid var(--logo_blue2); border-bottom: 0px;}/* margin-bottom: 0rem; var(--logo_blue_03)*/ #product_item_area .text{padding-left: 1rem;} /*width: 80%; */ .product.index .content .img-box .text{position: absolute; margin-bottom: 0; bottom: 0; right: 0; width: 40%;} .btn.finder{position: absolute; left: 0.9rem; bottom: 0; width: 50%; } #application_area img{width: 75%;} #application_area .row:nth-child(even) div:nth-child(even){text-align: right;} #application_area .row:nth-child(odd) div:nth-child(even){order: -1; text-align: left; } #application_area .row:nth-child(odd) .item{ padding-left: 1.5rem; padding-right: 0px;}/*justify-content: end;*/ /* 首頁 about_area 暫時保留 */ #about_area .left, #about_area .right{padding: 0;}/**/ #about_area .left{width: 130px;} #about_area .right{width:calc(100% - 130px); margin: 0 0 0 0;} #about_area.en .left{width: 160px;} #about_area.en .right{width:calc(100% - 160px); margin: 0 0 0 0;} .map_img{padding: 0 0 10px 20px;} /* ABOUT.HTML half-box => 寬50% CSS 暫時保留*/ /*#about_area .half-box{display: flex;} #about_area .half-box .left, #about_area .half-box .right{width: 50%;} #about_area .half-box .left{padding-right: 20px;} #about_area .half-box .right{padding-left: 20px;} #about_area .half-box .right img{width: 80%;}*/ .globe{display: flex; justify-content: space-between;}/*, .locations*/ #company_area .globe .item:first-child{width: 45%;} #company_area .globe .item:last-child{width: 45%;} /*.en #company_area .globe{display: unset;}*/ /*.en #company_area .globe .item{width: 45%;} .tw #company_area .globe .item:first-child, .tw #company_area .globe .item:last-child{width: 30%;}*/ /*.en .globe{flex-wrap: wrap;} .en #company_area .globe .item:first-child{width: 70%;} .en #company_area .globe .item:last-child{width: 100%;} .jp #company_area .globe .item:first-child{width: 30%;} .jp #company_area .globe .item:last-child{width: 45%;}*/ /*#vision_area .wrap{ height: 300px;} position: relative;*/ #vision_area .wrap{display: flex;} #vision_area .left{margin-right: 1rem;} #vision_area .item{display: flex; justify-content: space-between;} #vision_area .item .text{border: 0; margin: 0; padding: 0;}/*485px*/ #vision_area .img-box{width: 432px; height: 263px; } /*top: 0; left: calc( 50% - 24px ) width: 50%; right: -76px;*/ #vision_area .img-box img{width: auto; height: 263px; float: right;}/*position: absolute; top:0; right: 40px; */ #contactus_area .left{width: 300px;} #contactus_area .right{width:calc(100% - 300px)} #contactus_area label {border-bottom: 1px solid rgba(0,0,0,0.12);} .recruitpage_area .recruit_box{position: relative;} .recruitpage_area .recruit_box .item{width: calc(100% - 220px );} .recruitpage_area .recruit_box .pic1{position: absolute; top: 0;right: 0;} /* 成員 #members_area .col_photo{order: 1; width: 120px; display: flex; align-items: center; justify-content: center;} #members_area .col_photo img{width: 100%;} #members_area .wrap_name{width: 230px; text-align: right;} #members_area .wrap_name p{display: block;} #members_area .col_experience{order: 2; width:calc(100% - 230px);} #members_area .col_experience {border-left: 1px dotted rgb(90, 90, 90); border-top: 0px;} #members_area .position{padding: 0;} */ #applications_area .section_wrap-left{width: 60%;} #applications_area .section_wrap-right{width: 40%;} #applications_area .img-box{padding-left: 0;} #footer .wrap{display: flex; justify-content: space-between;} #footer .item, #footer.jp.ARL .item:first-child{width: 35%;} #footer .item:last-child, #footer.jp.ARL .item:last-child{width: 20%;} /*#footer.en .footer_nav{ min-width: 152px;}margin-left: 60px; */ #footer.en .item{width: 40%;} #footer.en .item:first-child{width: 35%;} #footer.en .item:last-child{width: 20%;} #footer.tw .item{width: 40%;} #footer.tw .item:first-child{width: 30%;} #footer.tw .item:last-child{width: 20%;} /*#footer.tw .footer_nav{min-width: 62px;}margin-left: 60px; */ #footer.jp .item{width: 34%;} #footer.jp .item:first-child{width: 35%;} #footer.jp .item:last-child{width: 20%;} /*#footer.jp .footer_nav{width: 45%; min-width: 140px;}margin-left: 60px; */ #footer p, #footer ul{text-align: left;} #vision_area_index .item .txt::before{border-width: 20px calc(var(--container_max-width_768) /2 - 35px) 0 calc(var(--container_max-width_768) / 2 - 35px);} } @media (min-width: 960px){.container {max-width: var(--container_max-width_960);} #vision_area_index .item .txt::before{border-width: 20px calc(var(--container_max-width_960) /2 - 35px) 0 calc(var(--container_max-width_960) / 2 - 35px);} #product_item_area .Package-content .item .photo:first-child{width: 36%; margin-bottom: 0;} #product_item_area .Package-content .item .photo:nth-child(2){width: 28%; margin-bottom: 0;} #product_item_area .Package-content .item .photo:last-child{width: auto; margin-bottom: 0;} } @media (min-width: 980px){ /*#product_item_area .part-item {width: 45%;}*/ } @media (min-width: 1100px){ .globe-map img{left: -22.5%;}/*.carousel*//*en 1198*/ .product_item.btn{left: 0; top:38px;} /*#title-menu.hasbanner.navFixed {z-index: 95;}top: var(--carousel-box_banner-MT_0);*/ /*#title-menu.nobanner{ margin-top: calc(var(--nav-height_1100));}*/ /*#title-menu.nobanner.navFixed {margin-top: 0;} top: var(--nav-height_1100);*/ /*#product_item_area.area{padding-top:var(--carousel-box_banner-MT_0);} */ } /* @media (min-width: 1513px) { #carouselExampleCaptions .carousel-item.bg1, #carouselExampleCaptions .carousel-item.bg2, #carouselExampleCaptions .carousel-item.bg3, #carouselExampleCaptions .carousel-item.bg4, #carouselExampleCaptions .carousel-item.bg5, #carouselExampleCaptions .carousel-item.bg6{height: 380px;background-size: auto 100%;} }*/ @media (min-width: 1200px){ .container {max-width: var(--container_max-width_1200);} #vision_area_index .item .txt::before{border-width: 20px calc(var(--container_max-width_1200) /2 - 35px) 0 calc(var(--container_max-width_1200) / 2 - 35px);} #product_item_area .part-item {width: 33.3%;} } @media (min-width: 1400px){ .container {max-width: var(--container_max-width_1400);} #vision_area_index .item .txt::before{border-width: 20px calc(var(--container_max-width_1400) /2 - 35px) 0 calc(var(--container_max-width_1400) / 2 - 35px);} }