/*全站*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

html,
body {
    font-family: 'Roboto Condensed', "Microsoft JhengHei" !important;
}

img {
    max-width: 100%;
}

.hideobj {
    display: none;
}

h3 {
    color: #00C;
}

ul {
    list-style: none;
}

a {
    color: #000;
    background-color: none;
}

a:hover,
a:focus {
    text-decoration: underline;
    background: none;
    color: #000;
}

.container {
    padding: 0px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}

ul.thumbnails li.col-md-4 {
    padding-right: 15px;
    padding-left: 15px;
}

ul.thumbnails li.col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
}

ul.thumbnails li.col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.form-horizontal .form-group .col-sm-3 {
    padding-right: 15px;
    padding-left: 15px;
}

.form-horizontal .form-group .col-sm-9 {
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.control-group .col-sm-2 {
    padding-left: 15px;
    padding-right: 15px;
}

.control-group .col-sm-10 {
    padding-left: 15px;
    padding-right: 15px;
}

/**container**/
#index_container,
#container {
    width: 100%;
    margin: auto;
}

/*#header*/
#index_header {
    background: url(../images/header_bg.png) no-repeat left -60px;
    height: 375px;
    background-size: cover;
}

#index_area {
    max-width: 1280px;
    width: 98%;
    margin: auto;
    padding-top: 10px;
}

#company_logo {
    text-align: right;
}

#company_logo span {
    margin-right: 15px;
}

/**in**/
#header {
    background: url(../images/in_header_bg.jpg) no-repeat center bottom;
    height: 155px;
}

#in_area {
    max-width: 1280px;
    width: 98%;
    margin: auto;
}

#in_area ul#language_ul {
    margin: 50px 0px 0px 10px;
}

#in_area #company_logo {
    text-align: center;
    margin-top: 20px;
}

#in_area #abre-menu-topo,
#in_area #qsearch {
    top: 35px;
}

/*會員登入項目*/
#login-tabs li {
    background: none;
}

#login-tabs a {
    color: #000;
    background: none;
}

#login-tabs a:hover,
#login-tabs a:focus {
    text-decoration: underline;
    background: none;
    color: #000;
}

/*#header*/
/*註冊*/

#hello_member ul li a:hover,
#hello_member ul li a:focus,
#hello_member ul li a:active {
    text-decoration: underline;
    background: none;
}

/*語言*/
#language_area ul li {
    background: url(../images/lang_li_bg.gif) no-repeat right 15px;
}

#language_area ul li a {
    color: #6c6c6c;
    background: none;
}

#language_area ul li a:hover,
#language_area ul li a:focus,
#language_area ul li a:active {
    background: none;
    text-decoration: underline;
}

/**上選單**/
#mainnav {
    text-align: center;
    border-top: 1px solid #eb8404;
    margin-top: 10px;
    clear: both;
}

#nav_area {}

.navbar {
    border-radius: 0px;
    min-height: inherit;
    margin: 0px;
    text-align: center;
    padding: 0px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}


#incateall {
    display: none;
}

.incate13 {
    display: none;
}

/*ul#main_menu { margin:5px auto 0px auto; display:inline-table}*/
.navbar-nav {
    float: inherit;
}

.navbar-default .navbar-nav>li {
    margin: 0px 2px;
}

.navbar-default .navbar-nav>li>a {
    color: #303030;
    font-size: 110%;
    line-height: 23px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #ff5a24
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #f8ca05;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #f8ca05;
}

/**dropdown-menu**/
.dropdown-menu {
    padding: 10px 0px 10px 0px;
    border-radius: 10px;
    border: 1px solid #256803;
}

.dropdown-menu>li {
    border-bottom: 1px dotted #ccc;
}

.dropdown-menu>li>a {
    color: #256803;
    padding: 4px 10px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #FFF;
    background-image: none;
    background-color: #256803;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-image: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #256803
}

.dropdown-toggle {
    cursor: pointer;
}


#abre-menu-topo {
    position: absolute;
    right: 0px;
    top: 60px;
}

ul#main_menu {
    text-align: center;
    padding: 10px 10px 0px 10px;
    margin-top: 3px;
    display: inline-block;
    margin: auto;
}

ul#main_menu li {
    float: left;
    list-style: none;
}

ul#main_menu li:hover {}

ul#main_menu li a {
    display: block !important;
    width: 100%;
    font-size: 1.2em;
    padding: 10px 30px;
    color: #a08023;
}

ul#main_menu li a:hover {
    color: #FFF;
    background-color: #4c9e1e;
    text-decoration: none;
}

