@charset "utf-8";

/* CSS Document  Design By kuro Lei */
@font-face {
  font-family: 'Ferrari Sans';
  src: url('../fonts/Ferrari-SansRegular.woff') format("woff"),
         url('../fonts/Ferrari-SansRegular.otf') format("opentype");
  unicode-range: U+0020-0080;
}
@font-face {
  font-family: 'Ferrari Sans Light';
  src: url('../fonts/Ferrari-SansLight.woff') format("woff"),
         url('../fonts/Ferrari-SansLight.otf') format("opentype");
  unicode-range: U+0020-0080;
}
@font-face {
  font-family: 'Microsoft JhengHei';
  src: url('../fonts/msjh_0.ttf') format("truetype");
}
body {

    font-family: "Ferrari Sans","Microsoft JhengHei";
    height: 100%;

}




header#header {

    height: initial;

    background-color: #eee;

    background: url(../images/report-y.jpg) repeat;

    position: fixed;

    width: 100%;

    z-index: 51;
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}

a.logo-a {

    margin-right: 15px;

}

#nav {

    clear: both;

    text-align: center;

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 50;

}

#nav ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    background-color: #000;

}

.auto {

    margin: 0 auto;

}

#show .owl-pagination {

    position: absolute !important;

    bottom: 15px !important;;

    width: 100% !important;;

}

#nav ul li {

    display: inline-block;

    text-align: center;

    position: relative;

    margin: 0 5px;




}

#nav ul li a {

    color: #fff;

    font-size: 1em;

    line-height: 50px;

    font-weight: bold;

    display: block;

    text-decoration: none;

    transition: all 0.5s ease;

}

#nav ul li a img{
    width: 100%;
    height: 100%;
}

#nav ul li a:hover {

    color: #ff0;

    text-decoration: none;

    transition: all 0.5s ease;

}

.lg-bn {

    min-height: 500px;

}
.news-main{
    padding-top: 50px;
}

.news-main ul {

    padding: 15px;

    margin: 0;

    list-style-type: none;

    /*background-color: #dcdcdc;*/

}

.news-main ul li {

    background-color: #fff;

    /*box-shadow: #ccc 5px 9px 8px 2px;*/

    /*margin: 25px 0;*/

    position: relative;

}

.news-main ul li img {

    width: 100%;

    height: auto;

    border-bottom: #f00 solid 2px;

}

.nes-title {

    font-size: 1.6em;

    padding: 15px 15px 0 15px;

    font-weight: bold;

}

.nes-des {

    color: #727171;

    padding: 0 15px 15px 15px;

}

div#main-titile {

    font-size: 1.3em;

    font-weight: bold;

    line-height: 50px;

}

figure#logo {

    padding: 0 60px;

}

figure#logo:before {

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}

.news-main ul li:first-child {

    margin-top: 0;

}
.newsinside-edit ul li:first-child {

    margin-top: 0px;

}
a.more {

    color: #d70d0d;

}

a#indexlink {

    padding: 5px 0px;

    display: block;

}

li.active-red:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background-color: #C00;

    left: 0;

    bottom: 10px;

}

.newsinside-edit {

    padding: 15px;

    line-height: 170%;

}

.newsinside-edit img {

    border: none !important;

    margin: 10px 0;

}

p.img-use {

    font-size: 0.9em;

    color: #777;

}

p.by {

    text-align: right;

    font-size: 13px;

}

table.tablestyle tr {

    border: #ccc solid 1px;

}

table.tablestyle tr td {

    padding: 5px 5px 5px 12px;

}

table.tablestyle tr td:first-child {

    border-right: #ccc solid 1px;

    background-color: #fafafa;

}

section.top {

    background-color: #000;

    color: #fff;

    line-height: 30px;

    padding-left: 15px;
    display: none;

}

.seach-data {

    padding: 0 15px 5px 15px !important;

    font-weight: bold;

    color: #727171;

}

.news-main.seach ul li {

    margin-top: 0 !important;

    display: inline-block;

}

a.more2 {

    color: #fff;

    display: block;

    padding: 5px 0 0 60px;

    text-decoration: none;

    font-size: 1.05em;

    background: url(../images/more2_03.jpg) no-repeat;

    width: 172px;

    height: 30px;

    display: block;

    float: right;

    margin: 10px;

}

#show img {

    width: 100% !important;

    height: auto;

}

#show .owl-controls.clickable {

    margin: 0 !important;

    position: absolute !important;

    width: 100% !important;

    bottom: 5px !important;

}

#show .owl-page span {

    background: #fff !important;

    opacity: 1 !important;

    position: relative;

}

#show .owl-page.active span {

    background: #f00 !important;

}

figure#show {

    border-bottom: #f00 solid 2px;

    margin-top: 95px;

}

.show-main {

    padding: 0 15px;

}

.gray {


    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
    background-color: #d6d6d6;

}

