/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif;
	font-size:25px;
	background-color:;
	}

ul{ list-style:none;}
li{ list-style:none;}

.center{
	max-width:1200px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:980px;}
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; }
.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/
/*套版*/
table{
	max-width:1200px;
	text-align: center;}

.TOP-WEB {
	text-decoration:none;
    color:  #FF3;; 
    text-align:center;
    background-color:#000;
}
.add {
	font-size: 16px;
	color: #FF9;
	background-color: #000;
    text-align: center;
}
.add2 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align: center;
}
.add3 {
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align: center;
}


/* == 桌機版 =============================================================================
/*刊頭*/


.header2{
	max-width:100%;
	margin:0 auto;
     background-color:#FFFEDE;


}	
	
.header2-img{
	max-width:1200px;
	margin:0 auto;
	}		


/*選單*/

.conC{
	width:100%;
	background-color:#FFFEDE;


	}	
	
.conC-img{
	max-width:1200px;
	margin:0 auto;
	}




.conG{
	width:100%;
	background-color:#0074FF;



	}	
	
.conG-img{
	max-width:1200px;
	margin:0 auto;
	}	



	
/*浮動連結*/
  div#social-address{
        position:fixed; bottom:50%; left:0; z-index:1000!important;box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
        font-family: '微軟正黑體'; font-size: 16px!important;text-align: center;
    }
    div#social-address .social-btn{color:white;padding: 16px 8px;cursor: pointer; display: block;}
    div#social-address a{color: inherit;text-decoration:none;}
    div#social-address p{margin:0;}
    div#social-address a:hover,div#social-address .social-btn:hover{-webkit-filter:brightness(60%) contrast(150%);    -o-filter:brightness(60%) contrast(150%);    filter:brightness(60%) contrast(150%);}
    div#social-address img {    width: 1em;    padding: 0 0 0.25em 0;}
    div#social-address .mlu{ background-color:#304E8E;}
    div#social-address .mline{ background-color:#45B035; }
    div#social-address .social-btn.mline{position: relative;}
    div#social-address #social-address-lines{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #3f9831;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 6em;
        display: inline-table;
    }
    div#social-address #social-address-lines a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines a:hover{background: #ededed;}
    div#social-address #social-address-lines p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines a:last-child p{border-bottom: none;}
	



div#social-address .mline2{ background-color:#00F; }
    div#social-address .social-btn.mline2{position: relative;}
    div#social-address #social-address-lines2{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color:#06F;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 6em;
        display: inline-table;
    }
    div#social-address #social-address-lines2 a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines2 a:hover{background: #ededed;}
    div#social-address #social-address-lines2 p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines2 a:last-child p{border-bottom: none;}	
		
/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){

    
    
    
    /*刊頭*/

.header2{
	max-width:100%;
	margin:0 auto;
     background-color:#FFFEDE}

	
.header2-img{
	max-width:1200px;
	margin:0 auto;
	}

/*選單*/


.conC{
	width:100%;
	background-color:#FFFEDE
	}	
	
.conC-img{
	max-width:1200px;
	margin:0 auto;
	}


.conZ{
	width:100%;
	background-color:#FFFDDC;
	}	
	
.conZ-img{
	max-width:1200px;
	margin:0 auto;
	}	

    
    
  .conG{
	width:100%;
	background-color:#0074FF;
	}	
	
.conG-img{
	max-width:1200px;
	margin:0 auto;
	}	
  
    
    
   

	
/*浮動連結*/
div#social-address{ width: 100%;bottom: 0;content: "";display: inline-block;clear: both; }
    div#social-address .social-btn{ display: block;float: left;width: 49.99%;padding: 8px 0;}
    div#social-address img {    width: 1em;    padding:0.25em 0.25em 0 0;}
    div#social-address br{display: none;}
    div#social-address .mlu{display: inline-block; }
    div#social-address #social-address-lines{width: 100%;top:initial;bottom:100%;left: 0;}
 
     div#social-address #social-address-lines2{width: 100%;top:initial;bottom:100%;left: 0;}

 
