/*************** 初始值 ***************/
html{height: 100%;}
body{
    height: 100%; margin: 0;padding: 0;color:#000;
    font-size: 15px; letter-spacing: 1.2px; line-height: 160%;
    font-family:'Helvetica' , 'Arial' , 'PMingLiU' , 'sans-serif';
    background-color: #fff;
}
.wrap{min-height: 100%; height: auto !important;height: 100%;}
a,a:hover,a:active,a:visited,a:focus{text-decoration:none;}
a{color:#003f98;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
a:hover{color:#0e6e38;}
/*************** web通用 ***************/
.btn-submit{
    border:1px solid #003f98;color:#003f98;background-color: #fff;padding:5px 15px;margin:10px 0;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.btn-submit:hover{
    border:1px solid #0e6e38;color:#0e6e38;background-color: #fff;
}
.masonry {margin: 0 auto;}
#user_gmap{width:100%;height:500px;}
.googlemap-box {
    text-align: center;
}
.page{text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ff8e21;
    border-color: #ddd;
    color:#fff;
    z-index: 10;
}
.pagination>li>a, .pagination>li>span {
    color: #003f98;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.pagination>li>a:hover, .pagination>li>span:hover {
    background-color: #0e6e38;
    color:#fff;
}
.pagination{position: relative;}
.datepicker-dropdown {
    font-size: 19px;
}
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #009688;
    border-color: #008e81;
}
.form-group label.control-label {
    font-size: 15px;
    line-height: 1.07142857;
    color: #000;
    font-weight: 400;
    margin: 5px 0 0 0;
}
.radio label {
    cursor: pointer;
    padding-left: 22px;
    position: relative;
    color: rgba(0,0,0, 0.40);
}
.form-group.is-focused .radio label {
  color: rgba(0,0,0, 0.40);
}
.form-group.is-focused .radio label:hover,
.form-group.is-focused .radio label:focus {
  color: rgba(0,0,0, .65);
}
fieldset[disabled] .form-group.is-focused .radio label {
  color: rgba(0,0,0, 0.40);
}
.radio label span {
    left: 0;
    top: 2px;
}
.form-horizontal .radio {
    margin-bottom: 0;
}
.form-group .checkbox label, .form-group .radio label, .form-group label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 10px;
}
.checkbox label {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0,0,0, 0.40);
}
.form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.40);
}
.form-group.is-focused .checkbox label:hover,
.form-group.is-focused .checkbox label:focus {
  color: rgba(0,0,0, .65);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.40);
}
.gallery_img{width:100%;margin-bottom: 20px;}
.contact-title{margin:0 0 10px;padding:0;color:#0e6e38;font-weight: bold;font-size: 29px;}
.contact-data a{color: #000;}
.form-group {
    padding-bottom: 7px;
    margin: 0;
}
.googlemap-title{margin:0;font-size:19px;color:#0e6e38;}
.googlemap-link{color:#006dbb;}
.modal-header .close{
    -o-transition: opacity .40s ease-in;
    -webkit-transition: opacity .40s ease-in;
    -moz-transition: opacity .40s ease-in;
    transition: opacity .40s ease-in;
}
/*************** header相關 ***************/
/** web nav **/
.header{width:100%;background-color: #fff;}
.header-menu-box{margin:0 auto;text-align: center;line-height: 40px;}
.header-menu-box .header-logo{position: absolute;left:10%;padding-top: 10px;}
.header-menu-box .menu{
    display: inline-block;font-size:24px;
    color:#131313;padding:30px 10px 20px;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.header-menu-box .menu:hover{
    background-color:#ff8e21;color:#fff;
}
.header-menu-box .menu span{font-size: 12px;}
.header-menu-box .menu_now{color:#fff;background-color:#ff8e21;}
.header-page{border-bottom: 2px solid #c490bf;}

.header-top{background-color: #45b035;text-align: right;padding:5px 0;color:#fff;}
.header-top a{color:#fff;}
.header-top a:hover{color:#0e6e38;}
.header-top a.language_now{color: #0e6e38;}
.language{margin-right: 10px;}
.language_line{color:#8fc06d;}
.header-menu-right{float:right;}


/** mobile nav **/
.navbar{display: none;}
/** mobile nav 背景 **/
.navbar, .navbar.navbar-default {background-color: #fff;}
/** mobile 縮小後按鈕 **/
.navbar-default .navbar-toggle{
    background-color: #003f98;
    -o-transition: background-color .40s ease-in;
    -webkit-transition: background-color .40s ease-in;
    -moz-transition: background-color .40s ease-in;
    transition: background-color .40s ease-in;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color: #0e6e38;}
.navbar-default .navbar-toggle .navbar-txt {color: #fff;}
/** mobile 縮半及縮小後下拉選單-文字 **/
.navbar-default .navbar-nav > li > a{color: #000;}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{
    color: #0e6e38;background-color: #f2e7dc;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.navbar-default .navbar-nav > li > a >span{font-size:12px;}
/** mobile 縮小後下拉選單-目前頁面 **/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #ff8e21; color: #fff;}
/** mobile 縮小後下拉選單-logo區 **/
.navbar-default .navbar-brand {padding:0 15px 0 10px;line-height: 50px;font-size:20px;color: #221814;}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover{color:#221814;}
.navbar-toggle{padding:5px 10px;margin:7px 15px 7px 0;width:55px;}
.navbar-brand>img {display: inline-block;margin-top: -3px;margin-left:5px;}
/** mobile 縮半後下拉選單-選單間距 **/
.nav>li>a {padding: 17px 15px 13px;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 100%;}
/*************** footer相關 ***************/
footer{width:100%;margin-top:-124px;position:relative;background-color: #45b035;clear:both;}
.footer-box{margin:0 auto;padding:0 15px;color:#fff;text-align: center;}
.footer-box a{color:#fff;}
.footer-title{font-weight: normal;}
/*************** main相關 ***************/
main{padding-bottom: 124px;margin:0 auto;}
#greatasia-top {
    display: none;
    position: fixed;
    right: 0;
    bottom: 20px;
    padding: 7px 10px 5px;
    font-size: 20px;
    background: #003f98;
    color: white;
    cursor: pointer;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
#greatasia-top:hover{
    background: #0e6e38;
}
/** image-gallery **/
.btn:not(.btn-raised):not(.btn-link):focus, .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
    background-color: rgba(153,153,153,.2);
    color: #e5368d;
}
.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
    color: #006dbb;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.modal-content .modal-footer button {
    margin-top: 7px;
}
.modal-content .modal-footer button.pull-left {
    left: 0;
    padding-left: 16px;
    padding-right: 16px;
}
.modal-title {
    margin: 0;
    font-size:19px;
}
/*************** index ***************/
.index-box{padding:40px 0;}
.index-about{
    text-align: left;
    background-color: #ffd900;
}
.index-about h1{
    font-size: 19px;line-height: 180%;font-weight: normal;
    margin:0;padding:0;
}
.index-img{width:100%;max-width: 280px;padding-top:8%;}
.web-center{width:100%;text-align: center;}
.web-btn{
    padding:10px 30px;border:1px solid #003f98;color:#003f98;font-size: 24px;
    margin-top: 20px;display: inline-block;
}
.web-btn:hover{
    border:1px solid #0e6e38;background-color: #0e6e38;color:#fff;
}

.index-news{
    background: url('../images/index-news-bg.jpg') repeat;
    background-size: cover cover;
}
.index-news-title{
    font-size: 18px;
    line-height: 160%;
}
.index-news-img{
    width:100%;max-width: 400px;
}

.index-products{
    background: url('../images/index-products-bg.gif') repeat;
}
.index-products-item{
    text-align: center;margin-top: 20px;
}
.index-products-item a:hover .index-products-item-box{
    background-color: #45b035;
}
.index-products-item a:hover h2{
    color: #fff;
    -o-transition: color .40s ease-in;
    -webkit-transition: color .40s ease-in;
    -moz-transition: color .40s ease-in;
    transition: color .40s ease-in;
}
.index-products-item-box{
    padding:10px;background-color: #ffd900;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ccc;
    -o-transition: background-color .40s ease-in;
    -webkit-transition: background-color .40s ease-in;
    -moz-transition: background-color .40s ease-in;
    transition: background-color .40s ease-in;
}
.index-products-item-box img{width:100%;}
.index-products-item-box h2{font-size: 24px;margin:0;padding:15px 0 10px;}

.index-case{
    background: url('../images/index-case-bg.jpg') repeat;
    background-size: cover cover;
}
.index-case-item{
    margin-top: 20px;
}
.index-case-item a:hover .index-case-item-box{
    background-color: #45b035;
}
.index-case-item a:hover h2{
    color: #fff;
    -o-transition: color .40s ease-in;
    -webkit-transition: color .40s ease-in;
    -moz-transition: color .40s ease-in;
    transition: color .40s ease-in;
}
.index-case-item-box{
    background-color: #ffd900;
    -o-transition: background-color .40s ease-in;
    -webkit-transition: background-color .40s ease-in;
    -moz-transition: background-color .40s ease-in;
    transition: background-color .40s ease-in;
}
.index-case-item-box img{width:100%;}
.index-case-item-box h2{font-size: 24px;margin:0;padding:15px;}

/*************** page ***************/
.main_box{margin: 0 auto;padding:20px 15px;}
.page-bg-title{
    position: absolute;z-index: 2;text-align: center;font-size:36px;line-height: 120%;color:#fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding:1% 3%;
    background-color: #45b035;
}
.page-news-menu{border-bottom: 1px solid #0e6e38;font-size:19px;}
.page-menu-href{
    border:1px solid #0e6e38;color:#0e6e38;
    width:100%;display: inline-block;
    text-align: center;padding:10px 0;
    margin-bottom: 20px;
}
.page-menu-href:hover,.page-menu-now{
    border:1px solid #0e6e38;color:#fff;
    background-color: #0e6e38;
}
.page-news-menu-title{
    display: inline-block;
    width:100%;
    border-bottom: 1px solid #0e6e38;color:#0e6e38;
    font-size: 24px;padding-bottom:10px;margin-bottom: 20px;
}
.page-news-item{padding-bottom: 5px;border-bottom: 1px solid #0e6e38;}
.news-title{font-size: 24px;margin:15px 0 10px;}
.news-data{color:#999;}

.page-data-title{
    font-size:24px;
    margin: 0 0 10px;color:#0e6e38;
}
.page-back-box{
    text-align: center;margin:4% 0 0;
}
.page-back-btn{
    padding:10px 30px;border:1px solid #003f98;color:#003f98;font-size: 19px;
    margin-top: 20px;display: inline-block;
    text-align: center;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.page-back-btn:hover{
    border:1px solid #0e6e38;background-color: #0e6e38;color:#fff;
}

.page-products-menu{border-bottom: 1px solid #0e6e38;font-size:19px;}
.page-products-href{
    border:1px solid #0e6e38;color:#0e6e38;
    width:100%;display: inline-block;
    text-align: center;padding:10px 0;
    margin-bottom: 20px;
}
.page-products-href:hover,.page-products-href:focus,.page-products-href:active,.page-products-now{
    border:1px solid #0e6e38;color:#fff;
    background-color: #0e6e38;
}
.page-products-menu-title{
    display: inline-block;
    width:100%;
    border-bottom: 1px solid #0e6e38;color:#0e6e38;
    font-size: 24px;padding-bottom:10px;margin-bottom: 20px;
}
.page-products-sub{
    font-size:19px;padding:20px;border-top: 1px solid #0e6e38;color:#0e6e38;
}
.menu-products-now{color:#0e6e38;}
.products-catalog-item{padding: 0 15px 20px;display: inline-block;}
optgroup{color:#999;}
.products-data-box{background: url('../images/index-products-bg.gif') repeat;padding-bottom: 20px;}
.page-products-title{color:#0e6e38;margin: 15px 0 10px;}
.products-data{color:#999;}
.page-products-data{padding-bottom:20px;margin-bottom: 20px;border-bottom: 1px solid #0e6e38;}

.case-data-box{
    background: url('../images/index-case-bg.jpg') repeat;
    background-size: cover cover;
    padding-bottom: 20px;
}
.page-case-item{padding-bottom: 5px;border-bottom: 1px solid #0e6e38;margin-bottom: 20px;}

.download-title{font-size: 24px;padding: 10px 0;}
.download_btn_box{text-align: right;}



.page-menu-href2{
    width:100%;display: inline-block;
    padding:0;
    margin-bottom: 20px;position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ccc;
}
.page-menu-href2 img{width:100%;}
.page-menu-href2 h2{
    position: absolute;bottom:0;text-align: center;width: 100%;
    background-color: rgba(255, 217, 0, 0.6);
    color: #003f98;padding:10px 0;margin:0;
    font-size: 24px;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
.page-menu-href2:hover h2 ,.page-menu-now2 h2{
    background-color: rgba(69, 176, 53, 0.6);
    color: #fff;
}
.btn_go_products{
    border: #92bfa6 solid 1px;color:#92bfa6;padding:5px 10px 7px;margin-left:10px;
    display: inline-block;font-size: 15px;
}
.btn_go_products:hover{
    background-color: #0e6e38;color:#fff;
    -o-transition: color .40s ease-in,background-color .40s ease-in;
    -webkit-transition: color .40s ease-in,background-color .40s ease-in;
    -moz-transition: color .40s ease-in,background-color .40s ease-in;
    transition: color .40s ease-in,background-color .40s ease-in;
}
/*************** slider-pro ***************/
#slider{overflow: hidden;}
.sp-layer{max-width: 50%;}
.slider-pro{margin: 0 auto;}
.slider-pro p.sp-layer {
    font-size:18px;
}
/* 將選單提前換成小按鈕模式的時機 */
@media (max-width:780px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/*************** rwd ***************/
@media (min-width: 1200px){
    .index-news-item {
        margin: 0 100px 25px;
    }
}
@media (max-width: 1070px){
    .header-menu-box{
        float:right;
    }
}
@media (max-width: 992px){
    .contact-data{margin-top: 20px;}
}
@media (max-width: 1200px){
    .header-menu-box .menu{
        font-size:19px;
    }
}
@media (max-width: 992px){
    .header{display: none;} /** web nav 隱藏時機 **/
    .navbar{display: block;margin-bottom: 0;} /** mobile nav 顯示時機 **/
}
@media (max-width: 768px){
    .index-box{padding:20px 0;}

    .page-news-menu-right{
        width:100%;
        padding:0 4%;
    }
    .page-products-title{
        margin-top: 4%;
    }
    .download_btn_box{text-align: left;}
    .download_btn_box .web-btn{margin-top: 0;}
}