.pagerow{
  padding: 3% 0 0 0;
}
.border{
  border:1px solid #ccc;
}

/*背景緣起*/
.about{
  background: url("../image/banner/bg.png") right bottom no-repeat;
}

.list{
  margin: 15px 0;
  padding: 0 0 0 30px;
  border-left: 8px;
  border-style: solid;
  border-color: rgb(96,192,193); /* Old browsers */
  border-color: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  border-color: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  border-color: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}

.list li{
  margin: 8px 0 8px 5px;
  float: left;
  width: 100%;
  line-height: 1.5em;
  list-style-type: decimal;
}

.notes{
  margin: 20px 0 0 0;
  padding: 15px 15px;
  background: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 1.5em;
  color: #898989;
}
.aboutall{
  padding: 0 0 0 40px;
  margin: 25px 0 ;
}
.aboutbox{

  border-radius: 15px;
  padding: 5px 5px;
  text-align: center;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}
.aboutcontent{
  background:#f7f7f7; 
  padding: 10px 0 10px 0;
  border-radius:0 0 10px 10px;
}
.aboutbox h3{
  color: #fff;
  padding: 5px 0;
  font-size: 1.6em;
}
.aboutbox p{
  color: #454545;
  line-height: 1.5em;
  float: left;
  width: 100%;
  margin: 3px 0;
}

.circle{
  width: 85px;
  height: 85px;
  position: absolute;
  top: 48px;
  left: -10px;
  z-index: 2;
}

/*橋接世界*/
.worldarea{
  padding: 2% 2%;
  background: #fff;
  margin: 0px 0;
}
.worldarea p{
  width: 100%;
  float: left;
  line-height: 1.7em;
  color: #595757;
  letter-spacing: 3px;
  margin:10px 0;
  font-size: 1.13em;
}
.isolatepic{
  position: absolute;
  z-index: -1;
  right: 0;
  top:15px;
}
.isolatepic:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: -10px;
  top:10px;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}
.worldbox p{
  width: 100%;
  float: left;
  line-height: 1.7em;
  color: #232323;
  letter-spacing: 3px;
  margin:10px 0;
  font-size: 1.13em;
}

.worldbox .green,.worldarea .green{color:#00a29a;}
.worldsection{
  margin: 2% 0 0 0;
  background: url("../image/world/world2.jpg");
  background-size: cover;
}
.world3{
  background:#eeeeee; 
}

.worldline{
  width: 100px;
  height: 9px;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
  margin: 0 0 10px 0;
  border-radius: 50px;
}
.black{
  background:#333; 
}

.pic3:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: -10px;
  top:10px;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}


/*------飛向無垠-----------*/
.allgoto{
  
     width: 30px;
    /* max-width: 500px; */
    float: none;
    /* margin: 0 auto; */
    color: #9e9f9f;
    position: fixed;
    top: 40%;
    /*background: antiquewhite;*/
    right: 0;
    z-index: 2;
}

.gotodiv{
  padding: 6px 6px;
  border:1px solid #9e9f9f;
  border-radius:5px;
  color:#9e9f9f;
  font-size:1.3em;
  line-height: 1.5em; 
  margin: 5px 0px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  background: #fff;
}
.selected{
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border:1px solid #fff;
}

.selected:hover{
  
  color: #fff;

}

.singlefly{
  padding: 15px 15px;
  line-height: 1.58em;
  color: #231815;
}
.singlefly p{
  line-height: 1.6em;
  color: #231815;
  font-size: 1.13em;
  letter-spacing: 3px;
}
.singlefly h3{
  font-size: 1.6em;
}
.singlefly .title{
  margin: 0 0 15px 0;
}
/*---------------------------*/
.airarea{
  padding: 15px 15px 15px 15px;
  background: #fff;
}
.airarea:nth-child(even){
  background:#f6f7f7; 
}

