@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/


@media (max-width: 1199px) {
    .home .banner {
        padding-top: 189px;
    }

    .banner {
        padding-top: 189px;
    }

    .header .banner .bxslider li {
        height: auto;
        background: none !important;
    }


    .header .banner .bxslider li img {
        display: block;
    }

    .header .navbar .navbar-nav {
        margin-top: 30px;
        clear: both;
        float: none;
        text-align: center;
        margin-left: 45px;
    }
    .header .navbar.newtop .navbar-nav{
        margin-top: 25px;
    }
    .header .navbar .navbar-nav > li.search-btn {
        position: absolute;
        top: -15px;
        right: 40px;
    }

    /* .header .navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    } */

    .header .navbar .navbar-header {
        float: none;
    }
    .header .navbar .navbar-brand {
        float: none;
        margin: 20px auto 5px;
    }
    .header .navbar.newtop .navbar-brand{
        margin: 15px auto 5px;
    }

    #floating {
        margin-top: -90px;
    }

    .banner .bx-wrapper .bx-prev {
        left: 10px !important;
    }

    .banner .bx-wrapper .bx-next {
        right: 10px !important;
    }

    .wid-home-prolink .linkbox {
        width: 70%;
        margin: auto;
    }

    .wid-home-prolink .prolink-slickBox {
        width: 75%;
        padding-left: 8px;
        margin: auto;
    }
	body.about .content .editor .ab_img {
		width: auto;
		float:none;
	}
	
	body.about .content .editor .ab_img2 {
		float: none;
		margin: 0 auto;
	}
	
	body.about .content .editor .ab_tax {
		padding: 0 0px 20px 0;
	}
	
	body.about .content .editor .ab_tax1 {
		width: auto;
	}
	
	body.about .content .editor .global .gl {
		float: none;
		width: auto;
	}
	
	body.about .content .editor .qa .qa_tax {
		position: inherit;
		width: auto;
		padding: 30px 0 0;
		float: left;
	}
	
	body.about .content .editor .en .en_tax {
		position: initial;
		width: auto;
		right: 50px;
		padding: 50px 0 0;
	}
	
	body.about .content .editor .ab_img3 {
		position: absolute;
		right: 0;
		top: 45%;
		width: 50%;
	}
}

@media (max-width: 991px) {
    .header .navbar .navbar-nav {
        padding: 0;
        margin: 30px -20px 0;
    }

    .content .btn-more {
        top: 12px;
    }

    .side {
        padding-bottom: 20px;
    }

    .side .nav {
        max-width: none;
        margin: 0;
        display: none;
    }

    .side.menu-open .nav {
        display: block;
    }

    .side .nav > li {
        float: none;
        display: inline-block;
        border: 0;
        margin: 0 5px;
        vertical-align: top;
    }

    .side .nav > li + li {
        border: 0;
    }
    .side1 .side-toggle{
        margin-bottom:30px;
    }
    .header .navbar .navbar-nav > li.search-btn {
        position: absolute;
        top: -72px;
        right: 30px;
    }

    .wid-home-prolink .linkbox {
        width: 100%;
        margin: auto;
    }

    body.home .content .slick-prev {
        left: -25px;
        z-index: 1;
    }

    body.home .content .slick-next {
        right: -25px;
    }

    .wid-home-menulink .linkbox {
        width: 100%;
    }
    .wid-home-prolink .prolink-slickBox {
    width: 100%;
    margin: auto;
}
    .wid-home-prolink .prolink-slickBox .link-list{
        width:45%;
    }
    body.pro-search .side .side1-search .nav > li a {
        background: url(../images/product/list_icon4.png) no-repeat right center;
        padding: 5px 20px 5px 0px;
    }
    /*body.pro-search li.panel {
        width: 47%;
        float:left;
    }*/
    body.product.search-show .table.table-stack > tbody > tr > td:first-child{
        width:40%;
    }
    body.product .txt ul.s-pic li {
    display: inline-block;
    width: auto;
    float: left;
    margin: 0 5px 5px;
	}
    body.contact .con-box{
    margin-top:30px;
	}

	body.about .content .editor .ab_img {
		float: none;
	}

	body.about .content .editor .ab_img3 {
		top: 50%;
	}
	
	body.about .content .editor .en_bg2 {
		bottom: -130px;
	}
/*	body.faq .con-box .link-con a p{
		right:5%;
		margin-right:0px;
	}*/
	body.faq .con-box .link-con a .pic{
		display:none !important;
	}
	body.faq .con-box .link-con a .pic_m{
		display:block;
	}

}

