﻿@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');	
@media (max-width: 1799px) and (min-width: 1550px){
	.footer .loaction_bg .loaction_word::before{
		left:26%;
	}
	.footer .loaction_bg .loaction_word::after{
		right:26%;
	}
	body.lang_en .footer .loaction_bg .loaction_word::before{
		left: 15%;
	}
	body.lang_en .footer .loaction_bg .loaction_word::after{
		right: 15%;
	}
}
@media (max-width: 1549px) and (min-width: 1290px){
	.footer .loaction_bg .loaction_word::before{
		left:22%;
	}
	.footer .loaction_bg .loaction_word::after{
		right:22%;
	}
	body.home .services_bg .s_box01 .main_word,
	body.home .services_bg .s_box02 .main_word,
	body.home .services_bg .s_box03 .main_word{
		min-height: 42px;
	}
	body.lang_en .footer .loaction_bg .loaction_word::before{
		left: 5%;
	}
	body.lang_en .footer .loaction_bg .loaction_word::after{
		right: 5%;
	}
	body.home.lang_en .content .s_box01,
	body.home.lang_en .content .s_box02, 
	body.home.lang_en .content .s_box03{
		min-height: 250px;
	}
	body.product .wisdom_mbox{
		padding:30px 0;
	}
	body.product .wisdom_mbox .wisdom_left{
		width:100%;
	}
	.w_list02 .wbox .imgbox {
		padding: 30px 0;
	}

	.w_list02 .wbox .imgbox img {
		width: 65%;
	}
	
}
@media (max-width: 1450px){
	.webex_box{
		min-height:530px;
	}
}
@media (max-width: 1380px){
	body.product .product_main02{
		margin-left:0;
	}
	.sl-title {
    	font-size: 22px;
	}
	.cnt.box02 {
		padding: 20px 0 0 10px;
	}
	.dm0.flex-bg{
		align-items: start;	
	}
}
@media (max-width: 1295px){
	body.home.lang_en .content .s_box01,
	body.home.lang_en .content .s_box02, 
	body.home.lang_en .content .s_box03{
		min-height: 275px;
	}
	body.product .wisdom_mbox{
		display:block;
		padding:30px 0
	}
	body.product .wisdom_mbox .wisdom_left{
		width:100%;
	}
	.wisdom_right img,
	.wisdom_pic img{
	    width: auto;
	    max-width: 100%;
	}
	.wisdom_right,
	.wisdom_pic{
		margin-top:15px;
	}

	.w_list02 .wbox .imgbox {
		padding: 30px 0;
	}

	.w_list02 .wbox .imgbox img {
		width: 70%;
		height: 70%;
	}

	.w_list02 .wbox {
		margin-bottom: 50px;
	}
	.w_titlebox{
		justify-content: center;
	}
	.wisdom_list02{
		width:100%;
	    margin: -80px auto 50px;
		padding:30px 0px;
	}
	.w_flex,
	.MS_box{
		flex-wrap: wrap;
	}
	.info-item{
		margin-bottom:20px;
	}
	.wisdom_mbox.w4{
		
	}
	.wisdom_bg01 {
		margin: 0 -170px 0 -190px;
	}
	.wisdom_mbox.w4 {
		margin: 60px -50px 60px -120px;
	}
}
@media (max-width: 1289px) and (min-width: 1024px){
	.footer .loaction_bg .loaction_word::before{
		left:19%;
	}
	.footer .loaction_bg .loaction_word::after{
		right:19%;
	}
	body:not(.home) .main_content {
		padding-right: 50px;
		padding-left: 50px;
	}
	body.lang_en .footer .loaction_bg .loaction_word::before{
		left: 0;
	}
	body.lang_en .footer .loaction_bg .loaction_word::after{
		right: 0;
	}
	.banner_1280{
		display:block;
	}
	.banner_1600,
	.banner_768{
		display:none;
	}
}
@media (min-width: 1100px) and (max-width: 1560px){
	body.about .culture_main > .col-lg-5,
	body.about .culture_main > .col-lg-7{
		width:100% !important;
	}
	body.about .culture_right,
	body.about .about_right{
		padding-top:10px;
	}
	body.about .a_mainword br{
		display:none;
	}
	body.about .consultant_main .left_word {
		padding-top: 10px;
	}
	
}
@media (max-width: 1199px) {
	body.home.lang_en .content .s_box01,
	body.home.lang_en .content .s_box02, 
	body.home.lang_en .content .s_box03{
		min-height: 295px;
	}
	body.lang_en.about .society_main .social_note {
		padding: 0 100px;
	}
	body.lang_en .contact_left .pic_name{
		right: 15px;
		margin-right: 0;
	}
	body.lang_en .yamm-content h5:after, body.lang_en .menu_link .link:after {
		right: -10px;
	}
	body.about.lang_en .join_main .j_box {
		min-height: 580px;
	}
	.header .navbar .lang .dropdown-menu{
		top:60px;
	}
	body.about .join_main .j_box{
		min-height: 361px;
	}
	.header .navbar .sub-nav{
		top:45px;
	}
	.header .navbar .btn-default{
		position: relative;
		top: 30px;
	}
	body.about .culture_right{
		padding-top:10px;
	}	
	.content .main_space{
		padding:5px;
	}	
	.side1 {
		padding:5px 30px 10px 30px;
	}		
	body:not(.home) .main_content {
		padding-right: 20px;
		padding-left: 20px;
	}	
    .header .banner .bxslider li {
        height: auto;
    }

    .header .banner .bxslider li img {
        display: block;
    }

    .header .navbar .navbar-nav {
        margin-top: 0px;
        clear: both;
        float: none;
        text-align: center;
    }

    .header .navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    .header .navbar .navbar-header {
        float: none;
    }

    #floating {
        margin-top: -90px;
    }
	.footer .loaction_bg .loaction_word::before,
	.footer .loaction_bg .loaction_word::after{
		display:none;
	} 
	body.product .content .btn-box02 {
		display: block;
		text-align: center;
		float: inherit; 
		margin: 0;
		clear: both;
		border-top: none;
		position: relative;
		top: 0px; 
		right: inherit;
	}
	body.about .consultant_main .left_word{
		padding-top:0px;
	}
	body.product .wisdom_mbox.w2 {
		margin: 0 -35px 0 -80px;
    	padding: 30px;
	}
	.w_list {
		margin: 20px 10px 0 10px;
		padding: 20px;
		width: 400px;
	}
	body.product .content .s_box .s_title_tw{
		font-size: 16px;
	}
	body.product .content .services_main02 .s_box{
		width:20%;
	}
	body.product .wisdom_tab02{
		flex-wrap: wrap;
	}
	.wisdom_tab02 > a {
    	width: 45%;
	}
	.MS_box.m02{
		flex-flow: wrap;
	}
	.wisdom_mbox.w4 {
		margin: 60px -50px 60px -100px;
	}
	.wisdom_bg01 {
		margin: 0 -40px;
	}
	.webex_box {
		min-height: 500px;
	}
	.banner_1280{
		display:block;
	}
	.banner_1600,
	.banner_768{
		display:none;
	}

}
@media (min-width: 768px) and (max-width: 991px){
	.banner{
		padding-top: 100px;
	}
}
@media (max-width: 991px) {
	body.home .content .s_box01, 
	body.home .content .s_box02, 
	body.home .content .s_box03{
		margin: 10px 0;
	}
	body.about.lang_en .join_main .j_box {
		min-height: 300px;
	}
	body.product .product_space .item{
		margin: 30px 0;
	}
	body.about .services_box{
		height:auto;
	}
	body.about .services_right{
		padding-top:10px;
		padding-bottom:10px;
	}
	.navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width{
		width: 100%;
	}
	.navbar-nav .dropdown-menu.dropdown-menu1 .pic{
		display: none;
	}
	body.about .join_main .j_box {
		min-height: 290px;
	}
	body.about .about_main02 .left_box,
	body.about .about_main02 .right_box {
		display:block;
		float:none;
	}
	body.about .a_mainword br{
		display:none;
	}	
	.side1 .wid {
		max-width: none;
	}	
	.breadcrumb{
		display:none;
	}
	.side1 .side-toggle {
		border: none;
	}
	.side1 .toggle-icon {
		float: right;
	}
	.side1 .side-toggle .glyphicon-chevron-down,
	.side1 .side-toggle.collapsed .glyphicon-chevron-up {
		display: none;
	}
	.side1 .side-toggle .glyphicon-chevron-up,
	.side1 .side-toggle.collapsed .glyphicon-chevron-down {
		display: inline-block;
	}
	.content > .title_box01 {
	    margin-top: 20px;
	    display: block;
        clear: both;
		position:relative;
	}
	body.home .content .activities_main {
    	padding-right: 20px;
   		padding-left: 20px;
	}
	body.home .content .company_bg .c_box {
		margin-top: 20px;
		min-height: 100px;
	}
	body.home .content .a_word br{
		display:none;
	}
    .header .navbar .navbar-nav {
        padding: 0;
        margin: 0 -20px 0;
    }

    .content .btn-more {
        top: 12px;
    }

    .side {
	    padding: 10px;
    }

    .side1.menu-open .nav {
        display: block;
    }

    .side1 .nav > li {
        float: none;
        display: block;
        border: 0;
        margin: 0 5px;
        vertical-align: top;
    }

    .side1 .nav > li + li {
        border: 0;
    }
	.side1 .side-toggle {
		display: block  !important;
	}
	body.software.show .content .word01,
	body.product .content .word01	{
		display:block;
		margin:0 auto 5px;
		text-align:center;
	}
	body.product .content .word02{
		display:block;
	}
	body.about .location_info{
		padding-top:30px;
	}
	body.about .location_title::before{
		top:27%;
	}
	body.about .about_main,
	body.about .about_right{
		padding-right:0;
		padding-left:0;
		padding-top:0;
	}
	body.about .a_en{
		text-align:center;
	}
	body.product .wisdom_mbox.w2 {
		margin: 0 -30px;
	}
	.w_list {
		width: 100%;
		display: block;
	}
	.wisdom_btn {
		width: 28%;
	}
	.services_main02{
		flex-wrap: wrap;
	}
	body.product .content .services_main02 .s_box{
		width:50%;
	}
	body.product .content .s_box .s_title_tw{
		font-size:17px;
	}
	.total_picbox{
		display:none;
	}
	.total_picbox_mobile{
		display:block;
	}
	.mes_box03{
		width:auto;
	}
	.total_pic{
		flex-direction: column;
	}
	.wpic_box{
		display:none;
	}
	.wpic_mobile{
		display:block;
		margin:0 auto 0 20px;
	}
	.wisdom_table{
		width: 95%;
		margin: 0 auto;
	}
	.w_flex,
	.webex_flex{
		flex-direction: column; 
	}
	.webex_box{
		margin:10px 10%;
	}
	.info-item{
		margin:10px auto;
		text-align:center;
	}
	.wisdom_mbox.w4{
		margin: 60px -100px 60px -145px;
	}
	.wisdom_table02 .table td{
		padding:18px 10px;
	    font-size: 15px;
	}
	.note_word{
		display:block;
	}
	.wisdom_table02{
		overflow-x: scroll;		
	}
	.wisdom_table02 table{
		min-width:1000px;
	}
	.dm0.video-bg,
	.form-bg{
		flex-direction: column-reverse;
	}
	.dmc-mq .inset .text.w70p {
		width: 100%;
		max-width: 100%;
	}
	.dm0.video-bg .cnt,
	.left_img,
	.right_form,
	.cnt.box02,
	.right_img {
		width: 100%;
	}
	.dmc-mq .inset .text.pml{
	    transform: translate(0,-30%);
	}
	.dm0 .bl-cnt{
		padding:20px 0;
	}
	.dm0.flex-bg{
		flex-direction: column;
	}
	.flex-bg .cnt.box01 .rte-txt{
		text-align:center;
	}
	.dm0.flex-bg > div{
		margin:25px 0 0;
	}
	.dm0.flex-bg.f-reverse{
		flex-direction: column-reverse;
	}
	.no_mb{
		margin-bottom:0 !important;
	}
	.cnt.box02 {
		padding: 0 15px;
	}
	.dm0 ul.ctas.btn02{
		margin-bottom:0;
		margin-top:15px;
		text-align:center;
	}
	.dm0 ul.ctas.btn02 li{
		margin-bottom:0;
	}
	.left_img, .right_form{
		margin:0 10px 0 0;
	}
	.dm0.flex-bg.a-start > .med {
		margin: 8px auto;
	}
	.right_img.med,
	.dm0.video-bg .cnt ul.ctas{
		text-align:center;
	}
	.thml-2{
	    padding-bottom: 30px;
	}
	.dmc-mq .inset .text ul.ctas{
		margin-bottom:100px;
	}



}
@media (min-width: 991px){
	#side1collapse {
		display: block !important;
	}
}
@media (min-width: 768px){
	.container {
		width: 100%;
	}
	
	element.style {
		margin: 10px 0;
	}

}
@media (max-width: 479px), (min-width: 992px){
	.layout-bordered__aside-item + .layout-bordered__aside-item {
		border-top: 1px dashed #eee;
	}
}
@media (max-width: 767px) {
	body.about.lang_en .culture_right .c_icons .icon_date.s01, 
	body.about.lang_en .culture_right .c_icons .icon_date.s02, 
	body.about.lang_en .culture_right .c_icons .icon_date.s03{
		min-width: 0;
		width: 100%;
		margin: 5px 0;
	}
	body.about .location_box{
		display: block;
	}
	body.contact .form-control-static{
		text-align: left;
	}
	body.contact .form-control-static,
	.content .note_box{
		padding: 0;
	}
	body.lang_en .nav > li >a{
		text-align: left;
	}
	body.lang_en .menu_link .link{
		text-align: center;
	}
	body.lang_en.about .social_title{
		font-size: 16px;
	}
	body.lang_en.investor .content .show_title{
		padding-right: 0;
	}
	body.about.lang_en .right_word .a_title04{
		word-break: break-all;
	}
	body.about .a_mainword03{
		word-break: break-all;
	}
	body.lang_en .yamm-content h5:after, body.lang_en .menu_link .link:after {
		right: 0;
	}
	body.lang_en .menu_link{
		width: 100%;
	}
	body.product.lang_en .content .show_title, body.about .content .show_title{
		padding: 10px;
		text-align: left;
	}
	body.about.lang_en .j_title01,
	body.about .j_title01 {
		width: auto;
	}
	body.about .society_main .social_tw{
		margin-top:30px;
		margin-bottom: 0;
	}
	body.lang_en.about .society_main .social_tw{
		padding: 0 10px;
	}
	body.lang_en.about .society_main .social_note {
		padding: 0 20px;
	}
	body.about .society_main .social_note{
		padding: 10px;
	}
	body.about .society_main{
		padding: 0;
	}
	body.about .society_bg{
		height: auto;
		background-size: cover;
	}
	body.about .social_mbox{
		padding-left: 0;
	}
	.table-responsive>.table>thead>tr>th, 
	.table-responsive>.table>tbody>tr>th, 
	.table-responsive>.table>tfoot>tr>th, 
	.table-responsive>.table>thead>tr>td, 
	.table-responsive>.table>tbody>tr>td, 
	.table-responsive>.table>tfoot>tr>td{
		white-space: inherit;
	}
	body.about .nev_itenm{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.about.lang_en .nev_itenm li a h2{
		font-size: 20px;
	}
	body.about .product_main ._bd_column .bd_item{
		width: 100%;
	}
	.navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width .item .nav li:nth-child(3){
		clear: both;
	}
	.header .navbar .navbar-nav li a:hover{
		background: #6f3581;
		color: #ffffff;
	}
	.header .navbar .navbar-nav li .dropdown-toggle:hover::before {
		opacity: 0;
	}
	.yamm-content h5:after, .menu_link .link:after{
		right: -5px;
	}
	/* .nav > li >a{
		padding: 10px 0;
	} */
	.yamm-content h5, .menu_link .link{
		padding: 5px 14px 5px 5px;
	}
	body.product .product_main .product_space .testimonial{
		flex-direction: column;
	}
	body.product .product_main .product_space .testimonial .pic{
		margin: 0 auto;
	}
	body.product .product_main .product_space .testimonial .pic img{
		padding-right: 0!important;
	}
	.header .navbar .btn-default{
		top: 0;
	}
	body.about .join_main .word_tw{
		width:100%;
	}
	body.about .a_mainword{
		padding:10px 0;
	}
	body.about .culture_right .c_icons {
    	display: block;
	}
	body.software.show .software_pic .pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev {
		left: -30px;
	}
	body.software.show .software_pic .pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next {
		right: -30px;
	}
	body.investor .content .investor_main,
	body.product .content .product_main,
	body.product .content .p_contact {
		margin:0;
	}
	body:not(.home) .main_content {
		padding-right: 10px;
		padding-left: 10px;
	}	
	body.news .content .news_main {
        margin-left: 0;
	}
	.header .navbar {
		position: initial;
	}
	.navbar-nav .dropdown_submenu .dropdown-menu {
	    transition: all ease 0s;
    	-webkit-transition: all ease 0s;
	}
	/* .navbar-nav .open .dropdown-menu{
		background-color:#4f256f;
	} */
	body.home .content a .s_box01,
	body.home .content a .s_box02,
	body.home .content a .s_box03{
		margin-top:20px;
	}
	body.home .content .company_bg{
		padding:20px
	}
	body.home .content .company_bg .c_box .c_right {
		width: 100%;
	}
	body.home .content .services_bg,
	body.home .content .about_bg{
		padding:20px;
	}
    #floating,
    #floating.fixed {
        top: 40px;
        margin-top: 0;
    }

    #floating .btn-floating {
        display: block;
    }

    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #floating.open ul {
        width: 60px;
    }

    .header .navbar .navbar-header {
        text-align: center;
    }

    .header .navbar .navbar-toggle {
        font-size: 18px;
        color: #1EB5BE;
        letter-spacing: 2px;
        border: none;
	    padding-left: 14px;
    	float: right;
		margin: 43px auto 0;
	}

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .navbar-nav {
        background: none;
        border-top: 2px solid #999;
        margin: 0 -15px;
    }

    .header .navbar .navbar-nav > li {
        display: block;
    }

    .header .navbar .navbar-nav > li + li:before {
        display: none;
    }

    .header .navbar .navbar-nav > li > a {
        width: auto;
        text-align: center;
        border-bottom: 1px solid #999;
        padding: 10px;
    }

    .header .navbar .sub-nav {
        text-align: center;
        margin-top: 10px;
        position: static;
    }

    .header .navbar .btn-default {
        /*color: #333;*/
    }

    .header .navbar .lang {
        text-align: center;
        display: table;
        margin: 10px auto;
        position: static;
    }

    .header .navbar .lang .btn {
        /*width: 100%;
		display: block;
		*/
        border: none;
        float: none;
    }

    .header .navbar .lang .btn,
    .header .navbar .lang .btn:active .header .navbar .lang .btn:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
    }

    .footer {
        padding: 0;
    }

    /* .footer .sitemap {
        display: none;
    } */

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
    }

    .footer .siteinfo ul > li {
        display: block;
    }

    .footer .siteinfo ul > li + li:before {
        display: none;
    }

    .main {
        z-index: auto;
    }

    .side .nav {
        margin-bottom: 20px;
    }

    .side .nav > li {
        float: none;
        display: block;
        margin: 0;
    }
    .content .list-box .txt-list li.list-header {
        display: none;
    }

    .content .list-box .txt-list li span {
        float: none;
        display: block;
        padding: 0;
    }

    .content .btn-box {
        text-align: center;
    }

    .content .btn-box .page-info select {
        width: 100px;
        display: inline-block;
    }

    .content .btn-box .pager,
    .content .btn-box .page-info {
        float: none;
    }

    /* .content .btn-box .pager {
        display: block;
    } */

    .content .btn-box .pager li {
        margin: 0;
    }

    .content .btn-box .pager li > a {
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        padding-right: 0;
    }
	body.software .content .software_main {
    	margin-left: 0px;
	}
	body.software.show .content .software_info{
		margin:0;
		float:inherit;
	}
	body.news .content .news_main .show_title, body.software.show .content .show_title, body.investor .content .show_title{
		margin: 20px 0px 10px 0px;
	}
	body.news .content .news_main .show_title small {
    	position: relative;
		display:block;
		text-align:left;
        right: 0px; 
        top: 0px;		
	}
	body.investor .content .investor_main .table_box {
		padding-right: 0px;
	}	
	body.about .location_info{
		padding-left: 0px; 
        padding-top: 10px; 
	}
	body.about .location_title::before{
		display:none;
	}
	body.about .location_map{
		padding:0 0 10px;
	}
	
	.yamm .dropdown-menu {
		padding: 10px 0;
	}
	.yamm .dropdown-width {
		position: relative;
		width: auto !important;
		text-align: center;
	}
	.mes_main{
		width:85%;
	}
	body.product .wisdom_right.r02,
	.w_list02{
		display:block;
	}
	.w_main{
		width:100%;
		padding-left:0;
	}
	.wisdom_title03 .back {
		bottom: -17px;
	}

	.w_list02 .wbox .imgbox img {
		width: auto;
		height: auto;
	}

	body.product .wisdom_pic .pic04,
	body.product .wisdom_pic .pic08,
	body.product .wisdom_pic .pic09 {
		display: none;
	}
	body.product .wisdom_pic .pic04_2,
	body.product .wisdom_pic .pic08_2,
	body.product .wisdom_pic .pic09_2 {
		display: block;
	}
	body.product .wisdom_pic .pic04_2 {
		width: 50%;
    	margin: 0 auto;
	}
	body.product .wisdom_pic .pic09_2 {
		width: 70%;
    	margin: 0 auto;
	}
	.wisdom_btn,
	.MS_main {
		width: 100%;
	}
	.w_list {
		display: block;
		width: 100%;
		margin: 20px 0 0;
		padding: 30px;
	}
	.w_list02 .wbox .wtitle{
		height:auto;
	}
	.MS_box{
		flex-direction: column;
	}
	.MS_main{
		margin:15px auto;
	}
	.wisdom_title04{
		width:90%;
	}
	.w_dlex,
	.w_left{
		flex-direction: column;
	}
	.w_left{
		width:100%;
		border-radius:10px;
		margin-bottom:10px;
	}
	.w_right{
		width:100%;
		border-radius:10px;
	}
	.w_right .wr_list{
		text-align:center;
	}
	.wisdom_word br{
		display:none;
	}
	.w_title02{
		font-size:20px;
		padding:30px 0 0;
	}
	.webex_flex{
		flex-wrap: wrap;
	}
	body.product .wisdom_title02 br{
		display:none;
	}
	.wisdom_mbox.w4 {
		margin: 60px -50px;
	}
	.w_topbg{
		min-height:280px;
	}
	.webex_box{
		min-height:inherit;
	}
	.wisdom_table02 table {
		min-width: auto;
	}
	.wisdom_table02 .table tbody td {
		padding: 18px 15px;
	}
	.dm0 .pri-0 {
    	font-size: 30px;
	}
	.banner_768{
		display:block;
	}
	.banner_1600,
	.banner_1280{
		display:none;
	}
	.dmc-mq .inset .text.pml {
		transform: translate(0,-20%);
	}
	.med{
		padding:0;
	}
	.med video{
		width:100%;
	}
	.dmc-mq .frame {
    	min-height: 600px;
	}
	.dm0.dmc-text ul {
		padding-left: 0;
	}	

}

