@charset "utf-8";


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.mxA {
	position: relative;
	width: 100%;
}
.mxB {
	position: relative;
	width: 90%;
	margin:0px auto;
}
.mxC {
	position:relative;
	width: 600px;
	margin:0px auto;
}

.w-1 {
position: absolute;
z-index: 10;
top: -10px;
left: -20px;
width: 30px;
}



#SQL_Filter {
	position: fixed;
	visibility: hidden;
	padding: 0px;
	right: 25%;
	top: 100px;
	width: 50%;
	z-index:112;
}
.mailgif {
	position: fixed;
	right: 6%;
	top: 30px;
	z-index:113;
}

.iMTOP {
  position: fixed;
  top: -1px;
  right: 2%;
  width: 25%;	
  z-index: 54;
}


#iMenuH {
  width: 0px;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 0px;
}

#iMenu {
  width: 0px;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 0px;
}

.iTOP3 {
  height: 430px;
  font-size: 1rem;
  line-height: 35px;
  margin:  5px 5px 5px 20px;
}

.iNew {
  margin: 10px 1% 10px 2%;
  padding: 5px 5px 5px 8px;
}


.top4B {
	position: relative;
	width: 100%;
	right: 0px;
}

 
/* 跳出訊息ID */
#SH1H {
	position: fixed;
	visibility: hidden;
	padding: 0px;
	right: 25%;
	width: 50%;
	top: 10%;
	z-index:100;
}

#SH2H {
	position: fixed;
	padding: 0px;
	right: 25%;
	width: 50%;
	top: 10%;
	z-index:200;
}


#PP2 {
  position: fixed;
  top: 175px;
  right: -15px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 2px 0px ;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 10px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:0px ;
  border-bottom-left-radius:10px ;
  z-index: 50;
}
#PP3 {
  position: fixed;
  top: 186px;
  right: -15px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 2px 0px ;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 10px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:0px ;
  border-bottom-left-radius:10px ;
  z-index: 49;
}


#PP1 {
  position: fixed;
  top: 140px;
  right: -15px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  background-color: #3d5fbf;
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 10px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:0px ;
  border-bottom-left-radius:10px ;
  z-index: 51;
}

