@import url('https://fonts.googleapis.com/css?family=Lora:400i,700');

/*全站*/

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

img {
    max-width: 100%;
}

.hideobj {
    display: none;
}

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

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

ul {
    list-style: none;
}

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


/**mobile**/

#mobile_toggle p {
    margin: 15px 0px 0px 15px;
}

#mobile_toggle #company_logo {
    width: 80%;
    text-align: center;
    margin-left: 0px;
}

#mobile_toggle #company_logo img {
    margin: 0px auto;
}


/*#header*/

#index_header,
#header {}

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

.width_1440 {
    max-width: 1440px;
    width: 98%;
    margin: auto;
}

#index_area {
    max-width: 1272px;
    width: 96%;
    margin: auto;
    height: 130px;
}

#company_logo {
    padding-top: 15px;
    padding-bottom: 20px;
}

#company_logo a {
    display: block;
    margin: 0 auto;
}

#company_logo img {
    display: block;
    margin: 0 auto;
}

#company_logo a span {
    display: block;
    margin-top: 5px;
    color: #731a43;
}


/*會員登入項目*/

#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 {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
}

#language_area ul {
    margin: 15px 15px 0px 0px;
}

#language_area ul li {
    margin: 0px 5px;
}

#language_area ul li a {
    color: #000;
    background: none;
    background-color: #b3638b;
    border-radius: 10px;
    padding: 7px 15px;
    font-size: 90%;
    color: #FFF;
}

#language_area ul li a:hover,
#language_area ul li a:focus,
#language_area ul li a:active {
    color: #FCF;
    background-color: #83375d;
}


/**search**/

#qsearch {
    margin: 80px 30px 0px 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
}

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

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

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

#qsearch .form-control {
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    transition: box-shadow ease-in-out .15s;
    height: 30px;
    font-size: 13px;
}

#qsearch .btn-default {
    background-color: transparent;
}


/*.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, */

.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-color: transparent
}


/**banner**/

#mainbanner {
    padding-top: 0px;
}

#in_mainbanner .banner_area {
    height: 309px;
}


/***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 ****/


/**上選單**/

#mainnav {
    background-color: #FFF;
}

.navbar {
    border-radius: 0px;
    height: 57px;
    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;}*/

#navbar-1 {
    text-align: center;
}

ul#main_menu {
    margin: px auto 0px auto;
    display: inline-table;
    position: inline-block;
}

.navbar-nav {
    float: inherit;
}

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

.navbar-default .navbar-nav>li>a {
    font-family: 'Lora', "Microsoft JhengHei"!important;
    color: #c54b83;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 57px;
    padding: 0px 30px;
    text-decoration: none;
    background: url(../images/nav_li_bg.gif) no-repeat left 20px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #731a43;
    background: url(../images/nav_libg.png) no-repeat left top;
    background: url(../images/nav_libg.png) no-repeat left 15px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #731a43;
    background: url(../images/nav_libg.png) no-repeat left 20px;
}

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


/**dropdown-menu**/

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

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

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

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

.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 {
    color: #c3666b;
    background-color: #f6e3e4;
}

.dropdown-toggle {
    cursor: pointer;
}


/**in_main_area**/

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


/*--側欄--*/

#sidebar {
    padding: 30px 0px;
    background: url(../images/sidebar_bg.png) no-repeat right 0px;
    min-height: 1000px;
}

#sidebar .nav-header {
    background: url(../images/nav-header_bg.png) no-repeat center bottom;
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    padding: 0px;
    color: #da39ba;
}

#side_menu ul {
    margin: 30px auto;
    max-width: 200px;
}

#side_menu ul.nav>li {
    border-bottom: 1px dotted #c99cc0;
}

#side_menu ul.nav>li>a {
    padding: 5px 0px 5px 25px;
    font-size: 15px;
    color: #955989;
}

#side_menu ul.nav>li>a:hover,
#side_menu ul.nav>li>a:focus {
    background-color: #FFF;
}

#side_menu ul li ul {
    margin: 0px 0px 0px 25px;
    padding: 0px;
    background-color: #fbf5f5;
}

#side_menu ul li ul li {
    border-bottom: 1px solid #ccc;
}

#side_menu ul li ul li a {
    display: block;
    color: #825b9e;
    padding: 3px 0px 3px 15px;
}

#side_menu ul li ul li a:hover {
    text-decoration: none;
    color: #606;
}


/*RSS*/

#rss_area a {
    text-shadow: none;
}

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


/*--內容區--*/

#content {
    padding: 0px 0px 200px 0px;
}

#content .txtNormal {
    overflow: auto;
    width: 100%;
    font-size: 16px;
    color: #7d4d73;
    line-height: 26px;
    padding: 30px 0px 20px 50px;
    font-weight: 600;
}

.bottom_bg {
    background: url(../images/bottom_bg.png) no-repeat 50px bottom;
    overflow: hidden;
}

.container_msg3 #content .txtNormal {
    padding: 0px;
}

.container_msg3 .page-header h1 {
    width: 90%;
}

.news_text-area {
    padding: 30px 0px 20px 50px !important;
}


/*麵包屑*/

