@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

/* CSS Document */
/* Basic Setting */
html {
    font-size : 24px;
    /* ↓修正出現x軸滾動條↓ */
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

/* ↑修正出現x軸滾動條↑ */

body {
    font-size  : 1rem;
    margin     : 0px;
    padding    : 0px;
    font-family: 'Noto Sans TC', 'Sans Serif';
    font-weight: 400;
    color      : #222;
    /* ↓修正出現x軸滾動條↓ 因為有用zoom所以要改成100%不可用vw*/
    width      : 100%;
    overflow   : hidden;
}

body h1 {
    margin-block-start: 0em;
    margin-block-end  : 0em;
}

body h2 {
    margin-block-start: 0em;
    margin-block-end  : 0em;
    font-size         : 2.17rem;
    font-weight       : 700;
}

body h3 {
    margin-block-start: 0em;
    margin-block-end  : 0em;
    font-size         : 1.5rem;
    font-weight       : 700;
}

body h4 {
    margin-block-start: 0em;
    margin-block-end  : 0em;
}

body p {
    margin-block-start: 0em;
    margin-block-end  : 0em;
    line-height       : 1.5;
}

body hr {
    margin-block-start: 0em;
    margin-block-end  : 0em;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    color          : #222;
    font-weight    : 500;
    text-decoration: none;
    outline        : none;
}

a:hover {
    filter: brightness(85%);
}

img {
    width: 100%
}

ol,
ul {
    margin : 0;
    padding: 0;
}

li {
    list-style: none;
}

.button {
    border-radius: 100px;
    padding      : 0.583rem 2.04rem;
    font-size    : 0.75rem;
    font-weight  : 500;
}

.btn_blue_fill {
    background-color: #1E55D7;
    color           : #fff;
}

.btn_white_outline {
    border: 1px solid #fff;
    color : #fff;
}

.btn_white_outline:hover {
    background-color: #fff;
    color           : #1E55D7;
    filter          : brightness(100%);
}

.area_banner {
    width            : 100%;
    height           : 380px;
    background-repeat: no-repeat;
    background-size  : cover;
    margin-top       : 88px;
}

.area_banner>h2 {
    color      : #fff;
    line-height: 380px;
    text-align : center;
}

.a_nolink {
    cursor: default;
}

.logo a:hover {
    filter: brightness(100%);
}

main {
    margin        : auto;
    padding-bottom: 5.83rem;
}

/* Header */
/* Common Setting */
header {
    position        : fixed;
    width           : 100%;
    z-index         : 100;
    background-color: #fff;
    top             : 0;
}

.container {
    padding        : 0px 6.25%;
    height         : 88px;
    margin         : 0 auto;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

header .logo {
    width: 180px;
}

header .logo img {
    margin-top: 5px;
}

/* PC */
.header_MB {
    display: none;
}

.menu_PC {
    margin: 0 auto;
}

.menu_PC>ul {
    display        : flex;
    flex-direction : row;
    justify-content: center;
}

.menu_PC>ul>li {
    margin     : 0 1.822vw;
    line-height: 88px;
    font-size  : 0.83rem;
    position   : relative;
}

.menu_PC>ul>li:hover:before {
    width: 110%;
}

.menu_PC>ul>li:before {
    content         : '';
    width           : 0%;
    height          : 4px;
    background-color: #1E55D7;
    position        : absolute;
    left            : 50%;
    bottom          : 0;
    transform       : translate(-50%);
    transition      : all .36s ease-in-out;
}

.menu_PC ul li a {
    font-weight: 400;
}

.menu_PC ul li:hover {
    cursor: pointer;
}

.menu_PC ul li:hover>a {
    color : #1E55D7;
    filter: brightness(100%);
}

.subnav_open>a {
    font-weight: 500;
    color      : #1E55D7;
}

/* 各頁面（除首頁）上方固定線條 */
.menu_PC .nav_act {
    position: relative;
}

.nav_act>a {
    font-weight: 500;
    color      : #1E55D7;
}

.menu_PC .nav_act::before {
    content         : '';
    width           : 110%;
    height          : 4px;
    background-color: #1E55D7;
    position        : absolute;
    left            : 50%;
    bottom          : 0;
    transform       : translate(-50%);
}

.subnav_act>a {
    color: #1E55D7;
}

.lang {
    width  : 194px;
    display: inline-block;
}

.lang>a {
    display        : flex;
    flex-direction : row;
    justify-content: right;
    align-items    : center;
    font-weight    : 400;
}

.lang>a>div>img {
    display: block;
}

.lang>a>p {
    margin   : 0px 8px;
    font-size: 0.83rem;
}

/* 二級選單 */
.submenu_container {
    display         : none;
    width           : 100%;
    background-color: rgba(255, 255, 255, 0.95);
    position        : fixed;
    /* 用fixed可解決不要讓子選單對齊母元素releative */
    top             : 88px;
    left            : 0;
    /* padding      : 0px 6.25%; */
    z-index         : 100;
}

.sub_menu {
    line-height: 1.15;
    margin     : auto;
}

/* 次級選單對位置 要再修正 */
.submenu_container {
    text-align: center;
}
/* .m_solution .submenu_container {
    text-align: center;
}

.m_product .sub_menu {
    width: 31.25vw;
} */

.sub_menu li {
    display: inline-block;
    padding: 24px 1.24vw;
}

.lang_menu {
    width           : 100%;
    background-color: rgba(255, 255, 255, 0.95);
    position        : absolute;
    top             : 88px;
    right           : 0;
    text-align      : right;
    padding         : 0px 6.25%;
    display         : none;
}

.lang_menu li {
    display: inline-block;
    padding: 20px 10px;
}

.lang_menu li a {
    color      : #222;
    font-size  : 0.83rem;
    font-weight: 400;
}

.lang_menu a:hover {
    color : #1E55D7;
    filter: brightness(100%);
}

.lang_menu .now_lang{
    color: #1E55D7;
}

.arrow_rotate {
    transform: rotate(180deg);
}

/* End of Header */

/* Footer */
.footer_MB {
    display: none;
}

.footer_PC {
    width          : 100%;
    padding        : 2.604% 0 1% 0;
    background     : url("../img/bg_footer.png") #0E3081 center 33.6% no-repeat;
    background-size: cover;
}

.ft_menu {
    width          : 75vw;
    max-width      : 1440px;
    margin         : 0 auto;
    display        : flex;
    flex-direction : row;
    justify-content: center;
    margin-bottom  : 2.75rem;
}

.ft_menu a {
    color      : #fff;
    font-size  : 0.75rem;
    font-weight: 400;
}

.ft_menu_main {
    flex  : 0 0 108px;
    margin: 0 3%;
    text-align: center;
}

.ft_menu_main>ul>li {
    opacity    : 0.76;
    font-weight: 400;
    margin-top : 0.83rem;
}

footer hr {
    width        : 90%;
    height       : 1px;
    border       : none;
    border-top   : 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 20px;
}

.ft_copy_wrap{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.copyright {
    color      : rgba(255, 255, 255, .62);
    font-size  : 0.66rem;
    font-weight: 400;
    text-align : center;
}

.copyright span a {
    color: rgba(255, 255, 255, .62);
}

.sns_icons_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sns_icons_wrap a{
    margin-right: 16px;
    opacity: 0.75;
}

.sns_icons_wrap a:last-child{
    margin-right: 0px;
}

.sns_icons_wrap a:hover{
    opacity: 1;
}

.sns_icons_wrap img{
    width: 44px;
}
/* End of Footer */

/* TOP */
.top_banner {
    position: relative;
}

.top_banner_text {
    position   : absolute;
    left       : 0;
    top        : 55%;
    transform  : translate(0, -55%);
    width      : 100%;
    padding    : 0 10vw;
    text-align : center;
    color      : #fff;
    z-index    : 10;
    user-select: none;
}

.top_banner_slider {
    width : 100%;
    height: 97vh;
    margin: 0 auto;
}

.banner {
    width              : 100%;
    height             : 97vh;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : cover;
}

.banner1,
.banner2,
.banner3,
.banner4 {
    background-image: url(../img/top_banner1.jpg);
}

/* Slider Plugin Css Setting */
.top_banner_slider.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.top_banner_slider.slick-prev:before,
.top_banner_slider.slick-next:before {
    display: none;
}

.top_banner_slider .slick-dots {
    bottom : 36px;
    z-index: 1;
}

.top_banner_slider .slick-dots li {
    margin: 0 7px;
}

.top_banner_slider .slick-dots li.slick-active button:before {
    opacity  : 1;
    color    : #1E55D7;
    font-size: 14px;
}

.top_banner_slider .slick-dots button:before {
    opacity  : 0.5;
    color    : #fff;
    font-size: 10px;
}

.top_about {
    background      : url(../img/top_about_bg.png) center 28.97% no-repeat;
    background-size : cover;
    background-color: #000;
    width           : 100%;
}

.top_about>h1 {
    width      : 55%;
    max-width  : 800px;
    margin     : auto;
    line-height: 280px;
}

.top_about>h1>p {
    display       : inline-block;
    width         : 100%;
    height        : auto;
    font-size     : 1rem;
    font-weight   : 400;
    line-height   : 1.5rem;
    text-align    : center;
    color         : #fff;
    vertical-align: middle;
}

.top_product {
    width  : 100%;
    height : 67vh;
    padding: 0 12.5%;
}

.product1 {
    background     : url(../img/top_product_cover1.jpeg) center 34.62% no-repeat;
    background-size: cover;
    position       : relative;
}

.product2 {
    background     : url(../img/top_product_cover2.jpg) center 23.04% no-repeat;
    background-size: cover;
    position       : relative;
}

.product1>.top_product_text {
    position : absolute;
    top      : 50%;
    transform: translate(0%, -50%);
}

.product2>.top_product_text {
    position : absolute;
    top      : 50%;
    right    : 0%;
    transform: translate(-10rem, -50%);
}

.top_product_text>h2 {
    color        : #fff;
    margin-bottom: 0.7rem;
}

.top_product_text>p {
    color        : #fff;
    margin-bottom: 2.9rem;
}

.top_solution {
    padding-top: 3.92rem;
    width      : 75vw;
    max-width  : 1440px;
    margin     : 0 auto;
}

.top_solution>h2 {
    text-align   : center;
    color        : #222;
    margin-bottom: 2.08rem;
}

.solu_container {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : flex-start;
}

.solu_l_box {
    width           : 25vw;
    max-width       : 480px;
    height          : 24.42rem;
    max-height      : 586px;
    background-color: #1E55D7;
    position        : relative;
    padding         : 0 3.64vw;
}

.solu_r_box {
    width     : 50vw;
    max-width : 960px;
    height    : 24.42rem;
    max-height: 586px;
    position  : relative;
}

.l_text_li {
    width    : 70.83%;
    margin   : 0 auto;
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.l_text_li>h3 {
    color        : #fff;
    font-size    : 1.167rem;
    /* 圖稿36px - > 28px */
    margin-bottom: 1.17rem;
}

.l_text_li>p {
    color        : #fff;
    height       : 6rem;
    font-size    : 0.83rem;
    /* 圖稿24px - > 20px */
    margin-bottom: 5.58rem;
    text-align   : justify;
}


.r_imgbox {
    width  : 100%;
    height : 100%;
    z-index: -1;
}

.r_imgbox::before {
    content   : "";
    position  : absolute;
    left      : 0;
    top       : 0;
    z-index   : 1;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, .3);
}

.r_img {
    opacity : 0;
    width   : 100%;
    height  : 100%;
    overflow: hidden;
    position: absolute;
    left    : 0;
    top     : 0;
}

.r_img.act {
    opacity: 1;
}

.r_img_poster {
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background-repeat: no-repeat;
    background-size  : cover;
}

.r_img1 {
    background-image   : url(../img/top_solution_case1.jpg);
    background-position: center 67.40%;
}

.r_img2 {
    background-image   : url(../img/top_solution_case2.jpg);
    background-position: right 38.65%;
}

.r_textbox {
    position       : absolute;
    left           : 0;
    top            : 0;
    width          : 100%;
    height         : 100%;
    color          : #fff;
    display        : flex;
    justify-content: space-between;
    z-index        : 2;
}

.r_text_li {
    width       : 50%;
    margin      : 0 auto;
    border-right: 1px solid #bbb;
    position    : relative;
    cursor      : pointer;
}

.r_text_li>div {
    width    : 100%;
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
    padding  : 0 1rem;
}

.r_text_li>div>h4 {
    text-align: center;
    margin-top: 1.17rem;
    font-size : 1rem;
}

.solu_deco {
    display   : block;
    width     : 2rem;
    height    : 2rem;
    opacity   : 1;
    transition: .1s;
    transform : translateZ(0);
    margin    : 0 auto;
}

.solu_deco i {
    background   : hsla(0, 0%, 100%, .9);
    width        : 0.5rem;
    height       : 0.5rem;
    border-radius: 100%;
    position     : absolute;
    top          : 50%;
    left         : 50%;
    animation    : scalepulse 1.3s linear 0s infinite both;
    transform    : translate3d(-50%, -50%, 0) scale(1);
}

/* 圓的外圈兩線（before內 after外） */
.solu_deco::before {
    content      : "";
    position     : absolute;
    top          : 50%;
    left         : 50%;
    border       : 1px solid hsla(0, 0%, 100%, .35);
    border-radius: 100%;
    height       : 1.25rem;
    width        : 1.25rem;
    animation    : scalepulse 1.3s linear .3s infinite both;
    transform    : translate3d(-50%, -50%, 0) scale(1);
}

.solu_deco::after {
    content      : "";
    left         : 50%;
    position     : absolute;
    top          : 50%;
    border       : 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 100%;
    height       : 1.8rem;
    width        : 1.8rem;
    animation    : scalepulse 1.3s linear .15s infinite both;
    transform    : translate3d(-50%, -50%, 0) scale(1);
}

/* Animation Setting */
@keyframes scalepulse {
    20% {
        -webkit-transform                : translate3d(-50%, -50%, 0) scale(1.15);
        transform                        : translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function        : ease
    }

    50% {
        -webkit-transform                : translate3d(-50%, -50%, 0) scale(1);
        transform                        : translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function        : ease
    }
}

/* End of TOP */

/* Solution - Case1 通訊基站優化 */
.banner_solu1 {
    background-image   : url('../img/banner_solu1.jpg');
    background-position: left 57.89%;
    margin-bottom      : 2.625rem;
}

.case1_detail {
    width    : 75vw;
    max-width: 1440px;
    margin   : 0 auto;
}

.tab_case1 {
    display        : flex;
    justify-content: center;
    margin-bottom  : 3.5rem;
}

.tab_case1 li {
    margin: 0 55px;
    color : #222;
    cursor: pointer;
}

.tab_case1 li:hover {
    color : #1E55D7;
    filter: brightness(100%);
}

li.tab_act {
    font-weight: 500;
    color      : #1E55D7;
    position   : relative;
}

.tab_act::after {
    content         : '';
    width           : 100%;
    height          : 4px;
    background-color: #1E55D7;
    position        : absolute;
    left            : 0;
    bottom          : -14px;
}

.content_wrap {
    display        : flex;
    justify-content: space-between;
    align-items    : flex-start;
}

.content_intro {
    width: 55.55%;
}

.content_intro h3 {
    margin-bottom: 1.17rem;
}

.content_intro p {
    margin-bottom: 2.083rem;
}

/*.content_intro div {
    width: 100%;
     position: relative;
} */

/* Indoor hover illust */
.indoor_illust {
    position: relative;
}

.indoor_dots {
    position : absolute;
    left     : 53%;
    top      : 72%;
    transform: translate(-53%, -72%);
}

.indoor_dot_li {
    margin: 41.6% 0;
    cursor: pointer;
}

.dot_content_box {
    width    : 20%;
    height   : 34.67%;
    position : absolute;
    left     : 50%;
    top      : 13%;
    transform: translate(-50%, -13%);
}

.dot_content {
    opacity          : 0;
    position         : absolute;
    left             : 0;
    top              : 0;
}

.dot_content.act {
    opacity: 1;
}

.dot_content img {
    max-width: 160px;
}

/* End of indoor hover illust */

.content_product {
    width           : 34.72%;
    border-radius   : 6px;
    background-color: #F5F5F5;
    padding         : 1.33rem 0 0 0;
}

.product_category {
    width : 100%;
    margin: 0 auto;
}

.product_category h4 {
    width        : 84%;
    margin       : auto;
    font-size    : 0.83rem;
    font-weight  : 500;
    margin-bottom: 24px;
}

.product_info_area {
    display : block;
    width   : 100%;
    height  : 122px;
    position: relative;
}

.product_info_area:last-child {
    height: calc(122px + 0.33rem);
}

.product_info_area:hover {
    background-color: #eee;
    filter          : brightness(1);
}

.product_info_wrap {
    display        : flex;
    justify-content: space-between;
    align-items    : flex-start;
    width          : 84%;
    height         : 90px;
    position       : absolute;
    top            : 0;
    left           : 0;
    right          : 0;
    bottom         : 0;
    margin         : auto;
}

.solu_product_text {
    flex-basis: calc(100% - 122px);
    margin    : 0 5.7%;
}

.solu_product_title {
    font-size: 0.833rem;
}

.solu_product_detail {
    font-size  : 0.75rem;
    font-weight: 400;
    color      : #888;
}

.solu_product_img {
    max-width: 90px;
}

.solu_product_img img {
    width: 90px;
}

.solu_product_arrow {
    max-width  : 32px;
    line-height: 90px;
}

.solu_product_arrow img {
    width: 32px;
}

.content_product hr {
    width        : 84%;
    height       : 1px;
    border       : none;
    border-top   : 1px solid #bbb;
    margin-bottom: 32px;
}

/* End of Solution - Case1 通訊基站優化 */

/* Solution - Case2 電力監控整合 */
.banner_solu2 {
    background-image   : url('../img/banner_solu2.jpg');
    background-position: center 61.38%;
    margin-bottom      : 2.625rem;
}

.case2_detail {
    width    : 75vw;
    max-width: 1440px;
    margin   : 0 auto;
}

.case2_detail p {
    width        : 50vw;
    max-width    : 800px;
    margin       : 0 auto;
    text-align   : center;
    margin-bottom: 2.92rem;
}

.case2_detail div {
    width    : 100%;
    max-width: 1440px;
}

/* End of Solution - Case2 電力監控整合 */

/* About */
.banner_about {
    background-image   : url('../img/banner_about.jpeg');
    background-position: center 73.11%;
}

.about_company {
    background-image   : url('../img/bg_about_company_l.svg'), url('../img/bg_about_company_r.svg');
    background-position: left center, right center;
    background-repeat  : no-repeat;
    background-color   : #F5F5F5;
    width              : 100%;
    height             : 280px;
    position           : relative;
}

.about_company p {
    max-width : 720px;
    text-align: center;
    margin    : auto;
    position  : absolute;
    left      : 50%;
    top       : 50%;
    transform : translate(-50%, -50%);
}

.about_strategy {
    padding-top: 3.92rem;
    width      : 75vw;
    max-width  : 1440px;
    margin     : 0 auto;
}

.about_strategy h3 {
    color        : #222;
    margin-bottom: 1.5rem;
}

.strategy_container {
    width     : 100%;
    height    : 16.67rem;
    max-height: 400px;
    background: url('../img/bg_about_strategy.jpg') center 44.27% no-repeat;
}

.strategy_textbox {
    width          : 100%;
    height         : 100%;
    display        : flex;
    justify-content: center;
}

.strategy_text_li {
    width       : 33.3333%;
    height      : 100%;
    border-right: 1px solid #BBB;
    position    : relative;
}

.strategy_detail {
    width    : 67%;
    max-width: 322px;
    position : absolute;
    left     : 45%;
    top      : 55%;
    transform: translate(-45%, -55%);
}

.strategy_icon {
    width        : 64px;
    height       : 64px;
    margin-bottom: 0.6rem;
}

.strategy_detail h4 {
    font-size    : 1.5rem;
    font-weight  : 700;
    color        : #fff;
    margin-bottom: 0.6rem;
}

.strategy_detail p {
    color: #fff;
    font-size: 0.83rem;
    height: 5rem;
    max-height: 120px;
    text-align: justify;
}

/* End of About */

/* Contact */
.contact_main {
    background-color: #F5F5F5;
}

.banner_contact {
    background-image   : url('../img/banner_contact.jpeg');
    background-position: center 50.22%;
}

.contact_container {
    position        : relative;
    width           : 100%;
    margin-top: -90px;
}

.contact_wrap {
    width           : 75vw;
    max-width       : 1440px;
    margin          : 0 auto;
    background-color: #fff;
    border-radius   : 6px;
    box-shadow: rgba(0,0,0,.07) 0px 14px 25px 0;
    padding         : 4.17% 5.83% 3.82% 5.83%;
    display         : flex;
    justify-content : space-between;
}

.contact_form {
    width    : 50.63%;
    max-width: 644px;
}

label {
    margin-bottom: 8px;
    display      : block;
    color        : #222;
    font-size    : 0.75rem;
}

input,
textarea {
    font-size    : 0.83rem;
    border       : 1px solid #D8D8D8;
    border-radius: 6px;
    padding      : 12px 22px;
    resize       : none
}

input:focus,
textarea:focus {
    border : #0E3081 1px solid;
    outline: none;
}

/* Placeholder Color */
::placeholder {
    color      : #B2B2B2;
    font-size  : 0.83rem;
    font-weight: 300;
}

::-webkit-input-placeholder {
    color    : #B2B2B2;
    font-size: 0.83rem;
}

:-ms-input-placeholder {
    color    : #B2B2B2;
    font-size: 0.83rem;
}

::-moz-placeholder {
    color    : #B2B2B2;
    font-size: 0.83rem;
    opacity  : 1;
}


.required_mark {
    color    : #FF1B1B;
    font-size: 0.75rem;
}

.shortinfo_wrap {
    display        : flex;
    justify-content: space-between;
}

.shortinfo {
    flex-basis: 48.14%;
    max-width : 310px;
}

.form_name,
.form_phone,
.form_email,
.form_message {
    width: 100%;
}

.form_name,
.form_phone,
.form_email {
    height       : 54px;
    margin-bottom: 1rem;
}

.form_message {
    height       : 300px;
    margin-bottom: 1.75rem;
}

.form_submit {
    display         : block;
    width           : 170px;
    height          : 54px;
    color           : #fff;
    font-size       : 0.75rem;
    font-weight     : 500;
    background-color: #1E55D7;
    border          : 0;
    border-radius   : 27px;
    margin          : 0 auto;
    cursor          : pointer;
}

.form_submit:hover {
    filter: brightness(85%);
}

.contact_info {
    width      : 42.45%;
    max-width  : 540px;
    padding-top: 24px;
}

.contact_info>div>img {
    display       : inline-block;
    width         : 28px;
    height        : 28px;
    margin-left   : 2.96%;
    margin-right  : 3.7%;
    vertical-align: middle;
}

.contact_info>div>p {
    display       : inline-block;
    width         : 85.18%;
    max-width     : 460px;
    vertical-align: middle;
}

.contact_info>div>p>a {
    font-weight: 400;
}

.company_mail,
.company_phone {
    margin-bottom: 1rem;
}

.company_address {
    margin-bottom: 2.92rem;
}

.company_map {
    position      : relative;
    padding-bottom: 50%;
    padding-top   : 1.25rem;
    height        : 0;
    border-radius : 6px;
    overflow      : hidden;
}

.company_map iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

/* End of Contact */

/* Product */
.banner_product {
    background-image   : url('../img/banner_product.jpg');
    background-position: center 42.17%;
    margin-bottom      : 2.625rem;
}

.tab_category {
    display        : flex;
    justify-content: center;
    margin-bottom  : 3.5rem;
}

.tab_category li {
    margin: 0 55px;
    color : #222;
    cursor: pointer;
}

.tab_category li:hover {
    color : #1E55D7;
    filter: brightness(100%);
}

li.tab_act {
    font-weight: 500;
    color      : #1E55D7;
    position   : relative;
}

.category_content {
    display: none;
}

.product_content {
    display: none;
}

.picture_slider {
    display : block;
    height  : 0;
    /* slick屬性關係 以 height = 0 替代 display none */
    overflow: hidden;
}

.show {
    display: block;
}

.show_slide {
    height: auto;
}

.category_content_wrap {
    width          : 75vw;
    max-width      : 1440px;
    margin         : 0 auto;
    display        : flex;
    justify-content: space-between;
}

.product_picture {
    width    : 50%;
    max-width: 720px;
}

.product_detail {
    width    : 40.97%;
    max-width: 590px;
}

.product_detail>h3 {
    margin-bottom: 0.583rem;
}

.tab_product {
    display        : flex;
    justify-content: flex-start;
    flex-wrap      : wrap;
    align-items    : center;
    margin-bottom  : 1.25rem;
}

.tab_product li {
    padding      : 6px 22px;
    border       : 1px solid #bbb;
    border-radius: 30px;
    color        : #bbb;
    font-size    : 0.67rem;
    font-weight  : 500;
    margin       : 0.42rem 0.83rem 0.42rem 0px;
    cursor       : pointer;
}

.tab_product li:last-child {
    margin-right: 0;
}

.tab_product li:hover {
    color : #1E55D7;
    border: 1px solid #1E55D7;
    filter: brightness(100%);
}

li.smltab_act {
    border: 1px solid #1E55D7;
    color : #1E55D7;
}

.product_content h4 {
    font-size    : 0.83rem;
    color        : #1E55D7;
    font-weight  : 500;
    position     : relative;
    margin-bottom: 1.17rem;
}

.product_content h4::after {
    content         : '';
    width           : 72px;
    height          : 2px;
    position        : absolute;
    left            : 0;
    bottom          : -8px;
    background-color: #1E55D7;
}

.pro_features {
    margin-bottom: 1.67rem;
    padding-left : 1rem;
}

.pro_features li {
    list-style : disc;
    font-size  : 0.75rem;
    line-height: 1.89;
}

.pro_table_wrap {
    display        : flex;
    justify-content: flex-start;
    align-items    : flex-start;
}

.product_table {
    width       : 33.9%;
    max-width   : 200px;
    margin-right: 15%;
    table-layout: fixed;
}

.product_table tr {
    display      : block;
    margin-bottom: 0.75rem;
}

.product_table td {
    display      : block;
    font-size    : 0.75rem;
    color        : #888;
    margin-bottom: 2px;
    word-wrap    : break-word;
}

.product_table td:first-child {
    font-weight: 500;
    color      : #222;
}

.product_table td:last-child {
    /* 限制表格只能兩行＆讓單雙行標題對齊 */
    overflow: hidden;
    height  : 1.83rem;
}

.slider-for {
    margin-bottom: 12px;
}

.slider-nav {
    width    : 100%;
    max-width: 720px;
}

.slider-nav .slick-list {
    margin-left: -0.55%;
}

.slider-nav .slick-track {
    /* 讓slider nav圖片不要按一按跳掉 */
    min-width: 100%;
    transform: translate3d(0, 0, 0) !important;
}

.slider-nav .slick-slide {
    margin: 0 0.55%;
}

.slider-nav .item {
    cursor: pointer;
    border: 0;
}

.slider-nav .item img {
    opacity: 1;
}

/* 用偽元素處理0.5px問題（兩倍大小再縮放） */
.slider-nav .slick-current .item {
    position: relative;
}

.slider-nav .slick-current .item::after {
    content         : '';
    position        : absolute;
    bottom          : 0;
    z-index         : 2;
    width           : 200%;
    height          : 200%;
    display         : block;
    border          : 3px solid #1E55D7;
    transform       : scale(0.5);
    transform-origin: left bottom;
}

/* End of Product */

@media screen and (min-width: 1201px) and (max-width: 1440px) {
    body {
        zoom                 : 80%;
        /* Webkit browsers */
        zoom                 : 0.8;
        /* Other non-webkit browsers */
        /* Moz-browsers */
        -moz-transform       : scale(0.8, 0.8);
        -moz-transform-origin: 0 0;
    }

    .top_about>h1 {
        width    : 70vw;
        max-width: 1008px;
    }

    .top_solution {
        width: 93vw;
    }

    .solu_l_box {
        width: 31vw;
    }

    .solu_r_box {
        width: 62vw;
    }

    .case1_detail {
        width: 93vw;
    }

    .case2_detail {
        width: 93vw;
    }

    .case2_detail p {
        width    : 70vw;
        max-width: 1008px;
    }

    .about_strategy {
        width: 93vw;
    }

    .contact_wrap {
        width: 93vw;
    }

    .category_content_wrap {
        width: 93vw;
    }

    .ft_menu {
        width          : 93vw;
    }
}

/* Change to BurgerMenu & Footer */
@media (max-width: 1200px) {
    html {
        font-size: 18px;
    }

    main {
        padding-bottom: 6.22rem;
    }

    /* Header */
    .container {
        padding: 0px 5%;
        height : 70px;
    }

    header .logo {
        width: 144px;
    }

    .header_PC {
        display: none;
    }

    .header_MB {
        display: block;
    }


    /*Burger Menu - ☰ Button */
    header #MB_toggle {
        display: block;
        width  : 24px;
        height : 18px;
        cursor : pointer;
    }

    #MB_toggle div {
        position: relative;
    }

    #MB_toggle span {
        display           : block;
        height            : 2px;
        border-radius     : 50px;
        background        : #0E3081;
        position          : absolute;
        width             : 100%;
        right             : 0;
        /* ☰ to X animation */
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition   : 0.5s ease-in-out;
        transition        : 0.5s ease-in-out;
    }

    #MB_toggle span:nth-child(1) {
        top: 0px;
    }

    #MB_toggle span:nth-child(2) {
        top: 8px;
    }

    #MB_toggle span:nth-child(3) {
        top: 16px;
    }

    /*Burger Menu - ☰ Button - Open */
    .burger-open #MB_toggle span:nth-child(1) {
        top       : 8px;
        transform : rotate(135deg);
        background: #0E3081;
    }

    .burger-open #MB_toggle span:nth-child(2) {
        width: 0;
        right: 50%;
    }

    .burger-open #MB_toggle span:nth-child(3) {
        top       : 8px;
        transform : rotate(-135deg);
        background: #0E3081;
    }

    /* Burgur Toggle Content */
    .header_MB .menu_MB {
        width        : 100%;
        display      : none;
    }

    .lock {
        /* 打開漢堡選單時讓背景固定不滾動 */
        overflow: hidden;
    }

    .menu_MB_wrap {
        padding        : 14px 5%;
        margin         : 0 auto;
        display        : flex;
        flex-direction : column;
        justify-content: space-between;
    }

    /* li共用 */
    .menu_MB_wrap ul li a {
        font-size  : 1rem;
        font-weight: 400;
    }

    .menu_MB_wrap ul li {
        cursor: pointer;
    }

    /* 一級選單 字＆箭頭 */
    .main_menu>li {
        padding    : 20px 0;
        line-height: 1;
        font-size  : 1rem;
        position   : relative;
    }

    .sub_nav a {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
    }

    .sub_nav_arrow {
        position    : relative;
        width       : 20px;
        height      : 10px;
        margin-right: 1px;
    }

    .sub_nav_arrow span {
        display      : inline-block;
        width        : 12px;
        height       : 2px;
        border-radius: 20px;
        background   : #1E55D7;
        position     : absolute;
    }

    .sub_nav_arrow span:nth-child(1) {
        top      : 50%;
        left     : 0px;
        transform: rotate(-135deg);
    }

    .sub_nav_arrow span:nth-child(2) {
        top      : 50%;
        left     : 7px;
        transform: rotate(135deg);
    }

    .subnav_open .sub_nav_arrow {
        transform: rotateX(180deg);
    }

    /* 二級選單 */
    .submenu_container {
        background-color: none;
        position        : static;
    }

    .sub_menu {
        line-height: 1.15;
        margin     : auto;
        margin-top : 20px;
    }

    .m_solution .submenu_container {
        text-align: left;
    }

    .m_product .sub_menu {
        width: 100%;
    }

    .sub_menu li {
        display: block;
        padding: 20px;
    }

    /* 下方語言 */
    .lang_menu {
        width     : 100%;
        background: none;
        border-top: 1px solid #bbb;
        position  : static;
        text-align: left;
        padding   : 0px;
        display   : block;
        margin: 20px 0 10px;
    }

    .lang_menu li {
        margin-top: 20px;
        padding   : 0px 20px 0px 0px;
    }
    /* End of Header */

    /* Footer */
    .footer_PC {
        padding        : 4% 0 2% 0;
        background-size: cover;
    }

    /*.ft_menu {
        width        : 75vw;
        margin-bottom: 2.75rem;
         padding-left : 3%; 
    }*/

    .ft_menu a {
        font-size: 0.8rem;
    }

    .sns_icons_wrap img{
        width: 32px;
    }

    /* End of Footer */

    /* 一些個別小設定 */
    .area_banner {
        margin-top: 70px;
    }

    .top_about>h1 {
        width    : 80vw;
        max-width: 960px;
    }

    .about_company {
        background-size: 40%;
    }

    .strategy_icon {
        width: 44px;
        height: 44px;
    }

    /* Contact */
    .contact_wrap {
        width  : 85vw;
        padding: 3.34% 4.66% 3.06% 4.66%;
    }

    .form_name,
    .form_phone,
    .form_email {
        height: 44px;
    }

    .form_message {
        height: 240px;
    }

    .form_submit {
        width    : 140px;
        height   : 44px;
        font-size: 0.8rem;
    }

    .contact_info>div>img {
        width       : 22px;
        height      : 22px;
        margin-left : 2.37%;
        margin-right: 2.96%;
    }

    /* 字體修改 */
    .tab_product li {
        font-size: 0.8rem;
    }

    .product_content h4 {
        font-size    : 1rem;
        margin-bottom: 1.3rem;
    }

    .pro_features {
        margin-bottom: 3rem;
    }

    .pro_features li {
        font-size: 0.89rem;
    }

    .product_table td {
        font-size  : 0.89rem;
        line-height: 1.3;
    }

    .product_table td:last-child {
        height: 2.314rem;
    }

}