a:link {color: #333;}/* 未連結 */
a:hover {color: #990000;}/* 滑鼠移至連結 */
a:visited {color: #333;}/* 已連結過*/
a:active {color: #333;}/* 選擇的連結 */


/*按鍵使用*/
.Ac1 a:link {color: #336699;}/* 未連結 */
.Ac1 a:hover {color: #336699;}/* 滑鼠移至連結 */
.Ac1 a:visited {color: #336699;}/* 已連結過*/
.Ac1 a:active {color: #336699;}/* 選擇的連結 */

.Ac4 a:link {color: #FFF;}/* 未連結 */
.Ac4 a:hover {color: #FFFF00;}/* 滑鼠移至連結 */
.Ac4 a:visited {color: #FFF;}/* 已連結過*/
.Ac4 a:active {color: #FFF;}/* 選擇的連結 */


/* 按鈕控制 */
.AcB1 a:link {color: #FFF;}/* 未連結 */
.AcB1 a:hover {color: #FFFF00;box-shadow:inset 2px 2px 3px rgba(20%,20%,40%,0.2);}/* 滑鼠移至連結 */
.AcB1 a:visited {color: #FFF;}/* 已連結過*/
.AcB1 a:active {color: #FFF;}/* 選擇的連結 */


#Mem1 a:link {color: #666; box-shadow:1px 1px 1px 0px rgba(10%,20%,30%,0.5);border: 1px solid #999;}/* 未連結 */
#Mem1 a:hover {color: #000; box-shadow:4px 4px 4px -2px rgba(10%,20%,30%,0.5);border: 1px solid #555;}/* 滑鼠移至連結 */
#Mem1 a:visited {color: #666;}/* 已連結過*/
#Mem1 a:active {color: #666;}/* 選擇的連結 */

#Mem5 a:link {color: #FFF; box-shadow:1px 1px 1px 0px rgba(10%,20%,30%,0.5);border: 1px solid #999;}/* 未連結 */
#Mem5 a:hover {color: #FFFF00; box-shadow:4px 4px 4px -2px rgba(10%,20%,30%,0.5);border: 1px solid #555;}/* 滑鼠移至連結 */
#Mem5 a:visited {color: #FFF;}/* 已連結過*/
#Mem5 a:active {color: #FFF;}/* 選擇的連結 */

#Mem7 a:link {color: #0099FF;box-shadow:1px 1px 1px 0px rgba(10%,20%,30%,0.5);border: 1px solid #999;}/* 未連結 */
#Mem7 a:hover {color: #000; box-shadow:4px 4px 4px -2px rgba(10%,20%,30%,0.5);border: 1px solid #555;}/* 滑鼠移至連結 */
#Mem7 a:visited {color: #0099FF;}/* 已連結過*/
#Mem7 a:active {color: #0099FF;}/* 選擇的連結 */

/*篩選*/
.fd3f1 {
font-size: 15px;
line-height: 20px;
}
.fd3f2 {
font-size: 12px;
line-height: 20px;
}	

.ifooter {
	position: fixed;
	z-index:240;
	width: 100%;
	right: 0px;
	bottom: 0px;
	font-size: 1rem;
	line-height: 50px;
	height: 50px;
}

.opt { padding: 5px;
font-size: 1rem;
}

@media only screen and (orientation: landscape) and (min-width: 800px) and (max-width: 1300px){

.mxB {
	position: relative;
	width: 96%;
	margin:0px auto;
}

.iTOP3 {
  height: 500px;
  font-size: 0.8rem;
  line-height: 30px;
}

.w-1 {
position: absolute;
z-index: 10;
top: -15px;
left: -20px;
width: 30px;
}


}




@media only screen and (orientation: landscape) and (min-width: 1500px) and (max-width: 1900px){

.iTOP3 {
  height: 450px;
}


}

@media only screen and (orientation: landscape) and (min-width: 1901px) and (max-width: 4000px){

.iTOP3 {
  height: 550px;
}

.mailgif {
	position: fixed;
	right: 8%;
	top: 37px;
	z-index:113;
}


/*篩選*/
.fd3f1 {
font-size: 22px;
line-height: 30px;
}
.fd3f2 {
font-size: 18px;
line-height: 30px;
}	


}

@media only screen and (orientation: portrait)  {

.mxA {
	position: relative;
	max-width: 100%;
}

.mxB {
	width: 100%;
}

.mailgif {
	position: fixed;
	right: 22%;
	width: 80px;
	top: 0px;
	z-index:113;
}


/*至頂*/
.top4B {
	position: fixed;
	z-index:241;
	width: 100%;
	right: 0px;
	bottom: 0px;
}

#SQL_Filter {
	position: fixed;
	visibility: hidden;
	padding: 0px;
	right: 0%;
	top: 100px;
	width: 98%;
	z-index:120;
}

#SH1H {
	position: fixed;
	visibility: hidden;
	padding: 0px;
	right: 0%;
	top: 400px;
	width: 98%;
	z-index:111;
}

#SH2H {
	position: fixed;
	padding: 0px;
	right: 0%;
	top: 300px;
	width: 98%;
	z-index:112;
}

.iMTOP {
  position:fixed;
  right: 0%;
  top: 0px;
  width: 100%;
  margin: 0px auto;
  z-index: 50;  
}

#iMenu {
  position:fixed;
  visibility: visible;
  width: 140px;
  height: 100px;
  padding: 7px 0px 12px 25px;
  top: 0px;
  left: -5px;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-box-shadow: 5px 5px 10px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:30px ;
  border-bottom-left-radius:0px ;
  z-index: 119;
}

#PP2 {
  position:fixed;
  top: 0px;
  left: -10px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius: 50px ;
  border-bottom-left-radius: 0px ;
  z-index: 51;
}
#PP1 {
  position:fixed;
  top: 0px;
  right: -20px;
  margin: 0px 20px 0px 0px;
  padding: 10px ;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  background-color: #3d5fbf;
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:0px ;
  border-bottom-left-radius:50px ;
  z-index: 52;
}

#PP3 {
  position:fixed;
  top: 0px;
  height: 110px;
  right: -20px;
  margin: 0px 0px 0px 0px;
  vertical-align: bottom;
  padding: 60px 20px 10px 0px;
  text-align: center;
  border-top: 0px solid #fff; 
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;	
  color: #fff;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(20%,20%,40%,0.5);
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius:0px ;
  border-bottom-left-radius:50px ;
  z-index: 50;
}


.w-1 {
position: absolute;
z-index: 10;
top: -10px;
left: -30%;
width: 50px;
}


/*關閉menu*/
#iMenuHS {
	position: fixed;
	visibility: hidden;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 120;
}

#iMenuH {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(10%,10%,10%,0.6);
}

#iMenuS {
  position: absolute;
  padding: 50px 15px 50px 45px;
  font-size: 2.7rem;
  line-height: 100px;
  top: 0px;
  left: 0px;
  width: 40%;
  margin: 0px;
  background-color: #555;
  border-top-left-radius: 0px ;
  border-top-right-radius: 0px ;
  border-bottom-right-radius: 40px ;
  border-bottom-left-radius:0px ;
}

.iNew {
  height: 660px;
  padding: 25px 30px 25px 30px;
  margin: 35px 10% 0px 10%; 
  left: 10%;
  width: 70%;
}

.iTOP3 {
  width: 90%;
  height: 950px;
  margin: 30px 5% 0px 5%;
  font-size: 2.3rem;
  line-height: 60px;
}


/*篩選*/
.fd3f1 {
font-size: 1.5rem;
line-height: 38px;
}
.fd3f2 {
font-size: 1.5rem;
line-height: 38px;
}	

.ifooter {
	position: fixed;
	z-index:201;
	width: 100%;
	right: 0px;
	bottom: 0px;
	font-size: 1.8rem;
	line-height: 100px;
	height: 100px;
}

.opt { 
padding: 10px;
font-size: 1.8rem;
}

}