﻿ .wapper {
    position: relative;
    font-family: Arial, Helvetica, sans-serif,Microsoft JhengHei;
    font-size:14px;
    color:#FFF;
    min-height: 2000px;
    background: #000000;    
    line-height:40px; 
    letter-spacing:1.5px; 
    overflow: hidden;
}
     
.navbar {
    opacity:1;    
    height:95px;
    border:none;
    background-color: #d80017;
}

select {    
    color:#d80017;
}

 #show_nav_section1{
    display:block;
}
#show_nav_section2{
    display:none;
}

.modal.in .modal-dialog{
    width: inherit;
    top:80px;
}

.modal-content{
    border-radius: 0px;
}

.modal-title{
    color:#d80017;
}

#modal-body_date{
    position:relative;
    width:120px;
}

.modal-body{
    color:#4b4b4b;
    line-height:20px;
}

.modal-content .container{
      padding-bottom:50px;
}

#modal-body_img{
}

.modal-body img{
    top:50%;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
    background-color: #ffffff;
}
        
    #topNav .active a{
        background-color:#ffe6e6;
    }

#navbar a{
    font-size:16px;
    color:#d80017;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #d80017;
}

#navbar {
    padding-top: 0px;
}

#header_logo {
    margin-top:20px;
}

.navbar-brand{
    float: left;
    height: 0px; 
    padding: 0px 15px; 
    font-size: 18px;
    line-height: 20px;
}

.navbar-toggle{
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 52px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

section{
}

section a {
    color:#FFF;
}

section.row {    
    /*padding-top:100px;*/
    padding-bottom:20px;
    /*border-bottom:1px #FFF dotted;*/
}
section:last-child {
    border-bottom:none;
}
section a:active,
section a:focus,

section a:hover {
    color:#FFF;
    text-decoration:underline;
}
section .text-muted {
    color:#CCC;
}

.featurette-heading{
    margin-top:95px;
    margin-left:-2000px;
}
.title_bgColor{
    font-size:16px;
    background-color:#d80017;
    width:2105px;
    height:50px;
    text-align:right;
     line-height:50px; 
}
.title_bgtext{
    margin-right:15px;
}

#mobile_news_bg {
    margin-top:60px;
     width:122%;
     height:300px;
      background:url(../images/news_bg.jpg) center center no-repeat;
     background-size:cover;
     display:block;
}

#section2{
    
}

#news_title{
    margin-top:0px;
}
#section2_cont{
    color:#d80017;
    margin-left:-35px;
    padding-bottom: 50px;
}


#section2_cont li{
    margin-bottom:-10px;
}

#section2_cont_bg{
  
    background:url(../images/new_G_bg.png) top left repeat-y;
     background-size:50% 100%;
}

#section3{    
     background:url(../images/aboutMe_bg.jpg) center center no-repeat;
     background-size:cover; 
}

.section3_text_title{
    margin-left:20px;
    padding-bottom:20px;
}

#about_me_text{    
    font-size:14px;
    color:#000000;
    line-height:25px; 
    letter-spacing:1.5px; 
    text-shadow:0px 0px 1px #ffffff;
    padding-bottom:50px;
}

#about_me_text_bg{
    display:none;
    width:100%;
}

#section4{    
    background-color:#000000;
}

.section4_text_title_00{
    margin-left:20px;
    padding-bottom:20px;
}

.section4_text_title_01{
    margin-left:5px;
    padding-bottom:20px;
}

#visit_cont{
    font-size:14px;
    color:#ffffff;
    line-height:25px; 
    letter-spacing:1.5px; 
}

#visit_cont_ul{
    margin-left:-23px;
}

#section5{    
     background:url(../images/from_bg.jpg) center center no-repeat;
     background-size:cover; 
}

.text-center {
    text-align: right;
}

.section5_text_title_00{
    margin-left:20px;
    padding-bottom:10px;
}

.section5_text_title_01{
    margin-left:20px;
    padding-bottom:20px;
}

.section5_text_title_02{
    margin-left:3px;
}

#form_title_02_text{
    position:absolute;
    top:10px;
    right:15px;
}

#section5_phone_text{
    margin-left:20px;
}

 .section5_phone_text{
     margin-left:20px;
 }
#from_img{
    display:none;
}

#form_Verification_img{
    overflow:hidden;
}

#psd-img{
    margin-top:-6px;
}

#form_Verification_btn{
    width:100%;
}

#btn-sendData{
     width:100%;
}