@media (max-width: 767px) {


    #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;
    }
    .home .banner {
        padding-top: 105px;
    }
    .banner {
        padding-top: 105px;
    }

    .header .navbar .navbar-top {
        font-size: 14px;
    }

    .header .navbar .navbar-brand {
        width: 200px;
        float: left;
        margin: 6px 0px 0px 22px;
        background-size: 100% auto;
        background-position: center;
    }
    

    .header .navbar.newtop .navbar-brand {
        margin: 6px 0px 0px 22px;
        transition: all 0.5s;
    }

    .header .navbar .navbar-header {
        text-align: center;
    }

    .header .navbar .navbar-toggle {
        font-size: 18px;
        color: #093994;
        letter-spacing: 2px;
        border: none;
        float: none;
        margin: 0 0 0px;
        padding-left: 14px;
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .navbar-toggle .icon-bar {
        width: 25px;
        background-color: #333;
    }

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .navbar-nav {
        background: none;
        border-top: 2px solid #000;
        margin: 0 -15px;
    }
    .navbar-nav .open > .dropdown-menu{
        background:#c9c9c9;
    }


    .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 #52CED5;
        padding: 10px;
    }*/
    .header .navbar .navbar-nav li a {
        width: auto;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px;
        position: relative;
    }

    .header .navbar .navbar-nav > li ul li a {
        padding: 10px;
        border-bottom: 1px solid #ffffff;
    }
    /*.navbar-nav .open .dropdown-menu {
        position: relative;
    }
    .navbar-nav .open .dropdown-menu .dropdown-menu {
        position: relative;
    }*/



    .header .navbar .sub-nav {
        text-align: center;
        margin: 10px 0 20px;
        position: static;
    }

    .header .navbar .btn-default {
        color: #333;
    }

    .header .navbar .lang {
        text-align: center;
        display: block;
        margin-top: 10px;
        position: static;
    }

    .header .navbar .lang .btn {
        width: 100%;
        background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;
    }

    .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;
    }

    .header .navbar .navbar-nav > li.search-btn {
        position: static;
    }

    .header .navbar .navbar-nav > li > a.btn {
        width: 40px;
        margin: 8px auto;
    }

    .navbar-nav .dropdown-menu {
        padding: 0;
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        padding: 6px 0 0 0;
        border-radius: 0;
    }

    .navbar-nav .dropdown-menu .dropdown-menu li a {
        background: #e8e8e8;
    }

    .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu li a {
        background: #fffdef;
        border-bottom: 1px solid #c9c9c9;
    }

    .navbar-nav .open .dropdown-menu .dropdown-menu {
        border-bottom: 1px solid #555;
        border-top: 1px solid #555;
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background: #c9c9c9;
    }

    .navbar-nav.sm-collapsible .caret {
        margin: -8px 15px 0 0 !important;
        width: 28px !important;
        height: 24px !important;
        line-height: 20px !important;
    }

    .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
        padding-left: 0 !important;
    }

    .banner .bx-wrapper .bx-controls-direction a {
        width: 25px !important;
    }

    .banner .bx-wrapper .bx-prev {
        background: url(../images/all/controls.png) no-repeat 0 0px !important;
    }

    .banner .bx-wrapper .bx-next {
        background: url(../images/all/controls.png) no-repeat -66px 0px !important;
    }

    .footer {
        padding: 0;
    }

    .footer .sitemap {
        /*display: none;*/
        padding: 15px 0 15px;
    }

    .footer .sitemap h5 {
        text-align: center;
    }
    .footer .sitemap .list{
        margin-bottom:15px;
    }

    .footer .sitemap ul {
        text-align: center;
        margin-bottom: 0;
    }

    .footer .sitemap ul li {
        display: inline-block;
    }

    .footer .sitemap ul li a {
        padding: 0 5px;
    }

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
    }

    .footer .siteinfo ul > li,
    .footer .copyright ul > li {
        display: block;
        text-align: center;
    }
  

    .footer .siteinfo ul > li + li:before {
        display: none;
    }

    .footer h4 {
        text-align: center;
    }

    .gotop {
        right: 20px;
        bottom: -40px;
    }

    .gotop a {
        width: 40px;
        height: 40px;
        background-size: 100%;
    }
    .gotop2 {
        bottom: 40px;
    }

    .main {
        z-index: auto;
    }

    .side .nav {
        margin-bottom: 20px;
    }

    .side .nav > li {
        float: none;
        display: block;
        margin: 0;
    }

    .side .nav > li + li {
        border-top: 1px solid #c9cac9;
    }

    .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 {
        width: 100%;
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        padding-right: 0;
    }
    .content .table.table-stack > thead{
        display: none;
    }

    .content .table.table-stack > tbody > tr,
    .content .table.table-stack > tbody > tr > td {
        display: block;
        clear: both;
    }

    .content .table.table-stack > tbody > tr {
        border-bottom: 1px dotted #ccc;
        position: relative;
        padding: 10px 5px;
    }

    .content .table.table-stack > tbody > tr:last-child {
        border: none;
    }

    .content .table.table-stack > tbody > tr > td {
        border: none;
        text-align: left;
        padding: 0;
        line-height: 1.6;
    }

    .content .table.table-stack > tbody > tr > td .tn {
        display: inline-block;
        color: #999;
    }

    .content .table.table-stack.no-border th {
        text-align: left;
        width: 100%;
        padding: 0;
    }

    body.home .content .slick-arrow {
        width: 30px;
        height: 40px;
        background-size: 100% !important;
    }

    body.home .content .slick-prev {
        left: 0px;
        z-index: 1;
        background: url(../images/all/controls02.png) no-repeat 14px -4px !important;
    }

    body.home .content .slick-next {
        right: 0px;
        background: url(../images/all/controls02.png) no-repeat -72px -6px !important;
    }

    .wid-home-prolink .link-list {
        width: 96%;
        margin: 0 auto 25px;
        float: none;
    }

    .wid-home-prolink .link-list .pic img {
        display: block;
        margin: auto;
    }

    .wid-home-menulink .link-list {
        width: 100%;
        margin: 0 auto 35px;
        float: none;
        display: block;
    }

    .menulink {
        margin-top: 0;
    }

    .wid-home-menulink {
        margin: auto;
        padding-top: 160px;
        padding-bottom: 50px;
    }
