/*關於我們*/
.slogan{ text-align:center; margin: 5px 0 35px 0;}
.slogan .slogan-hr,.slogan .slogan-text{ display:inline-block;}
.slogan .slogan-hr{ width:35px;}
.slogan .slogan-hr hr{ margin:6px 0;}
.slogan .slogan-text{ padding:0 20px; font-style:italic; font-size:18px; font-weight: 500; color:#8d8d8d;}
.abouts_box{ line-height:2; padding:30px 0;}
.abouts_box.pd-0{ padding:0;}
.area-box{ display:block;}
.area-box2{ position:relative;}
.area-pic{}
.area-text{ position:absolute;}
.area-pic{ left:0; top:0;}
.area-text{ right:-10px; top:80px; padding:40px; background:rgba(0,0,0,.8); color:#fff; }
.bg-about{ display:inline-block; background:url(../images/p1/pic04.png) right top no-repeat; margin: 0 -15px 0 -15px;}
.bg-sx-white ul { padding-left: 35px;}

.bg-csr{ display:inline-block; background:url(../images/p4/pic04.png) right top no-repeat; margin: 0 -15px 0 -15px;}
.comoss_name{font-family: 'Dancing Script', cursive; font-size:5rem; font-weight:bold;}
/*關於我們-上選單*/
.page-sidebar .collapse{text-align:center;margin-bottom:30px}
.page-sidebar .navbar{text-align:center;position:inherit}
.page-sidebar .nav>li{display:inline-block;width:33%;padding:5px}
.page-sidebar .nav>li>a{color:#333;font-size:1.1em;background:rgba(0,0,0,0);border:1px solid #cbcbcb;position:inherit;padding:10px 0;display:block}.page-sidebar .nav>li>a.active, 
.page-sidebar .nav>li>a:focus, 
.page-sidebar .nav>li>a:hover, 
.page-sidebar .nav>li.dropdown>a:focus, 
.page-sidebar .nav>li.dropdown>a:hover{color:#fff;font-weight:inherit;background:#fe0000}

/*聯絡表單*/
.company-form { overflow: hidden;}
.company-form .m_t { padding:3em 0 2em 0; }
.company-form .contact_area h4{ background: #c82732; display: table; padding: 10px 20px; color: #fff; border-radius: 15px; margin-top: 20px;}
.company-form .page_title {background: url(../images/demo/i3/line.jpg) center 1em repeat-x;  text-align: center; }
.company-form .page_title span{display: inline-block; background: #FFF; font-size: 36px;font-weight: 400; line-height: 1.4;  padding: 0 .5em 0.2em;}

.company-form .contact_area .fa{ margin-right:10px; color:#787878;}
.company-form .name{ padding: 0 0 0 15px; line-height: 36px; color:#555;}
.company-form .text{ margin: 0 0 10px 0;}
.company-form .input1,.company-form select.form-control{ border: 1px solid #fff; color: #555; border-radius: 4px; height: 36px; width: 98%; padding: 0 0 0 8px; box-shadow: 0 0 5px #ccc; margin: 0 5px; background-color: #f8f8f8;}
.company-form .input2,.company-form .input3{ border-radius: 4px; background: #FFF; border: 1px solid #fff; color: #555; margin: 0 5px; background: #f8f8f8; box-shadow: 0 0 5px #ccc;}
.company-form .input2{ width:100%; }
.company-form .en_txt { color: #aaa; font-size: 14px; margin-left: 5px;}
@media (min-width: 769px) {

}

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

@media (max-width: 992px) { 

}

@media (max-width: 768px) {
    /*----banner---*/
    .banner{ height:350px;}

    /*簡易通用的自適應表格*/
    .table-container { 
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
       }

    /*關於我們-上選單*/
    .page-sidebar .nav>li { width: 100%;}
    .page-sidebar .nav>li>a:hover, 
    .page-sidebar .nav>li.dropdown>a:focus, 
    .page-sidebar .nav>li.dropdown>a:hover {  margin-left: inherit; }
    .page-sidebar .nav>li>a{ padding:10px;}

    /*關於我們*/
    .page-title{}
    .page-title .tt80{ margin-top:80px;}
    .area-text{ top:10px;}
    .bg-sx-white{ background:rgba(255,255,255,.8);}

}

@media (max-width: 640px) {
    .banner { display:none; }
    .news-detail{ padding:2em 0 0 0;}
    .download-detail{ padding:7em 0 0 0;}

    /*slogan*/
    .slogan .slogan-text{ width:100%;}
    /*關於我們*/
    .area-box2 .imgg{ margin:0 auto;}
    .area-text {
        position: inherit;
        margin: 0 auto -10px auto;
        right: inherit;
        top: inherit;
    }
    .area-text br.gg640{ display:none;}
    .bg-about {
        background: url(../images/p1/pic04.png) center 290px no-repeat;
        padding: 0 45px 300px 45px;
    }

    /*聯絡表單*/
    .company-form .m_t .col-xs-6{ width:100%; float:none;}
    .company-form .contact_area{ margin-top:1.5em;}

}

@media (max-width: 600px) { 
    /*關於我們*/
    .abouts_box{ }
    .abouts_box .float-right.gg480,
    .abouts_box .float-left.gg480{ float:inherit;}
    .abouts_box .float-right.gg480 .imgg,
    .abouts_box .float-left.gg480 .imgg{ margin:0 auto 1em auto;}
    .abouts_box .page-title{ margin-top:30px;}

}

@media (max-width: 480px) { 
    /*----banner---*/
    .banner{ height:300px;}

    /*關於我們*/
    .bg-about { padding:0 40px 140px 40px;}
    .bg-sx-white ul { padding-left: 25px;}

}

@media (max-width: 320px) { 
/*----banner---*/
.banner{ height:200px;}

}

/*共用*/
.bg-red{ background:#fa0202;}