@media (max-width: 590px) {
	body.about .culture_right .c_icons{
		justify-content: center;
	}	
	.content .main_space {
		padding: 15px 0px;
	}
	.content > .title_box01 {
	    padding: 5px 0px;
	}
	.content > .title_box01::after {
		background: url(../images/all/title_bg.png) no-repeat left center;
		left: -40px;
	}
	body.about .location_main{
		margin:0;
		padding:10px;
	}
	body.about .location_area{
		margin:10px;
	}
	body.about .location_box{
		margin:0px;
	}
	body.about .culture_bg .c_mainword02 br{
		display:none;
	}
	.wisdom_main02{
		margin-left:0;
	}
	body.product .wisdom_mbox .wisdom_left{
		margin-top:0;
	}
	body.product .wisdom_mbox {
		padding: 20px 0;
	}
	body.product .wisdom_pic.pic03{
		padding:0;
	}
	.w_list02 ul li{
		line-height:24px;
	}
	.w_list ul li {
		line-height:24px;
		margin-bottom: 10px;
	}
	body.product .wisdom_title01{
		font-size:30px;
		line-height:40px;
	}
	.font_28{
		font-size:20px;
		letter-spacing:0;
	}
	body.product .wisdom_title02{
		font-size:18px;
	}
	.wisdom_title03{
		font-size:30px;
	}
	.wisdom_tab02 > a {
		width: 100%;
	}
	.dmc-mq .inset .text ul.ctas {
		text-align: center;
		margin-bottom:0;
	}
	.dmc-mq .inset .text.pml{
	    padding: 50px 10px;
	}
	.dmc-mq .inset .text.pml.kind27 {
		transform: translate(0,-34%);
	}
	.dmc-mq .inset .text.pml.kind87 {
		transform: translate(0,-20%);
	}
	

}
@media (max-width: 1100px) and (min-width: 992px){
	body.home .content a .s_box01, body.home .content a .s_box02, body.home .content a .s_box03{
		padding:30px 0;
	}
}
@media (max-width: 480px) {
	.dm0 .pri-0 {
		font-size: 24px;
		font-weight:bold;
		line-height:30px;
	}
	.dm0 .bl-cnt.kind_27{
		padding: 0;
	}
	.dmc-mq .frame {
		min-height: 540px;
	}	
	.dm0 .bl-cnt {
		padding: 50px 0 0;
	}
	.thml-2 {
		padding-bottom: 0px;
	}
}
@media (max-width: 430px) {
	body.about .right_word .a_title01, body.about .right_word .a_title02, body.about .right_word .a_title03, body.about .right_word .a_title04, body.about .right_word .a_title05{
		line-height:24px;
	}
	body.about .a_mainword03{
		padding:8px 0 0 0; 
	}
	.w_title,
	.w_title04{
		font-size:20px;
		letter-spacing:0;		
	}
	body.product .wisdom_title01{
		font-size:28px;
		line-height:30px;
		letter-spacing:0;
	}
	.list_title03
	.w_title02,
	.info-title {
    	font-size: 18px;
	}
	.webex_box, .info-item{
		margin:10px;
	}
	.wisdom_title_tw02{
		font-size:30px;
	    padding: 18px 0 15px 0;
	}
	.w_icon img {
		width: 120%;
	}
	.wisdom_tab02 a{
		margin:10px auto;
	}
	body.product .wisdom_tab02{
		margin:0 auto;
	}
	.wisdom_bg01 {
		margin: 0 -25px;
	}
	.w_topbg {
		min-height: 250px;
	}
	.wisdom_list02{
		padding: 7px 0px 10px;
	}
	.dmc-mq .inset .text.pml {
		transform: translate(0,-42%);
	}
	.dmc-mq .inset>.text,
	.dmc-mq.stack .inset>.text {
		padding: 50px 5px;
	}
	.dm0 ul.ctas li{
		margin:0 0 10px;
	}
	.dm0 .pri-0 {
		font-size: 20px;
	    margin-bottom: 0;
		margin-top:5px;
	}	
	
	.med .video-bg{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
	}
	.med video{
		background:url(../images/meraki/SMB_FW.jpg);	
	}
	.med video.scb-video {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}
}
@media (max-width: 350px) {
	body.product .wisdom_title02 {
		font-size: 16px;
	}
	.wisdom_title03 {
		font-size: 24px;
	}
	.dmc-mq .inset .text.pml {
		transform: translate(0,-40%);
	}
}