/* Tablet Ver */
@media (max-width: 1024px) {

    /* 字級一覽
    52 -> 40 (2.17rem)
    36 -> 27.7 (1.5rem)
    24 -> 18 (1rem)
    18(0.75rem) -> 16(0.89rem) (內文）
    18(0.75rem) -> 14.4(0.8rem) （按鈕）
    */
    .button {
        font-size: 0.8rem;
        padding  : 11.5px 2.04rem;
        /* 手機板高度固定為44px，不用rem等比*/
    }

    /* Top */
    .top_about>h1 {
        width: 70vw;
    }

    .top_product_text {
        width: 75%;
    }

    .product1>.top_product_text {
        left      : 50%;
        top       : 50%;
        transform : translate(-50%, -50%);
        text-align: center;
    }

    .product2>.top_product_text {
        top       : 50%;
        left      : 50%;
        transform : translate(-50%, -50%);
        text-align: center;
    }

    .product2:before {
        content         : '';
        width           : 100%;
        height          : 100%;
        background-color: rgba(0, 0, 0, .15);
        position        : absolute;
        left            : 0;
        top             : 0;
        z-index         : 0;
    }

    .top_product_text>h2 {
        text-align   : center;
        margin-bottom: 0.7rem;
    }

    .top_product_text>p {
        text-align   : center;
        margin-bottom: 2.9rem;
    }

    .top_solution {
        width: 81vw;
    }

    .solu_container {
        flex-direction : column-reverse;
        justify-content: center;
        align-items    : center;
    }

    .solu_l_box {
        width     : 100%;
        max-width : none;
        height    : auto;
        max-height: none;
        position  : static;
        padding   : 6% 8.5% 8% 8.5%;
    }

    .solu_r_box {
        width     : 100%;
        max-width : none;
        height    : 18.89rem;
        max-height: 340px;
    }

    .l_text_li {
        width    : 100%;
        position : static;
        top      : 0;
        left     : 0;
        transform: none;
    }

    .l_text_li>h3 {
        margin-bottom: 1rem;
    }

    .l_text_li>p {
        height       : 2.67rem;
        font-size    : 0.89rem;
        margin-bottom: 6.5%;
    }

    /* End of TOP */

    /* Solution - Case1 通訊基站優化 */
    .tab_case1 {
        margin-bottom: 5rem;
    }

    .case1_detail {
        width: 81vw;
    }

    .content_wrap {
        flex-direction : column;
        justify-content: center;
        align-items    : center;
    }

    .content_intro {
        width        : 100%;
        margin-bottom: 4.2rem;
    }

    .content_product {
        width  : 80%;
        margin : auto;
        padding: 2rem 0 0 0;
    }

    .product_category h4 {
        font-size: 1rem;
    }

    .solu_product_title {
        font-size: 0.8rem;
    }

    .solu_product_detail {
        font-size: 0.8rem;
    }

    .indoor_dot_li {
        margin: 80% 0;
    }
    /* End of Solution - Case1 通訊基站優化 */

    /* Solution - Case2 電力監控整合 */
    .case2_detail {
        width: 81vw;
    }

    .case2_detail p {
        width: 70vw;
    }

    /* End of Solution - Case2 電力監控整合 */

    /* About */
    .about_company {
        height: 200px;
    }

    .about_company p {
        width    : 70vw;
        max-width: 718px;
    }

    .strategy_detail{
        width: 75%;
    }
    /* End of About */

    /* Contact */
    .contact_wrap {
        width: 81vw;
    }

    .contact_wrap {
        width          : 93vw;
        padding        : 4.17% 4.66% 3.82% 4.66%;
        flex-direction : column-reverse;
        justify-content: center;
        align-items    : center;
    }

    .contact_info {
        width        : 100%;
        max-width    : none;
        margin-bottom: 2.92rem;
    }

    .contact_form {
        width    : 100%;
        max-width: none;
    }

    .contact_info>div>p {
        width    : calc(92.3% - 22px);
        max-width: none;
    }

    .company_address {
        margin-bottom: 2rem;
    }

    label {
        font-size: 0.8rem;
    }

    input,
    textarea {
        font-size: 0.8rem;
        padding  : 12px;
    }

    /* Placeholder Color */
    ::placeholder {
        font-size: 0.8rem;
    }

    ::-webkit-input-placeholder {
        font-size: 0.8rem;
    }

    :-ms-input-placeholder {
        font-size: 0.8rem;
    }

    ::-moz-placeholder {
        font-size: 0.8rem;
    }


    .required_mark {
        font-size: 0.8rem;
    }

    .shortinfo {
        max-width: none;
    }

    .form_name,
    .form_phone,
    .form_email {
        margin-bottom: 1.25rem;
    }

    /* End of Contact */

    /* Product */
    .tab_category {
        margin-bottom: 3rem;
    }

    .category_content_wrap {
        width         : 81vw;
        flex-direction: column;
    }

    .product_picture {
        width        : 100%;
        max-width    : none;
        margin-bottom: 3rem;
    }

    .product_detail {
        width    : 100%;
        max-width: none;
    }

    .tab_product li {
        margin: 0.8rem 0.83rem 0.8rem 0px;
    }
    /* End of Product */
    
    .ft_menu_main {
        flex  : 0 0 90px;
        margin: 0 2%;
    }
}

