#mobile-layout{display:none}

.system-banner{background: url(/assets/images/new_img/article.png) no-repeat center;background-size: cover;}
.services-groups{width: 50%;position: relative;display: block;}
.services-groups-images-content{width: 100%;vertical-align: middle;}
.services{background: #253746;}
.services-groups-triangle{position: absolute;height: 100%;vertical-align: middle;right: 0;top: 0;z-index: 10;}
.services-groups-contents{padding: 0px 40px;color: #fff;width: 80%;margin-top: 10%;box-sizing: border-box;}
.services-groups-content-title{font-size: 30px;font-weight: bold;}
.services-groups-content-title a{display: block;color: #fff;line-height: 32px;height: 32px;overflow: hidden;}
.services-groups-content-text{font-size: 16px;line-height: 28px;height: 84px;overflow: hidden;margin:5% 0px;}
.services-groups-more a{display: inline-block;border: 1px solid #fff;padding:7px 24px;font-size: 14px;color: #fff;}
.services-groups-more a img{margin-left: 5px;}
.services-other{background: #172833;}
.services .services-groups-triangle{right: 0;}
.services-other .services-groups-triangle{left: 0;}
.services-other .services-groups-contents{float: right;}
.services-edit{padding: 0px;margin: 0 auto;margin-bottom: 30px;margin-top: 15px;box-sizing: border-box;}
.services-edit #course-content{max-width: 800px;margin: 0 auto;}

#course-content .common-table td{
    border: 3px solid #FFF;
	padding: 4px 1%;
	}
#course-content .common-table table{
    color: #888;
    line-height: 28px;
    font-size: 15px;
    border: 3px solid #FFF;
    padding: 0 1%;
}

#course-content .common-table td{
	text-align:center;
	vertical-align:middle;
	font-size: 16px;
	line-height: 1.5;
}

#course-content .common-table p{
	text-align:center;
	vertical-align:middle;
	font-size: 15px;
}

#course-content .common-table .major-item{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 17px;
}

#course-content .common-table .major-item h2{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 20px;
	margin-top: 0px;
}

#course-content .common-table .major-item h3{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 17px;
	margin-top:0px!important;
	margin-bottom:0px!important;
}



#course-content .common-table .major-3item{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:33.3%
}

#course-content .common-table .major-4item{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:25%
}

#course-content .common-table .major-5item{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:20%
}


#course-content .common-table .major-6item{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:16.6%
}

#course-content .common-table .major-width10{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:10%
}


#course-content .common-table .major-width15{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:15%
}

#course-content .common-table .major-width16{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:16.6%
}


#course-content .common-table .major-width20{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:20%
}

#course-content .common-table .major-width25{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:25%
}

#course-content .common-table .major-widt30{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:30%
}

#course-content .common-table .major-width35{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:35%
}

#course-content .common-table .major-width40{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:40%
}

#course-content .common-table .major-width45{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:45%
}

#course-content .common-table .major-width50{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:50%
}

#course-content .common-table .major-width60{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:60%
}


#course-content .common-table .major-width70{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:70%
}

#course-content .common-table .major-width80{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:80%
}

#course-content .common-table .major-width90{
	background: #397657;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:90%
}


#course-content .common-table .sub-item{
	background: #eff9ed;
    color: #397657;
	text-align:center;
	font-weight:bold
}


#course-content .common-table .minor-item{
	background: #eff9ed;
	color: #397657;
    line-height: 28px;
    font-size: 16px;
    border: 3px solid #FFF;
    padding: 0 1%;
	font-weight: bold;
}	


#course-content .common-table .minor-item h3{
	background: #eff9ed;
	color: #397657;
    font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 0px;
}

#course-content .common-table td ul{background-color:#fff!important}
	
#course-content .common-table ol li{
	font-size: 14px;
    line-height: 22px;
    list-style: decimal;
    margin-left: 19px;
    color: #888;
    text-align: left;
	font-weight:normal;
}	
	
	
#course-content .common-table ul li{
	font-size: 14px;
    line-height: 22px;
    list-style: disc;
    margin-left: 19px;
    color: #888;
    text-align: left;
	font-weight:normal;

}	



#course-content .common-table td a{font-size:15px;text-decoration:underline!important}
#course-content .common-table strong{font-size:15px;color:#397657;font-weight:bold;background:none;}
@media (max-width: 420px){
	#course-content .common-table table{box-sizing: border-box;padding: 0;}
	#course-content .common-table td{box-sizing: border-box;font-size: 15px;}
	#course-content .common-table tr td:nth-child(1){min-width: 50px!important;}
	#course-content .common-table{overflow: hidden;overflow-x: auto;}
	#course-content .common-table .minor-item{
	background: #eff9ed;
	color: #397657;
    line-height: 28px;
    font-size: 15px;
    border: 3px solid #FFF;
    padding: 0 1%;
	font-weight: bold;}
	#course-content .common-table p{
	text-align:left;
	vertical-align:middle;
	font-size: 15px;}	
}



