/* =Template
-------------------------------------------------------------- */


html,body {
    height: 100%;
}
/*.container {
  width: 80%;
  margin: 0 auto;
  padding: 0 30px; 
  background: #999;
  height: 100%;
}*/


/* 首頁第一層SLIDE/ISCROLL
--------------------------------------------------*/


    /*視差背景
    #intro{
      background:url(../image/bg/IMG_5720.jpg) 100% 0 no-repeat fixed;
      color: white;
      height: 0px;
      margin: 0 auto;
      padding: 0;
      -moz-background-size: cover;
        background-size: cover;
    }

    #second{
      
      color: white;
      background-color: #fff;
      margin: 0 auto;
      overflow: hidden;
    }

    #third{
      background: url(../image/bg/222.jpg) 100% 0 no-repeat fixed;
      color: white;
      height: 300px;
      padding: 100px 0 0 0; 
      -moz-background-size: cover;
        background-size: cover;
    }
    #FOUR,#five{
      color: white;
      height: 650px;
      padding: 100px 0 0 0; 
    }
    #FOUR{
    }
    #five{
      background:#222;
    }*/
        
    .logo{
        margin:0;
        width: 50%;
        float:left;
    }

    .web1, .web2, .web3, .web4, .web5, .web6,.web7{
        width: 100%;
        height: auto;
        position:relative;
        float: left;
        background-position: center;
        overflow: hidden;

    } 

    .web1{
      background-color: #FFF;
    }

    .web2{
       
        background-color: #FFF;
    }

    .web3{
         background-color: #ddd;
         background-color: #FFF;
    }

    .web4{
       background-color: #ccc;
        background-color: #FFF;
    }

    .web5{
      background: #bbb;
       background-color: #FFF;
    }

    .web6{
      /*background: url(../image/bg/s-bg.png);
      background-size: 100%;*/
     background: #aaa;
      background-color: #FFF;
    }

    .web7{
      background-color: #000;
    }
    .co-1x,.co-2x,.co-3x,.co-4x{
      float:left;
      position: relative;
      overflow: hidden;
      width: 100%;
    }

/* 首頁內文 框架
---------------------------------------------------------------*/

  .contentword{
    width:100%;
    padding: 0 0%;
    margin: 0% auto;
    background:#f4f4e7;
    height: auto;
    max-width:1024px;
  }

  /*MENU
---------------------------------------------------------------*/
.webmenu{
  margin: 0px auto;
  width: 80%;
  background:#F00;
}

/*Lates
---------------------------------------------------------------*/
.latestitle{
  text-align: center;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  padding: .5% 0;
  color: #333;
  margin: 5% 0;
}

/*View All
---------------------------------------------------------------*/
    .viewall{
      width: 100%;
      padding: 5% 5%;
      text-align: center;
      margin: 5% auto;
      float: left;
      color: #dcdcdc;
    }

    .viewlist{
      width: 100%;
      padding: 10% 0%;
      text-align: center;
      margin: 5% auto;
      float: left;
      border-top: 2px solid #ccc;
      border-left: 0px;
      font-size:1em;
    }

    .viewlist a{
     color: #efefef;
    }

    .viewlist span{
      width: auto;
      margin: 3% 3%;
      padding: 1% 3%;
      text-align: center;
      float: left;
      border-radius: 3px;
      border:1px solid #999;
    } 

/*最新文章
-------------------------------------------------*/
.grid,.latespic,.latesinfo{
    float: left;
    position: relative;
    
}
.grid{
    margin: 1% 1% 2% 1%;
    background:#fefefe;
    padding: 3% 2%;
    box-shadow: 0px 1px 2px #333;
    border-radius: 3px ;
}

.grid a{
    color: #000;
}
.grid a:hover{
    color: #209bde;
}

.latespic{

}

.latesinfo{
    background:#fff;
    padding: 8% 2%;
    width: 100%;
}
.latesinfo h6{
    margin: 0 0 4% 0;
    padding: 0 0 4% 0;
    font-weight: bold;
    border-bottom:1px dashed #000;
}

.latesinfo span{
    width: 100%;
    float: left;
    text-align: right;
}

/*contact
----------------------------------------------*/
.map{
  background:#2ca6e0;
 /* height: 100%;*/
}

.formsec{
  width: 100%;
  padding: 1% 3%;
  background: #fff;
  float:left;
}

.followsoic{
    width: 100%;
    float:left;

  }

  .followsoic span{
    color: #fff;
  }

  .followus{
    margin:5% auto;
    width: 100%;
    color: #fff;
    float: left;
    text-align: center;
  }