#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{border: 14px solid #f2f2f2;padding: 10px;margin-bottom: 30px;}

.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%;}

}