.btn-collapse {
    width: 55px;
    height: 50px;
    position: relative;
    float: right;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.lista-collapse {
    width: 80%;
    height: 5px;
    background-color: #f3a503;
    border-radius: 6px;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 5px;
}

.lista-collapse:nth-child(1) {
    top: 10px;
}

.lista-collapse:nth-child(2) {
    top: 22px;
}

.lista-collapse:nth-child(3) {
    top: 34px;
}

.botao-lista-cima {
    -ms-transform: rotate(-50deg) -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.botao-lista-baixo {
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    transform: rotate(50deg);
}

.hidden {
    visibility: hidden;
}

.lista-collapse.botao-lista-cima {
    top: 22px;
}

.lista-collapse.botao-lista-baixo {
    top: 22px;
}

/****/
/**in**/
#top-bar {
    width: 100%;
    height: 130px;
    background: #fff;
    position: fixed;
    z-index: 99999;
    top: -150px;
    /* CSS3 陰影*/
    -webkit-box-shadow: 0px 8px 8px #cfa6ac;
    -moz-box-shadow: 0px 8px 8px #cfa6ac;
    box-shadow: 0px 8px 5px #73610b;
    text-align: center
}

#top_logo {
    text-align: center
}

#top_logo img {
    max-width: 15%;
}

#top-bar a,
#top-bara:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#top-bar ul#main_menutop {
    display: inline-table;
    margin: 20px auto 0px auto;
}

#top-bar ul#main_menutop li a {
    font-size: 18px;
    padding: 10px 25px;
    color: #3d7a00;
}

#top-bar ul#main_menutop li a:hover,
#top-bar ul#main_menutop li a:focus {
    color: #853601;
    background-color: transparent;
}


/**search**/
#qsearch {
    position: absolute;
    z-index: 99;
    right: 70px;
    width: 60% !important;
    top: 45px;
}

#qsearch .input-group {
    display: table;
    padding-bottom: 0px;
    width: 100%;
}

#qsearch .input-group .form-control {}

#qsearch .btn-default {
    color: #ffb65a;
    border: 0px
}

/*#qsearch .form-control{border: 1px solid #dfdfdf; border-radius: 6px; transition:box-shadow ease-in-out .15s; height:30px; font-size:13px;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ background-color:transparent}*/

.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 50px;
    height: 50px;
}

.search-form .form-group input.form-control {
    background: transparent;
    box-shadow: none;
    display: block;
    height: 50px;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
    border-radius: 4px 25px 25px 4px;
}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #f3a503;
    left: initial;
    font-size: 14px;
}

.glyphicon-search:before {
    font-size: 24px;
}


/***banner****/
#mainbanner {
    padding-top: 0px;
    max-width: 1280px;
    width: 100%;
    margin: -180px auto 0px auto;
}

/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left,
.swiper-product .swiper-button-prev {
    position: absolute;
    left: 1%;
    top: 40%;
    width: 17px;
    height: 30px;
    z-index: 99;
}

.swiper-banner .arrow-right,
.swiper-product .swiper-button-next {
    position: absolute;
    right: 1%;
    top: 40%;
    width: 17px;
    height: 30px;
    z-index: 99;
}

.swiper-banner .page-banner,
.swiper-product .swiper-pagination {
    position: absolute;
    left: 0;
    z-index: 99;
    text-align: center;
    bottom: 0;
    width: 100%;
}

.swiper-banner .swiper-pagination-switch,
.swiper-product .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-banner .swiper-active-switch,
.swiper-product .swiper-active-switch {
    background: #fff;
}

/***style for banner's arrows and pagination end ****/
#in_mainbanner {
    background: url(../images/in_banner_bg.png) no-repeat center bottom;
}

.banner_area {
    max-width: 1280px;
    width: 100%;
    margin: auto;
}

/**in_main_area***/
#in_main_area {
    background: url(../images/in_main_area_bg.png) no-repeat center top;
}

.bottom_bg {
    background: url(../images/in_main_area_bottom.png) no-repeat center bottom #fff;
    overflow: hidden
}

.text_area {
    max-width: 1280px;
    width: 98%;
    margin: auto;
}

/*--側欄--*/
#sidebar {
    padding: 0px;
    background-color: #f6cd04;
    box-shadow: 2px 2px 0px #ccc;
    margin-top: 50px;
}

#sidebar .nav-header {
    background: url(../images/more_bg.gif) no-repeat right top #f6cd04;
    font-weight: bolder;
    padding: 8px 15px;
    font-size: 16px;
}

#side_menu {}

#side_menu ul li {
    background-color: #FFF;
    margin-bottom: 1px;
}