.wid-home-prolink .prolink-slickBox {
    width: 100%;
    margin: auto;
    padding-left:0;
}
.wid-home-prolink .prolink-slickBox .link-list {
    width: 100%;
    margin: 15px 0;
}
body.contact .form-border{
    padding: 20px 15px 20px;
}
body.hr .content .more-btn{
    margin-bottom: 5px;
    margin-top: 10px;
}
body.hr .content .table.table-stack > tbody > tr{
    position:relative;
}
body.hr .content .table.table-stack td:last-child .hr-btn{
    position: absolute;
    left: 157px;
    bottom: 15px
}
    body.pro-search li.panel {
        width: 100%;
        float: none;
    }


    body.product.search-show .table.table-stack > tbody > tr > td:first-child{
        width:100%;
    }
    body.events .events-item .years{
        width:100%;
    }
	
	body.about .content .editor .ab_img3 {
		display:none;
    }

}

@media (max-width: 680px){
    .home .banner, .banner {
        padding-top: 107px;
    }
}



@media (max-width: 620px) {

    .header .navbar .navbar-top {
        padding: 6px 0;
    }

    .header .navbar .lang-box {
        float: none;
    }
    .header .navbar .lang-box li{
        margin-bottom:5px;
    }

    .header .navbar .topMenu {
        float: right;
        /*margin-top: 5px;*/
    }
}

@media (max-width: 400px) {

body.about .content .editor .ab_iso .iso_download {
    float: none;
    display: table;
    padding: 30px 0;
    margin: 10px 0;
}

body.about .content .editor .ab_iso {
    display: flex;
    justify-content: center;
}

}