#content .breadcrumb {
    text-shadow: none;
    background-color: transparent;
    text-align: right;
    padding: 0px;
    border-radius: 0px;
    margin-top: 20px;
}

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

#content .breadcrumb li a {
    text-shadow: none;
    text-decoration: none;
    color: #b3638b;
}

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

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


/*個數*/

.page-header {
    border-bottom: 0px #eee solid;
    padding-bottom: 0px;
    margin: 20px 0 40px 50px;
    overflow: hidden;
}

.page-header h1 {
    font-size: 24px;
    color: #963b84;
    background: url(../images/company_h1_bg.png) no-repeat right top;
    margin: 0px;
    padding: 20px 0px 15px 0px;
    float: left;
    width: 325px;
}


/*產品頁*/

ul.thumbnails {
    overflow: hidden;
    margin: 30px auto;
}

.thumbnail {
    border: 0px #8B8682 solid;
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
    position: relative;
}

.border-left-top {
    position: absolute;
    z-index: 99;
    top: -10px;
    left: 20px;
    background: url(../images/border-left-top.png) no-repeat left top;
    background-size: cover;
    width: 60px;
    height: 60px;
}

.border-right-bottom {
    position: absolute;
    z-index: 99;
    right: 20px;
    top: 160px;
    background: url(../images/border-right-bottom.png) no-repeat left top;
    background-size: cover;
    width: 60px;
    height: 60px;
}

.thumbnail .listimg {
    height: 210px;
    line-height: 210px;
    text-align: center;
    background-color: #f3eae5;
    margin: 0px 30px;
}

.thumbnail .listimg img {
    display: inherit;
    max-width: 100%;
    vertical-align: middle;
    margin: 10px;
}

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

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

.cate-name,
.cate-name-more {
    color: #ba1e9b;
    text-align: center;
    padding: 15px 0px;
}

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

.cate-name a:hover,
.cate-name-more a:hover {
    color: #8B8682;
}

.thumbnail .input-group {
    display: table;
    padding-bottom: 10px;
    width: 80%;
    margin: auto;
}

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

.btn-primary {
    color: #fff;
    background-color: #a3629f;
    border-color: #a3629f;
}

.thumbnail .btn {
    border-radius: 0px;
    padding: 5px;
    font-size: 13px;
}

.btn-info {
    color: #fff;
    background-color: #f975f1;
    border-color: #f975f1;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #561f53;
    border-color: #561f53;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #a8159f;
    border-color: #a8159f;
}


/*產品介紹頁*/

#pro_area {
    overflow: hidden;
}

#pb_area {
    border: 0px;
    overflow: hidden;
    position: relative;
}

.pro-name {
    font-size: 24px;
    color: #a8159f;
    font-weight: bold;
}

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

.border-left-top-b {
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0px;
    background: url(../images/border-left-top.png) no-repeat left top;
    background-size: cover;
    width: 185px;
    height: 185px;
}

.border-right-bottom-b {
    position: absolute;
    z-index: 99;
    right: 0px;
    bottom: 50px;
    background: url(../images/border-right-bottom.png) no-repeat left top;
    background-size: cover;
    width: 185px;
    height: 185px;
}

.bimgarea {
    margin: 70px;
}

.showsmall {
    overflow: hidden;
    width: 80%;
    margin: auto;
}

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

.showsmall li {
    float: left;
    border: 1px solid #F9C;
}

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

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

.clear {
    clear: both;
}

#lineqty {
    width: 30%;
}

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

.spec {
    height: 38px;
}


/*頁籤**/

.nav-tabs .active a {
    font-weight: bold;
}


/**table**/

table#tablist {
    margin: 15px 0px 0px 50px;
    border: 1px solid #fff;
}

.table-bordered>thead>tr>th {
    background-color: #eba8a8;
    text-align: center;
    color: #FFF;
    border: 1px solid #fff;
}

.table-bordered>thead>tr>td {
    border: 1px solid #fff;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #fff;
}


/*訊息用*/

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

.msg_img_title {
    width: 30%;
}


/**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%;
    }
}


/*尾檔*/

#footer {
    background-color: #FFF;
}

#footer .ftbar {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
}

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

#footer .ftbar ul.nav-pills>li {
    margin: 0px 5px;
}

#footer .ftbar ul.nav-pills>li>a {
    border-radius: 0px;
    color: #969;
    font-size: 15px;
    padding: 5px 20px;
    border: 1px solid #ede3e5;
}

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

#footer .foot_logo {
    margin-right: 15px;
}

#footer .foot_area {
    max-width: 920px;
    margin: 20px auto;
    width: 98%;
}

.border-right-style {
    border-right: 2px solid #fbd2dc;
    padding: 25px 10px;
}

.space-left {
    padding: 5px 15px;
}

.foot_com {
    color: #c54b83;
    font-size: 15px;
}

.foot_com span {
    font-family: 'Lora', "Microsoft JhengHei"!important;
    display: block;
    color: #68263c;
    font-style: italic;
    font-weight: 700;
    font-size: 14px;
}

#cominfo ul li,
#cominfo ul li a {
    color: #c54b83;
    font-weight: 600;
}