#form_reset_btn{
    width:100%;
}

.btn-default {
    color:#FFF;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}

footer {
    /*margin-top: -40px;*/
    text-align: center !important;
    line-height: 20px !important;
    color: #fff;
    font-size:12px;
}
    footer a:hover,
    footer a:active,
    footer a:focus,
    footer a {
        color: #fff;
    }
.modal {
    color:#fff;
}



/*----- DatePicker -----*/
.form-control[readonly] {
    cursor:pointer;
}
.datepicker table {
    color:#666;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.active {
    color: #FFF;
    background: #F00;
    cursor: pointer;
    border-radius: 20px;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #CCC;
    cursor: default;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today {
    color: #FFFFFF;
    background-color: #ff0000;
    border-radius: 20px;
}

/*----- Google Map -----*/
#map-canvas {
    height: 300px;
    width: 100%;
}
#map-canvas .map_title {
    color:#FF0000;
}
#map-canvas #MapInfo {
    color:#666666;
}

/* 大屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
   .wapper {
    font-size:14px;
}
   
#show_nav_section1{
    display:none;
}
#show_nav_section2{
    display:block;
}

#topNav .active a{
   
    background:url(../images/nav_pos.jpg) center left no-repeat;
}

#header_logo{
}

#navbar{
    padding-top:45px;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
    background-color:#d80017;
}

#navbar a{
    font-size:16px;
    color:#FFF;
}

#topNav{
}



.featurette-heading{
    margin-top:95px;
    margin-left:-2000px;
}
.title_bgColor{
    font-size:16px;
    background-color:#d80017;
    width:2105px;
    height:50px;
    text-align:right;
     line-height:50px; 
}
.title_bgtext{
    margin-right:15px;
}

#section1{
    display:none;
}


#section2{
      background:url(../images/news_bg.jpg) center right no-repeat;
     background-size:cover;
}

#news_title{
    margin-top:200px;
}


#section2_cont{
    color:#d80017;
    margin-left:-35px;
}

#section2_cont li{
    margin-bottom:-10px;
}

#section2_cont_bg{
  
    background:url(../images/new_G_bg.png) top left repeat-y;
     background-size:50% 100%;
}

#section3{    
     background:url(../images/aboutMe_bg.jpg) center center no-repeat;
     background-size:cover; 
}

.section3_text_title{
    margin-left:20px;
    padding-bottom:20px;
}

#about_me_text{    
    font-size:14px;
    color:#000000;
    line-height:25px; 
    letter-spacing:1.5px; 
    text-shadow:0px 0px 1px #ffffff;
}

#about_me_text_bg{
    display:block;
    width:100%;
}

#section4{    
    background-color:#000000;
}

.section4_text_title_00{
    margin-left:20px;
    padding-bottom:20px;
}

.section4_text_title_01{
    margin-left:5px;
    padding-bottom:20px;
}

#visit_cont{
    font-size:14px;
    color:#ffffff;
    line-height:25px; 
    letter-spacing:1.5px; 
}

#visit_cont_ul{
    margin-left:-23px;
}

#section5{    
     background:url(../images/from_bg.jpg) center center no-repeat;
     background-size:cover; 
}

.text-center {
    text-align: right;
}

.section5_text_title_00{
    margin-left:20px;
    padding-bottom:10px;
}

.section5_text_title_01{
    margin-left:20px;
    padding-bottom:20px;
}

.section5_text_title_02{
    margin-left:3px;
}

#form_title_02_text{
    position:absolute;
    top:10px;
    right:15px;
}

#section5_phone_text{
    margin-left:20px;
}

#from_img{
    display:block;
}


#form_reset_btn{
    width:100%;
    margin-left:18px;
}


#modal-body_date{
    position:relative;
    left:85%;
    margin-top:-25px;
}


#psd-img{
}

footer {    
    /*margin-top: -80px;*/
    font-size:13px;
}

/*----- Google Map -----*/
#map-canvas {
    height: 500px;
    width: 100%;
}


}
/* 小屏幕（手機，大于等于 768px） */
@media (max-width: 451px) {
#header_logo{
      margin-top:-60px;
      width:80%;
  }
}
@media (max-width: 350px) {
 .wapper {
    font-size:12px;
}
}
@media (max-width: 992px) {
 
#from_img{
    display:none;
}
}



.pro_rule{
    margin-left:20px;
    text-decoration:underline;
    cursor:pointer;
}

@media (min-width: 500px)
{
    #error_dialog {
        width: 400px;
    }
}