/*RSS*/
#rss_area a {
    text-shadow: none;
}

#rss_area a:hover {
    text-shadow: none;
}

/*--內容區--*/
#content {
    padding: 0px 20px 50px 20px;
}

.text_style {
    font-size: 120%;
    font-weight: 400;
    line-height: 30px;
    color: #464f3d;
    min-height: 700px;
}

.text_style h2 {
    font-size: 26px;
    color: #063;
}

.text_style ul {
    list-style: disc
}

.text_style strong {
    color: #F90
}


/*麵包屑*/
#content .breadcrumb {
    text-shadow: none;
    text-align: right;
    background-color: transparent;
    margin-bottom: 0px;
    padding: 0px;
}

#content .breadcrumb li {
    text-shadow: none;
}

#content .breadcrumb li a {
    text-shadow: none;
    text-decoration: none;
    color: #707b66;
    font-size: 100%;
}

#content .breadcrumb li a:hover {
    text-shadow: none;
    background: none;
    text-decoration: underline;
}

#content .breadcrumb li .divider {
    text-shadow: none;
    background: none;
}

#result {
    display: none;
}


/*個數*/
.page-header {
    border-bottom: 0px #eee solid;
    margin: 10px 0px 0px 0px;
}

.page-header h1 {
    float: right;
    margin: 0px;
    padding: 0px 0px 0px 35px;
    background: url(../images/index_company_title.png) no-repeat;
    color: #3e7e00;
    font-size: 28px;
}


/*產品頁*/

ul.color-w {
    color: #FFF;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.color-w li {
    padding: 10px;
    text-align: center;
    min-height: 120px;
    vertical-align: middle;
}

.color-01 {
    background-color: #604a7b;
}

.color-02 {
    background-color: #003a1a;
}

.color-03 {
    background-color: #77933c;
}

.color-04 {
    background-color: #335d8f;
}

.color-05 {
    background-color: #645d35;
}

.color-06 {
    background-color: #c08e64;
}

.pdf {
    background: url(../images/pdf.png) no-repeat left top;
    padding-left: 40px;
    margin-bottom: 8px;
}

.pdf a {
    display: block;
    color: #960;
}

/**table**/
.table {
    margin: 30px 0px;
    font-size: 90%;
    border: 1px solid #dddddd;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th {
    background-color: #e9a733;
    text-align: center;
    border: 1px solid #fff;
}

.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border: 1px solid #dddddd;
    background-color: #FFFFF0;
    padding: 3px 15px;
}

/*****/
.thumbnail {
    border: 1px #8B8682 solid;
}

.cate-name,
.cate-name-more {
    color: #333333;
    font-weight: bold;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cate-name a,
.cate-name-more a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cate-name a:hover,
.cate-name-more a:hover {
    color: #8B8682;
    font-weight: bold;
    text-decoration: underline;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.pro-desc {
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}

.spec {
    height: 38px;
}

/*產品介紹頁*/
#pb_area {
    border: 1px solid #ccc;
    overflow: hidden;
}

.thumbnail img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
}

.input-group {
    display: table;
    padding-bottom: 10px;
    width: 100%;
}

.input-group .form-control {
    margin-bottom: 0px;
}

.txtNormal {
    overflow: auto;
    width: 100%;
}

#content .thumbnails .prodlist {
    height: 330px;
    overflow: hidden;
}

#content .thumbnails .catelist {
    height: 210px;
    overflow: hidden;
}

.listtxtspec .input-prepend {
    padding: 1px 0px;
    margin: 0px;
}

.clear {
    clear: both;
}

.listimg {
    height: 150px;
}

#lineqty {
    width: 30%;
}

.showsmall ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.showsmall li {
    float: left;
}

.showsmall li img {
    margin: 3px;
    padding: 3px;
    width: 50px;
}


/***Inquiry**/
/**表單元素**/
fieldset.over-border {
    border: 1px solid #ccc !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.4em 0 !important;
    border-radius: 16px;
}

legend.line-border {
    font-size: 16px !important;
    text-align: left !important;
    width: inherit;
    border-bottom: none;
    display: none;
}

fieldset>div {
    margin-top: 30px;
}

.red {
    color: #cc0000;
}

.radio-inline input[type='radio'] {
    margin-left: -20px;
    float: left;
}