#copyright {
    text-align: center;
    padding: 10px 15px;
    background-color: #e9dfdd;
    color: #655869;
}

#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/index_company_bg.jpg) no-repeat center top;
    overflow: hidden;
    padding: 5px 0px;
}

#index_company {
    max-width: 1020px;
    width: 96%;
    margin: auto;
    overflow: hidden;
}

#index_company h3 {
    font-size: 24px;
    color: #963b84;
    background: url(../images/company_h1_bg.png) no-repeat right top;
    margin: 0px;
    padding: 20px 0px 15px 0px;
    float: left;
    width: 325px;
}

.index_company_text {
    font-size: 16px;
    color: #7d4d73;
    font-weight: bold;
    line-height: 26px;
    padding: 75px 0px 0px 0px;
    overflow: hidden;
}

.index_company_text p {
    clear: both;
    padding-top: 30px;
}

.more {
    background-color: #b3638b;
    border-radius: 9px;
    text-align: center;
}

.more a {
    color: #FFF;
    display: block;
    font-size: 15px;
    padding: 5px 8px;
}

.more a:hover {
    text-decoration: none;
    color: #F6C;
    background-color: #602e47;
    border-radius: 9px;
}

#main_news {
    background: url(../images/news_bg.png) no-repeat center top;
    overflow: hidden;
    padding: 70px 0px 20px;
}

.news_area {
    max-width: 980px;
    width: 98%;
    margin: auto;
}

.news_area h3,
.news_area h3 a {
    color: #963b84;
    font-size: 28px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.news_area .thumbnail {
    border: 0px;
    background: url(../images/thumbnail_bg.png) no-repeat right bottom #f2dee7;
    margin-top: 25px;
    padding: 0px;
    border-left: 2px solid #efb4c9;
}

.news_area .thumbnail .caption {
    padding: 10px 10px 10px 20px;
}

.news_area .thumbnail .caption a {
    color: #7d4d73;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

#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 {}


/**pro**/

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


/*style for google map  2015.10.21*/

.googlemap {
    width: 100%;
    height: 12em;
}

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


/********RWD*************/

.cominfomail a::after {
    content: ';';
    margin-right: 2px;
}

.cominfomail a:last-child:after {
    display: none;
}

@media all and (max-width: 1300px) {
    #in_mainbanner .banner_area {
        height: 260px;
    }
}

@media all and (max-width: 1100px) {
    #in_mainbanner .banner_area {
        height: 220px;
    }
}

@media all and (max-width: 930px) {
    .border-right-style {
        padding: 10px 0px;
    }
    #footer .foot_logo {
        margin-right: 5px;
    }
    #in_mainbanner .banner_area {
        height: 200px;
    }
}

@media all and (max-width: 890px) {
    .navbar-default .navbar-nav>li>a {
        padding: 0px 26px;
        font-size: 18px;
    }
    #sidebar .nav-header {
        background-size: 100%;
        width: 195px;
    }
}

@media all and (max-width: 870px) {
    #in_mainbanner .banner_area {
        height: 180px;
    }
    .index_company_text {
        padding: 30px 0px 0px 0px;
    }
    .index_company_text {
        font-size: 15px;
    }
    #footer .foot_logo {
        margin-right: 0px;
    }
}

@media all and (max-width: 870px) {
    #language_area ul li a {
        padding: 7px 10px;
    }
    #main_news {
        padding: 20px;
    }
    #footer .border-right-style {}
    #footer .border-right-style .pull-left {
        float: inherit !important;
        text-align: right;
        padding-right: 15px;
        width: 100%;
    }
}

@media all and (max-width: 790px) {
    .navbar-default .navbar-nav>li>a {
        padding: 0px 22px;
        font-size: 16px;
    }
    #in_mainbanner .banner_area {
        height: 170px;
    }
}

@media all and (max-width: 770px) {
    #index_company {
        border-bottom: 15px;
    }
    .more a {
        padding: 0px 8px;
    }
}

@media all and (max-width: 760px) {
    #footer .border-right-style .pull-left,
    #cominfo ul li,
    #cominfo ul li a {
        text-align: center !important;
    }
}

@media all and (max-width: 720px) {
    .nav-pills>li {
        width: 48%;
    }
    #footer .ftbar ul.nav-pills>li {
        margin: 3px;
    }
}

@media all and (max-width: 667px) {
    #index_container,
    #container {
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.8);
        overflow: hidden;
    }
    #sidebar .nav-header {
        background-size: 100%;
        width: 140px;
    }
    #content .txtNormal {
        padding: 15px;
    }
    #in_mainbanner .banner_area {
        height: 140px;
    }
    .page-header {
        margin: 0px 0 15px 20px;
    }
}

@media all and (max-width: 530px) {
    .index_company_text {
        padding: 0px;
        font-size: 14px;
        line-height: 24px;
    }
    #company_logo img,
    #index_company img {
        max-width: 80%;
    }
    #index_company h3 {
        width: 300px;
        font-size: 20px;
    }
    #in_mainbanner .banner_area {
        height: 85px;
    }
}

@media all and (max-width: 320px) {
    #main_news {
        padding: 10px;
    }
}