@media (max-width: 768px) {

    /* Top */
    .top_solution {
        width: 93vw;
    }

    .solu_container {
        flex-direction: column-reverse;
    }

    .solu_r_box {
        height    : 11.89rem;
        max-height: 214px;
    }

    .r_textbox {
        flex-direction: column;
        align-items   : center;
    }

    .r_text_li {
        width        : 100%;
        height       : 50%;
        border-right : 0;
        border-bottom: 1px solid #bbb;
    }

    .l_text_li>p {
        height: 4rem;
    }

    .r_text_li>div {
        display        : flex;
        flex-direction : row-reverse;
        align-items    : center;
        justify-content: space-between;
        padding        : 0 8.5%;
    }

    .r_text_li>div>h4 {
        text-align: left;
        margin-top: 0;
    }

    .solu_deco {
        margin: unset;
    }

    .r_img1 {
        background-position: center 67.40%;
    }

    .r_img2 {
        background-position: right 65%;
    }

    /* End of TOP */

    /* About */
    .about_strategy {
        width: 81vw;
    }

    .about_strategy h3 {
        text-align: center;
    }

    .strategy_container {
        width     : 80%;
        margin    : auto;
        height    : 693px;
        max-height: none;
    }

    .strategy_textbox {
        flex-direction: column;
    }

    .strategy_text_li {
        width        : 100%;
        height       : 33.3333%;
        border-right : 0;
        border-bottom: 1px solid #BBB;
    }

    .strategy_detail p{
        font-size: 0.89rem;
        height: auto;
        max-height: none;
    }
    /* End of About */

    /* Solution */
    .solu_product_title {
        font-size: 0.89rem;
    }

    .solu_product_detail {
        font-size: 0.89rem;
    }

    /* Footer */
    .ft_menu{
        width        : 93vw;
        justify-content: space-between;
    }

    .ft_menu_main {
        flex  : 0 0 23%;
        margin: 0;
    }

    /* .ft_menu_main:last-child {
        padding-left: 0;
    } */
}

