/* == 共用區 ============================================================================= */

*{
	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%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	width:100%;

    background-attachment: fixed;
background-color:#FF9933;

	background-repeat: no-repeat;
	background-position: center top;
	}

ul{ list-style:none;}
li{ 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;*/


/* == 桌機版 ============================================================================= */
	

/*按鈕*/
.btn{ 
    padding:1% 0 ; 
	width:100%;
	text-align:center;z-index:900; 
    background-color: rgba(255,255,255,0.70);
	}
.btn h2{
    font-size:1.2em; 
	color:#000;
	
	}
.btn ul{
	margin:0 auto; 
	width:100%;
	list-style:none;
	}
.btn li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:25%; 
	}
.btn li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#fff;
    font-size:1.8em; 
padding:1% 0%; 
	text-decoration:none; 
	color:#296DC9;
	transition:0.5s;
	}
.btn li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}


.box02{max-width:980px;margin:0 auto; height:515px;}

/*間距*/
.padding-lr{
	width:100%;
text-align:center;
padding:3% 0;
}

.center{	
	max-width:1200px;	
	margin:0 auto;}

.padding-lr ul{width:100%;}

.padding-lr li{
	width:356px;
	display:inline-block;
	height:auto;
	text-align:center;
	margin:0 auto;
    padding:1% 1%;
	}



.Stay{ width:100%; 
    height:auto;
text-align:center; 
    margin:0% auto;
   padding:2% 1% 1% 1%;
    font-size:2em; color:#fff;
    max-width:1200px; }
	
/* 桌機版 */
.box01{max-width:1500px; width:100%;  margin:0 auto; padding:1%; text-align:center; font-size:28px;}



.b2{ color:#FFFFFF;font-weight:bold;}
.bn1{ width:980px; margin:0 auto; text-align:center; }
.bn1 ul{list-style:none;}
.bn1 li{ width:48%; margin:1% auto; padding:1%; font-size:36px;text-align:center;font-weight:bold;display:inline-block; background-color:#C00; color:#FFF;}
.bn1 li a{display:block;color:#FFF;}

.bnn3{ width:1000px; margin:0 auto; padding:0.5%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:50%; margin:1%;padding:1%; font-size:35px; font-weight:bold;color:#000;display:inline-block; background-color:#FFF;border-radius:30px;}
.bnn3 li a{display:block;color:#E73828;text-decoration:none;}

.bnn3 li a:hover{ 
    color:#AE92FF;
transform:scale(0.95,0.95);
	}

.contentoutside{width:100%;}/*內容滿版背景*/
.content{/*桌機內容*/
	width:100%;
	max-width:1600px; padding:2%; text-align:center; font-size:28px;
	margin:0 auto;overflow:hidden;
}

table{
	max-width:1500px;
	text-align: center;}


	
/*刊頭滿版背景*/
.headeroutside{width:100%;}
/*桌機刊頭*/
#header{
	width:100%;

	margin:0 auto;}
/*手機刊頭*/
#header-m{
	width:0;
	height:0;
	overflow:hidden;}

/*內容滿版背景*/
.contentoutside{width:100%;}

/*桌機內容*/
.content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;}

/*圖片切換*/
.pic{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}



.wit{ width:600px;   }
.wit2{ width:300px;  	padding:0% 2%; }
.wit3{ width:400px;  	padding:0% 2%; }

/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
	
/*桌機刊頭*/
#header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
#header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
	
/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
	
	
.box02{width:98%;margin:0 auto; height:auto;}

.content{ margin:0;width:100%;

 padding:2%; text-align:center; font-size:15px;
	margin:0 auto;overflow:hidden;
}
.contentoutside{width:100%;}/*內容滿版背景*/

.box01{	width:98%;
	padding:2%; text-align:center; 	margin:5% 1%;
	font-size:1em;
overflow:hidden;display:block;
	overflow: hidden;
word-break: break-all;

  word-wrap:break-word;

   	}
	

	
.bn1{ width:100%; margin:0 auto; }
.bn1 ul{list-style:none;}
.bn1 li{ width:48%; margin:1% auto; padding:1%;     font-size:1.8em; display:inline-block;}

.bnn3{ width:100%; margin:0 auto; padding:1%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:65%; margin:1%;padding:1%; font-size:16px; font-weight:bold; display:inline-block; border-radius:15px;}
.bnn3 li a{display:block;text-decoration:none;}  
    
/*按鈕*/
.btn{ 
    padding:1% 0 ; 
	width:100%;
	text-align:center; 
    background-color: rgba(221,247,255,0.70);
	}
.btn h2{
    font-size:1.2em; 
	color:#000;
	
	}
.btn ul{
	margin:0 auto; 
	width:100%; 
	list-style:none;
	}
.btn li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:40%; 
	}
.btn li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#fff;
    font-size:1.2em; 
		padding:1% 0%; 
	text-decoration:none; 
	color:#296DC9;
	transition:0.5s;
	}
.btn li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}


    
/*間距*/
.padding-lr{
	width:100%;
    padding:3% 0; }
.center{	
	max-width:1200px;	
	margin:0 auto;}

.padding-lr ul{width:100%;}

.padding-lr li{
	width:43%;
	display:inline-block;
	height:auto;
	margin:0 auto;
    text-align:center;
	}	
    
.wit{ width:45%;   }
.wit2{ width:20%;   }
.wit3{ width:25%;   }	
	
.Stay{ width:100%; 
    height:auto;
text-align:center; 
    margin:0% auto;
   padding:2% 1% 1% 1%;
    font-size:1em; color:#fff;
    max-width:1200px; }
    
    
    
}