.elementor-7483 .elementor-element.elementor-element-5127c97 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7483 .elementor-element.elementor-element-5127c97{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 150px 0px;}.elementor-7483 .elementor-element.elementor-element-5127c97:not(.elementor-motion-effects-element-type-background), .elementor-7483 .elementor-element.elementor-element-5127c97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://im.cycu.edu.tw/wp-content/uploads/books-bookstore-book-reading-159711-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-7483 .elementor-element.elementor-element-5127c97 > .elementor-background-overlay{background-color:#3E3B3B;opacity:0.56;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7483 .elementor-element.elementor-element-8b27587{text-align:center;}.elementor-7483 .elementor-element.elementor-element-8b27587 .elementor-heading-title{color:#FFFFFF;font-size:45px;font-weight:600;letter-spacing:3px;}.elementor-7483 .elementor-element.elementor-element-8b27587 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-7483 .elementor-element.elementor-element-a513dcb > .elementor-container{max-width:1021px;}.elementor-7483 .elementor-element.elementor-element-a513dcb{overflow:hidden;}.elementor-7483 .elementor-element.elementor-element-24cc6e2 .elementor-blockquote__content{color:#666666;font-size:14px;line-height:2.5em;letter-spacing:1px;}.elementor-7483 .elementor-element.elementor-element-24cc6e2 > .elementor-widget-container{margin:55px 0px 0px 0px;}@media(max-width:1024px){.elementor-7483 .elementor-element.elementor-element-5127c97{padding:100px 25px 100px 25px;}}@media(max-width:767px){.elementor-7483 .elementor-element.elementor-element-5127c97{padding:50px 20px 50px 20px;}.elementor-7483 .elementor-element.elementor-element-8b27587 .elementor-heading-title{font-size:25px;letter-spacing:1px;}.elementor-7483 .elementor-element.elementor-element-516e0e4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-5127c97 *//* 移除麵包屑連結 */
 #breadcrumbs span span span a {
    pointer-events: none;
    /*font-size: 36px;*/
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c7e525 */.page_dev{
    margin-bottom: 7%; 
     margin-top: 3%; 
}

.pageTitle{
    font-size: 30px;
    letter-spacing: 5px;
    color: #7FA368;
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
}

.pagecontent{
    color: #6f6f6f;
    line-height: 35px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
}

.page_li_content{
    color: #6f6f6f;
    line-height: 35px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    padding-bottom: 15px;
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   outline: none;
}


h1 {
   text-align: center;
   font-weight: 300;
   color: #777
}

h1 span {
   font-weight: 600;
}

.container {
   width: 100%;
   padding: 50px 0;
   margin: 50px auto;
   position: relative;
   overflow: hidden;
}

.page_dev .container:before {
   content:'';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 100%;
   background: #CCD1D9;
   z-index: 1
}

.timeline-block {
   width: -webkit-calc(50% + 8px);
   width: -moz-calc(50% + 8px);
   width: calc(50% + 8px);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
}

.timeline-block-right {
   float: right;
}
.container_left{
    text-align: left;
     direction: ltr;
}


.timeline-block-left {
   float: left;
   direction: rtl;
}

.marker {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid #F5F7FA;
   background: #7FA368;
   margin-top: 10px;
   z-index: 1
}

.timeline-content {
   width: 95%;
   padding: 0 15px;
   color: #666
}

.timeline-content h3 {
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 500
}

.timeline-content span {
   font-size: 15px;
   color: #a4a4a4;
}

.timeline-content p {
   font-size: 14px;
   line-height: 1.5em;
   word-spacing: 1px;
   color: #888;
}


@media screen and (max-width: 768px) {
   
}




/* 手機 */
@media screen and (max-width: 420px) {
    
    .pageTitle{
        font-size: 17px !important;
        letter-spacing: 1px !important;
        color: #7FA368;
        text-align: center;
        font-weight: 400;
        line-height: 1.4;
    }

    .pagecontent{
        color: #6f6f6f;
        line-height: 25px;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .page_li_content{
        color: #6f6f6f;
        line-height: 25px!important;
        font-size: 12px  !important;
        letter-spacing: 1px;
        font-weight: 400;
        padding-bottom: 15px;
    }


   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }


    .timeline-block {
       width: -webkit-calc(50% + 8px);
       width: -moz-calc(50% + 8px);
       width: calc(50% + 8px);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       justify-content: space-between;
       clear: both;
    }

    .timeline-block-right {
       float: right;
    }


    .timeline-block-left {
       float: left;
       direction: rtl;
    }
    
    .container {
       width: 100%;
       margin: 50px 0;
      max-width: 100%;
    }


}


/* 平板 */
@media screen and (min-width: 500px) and (max-width: 768px) { 
    
    .pageTitle{
        font-size: 17px !important;
        letter-spacing: 1px !important;
        color: #7FA368;
        text-align: center;
        font-weight: 400;
        line-height: 1.4;
    }

    .pagecontent{
        color: #6f6f6f;
        line-height: 25px;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .page_li_content{
        color: #6f6f6f;
        line-height: 25px!important;
        font-size: 12px  !important;
        letter-spacing: 1px;
        font-weight: 400;
        padding-bottom: 15px;
    }


   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }


    .timeline-block {
       width: -webkit-calc(50% + 8px);
       width: -moz-calc(50% + 8px);
       width: calc(50% + 8px);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       justify-content: space-between;
       clear: both;
    }

    .timeline-block-right {
       float: right;
    }


    .timeline-block-left {
       float: left;
       direction: rtl;
    }
    
    .container {
       width: 100%;
       margin: 50px 0;
      max-width: 100%;
    }
}

@media screen and (min-width: 812px) and (max-width: 1024px) {
    .pageTitle{
        font-size: 17px !important;
        letter-spacing: 1px !important;
        color: #7FA368;
        text-align: center;
        font-weight: 400;
        line-height: 1.4;
    }

    .pagecontent{
        color: #6f6f6f;
        line-height: 25px;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .page_li_content{
        color: #6f6f6f;
        line-height: 25px!important;
        font-size: 12px  !important;
        letter-spacing: 1px;
        font-weight: 400;
        padding-bottom: 15px;
    }


   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }


    .timeline-block {
       width: -webkit-calc(50% + 8px);
       width: -moz-calc(50% + 8px);
       width: calc(50% + 8px);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       justify-content: space-between;
       clear: both;
    }

    .timeline-block-right {
       float: right;
    }


    .timeline-block-left {
       float: left;
       direction: rtl;
    }
    
    .container {
       width: 100%;
       margin: 50px 0;
      max-width: 100%;
    }
}/* End custom CSS */