@charset "utf-8";

/*PC尺吋*/

@media (max-width: 1300px) {

    /*.ipadsizelogin{    
		transform: scale(0.75);
		top: 25%;
		left: 50%;
		position: absolute;
	}*/
    .in-learning>div {
        padding: 0 15px;
    }
    .learningList li aside {
        height: 300px;
        border-width: 15px;
    }
    .in-news>div.news {
        padding: 0 30px;
    }
    .in-news>div.famous {
        width: 500px;
    }
    .famous-swiper .swiper-container {
        padding-bottom: 50px;
    }
    .famousList {
        padding-left: 30px;
    }
    .famousList nav a {
        font-size: 15px;
    }
    .famousList aside {
        margin-bottom: 30px;
    }
    .famousList-group li {
        width: 47.5%;
    }
    .prdList-swiper .swiper-slide:nth-child(even) nav {
        top: 15px;
        left: 30px;
    }
    .prdList-swiper .swiper-slide:nth-child(odd) nav {
        bottom: 15px;
        right: 30px;
    }
    .newsList li {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
    .links-group ul li {
        width: 33.33%;
    }
    .fixed-width {
        width: 100%;
    }
    /*.h2111 {
    left: 60%;
  }*/
    .seiapplicationsteps li {
        max-width: 100%;
        width: 100%;
        float: unset;
    }
    #ch,
    .e-mail,
    .rightNav>.btn-login>span{
        display: none;
    }
}
/*平板尺吋*/

@media (max-width: 992px) {
    .in-news {
        display: block;
    }
    .in-news>div {
        display: block;
    }
    .in-news>div.news {
        padding: 0 30px;
        margin-bottom: 50px;
    }
    .in-news>div.famous {
        width: 100%;
    }
    .learningList li {
        width: 99%;
        margin-bottom: 30px;
    }
    .links-group ul li {
        width: 50%;
    }
    .famousList-group li {
        width: 47.5%;
    }
    .mapList li dd .map {
        padding-bottom: 60%;
    }
    .h2111 {
        left: 50%;
    }}
@media(max-width:912px) {
    .serviceList li {
        width: 30%;
    }}
/*手機尺吋*/

@media (max-width: 767px) {
    #h_contaniner {
        background-image: url("https://www.aibooks.tw/per/images/sys_images/hsbg.jpg");
        width: 100%;
        height: 600px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
    }
    .h_img_position {
        width: 20%;
    }
    .h_login_box,
    h1.h_login_box {
        font-size: 20px;
    }
    .login-content li input {
        padding: 0.25em !important;
    }
    .arrowBtn:after {
        right: 5px;
    }
    .news-function .btnAll a {
        display: inline-block;
    }
    .news-function .btnAll a .greenBtn {
        padding: 0 2.5em;
    }
    .btnAll a button {
        font-size: 15px;
    }
    /*index*/
    /*20221108 alen footer響應版畫面間距*/
    .footer_p_text,
    .footer_form {
        padding: 0 20px;
    }
    .indexKV {
        margin-bottom: 30px;
    }
    .kv-swiper aside {
        padding-bottom: 50%;
        background-position: 25% center;
    }
    .in-service .zone-header {
        display: block;
    }
    .in-service .zone-header>dt {
        display: block;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .in-service .zone-header>dd {
        display: block;
        font-size: 13px;
    }
    .in-service,
    .in-news {
        margin-bottom: 40px;
    }
    .in-service .zone-header dd .app-download {
        border-left: none;
        text-align: center;
        padding: 0;
    }
    .famousList aside {
        height: 350px;
    }
    .famousList nav {
        transform: translateX(-10%) translateY(10%) scale(0.8);
    }
    .famousList-group li {
        width: 100%;
        margin: 0 0 50px;
    }
    .famousList-group li aside {
        height: 300px;
    }
    .learningList li aside {
        height: 250px;
    }
    /*category*/
    .category {
        margin-bottom: 30px;
    }
    nav.category .inlineBlock:first-child {
        overflow-x: scroll;
        white-space: nowrap;
    }
    nav.category ul::-webkit-scrollbar {
        display: none;
    }
    .category ul li a {
        letter-spacing: 0;
    }
    .category2 ul li {}
    .category2 ul li a {
        padding: 0.2em 0.6em 0;
    }
    /*.category2 ul li + li a{border:none;}*/
    .categoryAbout {
        margin-left: -15px;
        margin-right: -15px;
    }
    /*about*/
    .aboutZone article {
        padding: 0 20px;
    }
    .socialAbout {
        margin-top: 0;
    }
    .introArea {}
    .introTop {
        display: block !important;
    }
    .introTop>* {
        display: block !important;
        padding: 10px 0;
        margin: auto;
    }
    .introTop>article br {
        display: none;
    }
    .introList li {
        width: 100%;
        padding: 0.5em 0.5em;
    }
    .introList li>div {
        /*height:150px;width:150px;*/
    }
    .brandList dt {
        width: 180px !important;
        padding: 10px 0;
    }
    .brandList dd {
        padding: 0 0em;
    }
    .teamList>li {
        width: 48%;
        margin-bottom: 20px;
    }
    .teamList>li .team-txt {
        padding: 15px;
    }
    .teamList>li .team-txt ol li {
        line-height: 1.2;
    }
    .historyList dt {
        width: 80px;
        font-size: 18px;
    }
    .historyList dd {
        padding-left: 10px;
    }
    .historyList dd ul li span {
        width: 40px;
    }
    .historyList dd ul li p {
        width: calc(100% - 50px);
    }
    .honorList li {
        width: 48%;
    }
    .honorList li aside {
        height: 100px;
    }
    .honorList li a .greenBtn.arrowBtn:after {
        width: 20px;
    }
    .honorList li p {
        max-height: 15em;
        overflow: hidden;
    }
    /*partnerships*/
    .partnershipstitle {
        font-size: 36px;
    }
    .item {
        width: 100%;
    }
    .item1 {
        width: 100%;
    }
    .h1111 {
        width: 100%;
        margin-top: 30px;
        /*padding-top:0;*/
    }
    .h1111>h1 {
        font-size: 40px;
    }
    .h2111 {
        /*left: unset;*/
        width: 372px;
        margin: 0 auto;
        position: inherit;
        text-align: center;
        font-size: 35px;
    }
    .h1111>p,
    .h2111>p {
        font-size: 10px;
    }
    .column1 h3 {
        font-size: 30px;
    }
    /*sei*/
    .seiapplicationsteps,
    .description-nav {
        display: block;
    }
    .seiapplicationsteps li a h3 {
        font-size: 1.25em;
    }
    .seibanner {
        display: block;
    }
    .seibanner dt,
    .seibanner dd {
        display: block;
        width: 350px;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        height: auto;
    }
    .seibanner p {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1em;
    }
    .seibanner h1 {
        font-size: 3rem;
    }
    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 470px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .csslider>ul {
        height: 430px;
    }
    .description-nav li {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    /*hr*/
    .hrList,
    .hrList div,
    .hrList div div,
    .hrList div div:nth-child(odd) {
        display: block;
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px;
    }
    .hrList div {
        padding-bottom: 20px !important;
    }
    .hrList div div:nth-child(odd) {
        text-align: center;
    }
    .hrNav,
    .hrNav li,
    .hrNav li a {
        display: block;
    }
    .hrimage {
        width: 49.5% !important;
    }
    /*solution*/
    .solutionarticle {
        display: table;
        /*padding-top: 20px;*/
    }
    .solutionList li {
        margin: 1.5%;
        width: 47%;
        float: left;
        font-size: 10px;
    }
    .solutionList li:active {
        position: relative;
        top: 1px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    }
    .solutionList li h2 {
        font-size: 23px;
    }
    .solutionList li h2 dt {
        width: 60px;
    }
    .solutionList li p {
        font-size: 15px;
    }
    .solutionList li dt,
    .solutionList li dd {
        line-height: 1.1;
    }
    .solutionList li dt {
        width: 50px;
        height: 50px;
        border-radius: 10px 0px 0px 10px;
    }
    .solutionList li dd {
        border-radius: 0px 10px 10px 0px;
    }
    .solutionList li dt i {
        max-width: 30px;
        max-height: 30px;
        font-size: 28px;
        /*color:#000000;*/
    }
    .solutionList li dt img {
        max-width: 30px;
        max-height: 30px;
    }
    .solutionList li dd>h4 {
        font-size: 12px;
        overflow: hidden;
    }
    .links-group ul li {
        width: 100%;
    }
    /*news*/
    .newsList li date {
        letter-spacing: 0.2em;
    }
    .newsList li p {
        font-size: 13px;
    }
    .newsPaperList li span {
        margin-right: 0.5em;
    }
    .newsPaperList li date {
        letter-spacing: 0em;
    }
    .newsHead {
        font-size: 20px;
    }
    .newsTime {
        letter-spacing: 0.2em;
    }
    .news-article-img,
    .news-article-edit {
        margin: 2em 0;
    }
    /*service*/
    .serviceList li {
        width: 47%;
        margin-bottom: 0;
    }
    .serviceList li a aside {
        border: 1px solid #eee;
    }
    .serviceList li a nav {
        padding-left: 1em;
    }
    .serviceList li a h4 {
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 500;
    }
    .swiper-wrapper {
        /* height: 430px !important; */
    }
    /*contact*/
    .contactZone {
        margin: -30px 0 -50px;
    }
    .contactList li {
        width: 99%;
    }
    /*Goto*/
    .go-top {
        bottom: 65px;
        right: unset;
        left: 25px;
    }
    /*map*/
    .mapList li dt {
        width: 100%;
        padding-top: 70px;
        padding-bottom: 30px;
    }
    .mapList li dd .map {
        padding-bottom: 80%;
    }
    .line_at,
    .smartbooks_fb {
        padding-right: 5px;
    }
    .smartbooks_fb {
        bottom: 40px;
    }
    /*on、hide*/
    .on,
    .hidde {
        display: block !important;
    }
    .hide {
        display: none !important;
    }
    .swiper-slide>h1{
        font-size: 1.2rem;
    }
    .swiper-slide>h2{
        font-size: 1.2rem;
    }
    .indexmainTitle {
        font-size: 30px;
    }
    .prdList-swiper .swiper-slide{
        width: 20% !important;
        margin-right: 0 !important;
    }
}
/*IPHONE X*/

@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 3) {}
/*IPHONE SE*/

@media (max-width: 360px) {}