.radio-inline {
    padding-left: 20px;
    font-weight: normal;
    margin-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.help-inline {
    vertical-align: middle;
    display: inline-block;
    padding-top: 5px;
    float: left;
    padding-left: 0px;
    cursor: default;
}

.control-label {
    cursor: default;
}

.form-show .input-prepend {
    clear: both;
}

fieldset.instep-border {
    border: 1px solid #ccc !important;
    padding: 0 16px 16px 16px !important;
    margin: 0 0 16px 0 !important;
    border-radius: 15px;
    /*圓角*/
    background: #eeeeee;
    height: 100px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

fieldset.step-border {
    border: 1px solid #ccc !important;
    padding: 0 16px 16px 16px !important;
    margin: 0 0 16px 0 !important;
    border-radius: 15px;
    /*圓角*/
    height: 100px;
    text-align: center;
}

legend.stepline-border {
    text-align: center !important;
    width: inherit;
    border-bottom: none;
}

.enlarge {
    clear: both;
}

@media only screen and (max-width : 480px) {
    .navbar-inner li {
        display: block;
        width: 100%;
    }
}


/*頁籤**/
.nav-tabs .active a {
    font-weight: bold;
}

/*訊息用*/
.msgcont {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px;
}

.msg_img_title {
    width: 30%;
}




/*尾檔*/
#footer {
    max-width: 1000px;
    width: 98%;
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
    clear: both;
}

#footer .ftbar ul {
    display: inline-table;
    margin: auto;
}

#footer .ftbar ul.nav li {
    border-right: 1px solid #998c44
}

#footer .ftbar ul.nav li:nth-child(1) a {
    padding-left: 0px;
}

#footer .ftbar ul.nav li a {
    color: #998c44;
    font-size: 110%;
    padding: 0px 15px;
}

#footer .ftbar ul.nav>li>a:hover,
#footer .ftbar ul.nav>li>a:focus {
    background-color: transparent;
    color: #362f0d;
}

#cominfo {
    margin: 15px 0px;
}

#cominfo ul li {
    display: inline-block;
}

#cominfo ul>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

li.cominfoname {
    color: #3c7b00;
    font-size: 130%;
}

li.cominfotel a {
    display: inline
}

li.cominfotel a:hover {
    background-color: transparent
}

#copyright {
    text-align: center;
    padding: 10px 15px;
    font-weight: bolder;
}

#footlink ul li a {
    border-radius: inherit;
}

#footlink ul li a:hover,
.foot #footlink ul li a:focus,
.foot #footlink ul li a:active {
    background: none;
    text-decoration: underline;
}


/*首頁用*/
#index_content {
    background: url(../images/main_bg.png) no-repeat center top;
}

#content_area {
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding: 35px 45px 0px 45px;
}

#index_company h3 {
    background: url(../images/index_company_title.png) no-repeat left top;
    line-height: 34px;
    padding: 0px 0px 0px 38px;
    color: #3e7e00;
    font-size: 30px;
}

#index_company .company_text {
    padding: 20px 10px 0px 10px;
    font-size: 120%;
    font-weight: 400;
    line-height: 28px;
}

.more {
    background: url(../images/more_bg.gif) no-repeat center top;
    float: right
}

.more a {
    display: block;
    font-size: 14px;
    width: 94px;
    height: 34px;
    padding: 5px
}

.more a:hover {
    text-decoration: none;
}

#index_msg_ul a {
    background: #eee;
    padding: 8px 15px;
    font-size: 16px;
    color: #000;
}

#index_msg_ul a:hover {
    background: #eee;
    padding: 8px 15px;
    font-size: 16px;
    color: #000;
}

#index_msg_ul .msgcont {}

#idxprocarousel .span {
    small_class
}

.item {
    background-color: #EEE;

    height : {
        small_height
    }

    px;
    text-align : center;

    /* Firefox, Chrome */
    line-height : {
        small_height
    }

    px;
    /* IE */
    *font-size : 180px;
    /* 200px * 0.9 = 180px */
}

#idxprocarousel img {
    vertical-align: middle;
}

#idxprocarousel .caption {
    background: #666;
    padding: 5px;
}

#idxprocarousel .caption a {
    color: #fff;
}

#content .pshow_title {
    border-left: 5px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    background-color: #eee;
    padding: 7px;
}



/*style for google map  2015.10.21*/
.googlemap {
    width: 100%;
    height: 12em;
}

.listimg a.btn.btn-link {
    display: initial;
}

#mobile_toggle {
    overflow: hidden;
}

#mobile_toggle #company_logo img {
    height: 60px;
}

.msgTextListContainer {
    padding: 30px 0px;
}

