@charset "utf-8";
/*::::gotop::::*/
#gotop {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;    
    padding: 5px 10px 8px 10px;    
    font-size: 20px;
	opacity: 0.8;
    background:#336;
    color: white;
    cursor: pointer;
	border-radius: 30px;
	z-index:999999;
}
/* ::::Link style:::::*/
.more{
	font-size:0.9em;
	color:#badaff;
}
a.more:link {
	color:#badaff;
}
a.more:hover {
	color:#ccc;
	text-decoration:none;
}
.link_w{
	color:#FFF;
}
.link_w:hover{
	color:#FFF;
	text-decoration:none;
	}
.link_g{
	color:#666;
}
.link_g:hover{
	color:#666;
	text-decoration:none;
	}
.icon:hover{
	opacity: 0.5;
	-o-transition: opacity .30s linear;
    -webkit-transition: opacity .30s linear;
    -moz-transition: opacity .30s linear;
    transition: opacity .30s linear;}
/*:::::橫線::::*/
.divider { 
	content: "";
	position: relative;
	height: 1px;
	width: 100%;
	display: block;
	/*text-align: center;*/
	margin: 1% 0 3% 0;
	background: #ccc;
}
.divider_news { 
	content: "";
	position: relative;
	height: 1px;
	width: 100%;
	display: block;
	/*text-align: center;*/
	margin: 0;
	background: #ccc;
}
.circle_left{
	content: "";
	height: 5px;
	width:5px;
	display: block;
	float:left;
	color:#ccc;
	margin-top: -2px;
	background: #ccc;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	border-radius: 5em;}
.circle_right{
	content: "";
	height: 5px;
	width:5px;
	display: block;
	float:right;
	color:#ccc;
	margin-top: -2px;
	background: #ccc;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	border-radius: 5em;
}
/*::::::::選單淡入效果::::::::::::*/
.scrolled {
  opacity: 0;/*往下滾動透明*/
  background-color:#FFF;
  transition: opacity 0.5s ease;
   height: 40px;
  line-height:40px;
}
/*:::::選單::::*/
.lang_go {
	text-align:right;
}
.lang {
	color:#999;
	font-size:0.8em;
}
.lang:hover {
	color:#36C;
	font-size:0.8em;
}
/*:::::間距;;;;*/
.mg_bottom {
	margin-bottom:5%;
	}
/*::::手機_main:::*/
.main {
	color:#FFF;
	 background-image:url(../images/center.jpg);
	background-repeat:no-repeat;
	/*background-color:#9898ca; /*6c6cb8*/
	background-color:#787cc5; 
	padding:2% 0;
	}
.main h2 {
	color:#FFF
	}
.main02 {
	background-color:#F3F3F3;
	padding:2% 3%;
	}
/*::::手機_AD看版*/
.jumbotron {
	padding:100px 5px;
	margin-bottom:0px;/*主圖與MAIN距離*/
	color:inherit;
	background-image:url(../images/ADindex.jpg);
	background-position:35% -200px;
    height:500px;

}
.jumbotron h1, .jumbotron .h1 {
	color:inherit
}
.jumbotron p {
	margin-bottom:15px;
	font-size:21px;
	font-weight:200
}
.jumbotron>hr {
	border-top-color:#d5d5d5
}
.container .jumbotron, .container-fluid .jumbotron {
	border-radius:6px
}
.jumbotron .container {
	max-width:100%
}
.AD_text{
	margin-top:22%;
	line-height:1.2;
	}
.AD_text p.t1{
	padding-left:0%;
	}
.AD_text p.t2{
	padding-left:0%;
	}	
.AD_text p {
	color:#555;
	font-size:1em;
	}
.AD_text p .tag {
	color:#7272cd;
	font-size:1.3em;
	font-weight:500;
	}
.AD_text p .tag02 {
	color:#453f98;
	font-size:1.6em;
	font-weight:600;
	}
/*::::手機_中間大項*/
.service {
	text-align:center;
	padding: 5% 4%;}
.service  img {
	width:25%;
	margin-bottom:1%;
	}
.service .title a {
	font-size:1.6em;
	color:#badaff;
	border:transparent 1px solid;
	line-height:1.2;
    display:inline-block;
	padding:5px 5px;
	}
.service .title a:hover { 
	font-size:1.6em;
	color:#e4dcff;
	border:#e4dcff 1px solid;
	-o-transition: border .30s linear;
    -webkit-transition: border .30s linear;
    -moz-transition: border .30s linear;
    transition: border .30s linear;
	}
.service .text {
 }
/*::::手機_開課訊息:::::*/
.openclass {
	width:100%;
	padding:1% 0%;
	}
.openclass_text {
	width:100%;
	display:inline-block;
}
.openclass_label {
	float:left;
    font-size:0.95em;
   display:inline-block;
   color:#FFF;
   padding:0.5% 1%;
	font-weight:700;
	background-color:#2776D6;
	margin-bottom:1%;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*::::手機_動態消息:::::*/
.newsub{
	padding-top:1%;
	font-size:1.2em;
	}
.news {
	display: table;
	width: 100%;
	margin-top: 1.5%;
}
.newsList {
	display:block;
	float:left;
}
.news .newsData {
	width: 25%;
	padding-right:2%;
	text-align:left;
}
.news .newsData .date {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	display: inline-block;
	margin:1.5% 0%;/*新聞各則距離*/
	color:#0086EA;
}
.news .newsData,
.news .newsTitle {
	display: table-cell;
	padding-bottom: 1% ;
	border-bottom: 1px  dotted #dddddd;
	vertical-align:inherit;
	font-size: 0.95em;	
}
.news .newsTitle a {
	color:#666;
	font-size:1em;
}
.news .newsTitle a:visited {
	color:#666;
}
.news .newsTitle a:hover {
	color:#039;
	text-decoration:none;
	
}
.tnews:last-of-type .newsData,
.news:last-of-type .newsTitle{  /*新聞最後一則樣式設定*/
	padding-bottom:1.5%;
}
.link_right{
	margin-top:2%;
	text-align:right;
	}
.newsmore {
	color:#666;
	}
.newsmore:hover {
	color:#000;
	}
.newsmore::after,.newsmore::before { /*點點*/
	content: url(../images/icon_circle.svg);
	padding:1%;	
}
/*::::手機_Epaper:::::*/
.epaper {
	width:100%;
	float:left;
	}
.epaper_left {
	width:48%;
	height:200px;
	float:left;
	background-image:url(../images/pic_epapertitle.png);
	background-size: cover;
	}
.epaper_right {
	width:52%;
	float:left;
	height:200px;
	padding:2%;
	background-color:#888;
	}
.epaper_right p {
	color:#FFF;
	font-size:1em;
	padding:0px;
	line-height:1.35;
	}
.epaper_title{
	font-size:1.3em;
	color:#888;
}
.epaper_sub {
	color:#FFF;
	font-weight:600;
	font-size:0.9em;
	padding:0px;
 }
 .epaper_sub::after {
	content: "";
	position: relative;
	height: 1px;
	width: 98%;
	display: block;
	/*text-align: center;*/
	margin: 1% 0 0% 0;
	background: #FFF;
 }
 .epaper_link {
	 color:#48A0E8;
	 margin-top:-2%;
	 font-size:0.9em;
	 float:right;
	}

/*::::手機_團隊/聯絡:::*/
.about {
	width:100%;
	float:left;
	margin-top:3%;
	}
.team {
	width:48%;
	height:100px;
	float:left;
	padding:2%;
	border:#ddd 1px solid;
	background-image:url(../images/pic_group.jpg);
	background-repeat:no-repeat;
	background-position:-35px 0;
	}
.team:hover {
	background-image:url(../images/pic_group.png);
	background-color:#66F;
transition: background-image 0.5s;
-moz-transition: background-image 0.5s; /* Firefox 4 */
-webkit-transition: background-image 0.5s; /* Safari 和 Chrome */
-o-transition: background-image 0.5s; /* Opera */
	}
.team > h1 , .contact > h1 {
	text-align:right;
	display:block;
	font-size:1.4em;
	font-weight:500;
	text-shadow: 0px 1px 6px #FFF; 
	color:#7373bf;
	margin:12% 1% 0 0;
	}
.team > h2, .contact > h2 {
	text-align:right;
	display:block;
	font-size:1em;
	font-weight:500;
	text-shadow: 0px 1px 6px #FFF; 
	color:#339;
	margin:5% 1% 0 0;
	}
.contact {
	width:48%;
	height:100px;
	float:right;
	padding:2%;
	border:#ddd 1px solid;
	background-image:url(../images/pic_contact.jpg);
	background-repeat:no-repeat;
	background-position:-35px 0;
	}
.contact:hover {
	background-image:url(../images/pic_contact.png);
	background-color:#66F;
transition: background-image 0.5s;
-moz-transition: background-image 0.5s; /* Firefox 4 */
-webkit-transition: background-image 0.5s; /* Safari 和 Chrome */
-o-transition: background-image 0.5s; /* Opera */
	}
/*::::::手機_FOOT:::::*/
.foot {
	margin-top:12px;}
@media screen and (min-width:768px) {
	
/*===AD看版===*/
.jumbotron {
padding:100px 0 0px 0;/*主圖離上方距離*/
background-image:url(../images/ADindex.jpg);
background-position:50% -100px;
height:590px;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right:60px;
padding-left:60px
}
.jumbotron h1, .jumbotron .h1 {
font-size:63px
}
.AD_text{
	margin-top:7%;
	}
.AD_text p.t1{
	padding-left:20%;
	}
.AD_text p.t2{
	padding-left:35%;
	}	
.AD_text p {
	color:#555;
	font-size:1.5em;
	line-height:1;
	}
.AD_text p .tag {
	color:#7272cd;
	font-size:1.3em;
	font-weight:500;
	}
.AD_text p .tag02 {
	color:#453f98;
	font-size:1.6em;
	font-weight:600;
	}
/*===電腦_main===*/
.main {
	color:#FFF;
	 background-image:url(../images/center.jpg);
	background-repeat:no-repeat;
	/*background-color:#9898ca; /*6c6cb8*/
	background-color:#7373bf; 
	padding:4.9% 0;
	}
.main h2 {
	color:#FFF
	}
.main02 {
	background-color:#F3F3F3;
	padding:0;
	}
/*===電腦_中間大項===*/
.service {
	text-align:center;
	padding: 0 4%;}
.service  img {
	width:25%;
	margin-bottom:-3%;
	}
.service .title a {
	font-size:1.7em;
	color:#badaff;
	border:transparent 1px solid;
	line-height:0.5;
    display:inline-block;
	padding:10px 5px;
	margin:0;
	}
.service .title a:hover { 
	font-size:1.7em;
	color:#e4dcff;
	border:#e4dcff 1px solid;
	-o-transition: border .30s linear;
    -webkit-transition: border .30s linear;
    -moz-transition: border .30s linear;
    transition: border .30s linear;
	}
.service .text {
	display:inherit;
 }
/*===電腦_開課訊息===*/
.openclass {
	width:100%;
	padding:0;
	}
.openclass_text {
	width:85%;
	display:inline-block;
}
.openclass_label {
	float:left;
    font-size:0.95em;
   display:inline-block;
   color:#FFF;
   padding:0.5% 1%;
	font-weight:700;
	background-color:#2776D6;
	margin-bottom:1%;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*===電腦_動態消息===*/
.news .newsData {
	width: 16%;
	padding-right:0%;
	text-align:left;
}
.news .newsData,
.news .newsTitle {
	display: table-cell;
	padding-bottom: 1% ;
	border-bottom: 1px  dotted #dddddd;
	vertical-align:middle;
	font-size: 0.95em;	
}
/*===電腦_Epaper===*/
.epaper_left {
	width:48%;
	height:160px;
	float:left;
	background-image:url(../images/pic_epapertitle.png);
	background-size:inherit;
	}
.epaper_right {
	width:52%;
	float:left;
	height:160px;
	padding:2%;
	background-color:#888;
	}
/*===電腦_團隊/聯絡====*/
.about {
	width:100%;
	float:left;
	margin-top:2%;
	}
.team {
	width:48%;
	height:100px;
	float:left;
	padding:2%;
	border:#ddd 1px solid;
	background-image:url(../images/pic_group.jpg);
	background-repeat:no-repeat;
	background-position:0px 0;
	}
.team:hover {
	background-image:url(../images/pic_group.png);
	background-color:#66F;
transition: background-image 0.5s;
-moz-transition: background-image 0.5s; /* Firefox 4 */
-webkit-transition: background-image 0.5s; /* Safari 和 Chrome */
-o-transition: background-image 0.5s; /* Opera */
	}
.team > h1 , .contact > h1 {
	text-align:right;
	display:block;
	font-size:1.4em;
	font-weight:500;
	text-shadow: 0px 1px 6px #FFF; 
	color:#7373bf;
	margin:7% 1% 0 0;
	}
.team > h2, .contact > h2 {
	text-align:right;
	display:block;
	font-size:1em;
	font-weight:500;
	text-shadow: 0px 1px 6px #FFF; 
	color:#339;
	margin:2% 1% 0 0;
	}
.contact {
	width:48%;
	height:100px;
	float:right;
	padding:2%;
	border:#ddd 1px solid;
	background-image:url(../images/pic_contact.jpg);
	background-repeat:no-repeat;
	background-position:0px 0;
	}
.contact:hover {
	background-image:url(../images/pic_contact.png);
	background-color:#66F;
transition: background-image 0.5s;
-moz-transition: background-image 0.5s; /* Firefox 4 */
-webkit-transition: background-image 0.5s; /* Safari 和 Chrome */
-o-transition: background-image 0.5s; /* Opera */
	}
}