@charset "utf-8";
/* CSS Document */

/**/
h1, h2, h3, h4, h5, h6{ color: #2ea0d9; }

.aile_mar_bottom_20{ margin-bottom:20px !important; }
.aile_mar_bottom_40{ margin-bottom:40px !important; }

.disnone{ display:none !important; }

.uc-mod-btn-01 button, .uc-mod-btn-01 a{ background:#036eb1; }


/*header*/
.uc-mod-media-01 .uc-object{ display:block !important; }
.uc-page-header .uc-header-logo .uc-object:before{ content:""; display:block; padding-bottom:60.377%; width:100%; background-image:url(/content/dam/sites/www_sofy_com_tw/sofy_aile/common/logo-sofyaile-01_tw_tw.png); background-position:center; background-repeat:no-repeat; background-size:cover; }
.uc-page-header .uc-header-logo .uc-object img{ display:none; }
.uc-page-header .uc-header-gnav .uc-overlay a{ color:#2ea0d9; }

.uc-page-header .uc-header-gnav .uc-nav .uc-link a{ background: #1188df; }
.uc-page-header .uc-header-gnav .uc-btn-open{ background: #1188df; }
.uc-page-header .uc-header-gnav .uc-btn-open::before{ background: #1188df; }

.uc-page-header .uc-header-gnav .uc-overlay{ background: #98e2f7; }

/*footer*/
.uc-footer-product{ display:none; }
.uc-footer-page-nav{ display:none; }
.uc-footer-utility{ display:none; }

.uc-page-footer .uc-footer-bland{ background-color:#036eb1; }
.uc-page-footer .uc-footer-bland .uc-bland-list .uc-mod-media-01 a{ box-shadow: 2px 2px 0 1px #9ae1f6; }
.uc-page-footer .uc-footer-region .uc-region-btn a::before{ background:#036eb1; }

.uc-page-footer .uc-footer-bland .uc-utility-list{ font-size:1.5rem; }

/*首頁*/
.uc-aile-bg{
background: rgb(152,226,247);
background: -moz-linear-gradient(top,  rgba(152,226,247,1) 60%, rgba(152,226,247,1) 60%, rgba(255,173,214,1) 100%);
background: -webkit-linear-gradient(top,  rgba(152,226,247,1) 60%,rgba(152,226,247,1) 60%,rgba(255,173,214,1) 100%);
background: linear-gradient(to bottom,  rgba(152,226,247,1) 60%,rgba(152,226,247,1) 60%,rgba(255,173,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98e2f7', endColorstr='#ffadd6',GradientType=0 ); }

.uc-page-root .uc-page-body .uc-bg-plane-pink-03{ background-color: #d2eefa; }
.uc-page-root .uc-page-body .uc-bg-plane-pink-05 {
background: rgb(152,226,247);
background: -moz-linear-gradient(top,  rgba(152,226,247,1) 60%, rgba(152,226,247,1) 60%, rgba(255,173,214,1) 80%, rgba(255,173,214,1) 80%, rgba(255,78,184,1) 100%);
background: -webkit-linear-gradient(top,  rgba(152,226,247,1) 60%,rgba(152,226,247,1) 60%,rgba(255,173,214,1) 80%,rgba(255,173,214,1) 80%,rgba(255,78,184,1) 100%);
background: linear-gradient(to bottom,  rgba(152,226,247,1) 60%,rgba(152,226,247,1) 60%,rgba(255,173,214,1) 80%,rgba(255,173,214,1) 80%,rgba(255,78,184,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98e2f7', endColorstr='#ff4eb8',GradientType=0 ); }

.uc-page-root .uc-page-body .bg-main-blue{ background-color:rgb(152,226,247); }

.uc-mod-carousel-01 .slick-dots{ padding:10px 0 30px 0; }
.uc-mod-carousel-01 .uc-carousel-ui ul{ padding:20px 0 0 0; }
.uc-mod-carousel-01 .uc-carousel-ui button{ background:#1a4c96; }

.uc-content-hero-02 .uc-lyt-col{ padding:0; }

.aile-title h2 span{ font-size:2.4rem; }


/*首頁 產品區塊*/
.whitelist{ background-color:#fff; border-radius: 15px; padding: 25px; margin:10px 0; }
.whitelist .uc-lyt-grid-container-advance{ align-items: center; }
.whitelist .h1title a{ font-size:20px; color: #2ea0d9; }
.whitelist .radius_pink{ border-radius:50px; border:1px solid #2ea0d9; padding:0 10px; display:inline-block; margin-bottom:10px; color: #2ea0d9; }
.whitelist .radius_pink a{ color:#2ea0d9; font-size:14px; }
.whitelist .uc-mod-media-01{ margin: 0 auto; }
.whitelist .uc-lyt-grid-col-offset-0{ padding-left: 20px; }
.whitelist .uc-lyt-grid-col-offset-0:first-child{ padding-left: 0px; }
.whitelist .linktxt a{ color:#666; }

/*首頁 連載記事*/
.uc-mod-ranking-articel-01 .uc-ranking-desc p:nth-child(1){ font-size:2.5rem; color:#2ea0d9; }
.uc-mod-ranking-articel-01 a{ box-shadow: 3px 5px 0 1px rgba(232, 91, 160, 0.2); }
.uc-mod-ranking-articel-01 a .uc-ranking-text{ border:none; }

.uc-mod-ranking-articel-01 .uc-ranking-desc::after{ background-position: center; background-size: 100%; background-image: url(/content/dam/sites/www_sofy_com_tw/sofy_aile/common/sprite-sofyaile-01.svg); }


/*產品*/
.uc-mod-product-01 .uc-product-media .uc-product-media-caption{ display:none; }
.uc-mod-product-01 .uc-product-text .uc-product-hdg{ color:#2ea0d9; }

.uc_title_bg{ background:#d2eefa; color:#2ea0d9; text-align:center !important; font-size:3rem; padding:10px 0; }
.uc_title_bg h1{ font-size:3.5rem }
.uc_title_bg h2{ margin:0; }

.main_title_sty01 h2{ position:relative; padding:0 0 10px 0; color:#2ea0d9; }
.main_title_sty01 h2:after{ content:""; position:absolute; width:70px; height:2px; background:#2ea0d9; margin:auto; left:0; right:0; bottom:0; }


.evaluatebox{ padding:20px; border:1px solid #d2eefa; }
.evaluate_age{ font-size:1.25rem; }
.evaluate_h1{ font-size:2.4rem; color:#2ea0d9; }
.evaluate_p{ font-size:1.75rem; }


/*文章*/
.anchor_pointBox{ background:#f2f2f2; padding:15px 20px; margin-bottom:40px; }
.anchor_pointBox .linklist{ margin-bottom:5px; }

.column_h2{ border-left:5px solid #2ea0d9; padding-left: 20px; }
.column_h2 h2{ font-size:2rem; text-align:left; }
.column_p_title{ font-size:1.75rem; color:#2ea0d9; }

.new_article .uc-mod-ranking-articel-01 a{ box-shadow:2px 4px 0 1px rgba(0, 0, 0, 0.1); border:1px solid #e5e5e5; }
.new_article .uc-mod-ranking-articel-01 .uc-ranking-desc::after{ display:none; }
.new_article .uc-mod-ranking-articel-01 .uc-ranking-desc p:nth-child(1){ color:#666; }

.anchorMinorBox{ padding:8px; }
.anchorMinorBox .gs{ padding:15px 5px; border:1px solid #ccc; }
.anchorMinorBox .gs .h1{ font-size:1.75rem; padding:0 0 0 10px; color:#2ea0d9; }
.anchorMinorBox .gs .h2{ font-size:1.5rem; padding:0 0 0 10px; color:#666; }
.anchorMinorBox .uc-mod-media-01{ margin:auto; }

.essayWord{ background:#e6fbc2; padding:20px; margin-bottom:40px; }
.essayWord .uc-mod-media-01{ margin:auto; }
.essayWord .rctxt{ font-size:1.25rem; color:#666; }
.essayWord .wimg{ background:#fff; text-align:center; padding:5px; margin: 0 0 10px 0; }
.essayWord .h1{ font-size:1.75rem; color:#132476; margin-bottom:20px; }
.essayWord .uc-lyt-grid-col-flex:nth-child(1){ padding:0 20px 0 0; }

.completion{ padding:10px; border:1px solid #ccc; margin:60px 0 20px 0; align-items: center; }
.completion .uc-lyt-grid-col-flex:nth-child(1) { padding-right: 20px; }
.completion .uc-mod-media-01{ margin:0; }
.completion .h1{ font-size:1.75rem; }

.complink{ margin-bottom:80px; }
.complink .grids{ padding:10px; }
.complink .grids .gs{ padding:10px; background-color:#d2eefa; align-items: center; }
.complink .grids .gs .h1{ color:#2ea0d9; font-size:1.5rem; }
.complink .grids .gs .uc-lyt-grid-col-flex:nth-child(2){ padding:0 0 0 10px; }
.complink .uc-mod-media-01{ margin:auto; }


.digital li { position: relative; padding-left: 40px; margin-bottom: 20px; list-style: none; } 
.digital li::before { position: absolute; top: -3px; left: 0; content: ""; width: 30px; height: 30px; border-radius: 100%; background: #3398cc; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.digital li::before { background: #2ea0d9;}
.digital li:nth-child(1)::before { content: "1"; }
.digital li:nth-child(2)::before { content: "2"; }
.digital li:nth-child(3)::before { content: "3"; }
.digital li:nth-child(4)::before { content: "4"; }
.digital li:nth-child(5)::before { content: "5"; }
.digital li:nth-child(6)::before { content: "6"; }

/*關於*/
.whitefont{ color:#fff !important; }
.grayfont{ color:#333 !important; }
.bluefont{ color:#2ea0d9 !important; }

.aboutText{ color:#666; font-size:20px; margin-bottom: 50px; }


@media screen and (max-width: 767px) {
/*header*/
.uc-page-header .uc-header-gnav .uc-overlay a{ color:#fff; }

/*首頁 產品區塊*/
.whitelist{ padding:15px; }


/*產品*/
.uc_title_bg h1{ font-size:2rem; }
.uc_title_bg h2{ font-size:2rem; }
.main_title_sty01 h2{ font-size:2rem; }

.evaluate_age{ font-size:1rem; }
.evaluate_h1{ font-size:1.5rem; }
.evaluate_p{ font-size:1.25rem; }

/*文章*/
.new_article .uc-mod-ranking-articel-01 a{ display:flex; align-items: center; }
.new_article .uc-mod-ranking-articel-01 .uc-ranking-media{ width:50%; }

.essayWord .uc-lyt-grid-col-flex:nth-child(1){ padding:0 0 20px 0; }
.essayWord .qas .uc-lyt-grid-col-flex:nth-child(1){ padding:0 10px 0 0; }

}

/* 了解漏尿, index描述灰底 margin-bottom 補正 */
.column_01_Grid_bottom5 .uc-mod-media-01{ margin-bottom: 5px !important; }
.column_01_Grid_bottom5 .uc-object{ margin-bottom: 5px !important; }