.seach-title {

    font-size: 1.6em;

    padding: 15px 15px 0 15px;

    font-weight: bold;

    background-color: #fff;

}

.seach-main {

    background-color: #fff;

    padding-bottom: 45px;

}

.sm-title {

    border-bottom: #ccc solid 1px;

    padding: 10px;

    font-weight: bold;

    font-size: 1.4em;

}

.sm-title2 {

    border-bottom: #ccc solid 1px;

    border-top: #ccc solid 1px;

    padding: 10px;

    font-weight: bold;

    margin: 15px 0;

    font-size: 1.4em;

    font-weight: bold;

}

span.img-l {

    display: block;

    width: 40%;

    float: left;

}

span.tit-r {

    width: 60%;

    float: left;

    display: block;

    color: #000;

    font-weight: bold;

    padding: 10px;

}

span.img-l-2 {

    display: block;

    width: 30%;

    float: left;

}

span.tit-r-2 {

    width: 70%;

    float: left;

    display: block;

    color: #000;

    font-weight: bold;

    padding: 8px 2px 2px 2px;

    font-size: 12px;

}

.else-link {

    display: inline-block;

    width: 100%;

    border-top: #ccc solid 1px;

    padding: 15px 0;

    background-color: #d90803;

}

.else-link a {

    text-align: center;

    color: #fff;

    font-size: 1.1em;

}

.else-link img {

    margin-right: 5px;

}

ul.list {

    list-style: none;

    padding: 0 10px;

    margin: 0 0 15px 0;

}

ul.list li {

    padding: 3px;

}

section.approved-box {

    background-color: #dcdcdc;

    padding: 90px 15px 15px 15px;

}

figure.title-img {

    background-color: #a8a9ad;

}

i.fa.fa-caret-right {

    margin-right: 10px;

}

.panel-title > a {

    line-height: 150%;

    text-decoration: none;

    display: block;

    position: relative;

    font-size: 0.95em;

}

.news-main.seach {



    margin-bottom: 45px;

}

i.fa.fa-angle-down {

    position: absolute;

    right: -5px;

    top: 10px;

    font-size: 1.6em;

}

.approved-box .panel {

    background-color: #e60012 !important;

    border: #a0676b solid 1px !important;

    border-radius: 0 !important;

}

.approved-box .panel-default > .panel-heading {

    color: #fff !important;

    background-color: inherit;

    border-color: transparent !important;

}

.approved-box .panel-group .panel + .panel {

    margin-top: 0px;

}

.approved-box .panel-default > .panel-heading + .panel-collapse > .panel-body {

    color: #fff !important;

    line-height: 160%;

    padding: 15px 38px !important;

}

.panel-group .panel-heading + .panel-collapse > .panel-body {

    border: none !important;

}

a.up {
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
    position: absolute;

    font-size: 2.5em;

    color: #000;

    left: 10px;
/*
    top: 35px;*/
    top: 15px;

}

.approved-box .panel-group {

    margin-bottom: 0px !important;

}

.over-img img {

    width: 100%;

}

section.contact-main {

    background-color: #dcdcdc;

    padding: 95px 15px 50px 15px;

    min-height: 700px;
    height: 100vh;

}
section.contact-main_ios {
    background-color: #dcdcdc;
    padding: 15px 15px 50px 15px;
    min-height: 700px;
    height: 100vh;
}

section.contact-main {
    background-color: #dcdcdc;
    padding: 95px 15px 50px 15px;
    min-height: 700px;
    height: 100vh;
}

@media screen and (min-height: 700px) {
    section.contact-main {

        background-color: #dcdcdc;

        padding: 95px 15px 50px 15px;

        min-height: 812px !important;
        height: 100vh;

    }

}

figure.title-img-con img {

    width: 100%;

}

.title-con {

    font-size: 1.6em;

    padding: 15px;

    background-color: #fff;

    font-weight: bold;

}

.des-con {

    color: #727171;

    padding: 0 15px 15px 15px;

    background-color: #fff;

}

figure.title-img-con img {

    border-bottom: #f00 solid;

}

div#fromstyle {

    background-color: #eaeaea;

    padding: 15px;

    margin-top: -5px;

}

input.form-control.inpt1 {

    margin-bottom: 10px;

}

textarea.form-control.inpt2 {

    margin: 15px 0;

}

input.btn.btn-default.inpt3 {

    color: #fff;

    padding: 8px 35px;

    background-color: #e70012;

}

.botstyle {

    text-align: right;

}

.else-link2 {

    display: inline-block;

    width: 100%;

    padding: 15px 0;

    background-color: #a8a9ad;

}

.owl-theme .owl-controls .owl-page span {

    width: 8px !important;

    height: 8px !important;

}

div#jumpwindow {

    position: fixed;

    bottom: 50px;

    width: 92%;

    left: 50%;

    margin-left: -46%;

    transition: all 0.5s ease;

    transform: translateY(100%);

}

