html,body{height:100%; margin:0 auto;}
.mousehand{ cursor:pointer;}
.flex-container {display: flex | inline-flex;}

.textAlignC{text-align:center;}
.tableCsss{border:2px solid #F1C339; border-collapse: collapse; width:95%; margin:1% 0 3% 0;}

.MainTop{position:relative; height:100%; background-image:url(../images/bg.jpg); background-size:100% 100%;}
.b1{position:absolute; bottom:0%; width:22%; left:8%; min-width:390px;}
.b1-1{position:absolute; bottom:0; width:100%;}
.b2{position:absolute; right:10%; bottom:0; width:35%; z-index:1; min-width:500px;}
.b3{position:absolute; left:9%; top:50%; width:20%; z-index:2; min-width:400px;}
.b3-1{position:absolute; left:0; top:28%; width:40%; z-index:2;}
.b4{position:absolute; width:25%; z-index:3; top:-7%; min-width:400px;}
.b5{position:absolute; width:25%; z-index:3; right:0; min-width:400px;}


.MainTop_2{position:relative; height:600px; background-image:url(../images/bg.jpg); background-size:100% 100%; z-index:5; overflow:hidden;}
.b1_2{position:absolute; bottom:0%; width:250px; left:6%;}
.b2_2{position:absolute; right:15%; bottom:0; width:450px; z-index:1;}
.b3_2{position:absolute; left:4%; top:50%; width:40%; z-index:2; }
.b4_2{position:absolute; width:15%; z-index:3; top:-7%; min-width:350px;}
.b5_2{position:absolute; width:10%; z-index:1; right:5%; top:4%; min-width:330px; }



#footer{background-color:#E97313; color:#FFF; position:fixed; bottom:0px; width:100%; padding:1%; z-index:10; text-align:center;}
#pagefooter{background-color:#E97313; color:#FFF; bottom:0px; width:100%; padding:1% 0; z-index:10; text-align:center; margin-top:10%;}
#GMain{ margin:3% 0;}
.Gflex {justify-content: center; display: flex;  flex-wrap:  nowrap; margin:5% 0;}
.flex-CT { display: flex; justify-content: center;  align-items: center;}

#g2ol{ padding-left:3%;}
#GMain ol{ max-width:58%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:6px; text-align:left; line-height:40px;}
#SMain ol{ font-size:1.3em; font-family:'微軟正黑體';letter-spacing:6px; text-align:left; line-height:40px;}
.54logo{width:8%;}
.CTTitle{font-family:'微軟正黑體'; font-size:3em; font-weight:bold; color:#525E7D; padding-left:2%;}
.ContentP{max-width:60%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:6px; text-align:left;}
.CPicSet{width:60%; margin-top:3%;}
.CP1{width:45%; float:left;}
.CP2{width:45%; float:right;}
.g4Set{ width:60%;}

.lts5{letter-spacing:5px;}
.lts4{letter-spacing:4px;}
.lts3{letter-spacing:3px;}
.divS{text-align:left; width:70%; max-width:1200px;}
.tMb{font-size:2.5em; font-family:'微軟正黑體'; font-weight:bold;}
.wd20{width:20%; height:20px;}
.wd40{width:40%; height:20px;}
.mtop{margin-top:8%;}
.pfset1{font-size:1.3em; font-family:'微軟正黑體';}
.pfset2{font-size:1.5em; font-family:'微軟正黑體'; line-height:1.8em;}
.pfset3{font-family:'微軟正黑體'; font-size:1.5em; font-weight:bold;}

.uls{text-align:left; font-size:1.3em; font-family:'微軟正黑體';}
.wd100{ width:95%;}
.tiulSet{text-align:left; font-size:1.3em; font-family:'微軟正黑體'; font-weight:bold; line-height:38px;}
.ols{font-size:1.3em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:40px;}
.topls{font-size:1.3em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:20px; font-weight:bold;}
.topls1{font-size:1.3em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:20px; font-weight:bold; margin-top:3%;}
.noticeColor{color:#FE703D;}
.menu{padding:2% 0 0 40%;  display:block;  background-color:#FFF; z-index:200; }

.imp{ color:#C4261E; font-size:1.5em;}

	ul { 
        margin: 0;
        padding: 0;
        list-style: none;	
		width:98%;
		text-align:center;	
		z-index:200;		
    }

    ul.drop-down-menu {
        display: inline-block;
        font-family: '微軟正黑體', Arial, sans-serif;
        font-size: 1.1em;
		font-weight:bold;
		z-index:200;

    }

    ul.drop-down-menu li {
        position: relative;
        white-space: nowrap;
		width: 16%;
		/*width:160px;*/
		text-align:center;
		z-index:200;
		
    }

    ul.drop-down-menu > li {
        float: left; 
		z-index:200;
    }

     ul.drop-down-menu a {
        color: #525E7D;
        display: block;
        padding: 0 10px;
        text-decoration: none;
        line-height: 40px;
		text-align:left;
		z-index:200;
    }

    ul.drop-down-menu a:hover { 
        /*background-color: #F0E3DD;*/
        color: #525E7D;
		background:#F0E3DD;
		z-index:200;
    }

    ul.drop-down-menu li:hover > a { 
        /*background-color: #F0E3DD;*/
        color: #525E7D;
		z-index:200;
    }
	
	 ul.drop-down-menu ul {
        /*background-color: #F0E3DD;*/
		font-weight:normal;
		font-family: '微軟正黑體', Arial, sans-serif;
		color:#525E7D;
        position: absolute;
        z-index: 99;
        width: 100%;
		text-align:center;
		background:#F0E3DD;
		z-index:200;
    }
	
	 ul.drop-down-menu ul { 
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
		text-align:center;
		background:#F0E3DD;
		z-index:200;
    }

    ul.drop-down-menu li:hover > ul { 
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
		text-align:center;
		z-index:200;
    }

	#footer span{ padding:0 50px; font-family: '微軟正黑體', Arial, sans-serif;}
	#pagefooter span{ padding:0 50px; font-family: '微軟正黑體', Arial, sans-serif;}
	#btn_top{ position:fixed; right:0px; bottom:8%;	opacity:0.8;}
	#phoneMenu{display:none;}
	#M-footer{display:none;}
	#M-pagefooter{display:none;}
	.topCss{text-indent:0.3em; display:none; }
	.gneptlistCss{text-indent:0.3em; display:none; }
	
	
	
	
@media only screen and (min-width:768px) and (max-width: 1100px) {
	.tableCsss{border:2px solid #F1C339; border-collapse: collapse; width:100%; margin:1% 0 3% 0;}
	#phoneMenu{display:none;}
	#M-footer{display:none;}
	#phoneMenu{position:fixed; width:100%; height:65px; z-index:100; background-color:#E97313; border:0; text-align:right; display:block;} 
	#tpmenu{width:100%; background-color:#E97313; color:#FFF; text-align:left; font-family:'微軟正黑體'; display:none; opacity:0;}
	.menu{display:none;}
	.menubtn{z-index:30; width:10%; padding:1% 2% 0 2%; max-width:50px;}

	.MainTop{position:relative; height:100%; background-image:url(../images/bg.jpg); background-size:100% 100%;}
	.b1{position:absolute; bottom:0%; width:450px; left:0; }
	.b2{position:absolute; left:40%; bottom:0; width:600px; z-index:3; }
	.b3{position:absolute; left:6%; top:53%; width:22%; z-index:2; min-width:320px;}
	.b4{position:absolute; width:23%; z-index:3; top:-7%; left:-7%; min-width:400px;}
	.b5{position:absolute; width:25%; z-index:2; right:-10%; min-width:400px;}
	
	
	.MainTop_2{position:relative; height:400px; background-image:url(../images/bg.jpg); background-size:100% 100%; z-index:5;}
	.b1_2{position:absolute; bottom:0%; width:200px; left:8%;}
	.b2_2{position:absolute; right:5%; bottom:0; width:280px; z-index:2;}
	.b3_2{position:absolute; left:4%; top:60%; width:40%; z-index:2; min-width:480px;}
	.b4_2{position:absolute; width:15%; z-index:3; top:-7%; min-width:250px;}
	.b5_2{position:absolute; width:10%; z-index:1; right:-5%; top:4%; min-width:200px; }

	#footer{ display:none;}
	#M-footer{background-color:#E97313; color:#FFF; position:fixed; bottom:0px; width:100%; padding:1%; z-index:10; text-align:center; display:block; font-size:0.8em;}
	#pagefooter{display:none;}
	#M-pagefooter{background-color:#E97313; color:#FFF; bottom:0px; width:100%; padding:1% 0; z-index:10; text-align:center; margin-top:10%; display:block; font-size:0.8em;}
	#TestInfo1{margin:10% 0;}
	.Gflex {justify-content: center; display: flex;  flex-wrap:nowrap; margin:5% 0%; width:90%; }
	.flex-CT { display: flex; justify-content: center;  align-items: center; }
	.CTTitle{font-family:'微軟正黑體'; font-size:1.5em; font-weight:bold; color:#525E7D; padding-left:2%;}
	.ContentP{max-width:85%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:8px; text-align:left;}
	.pic2{width:15%;}
	.CPicSet{width:85%; margin-top:3%;}
	.CP1{width:45%; float:left;}
	.CP2{width:45%; float:right;}
	#g2ol{ padding-left:3%;}
	#GMain ol{ max-width:80%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:3px; text-align:left; line-height:40px;}
	#SMain ol{ font-size:1.3em; font-family:'微軟正黑體';letter-spacing:6px; text-align:left; line-height:40px;}
	.g4Set{ width:90%;}
	.54logo{width:30%;}
	
	
	.lts5{letter-spacing:5px;}
	.lts4{letter-spacing:4px;}
	.lts3{letter-spacing:3px;}
	.divS{text-align:left; width:85%;}
	.tMb{font-size:2em; font-family:'微軟正黑體'; font-weight:bold;}
	.wd20{width:40%; height:20px;}
	.wd40{width:80%; height:20px;}
	.mtop{margin-top:15%;}
	.pfset1{font-size:1.2em; font-family:'微軟正黑體';}
	.pfset2{font-size:1.2em; font-family:'微軟正黑體'; line-height:1.8em;}
	.pfset3{font-family:'微軟正黑體'; font-size:1.2em; font-weight:bold;}
	
	.uls{text-align:left; font-size:1.3em; font-family:'微軟正黑體';}
	.wd100{ width:100%;}
	.tiulSet{text-align:left; font-size:1.3em; font-family:'微軟正黑體'; font-weight:bold; line-height:38px;}
	.ols{font-size:1.3em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:40px;}
	.topls{font-size:1.2em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:20px; font-weight:bold;}
	.topls1{font-size:1.2em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:20px; font-weight:bold; margin-top:3%;}
	.noticeColor{color:#FE703D;}
	.imp{ color:#C4261E; font-size:1.1em;}
	#top100info1{margin-top:15%;}
}
	
	
@media only screen and (min-width:301px) and (max-width: 767px) {
	.tableCsss{border:2px solid #F1C339; border-collapse: collapse; width:100%; margin:1% 0 3% 0;}
	.top1{ content:url(../images/top1_phone.jpg?1);}
	#phoneMenu{position:fixed; width:100%; height:60px; z-index:100; background-color:#E97313; border:0; text-align:right; display:block;} 
	#tpmenu{width:100%; background-color:#E97313; color:#FFF; text-align:left; font-family:'微軟正黑體'; display:none; opacity:0;}
	.menu{display:none;}
	.menubtn{z-index:30; width:10%; padding:1% 2% 0 2%; max-width:50px;}
	.MainTop{position:relative; height:100%; background-image:url(../images/bg.jpg); background-size:100% 100%; overflow:hidden;}
	.b1{position:absolute; width:50%; min-width:350px; left:2%;}
	.b2{position:absolute; z-index:3; width:60%; min-width:350px; left:35%;}
	.b3{position:absolute; z-index:2; min-width:200px; top:60%; left:0;}
	.b4{position:absolute; z-index:3; min-width:230px; left:-10%; top:0%;}
	.b5{position:absolute; z-index:2; min-width:200px; left:62%;}
	
	
	.MainTop_2{position:relative; height:300px; background-image:url(../images/bg.jpg); background-size:100% 100%; z-index:5; overflow:hidden;}
	.b1_2{position:absolute; top:24%; width:14%; left:7%; min-width:140px;}
	.b2_2{position:absolute; right:0%; bottom:0; width:200px; z-index:2; min-width:150px; max-width:200px;}
	.b3_2{position:absolute; left:4%; top:65%; width:40%; z-index:2; min-width:210px;}
	.b4_2{position:absolute; width:15%; z-index:3; top:2%; min-width:150px;}
	.b5_2{position:absolute; width:10%; z-index:1; right:-5%; top:20%; min-width:80px; }
	
	#footer{ display:none;}
	#M-footer{background-color:#E97313; color:#FFF; position:fixed; bottom:0px; width:100%; padding:1%; z-index:10; text-align:center; display:block; font-size:0.8em;}
	#pagefooter{display:none;}
	#M-pagefooter{background-color:#E97313; color:#FFF; bottom:0px; width:100%; padding:1% 0; z-index:10; text-align:center; margin-top:10%; display:block; font-size:0.8em;}
	#TestInfo1{margin:19% 0;}
	.Gflex {justify-content: center; display: flex;  flex-wrap:nowrap; margin:5% 0%; width:85%; }
	.flex-CT { display: flex; justify-content: center;  align-items: center; }
	.CTTitle{font-family:'微軟正黑體'; font-size:1.5em; font-weight:bold; color:#525E7D; padding-left:2%;}
	.ContentP{max-width:85%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:8px; text-align:left;}
	.pic2{width:25%; height:25%;}
	.CPicSet{width:85%; margin-top:3%;}
	.CP1{width:45%; float:left;}
	.CP2{width:45%; float:right;}
	#g2ol{ padding-left:3%;}
	#GMain ol{ max-width:80%; font-size:1.3em; font-family:'微軟正黑體';letter-spacing:3px; text-align:left; line-height:40px;}
	#SMain ol{ font-size:1.3em; font-family:'微軟正黑體';letter-spacing:6px; text-align:left; line-height:40px;}
	.g4Set{ width:90%;}
	.54logo{width:30%;}
	
	
	.lts5{letter-spacing:2px;}
	.lts4{letter-spacing:4px;}
	.lts3{letter-spacing:3px;}
	.divS{text-align:left; width:85%;}
	.tMb{font-size:2em; font-family:'微軟正黑體'; font-weight:bold;}
	.wd20{width:80%; height:20px;}
	.wd40{width:90%; height:20px;}
	.mtop{margin-top:15%;}
	.pfset1{font-size:1.2em; font-family:'微軟正黑體';}
	.pfset2{font-size:1.2em; font-family:'微軟正黑體'; line-height:1.8em;}
	.pfset3{font-family:'微軟正黑體'; font-size:1.2em; font-weight:bold;}
	
	.uls{text-align:left; font-size:1.3em; font-family:'微軟正黑體';}
	.wd100{ width:100%;}
	.tiulSet{text-align:left; font-size:1.3em; font-family:'微軟正黑體'; font-weight:bold; line-height:38px;}
	.ols{font-size:1em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:40px;}
	.topls{font-size:1em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:28px; font-weight:bold;}
	.topls1{font-size:1em; font-family:'微軟正黑體';letter-spacing:4px; text-align:left; line-height:28px; font-weight:bold; margin-top:3%;}
	.noticeColor{color:#FE703D;}
	.imp{ color:#C4261E; font-size:1.1em;}
	#top100info1{margin-top:15%;}
	
}
	
	
	
	
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  
   animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
}
	
	
	
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  
  animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
}