/*   body    */

body {   
    background-color: #f7ae1f;
    margin: 0; padding: 0;    
}

ul { list-style: none;}
body { width: 100%;  *cursor: default;}

#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { }
  .page2 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -773px;
    margin-top: -756px;
    }  
.page2 { background: #009922;}
.page3 { background: #992211;}
.page4 { background: #ff00ff;}
.page5 { background: #00ff00;}
.page6 { background: #22ffff;}
#navBar { z-index: 3; position: absolute; top: 30%; right: 3%;}
#navBar .active { background: #000;color: #fff}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 40px; text-align: center; width: 40px; height: 40px;background: #fff;}

.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}



/* Fullscreen background image */
.fullscreen-img {
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.mas{
    position: fixed;
    display: block;
    width: 100%;height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index:4;
}
#scene {
    position: absolute;
    width: 100%;
    height: 100%;
      
  min-height: 800px;
    min-width: 1100px;
    overflow: hidden;


}



/*  logo  */
.logo{
   position:fixed;left: 0px;top: 0px;
    width:100%; height: 75px;
    z-index: 99999;
    background-color: #f7ae1f;
   
    
}
.logo1{position: absolute;left: 10px;top: 10px;}
.logo2{position: absolute;right: 10px;top: 3px;}


.logo02{
    position:fixed;left: -30px;bottom: 10px;
    width:365px; height: 95px;
    z-index: 999;
}



/*  主標題  */

.tt{
    position:relative;
    width: 1280px;
    height: 1680px;
    display: block;
    margin: 0 auto ;
    z-index: 1;

    

}
.linkmas{
    position: absolute;
    width: 100%;
    height: 800px;
    left: 0;
    top: 0px;
    z-index: 99;
  

    

}

.t01{
    z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 1280px;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
     background-size:100% 130%;

}
.t02{
position: absolute;
    width: 550px;
    /* height: 341px; */
    right: 5%;
    top: 77px;
}
.t03{
       position: absolute;
    width: 409px;
    height: 309px;
    left: 50%;
    top: 227px;
    z-index: 1;
    margin-left: -200px;
   
}
.t04{
   position: absolute;
    width: 643px;
    height: 129px;
    left: 50%;
    top: 455px;
    z-index: 10;
    margin-left: -322px;
}
.t05{
    position: absolute;
    width: 306px;
    /* height: 80px; */
    left: 50%;
    top: 518px;
    z-index: 11;
    margin-left: 173px;
}
.t06{
        position: absolute;
    width: 486px;
    /* height: 766px; */
    left: 9%;
    top: 85px;
}
.t07{
    position: absolute;
    width: 1000px;

    left: 50%;
    top: 924px;
    z-index: 11;
    margin-left:-500px;
}

.t08{
       position: absolute;
    width: 1000px;

    left: 50%;
    top: 748px;
    z-index: 11;
    margin-left:-500px;
}
.t09{
    position: absolute;
    width: 488px;

    left: 50%;
    top: 1260px;
    z-index: 11;
    margin-left:-244px;
    
}


.c04{
    position: absolute;
        left: 355px;
    top: 357px;
    z-index: 999;
}
.ab:hover {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    opacity: 0.5;

}
.ab2:hover {
    transform: translate(0px, 2px);
    -webkit-transform: translate(0px, 2px);
    opacity: 0.5;

}

.tbox2 {
    position: absolute;
    width: 1000px;height: 570px;
    left: 50%;bottom: 5px;
    margin-left: -455px;
    text-align: center;
}

.tbox2 a img{ 
   
    width: 211px;
    height: 80px;
    padding:10px 35px 10px 0px;

}
.tbox3 {
    position: relative;
    width: 1026px;height: 1300px;
    left: 50%;top: 80px;
    margin-left: -512px ;
    z-index: 4;
    padding-bottom: 100px;

}


/*  menu  */

.menu {
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0px;
    right: 0px;
    z-index: 999;
}

.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.action-button {
    position: relative;
    padding: 5px 14px;
    margin: 10px 10px 5px 5px;
    float: right;
    border-radius: 0px;
    font-family: 'Microsoft JhengHei';
    font-size: 14px;
    color: #122950;
    text-decoration: none;
}

.blue {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
}

.blue2 {
    background-color: #36bdef;
    border-bottom: 5px solid #1a779a;
    text-shadow: 0px -2px #1a779a;
}

.red {
    background-color: #E74C3C;
    border-bottom: 5px solid #BD3E31;
    text-shadow: 0px -2px #BD3E31;
}

.green {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
    text-shadow: 0px -2px #669644;
}

.green2 {
    background-color: #009eb0;
    border-bottom: 5px solid #135b63;
    text-shadow: 0px -2px #135b63;
}

.yellow {
    background-color: #ECD88A;
    border-bottom: 5px solid #AF9930;
    /*text-shadow: 0px -2px #b58c10;*/
}

.action-button:hover {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    border-bottom: 1px solid #242D3F;
    background-color: #FFCB00;
}




/*
 @media only screen and (max-width: 1520px) {
 .t02{
    position: absolute;
    width: 180px;height: 341px;
    left: 150px;top: 105px;
}

.t05{
    position: absolute;
    width: 174px;height: 384px;
    left: 357px;top: 100px;
}
.btn03{
    position: absolute;
    left: 65px;top: 109px;
}
     .c04{
    position: absolute;
        left: 103px;
    top: 357px;
    z-index: 999;
}
}
*/