div#jumpwindow.momo {

    position: fixed;

    bottom: 50px;

    width: 92%;

    left: 50%;

    margin-left: -46%;

    transition: all 0.5s ease;

    transform: translateY(0%);

    -webkit-transform: translateY(0%);

}

div#jumpwindow span {

    font-size: 1.2em;

    border-bottom: #ccc solid 1px;

    display: block;

    text-align: center;

    padding: 15px 0;

    background-color: rgba(255, 255, 255, .9);

    border-radius: 10px 10px 0 0;

}

#jumpwindow ul {

    padding: 0;

    margin: 0;

    border-radius: 0 0 10px 10px;

    list-style-type: none;

    background-color: rgba(255, 255, 255, .9);

}

#jumpwindow ul li {

    padding: 10px 0;

    margin: 0;

    text-align: center;

    list-style-type: none;

    border-bottom: #ccc solid 1px;

}

#jumpwindow ul li a {

    font-size: 1.6em;

    color: #000;

    text-decoration: none;

    font-weight: bold;

}

a#close {

    background-color: rgba(255, 255, 255, 1);

    font-size: 1.6em;

    width: 100%;

    display: block;

    margin: 15px 0;

    text-align: center;

    padding: 10px 0;

    border-radius: 10px;

    color: #000;

    font-weight: bold;

}

section#share-bg {

    background: url(../images/share.jpg) no-repeat;

    background-position: 72% 0;

    height: 800px;

    padding-top: 100px;

    position: relative;

}

div#title-lg {

    position: absolute;

    width: 100%;

    top: 50%;

    font-size: 3em;

    color: #fff;

    font-weight: bold;

    text-align: center;

    margin-top: -200px;

}

div#title-sm {

    position: absolute;

    width: 100%;

    top: 50%;

    font-size: 2em;

    color: #fff;

    text-align: center;

    margin-top: -120px;

}

a#sharebtn {

    background-color: #e60012;

    color: #fff;

    padding: 5px;

    width: 50%;

    display: block;

    text-align: center;

    font-size: 1.25em;

    position: absolute;

    left: 50%;

    margin-left: -25%;

    margin-top: -50px;

    top: 50%;

}

.else-link2 a {

    text-align: center;

    color: #000;

    font-weight: bold;

    padding: 0 5px;

}

.panel-title > a i.fa.fa-angle-down {

    transform: rotate(180deg);

}

.panel-title > a.collapsed i.fa.fa-angle-down {

    transform: rotate(0deg);

}

.push-main {

    margin: 100px 10px 50px;

}

.push-main ul {

    padding: 15px;

    margin: 0;

    list-style-type: none;

    background-color: #dcdcdc;

}

.push-main ul li {

    background-color: #fff;

    box-shadow: #ccc 5px 9px 8px 2px;

    margin: 25px 0;

    position: relative;

}

.push-main ul li img {

    width: 100%;

    height: auto;

    border-bottom: #f00 solid 2px;

}

#push_menu_count {

    color: #fff;

    position: absolute;

    top: 4px;

    right: 0px;

    transform: scale(0.65);

    background: red;

    font-size: 10pt;

    border-radius: 10px;

    padding: 0 5px;

}

.read {

    position: absolute;

    bottom: 10px;

    right: 15px;

}

.none {

    display: none !important;

}

.no_message {

    text-align: center;

    color: #bababa;

    height: 50px;

    padding: 1px;

}

.no_message h3 {

    margin-top: 10px !important;

}

.push_menu {
    margin-top: env(safe-area-inset-top);
    margin-top: constant(safe-area-inset-top);
    position: absolute;
    top: 15px;
    left: 7px;

}

.share_info {
    margin-top: env(safe-area-inset-top);
    margin-top: constant(safe-area-inset-top);
    position: absolute;
    top: 15px;
    right: 7px;

}

@media screen and (max-width: 480px) {

    .push_menu {

        position: absolute;
        /*top: 35px;*/
        top: 15px;
        left: 7px;

    }

    .share_info {

        position: absolute;
        /*top: 35px;*/
        top: 15px;
        right: 7px;

    }

}
@media screen and (max-width: 375px) {

    .push_menu {

        position: absolute;
        /*top: 35px;*/
        top: 9px;
        left: 7px;

    }

    .share_info {

        position: absolute;
        /*top: 35px;*/
        top: 9px;
        right: 7px;

    }

}

/*350以下*/

@media screen and (max-width: 351px) {

    #nav ul li a {

        font-size: 0.9em;

    }

    .panel-title > a {

        font-size: 0.9em;

    }
	
	 .push_menu {

   
        top: 0;
       

    }

    .share_info {

       
        top: 0;
     

    }

}


.overlay {

    background-color: rgba(0, 0, 0, 0.8);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99;

}

.loading_img {

    display: block;

    position: fixed;

    z-index: 99;

    left: 50%;

    top: 50%;

    margin-left: -24px;

    margin-top: -24px;

}