﻿html, body {
    margin: 0;
	padding: 0;
	min-height: 100%;
	height:100%;
    font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;	
	}
/* 視窗小於480px 480px顯示*/
@media only screen and (min-width: 0px) and (max-width: 2710px) {
     #container {
    top:0px;
    left:0px; 
    max-width:100%;
    border: 0px solid #2A6DBE;
    padding-bottom: 100px;
  
    }
    #itemA {
            z-index:63;
             top:35px;
             margin-left:10px;
             position: fixed;
           
                 
        }

        #itemA2 {
             z-index:62;
             top:0px;
             left:50%;
             margin-left:-30px;
             width:59px;
             height:85px;
             position: absolute ;
          
        }
           
                 


         #itemA1 {

        min-width:100%;
    }
}


/* 視窗大於480px 滿版顯示
@media only screen and (min-width: 710px){
    #container {
    top:0px;
    left:0px; 
    max-width:710px;
    border: 0px solid #2A6DBE;
    padding-bottom: 100px;
    margin:0px auto;
    }
    #itemB { max-width:710px;
    }
     #itemA1 {
        max-width:710px;
    }
      #itemA2 {
             z-index:62;
             top:0px;
             left:50%;
             margin-left:-30px;
             width:59px;
             height:85px;
             position: absolute ;
            
        }
        #itemA {
            z-index:63;
             top:25px;
             margin-left:10px;
             position: fixed;
           
                 
        }

}
    */
                #itemA1 {
             z-index:60;
                   
             position: fixed ;
              
               
                
                  border: 0px solid #ff0000;

        }
/* 首項橫向藍底白字項目  position:fixed;*/
     

/* 首項橫向藍底白字項目的最左邊圖形,點開產生列表 */
    #itemB
        {   
         
           z-index:61;       
           height:40px;           
           background-repeat: no-repeat;
           background-color: #569CE2;           
           color:White;
          line-height:40px;          
           margin:-41px 0 0px 40px;           
           overflow-x:auto;
           overflow-y:hidden;
           -webkit-overflow-scrolling: touch;
            white-space:nowrap;
            font-size:16px; 
            padding-top:-10px;  
            border: 0px solid #000000;        
        }        
                  #itemB a:visited {color:#FFFFFF;}          
                  #itemB a:link {text-decoration: none; color:#FFFFFF;}
                  #itemB a:hover {color:#FFF799;}


/* 黑幕 */
#DivBlack
{
     position:fixed;
    left:0px;
    top:0px;       
width:100%;
min-height: 100%;
	height:100%;
border: 0px solid #ff0000;
	background: rgba(0%,10%,20%,0.6);	
     z-index:65; 
	display:none;
}
/* 彈出選單 */
        #List1 {

    position: absolute ;
    /*background: #ff0000; */
    top:0px;
    left:0px; 	
	margin: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;	
	width:200px;
	height:auto; 
    z-index:70; 
    display:none;
}
        .Ls1_1 {
            
             border-bottom:  1px solid #ffffff;
             	background: #569CE2;  
	padding-top:15px;
    padding-bottom:5px;
    padding-left:10px;   
	margin: auto;
	font-size:18px;
    color :white ;
    font-weight: bold;
	width: 100%;
	height: 25px;  
    line-height:100%;
        }
                #Ls1_2 {
            
    position:relative ;
	width: 50px;
	height: 18px; 
    bottom:0px;
    right:0px;     
    float :right; 
        }
/* 圖片滿版 */
.imA img { 
width: 100%;
height :auto;
max-width: 100%;
} 
/* 標題圖片 */
.title_a1 
{
    position: relative;    
    left:0px; 
    padding-top:10px;     
    padding-left:30px; 
	color: #3F3324;
	font-weight: bold;  
    height:28px;
    border: 0px solid #000000;  
    background-image: url(../images/title_bg_118.png); 

  }

.title_a2 
{
    position: relative;    
    left:0px; 
    padding-top:10px;     
    padding-left:30px; 
	color: #3F3324;
	font-weight: bold;  
    height:28px;
    border: 0px solid #000000;  
       background-image: url(../images/119.png);

  }
  
  .title_a3 
{
    position: relative;    
    left:0px; 
    padding-top:10px;     
    padding-left:60px; 
	color: #3F3324;
	font-weight: bold;  
    height:30px;
      border: 5px #569CE2;
    border-bottom-style:solid; 
     background-color:#E8DBCB; 
     border-top-left-radius:9px;
    border-top-right-radius:10px;
      background-image: url(../images/title_1.png); 
     background-position:left top;
   background-repeat:no-repeat;


  }

    .myButtonA {
    -webkit-appearance:none;
	background-color:#3170AD;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	border-radius:3px;
	border:1px solid #3170AD;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Courier New;
	font-size:16px;
	
	padding:4px 0px;
	text-decoration:none; 
    height: 37px;
    width: 15%;
}

    .myButtonB {
      
        color:#3170AD;
         float:right;
         text-align:center;
          height: 32px;
        padding-top:5px;
       margin-left:0px; 
       left:0px;
         font-size:20px;
         Width:48%;
         font-weight:bold;
        
	

}
  
    #A5
{  

position:relative;
font-size:15px;
line-height:150%;
padding-top:5px;
padding-left:0px;
min-width:100%;
color:white;
/*border: 0px solid #000000;  */
font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;     
background-image:url(../images/1223.jpg);border:0px #ccc solid;
text-align:center;
float:left;
} 
