@import url("../icon/css/icon.css");
@import url("./table_list.css");
@keyframes move{
	0%{top:0;}
	100%{top:5px;}}
@keyframes move1{
	0%{bottom:10%;}
	100%{bottom:12%;}}
@-webkit-keyframes move{
	0%{top:0;}
	100%{top:5px;}}
@-webkit-keyframes move1{
	0%{bottom:10%;}
	100%{bottom:12%;}}
.txtani{transform:scale(1.05) translateZ(0);}/*減少動畫文字顫抖*/
body{
	margin:0 auto;
}

a{
	text-decoration: underline;
}
a:hover{
	position: relative;
	top: 3px;
	bottom: 3px;
}
ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.bg_padding{
	padding:1%;}
.bgcolor1{
	background-color: #EBEBEB;
}
.bgcolor2{
	background-color: #DCCBDC;
}
.bgcolor3{
	background-color: #EBEBEB;}
.bgcolor4{
	background-color: #F6F6F6;}
.bgcolor5{
	background-color: #EBEBEB;}
.bgcolor6{
	background-color: #A518B3;}
.bgcolor7{
	background-color: #3127AD;}
.bgcolor8{
	background-color: #E80ACE;}
.drop_shadow{filter:drop-shadow(2px 4px 4px rgba(0,0,0,.5));}
.text_red{
	font-weight: bold;
	color: #F00;
	font-family: Tahoma, Geneva, sans-serif;
}
.text_purple{
	color: #A518B3;
}
.text_purple2{
	color: #3127AD;
}
.text_purple3{
	color: #E80ACE;
}
#event_master{
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #2E28AD;
	position:relative;
	background-color:#e80ace;
}
#event_master a{
	color: #F00;
}
.master_bg{
/*background: -moz-linear-gradient(top,  #ffffff 0%, #bc3baf 49%, #a814b5 71%, #e80ace 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #ffffff 0%,#bc3baf 49%,#a814b5 71%,#e80ace 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #ffffff 0%,#bc3baf 49%,#a814b5 71%,#e80ace 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e80ace',GradientType=0 ); /* IE6-9 */
}

.media_title_bg{
	background: url(../images/0703071_04.png) no-repeat left top/contain;
}
.media_title_bg1{
	background: url(../images/0703071_06.png) no-repeat left top/contain;
}
.media_title_bg2{
	background: url(../images/0703071_08.png) no-repeat left top/contain;
}

.exam_way{
	font-size: 2.1em;
	margin: 0 2% 0 0;
	font-weight: bold;
	text-shadow: 0 3px 3px #5625a8,3px 0 3px #5625a8,-3px 0 3px #5625a8,0 -3px 3px #5625a8,0 0 6px #5625a8,0 0 10px #5625a8;
	font-family: "microsoft yahei";
	color: #FFF;
	line-height:1.7em;
	text-align:center;
}
.Vuetabs li:hover{cursor: pointer;}

@media (max-width: 549px) {
.media_title{
	font-size: 1.3em;
	line-height: 2em;
	text-align: left;
	width:80%;
	padding-left:20%;text-align:left;
}
.master_bg,.sec_bg{width:94%;display:inline-block;margin:0 auto; padding:3%;}
.exam_way{font-size:1.2em; width:96%;margin:2% 2%;}
.exam_list{
	width:90%;
	margin:0 5%;}
.media_title:before{
	left:-10%;
	width:0;
	height:0;
}
	.media_title_bg,.media_title_bg2,.media_title_bg3{
		background-size:15% auto;
	}
}

@media (min-width: 550px) and (max-width: 767px) {
.media_title{
	font-size: 1.8em;
	line-height: 2.2em;
	text-align: left;
	width: 80%;
	padding-left: 20%;
}
.master_bg,.sec_bg{ width:100%;display:inline-block;margin:0 auto ;}
.exam_way{font-size:1.2em; width:50%;margin:2% 25%}
.exam_list{
	width:70%;
	margin:0 25%;}
.media_title:before{
	left:-10%;
	width:0;
	height:0;
}
.media_title_bg,.media_title_bg2,.media_title_bg3{
	background-size:18% auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.media_title{
	font-size: 2.2em;
	line-height: 2.5em;
	text-align: left;
	width: 88%;
	padding-left: 12%;text-align:left;
}
.media_title:before{
	left:0%;
	width:0;
	height:0;
}
.master_bg,.sec_bg{width:100%;display:inline-block;margin:0 auto ;}
.exam_way{font-size:1.7em; width:60%;margin:2% 20%;}
.exam_list{
	width:60%;
	margin:0 20%;}
.media_title_bg,.media_title_bg2,.media_title_bg3{
	background-size:12% auto;
}
}

 
@media (min-width: 992px) and (max-width: 1000px) {
.media_title{font-size: 2.3em; line-height:3em;text-align:left; width:90%; padding-left:10%;text-align:left;}
.media_title:before{
	left:3%;
	width:0;
	height:0;
}
.master_bg,.sec_bg{width:100%;display:inline-block;}
.exam_way{font-size:1.8em; width:50%;margin:2% 25%;}
.exam_list{
	width:50%;
	margin:0 25%;}
.media_title_bg,.media_title_bg2,.media_title_bg3{
	background-size:11% auto;
}
}
@media (min-width: 1001px) and (max-width: 1199px) {
.master_bg,.sec_bg{width:100%;display:inline-block;}
.exam_list{
	width:38%;
	margin:0 auto;
	padding:0 0 1%;}
.master_bg{
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
	margin:0 auto ;
}
.media_title{
	font-size: 2.8em;
	margin: 0 0 2%;
	width: 92%;
	padding: 3% 0 .5% 8%;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #2E28AD;
	font-family: "microsoft yahei";
	position:relative;
	text-align:left;
}
.media_title:before{
	content: "";
	position: absolute;
	bottom: 0;
	left:0;
	background-repeat: no-repeat;
	width:0;
	height:0;
}
.media_title_bg,.media_title_bg2,.media_title_bg3{
	background-size:8.5% auto;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
	.master_bg,.sec_bg{width:100%;display:inline-block;}
	.exam_list{
		width:38%;
		margin:0 auto;
		padding:0 0 1%;}
	.master_bg{
		background-image: url(../images/1203053_02.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size:100% 100%;
		margin:-.15% auto 0;
	}
	.media_title{
		font-size: 2.8em;
		margin: 0 0 2%;
		width: 92%;
		padding: 3% 0 .5% 8%;
		border-bottom-width: thick;
		border-bottom-style: solid;
		border-bottom-color: #2E28AD;
		font-family: "microsoft yahei";
		position:relative;
		text-align:left;
	}
	.media_title:before{
		content: "";
		position: absolute;
		bottom: 0;
		left:0;
		background-repeat: no-repeat;
		width:0;
		height:0;
	}
	.media_title_bg,.media_title_bg2,.media_title_bg3{
		background-size:8.5% auto;
	}

/*主圖三塊浮動區*/
.event_master_img1,.event_master_img2,.event_master_img3{
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	position: absolute;
	display:inline-block;
	width: 180px;
	height: 105px;
	text-align: left;
	padding:3% 0 0 3%;background-color: white;border-radius: 60%;
	animation:move 700ms alternate infinite linear;
	will-change: transform;
}
.event_master_img1 {
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	position: absolute;
	display:inline-block;
	left: 1%;
	top:18%;
	width: 180px;
	height: 105px;
	text-align: left;
	padding:3% 0 0 3%;background-color: white;border-radius: 60%;
	animation:move 700ms alternate infinite linear;
	will-change: transform;
}
.event_master_img2 {
	float:right;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	position: absolute;
	display:inline-block;
	right: 0%;
	top:5%;
	text-align: left;
	padding:3% 0 0 3%;
	animation:move 750ms alternate infinite linear;
	will-change: transform;
}
.event_master_img3 {
	float: right;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	right: 8%;
	text-align: left;
	padding: 3% 0 0 3%;
	animation:move1 700ms alternate infinite linear;
	will-change: transform;
}
}
@media (min-width: 1500px) {
	.master_bg,.sec_bg{width:100%;display:inline-block;}
	.exam_list{
		width:38%;
		margin:0 auto;
		padding:0 0 1%;}
	.master_bg{
		background-image: url(../images/1203053_02.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size:100% 100%;
		margin:0 auto;
	}
	.media_title{
		font-size: 2.8em;
		margin: 0 0 2%;
		width: 92%;
		padding: 3% 0 .5% 8%;
		border-bottom-width: thick;
		border-bottom-style: solid;
		border-bottom-color: #2E28AD;
		font-family: "microsoft yahei";
		position:relative;
		text-align:left;
	}
	.media_title:before{
		content: "";
		position: absolute;
		bottom: 0;
		left:0;
		background-repeat: no-repeat;
		width:0;
		height:0;
	}
	.media_title_bg,.media_title_bg2,.media_title_bg3{
		background-size:8.5% auto;
	}
    
	
	/*主圖三塊浮動區*/
.event_master_img1,.event_master_img2,.event_master_img3 {
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	position: absolute;
	display:inline-block;
	text-align: left;
	padding:2% 0 0 1%;		
	width: 180px;
	height: 110px;
	background-color: white;border-radius: 50%;
	}
.event_master_img1 {        
	left: 8.5%;
	-webkit-animation:move 700ms alternate infinite linear;
	animation:move 700ms alternate infinite linear;
}
.event_master_img2 {
	float:right;
	right:3%;
	top:5%; 
	-webkit-animation:move 750ms alternate infinite linear;
	animation:move 750ms alternate infinite linear;
	will-change: transform;
}
.event_master_img3 {
	float: right;
	right: 13%;
	-webkit-animation:move1 700ms alternate infinite linear;
	animation:move1 700ms alternate infinite linear;
	will-change: transform;
	}
}