@charset "utf-8";
/* 共用區 */

*{
	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;
	background-color: #FFCD00;
	}
	ul{ list-style:none;}
a{ text-decoration:none;}
a:link {
	color: #FFFFFF;
	text-decoration:none;}
a:visited {
	color: #FFFFFF;
	font-size: 9mm;
	text-decoration: none;}
a:hover {
	text-decoration: underline;}
a:active {
	text-decoration: none;}
.center{
	max-width:980px;
	margin:0 auto;}
.yel{ color:#FFFF00;}
.pic{ overflow:visible; width:100%;}
.pic-m{ overflow:hidden; width:0; height:0;}
/* 桌機版 */
/*刊頭*/
.header{
	width:100%;
	margin:0 auto;}
/*榜單*/
.grade{
	width:100%;
	padding:3% 1%;
	margin:0 auto;}
.con1{
	width:95%;
	margin:0 auto;
	background-color:#008FD7;}
.con1 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	background-color:#1E2078;
	font-size:36px;
	font-weight:900;}
.con1 .pic{
	width:100%;
	padding:1%;}
.con2{
	width:95%;
	margin:0 auto;
	background-color:#D90B12;
	text-align:center;}
.con2 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	background-color:#591214;
	font-size:36px;
	font-weight:900;}
.con2 .pic{
	width:100%;
	padding:1%;}
/*活動*/
.activity{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #Ec7591;}
/*時間軸*/
.time{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #B9E2F2;}
/*課程*/
.course{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #FFF9B1;}
/*轉職*/
.exp{
	text-align:center;
	padding:0 1% 3%;
	width:100%;
	margin:0 auto;
	background-color: #FFF9B1;}
/*LINE*/
.line{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #CDDE71;}
.line li{
	display:inline-block;
	width:13%;
	background-color: #009B4C;
	padding:1%;
	font-size:20px;
	color:#FFFFFF;
	font-weight:900;
	border:#FFFFFF 2px solid;
	border-radius:20px;
	margin:1%;}
.line li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}

/* 手機版 */
@media screen and ( max-width:767px ){
.center{
	width:100%;
	margin:0 auto;}
.pic{ overflow:hidden; width:0; height:0;}
.pic-m{ overflow:visible; width:100%; height:auto;}

/*刊頭*/
.header{
	width:100%;
	margin:0 auto;
	display:block;}
/*榜單*/
.grade{
	width:100%;
	padding:3% 1%;
	margin:0 auto;
	display:block;}
.con1{
	width:95%;
	margin:0 auto;
	background-color:#008FD7;
	display:block;}
.con1 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	background-color:#1E2078;
	font-size:18px;
	font-weight:900;}
.con1 .pic{
	overflow:hidden;
	width:0;
	height:0;}
.con1 .pic-m{
	overflow: visible;
	width:100%;
	padding:2%;}
.con2{
	width:95%;
	margin:0 auto;
	background-color:#D90B12;
	text-align:center;
	display:block;}
.con2 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	background-color:#591214;
	font-size:18px;
	font-weight:900;}
.con2 .pic{
	overflow:hidden;
	width:0;
	height:0;}
.con2 .pic-m{
	overflow: visible;
	width:100%;
	padding:2%;}
/*活動*/
.activity{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #Ec7591;
	display:block;}
/*時間軸*/
.time{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #B9E2F2;
	display:block;}
/*課程*/
.course{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #FFF9B1;
	display:block;}
/*轉職*/
.exp{
	text-align:center;
	padding:0 1% 3%;
	width:100%;
	margin:0 auto;
	background-color: #FFF9B1;
	display:block;}
/*LINE*/
.line{
	text-align:center;
	padding:3% 1%;
	width:100%;
	margin:0 auto;
	background-color: #CDDE71;
	display:block;}
.line li{
	display:inline-block;
	width:30%;
	background-color: #009B4C;
	padding:1%;
	font-size:18px;
	color:#FFFFFF;
	font-weight:900;
	border:#FFFFFF 2px solid;
	border-radius:20px;
	margin-left:1%;}
.line li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
}