.airarea h3{
  padding: 15px 0;
  font-weight: bold;
  color: #00a199;
  font-size: 1.5em;
}
.airarea p{
  line-height: 1.6em;
  color: #231815;
  font-size: 1em;
  letter-spacing: 3px;
}
.bigtopic{
  margin: 0 0 40px 0; 
  padding: 20px 20px 20px 10px;
  border-radius: 0 50px 50px 0 ;
  font-size: 1.65em;
  color: #fff;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}

.subtopic{
  margin: 0 0px 25px 0;
}
.subtopic h2{
  font-size: 1.7em;
}
.subtopic img{
  margin: 0 15px 0 0;
}

.sectopic{
  padding: 0 0 0 50px;
  background: url("../image/fly/dot.png") 0 top no-repeat;
  background-size:inherit;
}
.sectopic h2{
  font-size: 1.9em;
  color: #595757;
  line-height: 1.3em;
}

.sectopic-w{
  background: url("../image/fly/dot-w.png") 0 center no-repeat;
  background-size: contain;
  margin: 0 0 30px 0;
}
.sectopic-w h2{
  color: #fff;
}

.airbg{
  background: url("../image/fly/airbg.jpg") 0 0 no-repeat fixed;
  background-size: cover;
}

.plus h3{
  font-weight: bold;
  color: #e95514;
  font-size: 1.6em; 
  line-height:1.5em;
}

.plus{
  margin: 0 0 15px 0;
  padding: 0 0 0 50px;
  background: url("../image/fly/star.png") 0 center no-repeat;
}

.trafic h2{
  color:#00a199;
}

.worldbox{
  padding: 10px 0;
}
/*---------------------------*/
.ecnomic{
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
}

.ecnomic p{
  line-height: 1.7em;
  font-size: 1.05em;
  letter-spacing: 3px;
}

.ecnomicset{
  padding: 15px 10px 15px 0px;
  margin: 15px 0; 
}
.ecnomicset h4{
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 0 3% 0;
}


/*經濟效益*/
.futurebg{
background: url("../image/future/futurebg.jpg") 0 bottom no-repeat;
}
.bigbox{
  border:1px solid #ccc;
  background: #fff;
  padding: 0px 0px;
}
.fubox{
  padding: 20px 20px;
  border-bottom:1px solid #ccc;
  /*background: #ff0;*/
}
.bigbox h1{
  font-size: 1.6em;
  letter-spacing: 3px;
}

.bigword{
  margin: 15px 0 0 0;
}

.thin{
  max-width: 65%;
  float: none;
  margin: 0 auto;
}


    
.fubox:last-child {
  padding: 20px 20px;
  border-top:1px solid #ccc;
}

.secfubox{
  border-right:0px solid #ccc;
  border-left:0px solid #ccc;
}
.fubox p,.sisfubox p {
  font-size: 1.3em;
  line-height: 1.75em;
  margin:10px 0;
  letter-spacing: 0px;
}
.subfubox .sisfubox:last-child {
  border-top:0px solid #ccc;
}

.sisfubox h2,.fubox h2{
  font-size: 2em;
  letter-spacing: 0px;
  line-height: 1.5em;
}
.sisfubox h2{
  font-size: 2.3em;
}

.sisfubox img{
  margin: 0 15px 0 0;
}

.mid h2{
  font-size: 1.85em;
  letter-spacing: 0px;
  line-height: 2em;
}

.sisfubox{
  padding:  50px 5px;
  border-right: 1px solid  #ccc; 
}

.sisfubox:last-child {
    border-right: 0px; 
  }

.bigbox .blue{color:#2ea7e0;border-bottom:4px solid #2ea7e0;}
.bigbox .orange{color:#f8b62d;}
.bigbox .red{color:#ea5514;}
.bigbox .green{color:#00a29a;border-bottom:4px solid #00a29a;}

.bigbox .blue,.bigbox .green{
  
  padding: 0 0 10px 0;
}


/*逐步圓夢*/
.dreambg{
  background: url("../image/dream/dreambg.jpg") 0 0 no-repeat fixed;
}

.dreambg .areatitle{
  margin: 0 0 20px 0;
  background: url("../image/dream/plane.png") 0 center no-repeat;
   
  padding: 10px 0 10px 70px;
}

.dreambg .areatitle h2{
  font-size: 1.9em;
  line-height: 1.35em;
  letter-spacing: 5px;
  color: #595757;
}

.itemtitle{
  background: #fbb03b;
  border-radius:40px;
  padding: 8px 16px;
  color: #fff;
  font-weight: bold;
  float: left;
  width: auto;
  font-size: 1em;
  margin: 0 0 10px 0;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.item-list p{
  float: left;
  width: 100%;
  font-size: 1em;
  line-height: 1.5em;
  padding:0 0 0 35px; 
}

.item-list ul li,.item-list2 ul li{
  list-style: disc;
   font-size: 1em;
  line-height: 1.5em;
}

.item-list ul,.item-list2 ul{
   padding:0 0 0 55px; 
}

.item-list2 h4{
   font-size: 1em;
}

.item-list  .item{
  margin: 0 0 15px 0;
  border-bottom:1px solid #ccc;
  padding:0 0 15px 0; 
}

.item-list  .item:last-child{
  border-bottom:0px;
  margin: 0 0 0px 0;
}
.item-list {
  padding: 15px 15px;
}

.item-list2 {
  padding: 15px 30px;

}

.itemoss{
  background: #fff;
  padding: 0px 0 0 0;
}
.itemoss:nth-child(odd){
  background: #f2f2f2;
}

.topsection{
  padding: 20px 10px;
  background: rgb(96,192,193); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
  color:#fff;
  font-weight: bold;
  z-index: 2;
}

.topsection h3,.topsection h2{
  /*font-size: 1.2em;*/
}
  .dream1{
    letter-spacing: 1px;
    margin: 0 0 5% 0 ;
  }

.years{
  padding:20px 0; 
}


@media only screen and (min-width: 600px) {

  .aboutall{
    padding: 0 40px;
    margin: 25px 0 ;
  }

  .circle{
    width: 100px;
    height: 100px;

  }
}

@media (min-width: 640px) and (max-width: 999px) {
  
  .sisfubox {
    padding: 20px 50px;
    border-right: 1px solid #ccc; 
  }
  .fubox:last-child {
    padding: 15px 15px;
    border-bottom:0px;
  }
  .subtopic h2{
    font-size: 1.7em;
  }
  .singlefly h3{
    font-size: 1.5em;
  }

  .dream1{
    border-bottom:8px solid #ccc;
    border-color: rgb(0,159,176); /* Old browsers */
    /*border-color: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    /*border-color: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    /*border-color: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    margin: 0 0 5% 0 ;
  }

  .dream1:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:17%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream1:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:59%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream2:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:0%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream2:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    right:0%;
    background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }
  

}

@media (min-width: 768px) {
  .bigbox{
    padding: 30px 30px;
  }
  .sisfubox{
    padding:  40px 50px;
  }
  .sectopic{
    background-size:contain;
  }
  .sectopic h2{
    font-size: 1.9em;
  }

   .dream1{
    border-bottom:8px solid #ccc;
    border-color: rgb(0,159,176); /* Old browsers */
    /*border-color: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    /*border-color: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    /*border-color: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    margin: 0 0 1% 0 ;
  }

  .dream1:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:17%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream1:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:59%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream2:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left:0%;
     background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }

  .dream2:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    right:0%;
    background: rgb(96,192,193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,192,193,1) 0%, rgba(0,159,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(96,192,193,1) 0%,rgba(0,159,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c0c1', endColorstr='#009fb0',GradientType=0 ); /* IE6-9 */
    z-index: 1;
  }
}


@media screen and (min-width: 1000px){
  .fubox{
    padding: 0 20px;
    border-bottom:0px solid #ccc;
  }
   .fubox:last-child {
    padding: 0 30px;
    border-top:0px solid #ccc;
  }
  .secfubox{
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
  }
  .subfubox .sisfubox:last-child {
    border-top:1px solid #ccc;
  }
  .airarea{
    padding: 15px 0 15px 70px;
  }
  .sisfubox:last-child {
    border-right: 0px; 
  }
  .sisfubox{
    border-right: 0px; 
  }
  /*.pagerow{
    padding: 10% 0;
  }*/

  .allgoto{
  
     width: 160px;
  
  }
  .years{
    padding:160px 0; 
  }
  .item-list {
    padding: 0 30px;
  }
  .item-list2 {
    padding: 0 50px;
  }
  .itemoss{
    padding: 30px 0 0 0;
  }

 .topsection h2{
    font-size: 1.6em;
  }

 

}
@media screen and (min-width: 1000px) and  (max-width: 1300px){
  .allgoto{
  
     width: 40px;

    top: 17%;
  }
}

@media (min-width: 1300px) {
 .pagerow{
    padding: 2% 0;
  }
 
}

@media (min-width: 1200px) and  (max-width: 1500px){
  /*------飛向無垠-----------*/
  .allgoto{
    width: 105px;
  }
  .gotodiv{
    font-size:1.1em;
  }

  /*.pagerow{
    padding: 5% 0 3% 0 ;
  }*/
}

@media (min-width: 1500px) {
  
  
}