.services-titles{/*padding-bottom: 20px;*/color: #4D4D4D;font-size: 23px;font-weight: bold;}
/*.services-titles span{border-left: 4px solid #869ec0;padding-left: 7px;}*/
.services-learn li{padding: 0px 10px;margin-bottom: 20px;box-sizing: border-box;width: 33.33%;float: left;}
.services-learn{margin: 0px -10px;}
.services-learn li a{display: block;}
.services-learn-bottom{background: #253746;padding: 20px 15px;color: #fff;}
.services-learn-bottom a{color: #fff;}
.services-learn-bottom-title a{font-size: 16px;font-weight: bold;line-height: 20px;height: 20px;overflow: hidden;}
.services-learn-text{font-size: 14px;line-height: 25px;height: 100px;overflow: hidden;margin: 10px 0px;}
.services-article a{font-size: 16px;font-weight: bold;line-height: 20px;height: 40px;overflow: hidden;color: #333333;}
.services-article{margin-top: 10px;}
.same-banner {
    height: 450px;
    position: relative;
}
.same-banner-text {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    z-index: 1000;
    font-size: 24px;
    font-weight: 700;
    color: #ddcba4;
    line-height: 38px;
    margin-top: -42px;
}
.service-width{width:100%!important;margin-top:74px;}
.same-banner-title {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
    line-height: 33px;
    text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    margin-bottom: 14px;
    color: #fff;
}
@media (min-width:1080px) {
	.services-learn li a:hover{opacity: 0.8;}
}
@media (max-width:1230px) {
	.services-groups-content-title{font-size: 22px;}
	.services-groups-content-text{font-size: 15px;margin: 2% 0;}
	.services-groups-contents{padding:0px 10px;}
	.services-groups-more a{font-size: 12px;padding: 5px 12px;}
	.services-groups-contents{width: 80%;}
}
@media (max-width:991px) {
	.services-groups-contents{margin-top: 5%;}
	.same-banner {height: 170px;margin-top:15px;}
}
@media (max-width:767px) {
	#pc-layout{display:none}
	#mobile-layout{display:inherit!important}
	.services-groups{width: 100%;}
	.services-groups-triangle{display: none;}
	.services-groups-contents{width: 100%;padding: 20px 10px;}
	.services-groups-contents{margin-top: 0px;}
	.services-groups-content-title{height: auto;}
	.services-learn li{margin-bottom: 12px;width: 100%;}
	/*.services-edit{margin-bottom: 15px;border: 6px solid #f2f2f2;}
	.services-titles{padding-bottom: 15px;}*/
	.services-articles-images{width: 49%;float: left;}
	.services-article{width: 49%;float: right;margin-top: 0px;}
	.services-article a{height: 80px;}
}

/*問答區塊*/
.gps-main-title{text-align: center;font-size: 43px;font-weight: bold;background: #707070;color: #FFFFFF;padding: 20px 0px;}
.gps-main{max-width: 1000px;margin: 0 auto;}
.gps-main-bottom{background: #ededed;padding: 0 80px 50px 80px;}
.gps-main-bottom li{border-bottom: 1px solid #8f8f8f;padding: 20px;}
.gps-list-icon{display: block;width: 32px;height: 32px;background: url(/assets/images/open-normal.svg) no-repeat;}
.gps-list-title-main{margin-right: 42px;position: relative;}
.gps-list-title-main{color: #4F4F4F;font-size: 24px;font-weight: bold;line-height: 32px;padding-left: 35px;text-align:left;}
.gps-list-title-main em{font-size: 46px;position: absolute;left: 0;top: 0;font-style:normal;}
.gps-list-none{margin-top: 15px;display: none;}
.gps-list-none-tag{display: inline-block;border: 1px solid #672B2A;font-weight: bold;color: #672B2A;line-height: 40px;padding: 0px 5px;font-size: 20px;}
.gps-list-none-right{margin-left: 35px;color: #672B2A;font-size: 19px;line-height: 20px;padding-top: 10px;text-align:left;}
.gps-list-title-hover .gps-list-icon{background: url(/assets/images/close-hover.svg) no-repeat;}
.gps-list-title{cursor: pointer;}
@media (min-width: 1080px){
	.gps-list-title:hover{opacity: 0.8;}
	.gps-list-icon:hover{background: url(/assets/images/open-hover.svg) no-repeat;background-size: 100% 100%;}
	.gps-list-title-hover .gps-list-icon:hover{background: url(/assets/images/close-hover.svg) no-repeat;background-size: 100% 100%;}
}
@media (max-width: 767px){
	.gps-main-title{font-size: 18px;}
	.gps-main-bottom{padding: 0px 10px 10px 10px;}
	.gps-main-bottom li{padding: 5px;}
	.gps-list-title-main{font-size: 14px;}
	.gps-list-title-main em{font-size: 18px;font-style:normal;}
	.gps-list-title-main{padding-left: 20px;margin-right: 23px;line-height: 20px;}
	.gps-list-icon{width: 18px;height: 18px;background-size: 100% 100%;}
	.gps-list-none-tag{font-size: 16px;line-height: 30px;}
	.gps-list-none-right{font-size: 14px;padding-top: 5px;}
	.gps-list-none{margin-top: 5px;}
	.gps-list-title-hover .gps-list-icon{background-size: 100% 100%;}
}