.msgTextBlock {
    border: rgba(0, 0, 0, 0) solid 1px;
    border-bottom: #ccc dotted 1px;
    padding: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.msgTextBlock:hover {
    background-color: #f7f7f7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.msgTextBlock:nth-last-child(1) {
    border: none;
}

.msgTextBlock a {
    text-decoration: none;
    display: block;
}

.msgTextListDate {
    display: table;
    padding: 1px 8px;
    background-color: #eb8404;
    color: #fff;
}

.msgTextListTitle {
    padding: 10px 0px 5px;
}

.msgDtHeader {
    overflow: hidden;
}

.msgDtDate {
    border-bottom: #eee solid 1px;
    margin: 20px 0px;
}

/* 公司簡介　*/
.comImg2019 .owl-theme .owl-nav {
    margin-top: 30px;
}

.comImg2019 .owl-carousel .owl-item img {
    width: auto;
    /*max-height: 125px;*/
    margin: 0 auto;
}

/* 公司園地 - 2018展覽回顧 -grallery fancybox */

/* .containerGrallery{
    max-width: 780px;
} */

.gralleryItems {
    padding: 10px;
    vertical-align: middle;
}

.gralleryItems img {
    max-width: 100%;
    max-height: 100%;
}

.gralleryItems a {
    border: 1px solid #778899;
    display: block;
    height: 280px;
    text-align: center;
    position: relative;
    transition: 0.65s;
}

.gralleryItems a::after {
    content: "\f00e";
    font-family: FontAwesome;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 280px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.65s;
}

.gralleryItems a:hover::after {
    opacity: 1;
}

/* 2019照片回顧有橫式照片的修飾 */
.itemsImg img {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);

}

/*********RWD*************/
@media all and (max-width: 1680px) {}

@media all and (max-width: 1440px) {
    #index_header {
        background-position: center -40px;
    }
}

@media all and (max-width: 1024px) {}

@media all and (max-width: 991px) {
    #header {
        height: 142px;
    }

    #in_mainbanner {
        background: none;
    }

    #sidebar {
        margin-top: 10px;
    }

    #content {
        padding: 10px 20px 50px 20px;
    }
}

@media all and (max-width: 980px) {
    #content_area {
        padding: 35px 20px 20px 20px;
    }

    #cominfo ul li {
        display: block;
        padding: 3px 0px;
    }

    li.cominfotel a {
        padding: 0px;
    }

    #cominfo ul>li+li::before {
        padding: 0px;
        content: ""
    }
}

@media all and (max-width: 800px) {
    #mobile_toggle p {
        padding: 10px 15px 0px 10px;
    }

    ul#main_menu li a {
        padding: 5px 25px;
    }

    body#in_area-top .sb-site {
        background-position: 50% !important;
    }

    #in_area ul#language_ul {
        margin: 0px;
    }

    #in_area #company_logo {
        margin-top: 0px;
    }
}

@media all and (max-width: 760px) {
    #header {
        height: 70px;
    }


}

@media all and (max-width: 667px) {

    #index_container,
    #container {
        box-shadow: 0px 0px 5px 5px rgba(30, 93, 33, 0.4);
        overflow: hidden;
    }

    .search-form .form-group {
        float: inherit !important;
        width: 40px;
        height: 40px;
        margin-top: 10px;
    }

    .search-form .form-group input.form-control {
        height: 40px;
    }

    .search-form .form-group span.form-control-feedback {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .form-control {
        border: none;
        color: #FFF;
    }
}

@media all and (max-width: 640px) {
    #mainbanner {
        margin: -280px auto 0px auto;
    }

    #index_header {
        background-position: center -115px;
    }
}

@media all and (max-width: 610px) {}

@media all and (max-width: 530px) {
    #mobile_toggle #company_logo img {
        height: 57px;
    }

    #header {
        height: 58px;
    }

    #sidebar {
        margin-top: 10px;
    }
}

@media all and (max-width: 500px) {
    #index_header {
        background-position: center -156px;
    }

    #mobile_toggle #company_logo img {
        height: 50px;
    }
}

@media all and (max-width: 450px) {
    #mobile_toggle #company_logo img {
        height: 45px;
    }

    #mainbanner {
        margin: -310px auto 0px auto;
    }

    .swiper-banner .page-banner,
    .swiper-product .swiper-pagination {
        bottom: -3px;
    }
}

@media all and (max-width: 410px) {
    #index_header {
        background-position: -296px -134px;
    }

    #mobile_toggle #company_logo img {
        height: 40px;
    }

    #index_company h3 {
        font-size: 24px;
        line-height: 40px;
    }

    .sb-site,
    .sb-site-container {
        background-position: 30% 146% !important;
    }
}

@media all and (max-width: 370px) {
    #mobile_toggle #company_logo img {
        height: 35px;
    }
}

@media all and (max-width: 330px) {
    #mobile_toggle #company_logo img {
        height: 30px;
    }
}