html , body {
  width:100%;height:100%;
  margin: 0;
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; 
  overflow-x:hidden; 
  background: url("../img_n/bg.gif") repeat;
}





.index-content{
  background-color:#fff;padding-top:20px;padding-bottom:20px;
}
.index-content-tittle{
  padding:50px;
}
.index-content-text .pd , .content-001-text .pd{
  padding:35px;
}
.index-content-text h2{
  color:#ffd791;
}

.content-001 , .content-002{
  background-color:#fff;padding:0;
}
.content-001-tittle {
  padding:100px 50px 100px 50px;background-color:#6ddddf;
}
.content-001-text , .content-002-text{
  padding-top:50px;padding-bottom:50px;
}
.content-001-text h2{
  color:#6ddddf;
}

.content-002-tittle{
  padding:100px 50px 100px 50px;background-color:#8aaefa;
}

.content-002-text h2{
  color:#8aaefa;
}

#info {
  margin: 0;
  width:100%;
  padding:150px 20px 150px 20px;
  
}

.footer{background-color:#000;color:#fff;}
.footer .col-xs-12{
  padding:50px;
}


.container-fluid{padding: 0;}

.menu-pc{background-color:#fff;}
.menu{position:fixed;top:0;width:100%;z-index:9998;background-color:#fff;}
.menu h4 {line-height:30px;color:#000;text-align:left;opacity:0.85;padding-bottom:0;}

.menu h4:hover {opacity:1;}
.menu-logo{float:left;padding:7px;cursor: pointer;}


.menu-mobile{position:fixed;background-color:#fff;z-index:9999;width:100%;height:100%;padding:20px 20px 0 20px;top:50px;}
.menu-mobile h4{line-height:0;color:#333;text-align:left;padding-bottom:0;}
.menu-mobile-a , .menu-mobile-b , .menu-mobile-c , .menu-mobile-d , .menu-mobile-e , .menu-mobile-f , .menu-mobile-g , .menu-mobile-h , .menu-mobile-i , .menu-mobile-j , .menu-mobile-k , .menu-mobile-l , .menu-mobile-m ,.menu-mobile-fb{padding:15px 0 15px 0; cursor: pointer;}
.menu-btn{cursor: pointer;}
.menu-close{position:fixed;z-index:10000;right:0;top:0;cursor: pointer;}


.scroll{position:fixed;width:100%;bottom:13%;left:0;z-index:999;opacity:0.7; pointer-events:none;}


.logo{position:absolute;top:15px;left:15px;display:block;}


.affix{z-index: 9999;}

.btn-right{position:fixed;z-index: 9999;top:20%;width:3%;right:0;text-align:right;}	
.btn-right img{max-width:100%;padding:10px 0 10px 0;}	

.index-btn{position:absolute;bottom:10px;padding:40px}

.index-btn-1{padding:30px;
background-image: url(../img_n/index-btn-1-1.png);background-repeat: no-repeat;background-position: center;
  -moz-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
  }
  
.index-btn-1:hover{background-image: url(../img_n/index-btn-1-2.png);}

.index-btn-2{padding:30px;
background-image: url(../img_n/index-btn-2-1.png);background-repeat: no-repeat;background-position: center;
  -moz-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
  }
  
.index-btn-2:hover{background-image: url(../img_n/index-btn-2-2.png);}

.content-001-btn-1{padding:30px;
background-image: url(../img_n/content-001-btn-1-1.png);background-repeat: no-repeat;background-position: center;
  -moz-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
 }
  
.content-001-btn-1:hover{background-image: url(../img_n/content-001-btn-1-2.png);}

.content-001-btn-2{padding:30px;
background-image: url(../img_n/content-001-btn-1-1.png);background-repeat: no-repeat;background-position: center;
  -moz-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
 }
  
.content-001-btn-2:hover{background-image: url(../img_n/content-001-btn-1-2.png);}	

.display-none{display:none;}
.display-true{display:true;}
 

.padding-zero{padding:0}

.border1{border-width:0;border-bottom-width:1px;border-style:solid;border-color:#626262;padding-top:15px;}
.border2{border-width:0;border-top-width:1px;border-style:dashed;border-color:#333;padding-top:10px;}

a{text-decoration:none;cursor: pointer;color:#000}
a:hover{text-decoration:none;}

h1{font-size:50px;color:#000;}


h3{line-height:32px;padding-top:0;padding-bottom:10px;font-weight:bolder;letter-spacing: 1px;}
h4{line-height:26px;padding-top:0;font-weight:bold;letter-spacing: 1px;}
h5{line-height:22px;padding-top:0;padding-bottom:5px;letter-spacing: 1px; }
h6 a{color:#fff;opacity:0.8;}
h6 a:hover{color:#fff;opacity:1;}


.btn-default {
    background-color: #000;
    border-color: #000;
}

.btn-default:hover {
  background-color: #333;
  border-color: #333;
}

.color01{color:#6ddddf}
.color02{color:#8aaefa}


@media (min-width: 761px) and (max-width: 1024px)  {
	
.index-btn{bottom:10px;padding:30px}	
.btn-right{top:20%;width:5%;}	
.index-content-tittle {
  padding:35px;
}
.index-content-text .pd {
  padding:35px;
}

.content-001 , .content-002{
  padding-top:50px;
}
.content-001-tittle , .content-002-tittle{
  padding:50px 35px 50px 35px;
}
.content-001-text .pd , .content-002-text .pd{
  padding:50px 35px 35px 35px;
}

.footer .col-xs-12{padding:50px}

h1{font-size:40px;}
h2{font-size:30px;}


}

@media (min-width: 481px) and (max-width: 760px){
.index-btn{bottom:10px;padding:20px}	
.btn-close {width:10%;}

.index-content-tittle {
  padding:15px;
}
.index-content-text .pd , .content-001-text .pd{
  padding:15px;
}

.content-001 , .content-002{
  padding-top:50px;
}
.content-001-tittle ,.content-002-tittle{
  padding:50px 15px 50px 15px ;
}
.content-001-text .pd , .content-002-text .pd{
  padding:50px 15px 15px 15px;
}


.footer .col-xs-12{padding:30px}

.btn-right{top:15%;width:7%;}	
.index-content-text h4{font-size:16px;}

.menu-mobile-a , .menu-mobile-b , .menu-mobile-c , .menu-mobile-d , .menu-mobile-e , .menu-mobile-f , .menu-mobile-g , .menu-mobile-h , .menu-mobile-i , .menu-mobile-j , .menu-mobile-k , .menu-mobile-l , .menu-mobile-m ,.menu-mobile-fb{padding:10px 0 10px 0;}

h1{font-size:36px;}
h2{font-size:26px;}



}
@media (max-width: 480px) {
.index-btn{bottom:0px;padding:10px}	
.btn-close {width:15%;}
.index-content-tittle {
  padding:5px;
}
.index-content-text .pd , .content-001-text .pd{
  padding:5px;
}

.content-001 , .content-002{
  padding-top:50px;
}

.content-001-tittle , .content-002-tittle{
  padding:30px 5px 30px 5px ;
}

.content-001-text .pd .content-002-text .pd{
  padding:50px 5px 5px 5px;
}

.footer .col-xs-12{padding:20px}
.btn-right{top:15%;width:10%;}	
.index-content-text h4{font-size:14px;}

.menu-mobile-a , .menu-mobile-b , .menu-mobile-c , .menu-mobile-d , .menu-mobile-e , .menu-mobile-f , .menu-mobile-g , .menu-mobile-h , .menu-mobile-i , .menu-mobile-j , .menu-mobile-k , .menu-mobile-l , .menu-mobile-m ,.menu-mobile-fb{padding:5px 0 5px 0;}

h1{font-size:36px;}
h2{font-size:26px;}



}