@media (max-width: 540px) {
    /* 字級一覽
    52 -> 40 (2.17rem) -> 30(1.875rem)
    36 -> 27.7 -> 24 (1.5rem) 
    24 -> 18 (1rem) -> 16 (1rem)
    18(0.75rem) -> 16(0.89rem) -> 15(0.9375rem)(內文）
    18(0.75rem) -> 14.4(0.8rem) ->14 (0.875rem)（按鈕&小內文）
    */
    /* 邊界 Padding 統一 24px or width: calc (100vw - 48px) */

    html {
        font-size: 16px;
    }

    body h2 {
        font-size: 1.875rem;
    }

    .button {
        font-size: 0.875rem;
        padding  : 10px 2rem;
    }

    main {
        padding-bottom: 4rem
    }

    .area_banner {
        height: 180px;
    }

    .area_banner>h2 {
        line-height: 180px;
    }

    /* Header */
    header .logo {
        width: 130px;
    }

    header #MB_toggle {
        width : 22px;
        height: 16px;
    }

    #MB_toggle span:nth-child(2) {
        top: 7px;
    }

    #MB_toggle span:nth-child(3) {
        top: 14px;
    }

    .header_MB.burger-open{
        box-shadow: rgba(0,0,0,.1) 0px 2px 14px 0px;
    }

    .burger-open #MB_toggle span:nth-child(1) {
        top: 7px;
    }

    .burger-open #MB_toggle span:nth-child(3) {
        top: 7px;
    }

    .sub_nav_arrow {
        width       : 18px;
        height      : 8px;
        margin-right: 0;
    }

    .sub_nav_arrow span {
        width: 10px;
    }

    .sub_nav_arrow span:nth-child(2) {
        left: 6px;
    }

    /* End of Header */

    /* Footer */
    .footer_PC {
        display: none;
    }

    .footer_MB {
        display        : block;
        display        : block;
        width          : 100%;
        height         : 100%;
        padding        : 6% 24px 4% 24px;
        margin         : 0 auto;
        background     : url("../img/bg_footer.png") #0E3081 center 33.6% no-repeat;
        background-size: 250%;
    }

    .ft_menu {
        width          : 100%;
        margin         : 0 auto;
        display        : flex;
        flex-wrap      : wrap;
        flex-direction : row;
        justify-content: center;
        margin-bottom  : 1.75rem;
        padding-left   : 0;
    }

    .ft_menu_main {
        flex  : 0 0 calc((100vw - 48px - 4%)/2);
        margin: 0;
    }

    .ft_menu_main:nth-child(3),
    .ft_menu_main:nth-child(4) {
        margin-top: 1.5rem;
    }

    .ft_menu_main>ul>li {
        margin-top: 0.5rem;
    }

    footer hr {
        width        : calc(100vw - 48px);
        margin-bottom: 10px;
    }

    .copyright {
        font-size: 0.5rem;
    }
    
    .sns_icons_wrap{
        width: 80%;
        margin: 0 auto;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .sns_icons_wrap a{
        margin: 0px;
    }

    /* End of Footer */

    /* Top */
    .top_about {
        background      : url(../img/top_about_bg.png) center center no-repeat;
        background-size : 300%;
        background-color: #000;
    }

    .top_banner_text {
        padding: 0 56px;
        /* 文字斷行關係 padding較多 */
    }

    .top_about>h1 {
        width      : calc(100% - 48px);
        line-height: 220px;
    }

    .top_product {
        padding: 0 24px;
    }

    .top_product_text {
        width: 77%;
    }

    .product1 {
        background     : url(../img/top_product_cover1.jpeg) 80% 34.62% no-repeat;
        background-size: cover;
    }

    .product2 {
        background     : url(../img/top_product_cover2.jpg) 13% 23.04% no-repeat;
        background-size: cover;
    }

    .product1:before {
        content         : '';
        width           : 100%;
        height          : 100%;
        background-color: rgba(0, 0, 0, .2);
        position        : absolute;
        left            : 0;
        top             : 0;
        z-index         : 0;
    }

    .product2:before {
        background-color: rgba(0, 0, 0, .35);
    }

    .top_solution {
        width: calc(100vw - 48px);
    }

    .solu_l_box {
        padding: 9% 6% 14% 6%;
    }

    .l_text_li>p {
        height       : 5.25rem;
        font-size    : 0.875rem;
        margin-bottom: 10%;
    }

    /* End of TOP */

    /* Case1 */
    .tab_case1 {
        margin-bottom: 3.5rem;
    }

    .tab_case1 li {
        margin: 0 12px;
    }

    .case1_detail {
        width: calc(100vw - 48px);
    }

    .content_product {
        width  : 100%;
        margin : auto;
        padding: 2rem 0 0 0;
    }

    .product_info_area {
        height: 84px;
    }

    .product_info_area:last-child {
        height: calc(84px + 0.5rem);
    }

    .product_info_wrap {
        height       : 60px;
    }

    .solu_product_img {
        max-width: 60px;
    }

    .solu_product_img img {
        width: 60px;
    }

    .solu_product_arrow {
        max-width  : 24px;
        line-height: 60px;
    }

    .solu_product_arrow img {
        width: 24px;
    }
    .indoor_dot_li {
        margin: 25% 0;
    }

    /* Case2 */
    .case2_detail {
        width: calc(100vw - 48px);
    }

    .case2_detail p {
        width: 90%;
    }

    .case2_detail>div>img {
        transform: scale(1.2);
    }

    /* About */
    .banner_about {
        background-position: 30% 73.11%;
        background-size    : 150%;
    }

    .about_company {
        height             : 180px;
        background-size    : 60%;
        background-position: -50% center, 150% center;
    }

    .about_company p {
        width: calc(100vw - 24%);
    }

    .about_strategy {
        width: calc(100vw - 48px);
    }

    .strategy_container {
        width : 100%;
        height: 540px;
    }

    .strategy_detail {
        width          : 80%;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        left           : 45%;
        top            : 50%;
        transform      : translate(-45%, -50%);
    }

    .strategy_icon {
        flex-basis  : 44px;
        margin-right: 20px;
    }

    .strategy_icon img {
        width: 44px;
    }

    /* End of About */

    /* Contact */
    .contact_container {
        margin-top: -30px;
    }

    .contact_wrap {
        padding: 10px 22px 32px 22px;
    }

    .form_name,
    .form_phone,
    .form_email {
        height: 40px;
    }

    .form_message {
        height: 200px;
    }

    label {
        font-size: 0.8125rem;
    }

    input,
    textarea {
        font-size: 0.8125rem;
        padding  : 11.5px 12px;
    }

    /* Placeholder Color */
    ::placeholder {
        font-size: 0.8125rem;
    }

    ::-webkit-input-placeholder {
        font-size: 0.8125rem;
    }

    :-ms-input-placeholder {
        font-size: 0.8125rem;
    }

    ::-moz-placeholder {
        font-size: 0.8125rem;
    }

    .form_submit {
        width    : 120px;
        height   : 40px;
        font-size: 0.875rem;
    }

    /* Product */
    .category_content_wrap {
        width: calc(100vw - 48px);
    }

    .tab_category li {
        margin: 0 12px;
    }

    .tab_product {
        margin-bottom: 1.5rem;
    }

    .tab_product li {
        font-size: 0.875rem;
        padding  : 6px 14px;
        margin   : 0.4rem 0.55rem 0.4rem 0px;
    }

    .product_content h4 {
        margin-bottom: 1.5rem;
    }

    .pro_features {
        margin-bottom: 2.5rem;
    }

    .pro_table_wrap {
        width          : 100%;
        justify-content: space-between;
        align-items    : flex-start;
    }

    .product_table {
        width       : 40%;
        max-width   : none;
        margin-right: 5%;
    }

    /* About */
    .strategy_detail h4 {
        font-size: 1.25rem;
    }
}