﻿/*====================================================================

 易經哲學 - 李進益 首建日2018/07/13 Roni 

 Test browser：IE11↑/Chrome/Firefox 61↓+Tablet測試ok

 Final date 2018/07/31 Roni

=====================================================================*/



body{-ms-overflow-style:scrollbar;}:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0;outline-offset:0;}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;@include border-radius(0);}select::-ms-expand{display:none;}input:required,.navbar-toggler:not(:disabled):not(.disabled){outline:none;}.home_8box>li,.news_list>li,.grid-container>li,.sidebar_ul>li{list-style:none;}.margin_none,.border_box,.home_service_time{margin:0;}.home_8box,.news_list,.grid-container,.sidebar_ul{padding:0;}rt{font-size:inherit;word-wrap:break-word;white-space:normal;line-height:inherit;}body,input,select,button,textarea,code{font-family:"\5Fae\8Edf\6B63\9ed1\9ad4","Gulim",sans-serif;}.news_list>li>a:before,.news_list>li>a:after{font-family:"Ionicons";}.p{margin-bottom:2rem;}object,embed,:hover,a:focus,:focus{text-decoration:none;outline:none;}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:none;}.clearer{clear:both;margin:0;padding:0;line-height:0;font-size:0;height:0;}img,.navbar-toggler{border:none;}.clear{clear:both;}.overflow_h,.news_list>li>a,.grid-container,.grid-container>li>a,.sidebar_ul>li>a,.sidebar>.tinynav,.post_img_box>a{overflow:hidden;}.f_c{margin:0 auto;}.t_l{text-align:left;}.t_c,.grid-container>li>a>.img_overlay>.caption{text-align:center;}.t_r{text-align:right;}.font_weight_no{font-weight:normal;}.font_bold{font-weight:bold;}.ios .font_bold{font-weight:800;}.ie9_warning{box-sizing:border-box;background:url("../images/ie9_warning.png") repeat;padding:20px 15px;position:fixed;z-index:3000;width:100%;bottom:0;}.point_ul{padding-left:1.5em;}.point_ul li{padding-left:.3em;list-style:disc outside;margin-left:.3em;padding:0 0 0 .3em;}.f_l,.news_list>li>a:before,.sidebar,.sidebar_ul>li>a:before{float:left;}.f_r{float:right;}.f_n{float:none;}.display_none,.warning-message,.tinynav,.gotop2{display:none;}.block,.scrolltop a,.navbar-brand,.home_8box>li>.icon,.news_list>li>a,.line_icon>svg,.grid-container>li>a>.img_overlay>.caption,.grid-container>li>a>.img_overlay>.caption>i,.sidebar_ul>li>a,.post_img_box>a>.img_overlay>.caption,.post_img_box>a>.img_overlay>.caption>i,.post_img_box>a{display:block;}.inline-block,.home_8box>li,.news_list>li>a:before,.grid-container>a,.rwd_pagination>li{display:inline-block;}.relative,.news_list>li>a,.grid-container>li>a,.news_list>li>a,.sidebar,header.masthead,.post_img_box>a{position:relative;}.absolute,.news_list>li>a:after,.grid-container>li>a>.img_overlay,.grid-container>li>a>.img_overlay>.caption>i,.sidebar:after,.post_img_box>a>.img_overlay,.post_img_box>a>.img_overlay,.post_img_box>a>.img_overlay>.caption>i{position:absolute;}.fixed,.scrolltop,.warning-message>.box{position:fixed;}.v_t,.inline-block,.home_8box>li{vertical-align:top;}.vc_1,.navbar>.container,.news_list>li>a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}.decoration_none,:hover,a:focus,:hover,a:focus{text-decoration:none!important;}.ie9_warning a,.decoration_underline,.well a{text-decoration:underline;}.white_bg,.news_list>li>a{background-color:#fff;}.light_bg{background-color:#f0f0f0;}.bg_1{background:linear-gradient(to bottom,#faf3e1,#ede5d1);}.gotop2>:not([href]):not([tabindex]):hover,.gotop2>:not([href]):not([tabindex]):active{background-color:#222;}.gotop2>.btn{background-color:#466aa6;}.ie9_warning,.ie9_warning a,.site-heading>h2>a,.grid-container>li>a>.img_overlay>.caption,.grid-container>a>.img_overlay,.grid-container>li>a>.img_overlay,.post_img_box>a>.img_overlay,.gotop2>:not([href]):not([tabindex]),.gotop2>:not([href]):not([tabindex]):focus,.gotop2>:not([href]):not([tabindex]):hover{color:#fff;}.navbar-light .navbar-toggler,#mainNav .navbar-brand,.navbar-nav>li>a,#mainNav.is-fixed.is-visible .navbar-nav>li>a,.scrolltop a,.news_list>li>a,.home_service_time a,.sidebar_ul>li>a{color:#222;}.well a:hover,.well a:focus,.news_list>li>a:hover,.news_list>li:nth-child(4n+1)>a:hover::before,.news_list>li:nth-child(4n+2)>a:hover::before,.news_list>li:nth-child(4n+3)>a:hover::before,.news_list>li:nth-child(4n+4)>a:hover::before,.news_list>li>a:hover::after{color:#999;}.ie9_warning a:hover{color:#fc3;}.scrolltop a:hover,.scrolltop a:focus,.home_8box>li>.icon,.news_list>li>a:after,.sidebar_ul>li.current>a{color:#466aa6;}.site-heading>h2>a:hover,.site-heading>h2>a:active,.sidebar_ul>li>a:hover,.sidebar_ul>li>a:active{color:#a0bff2;}.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#ccc;}.line_bottom{z-index:1000;bottom:174px;right:2px;position:fixed;width:52px;border:3px solid #2ccf54;border-radius:9999px;aspect-ratio:1;display:flex;align-items:center;background-color:#fff;}.line_bottom img{width:80%;display:block;}





/*========================Base元素==========================*/

@media all and (min-width:0\0) and (min-resolution:.001dpcm){.col-sm-6{float:left;}} /*===IE9 only==*/

.border_box,.sidebar>.tinynav{box-sizing:border-box;}.w100,.svg_bg,.svg_bg>svg,.map_box,.grid-container>li>a>.img_overlay,.post_img_box>a>img,.post_img_box>a>.img_overlay{width:100%;}.scrolltop{z-index:1000;bottom:100px;right:2px;}.scrolltop a{line-height:1;border-radius:50%;font-size:4rem;}a,.home_8box>li,.navbar-nav>li>a,.news_list>li>a:before,.news_list>li>a:after{-webkit-transition:.5s;transition:.5s;}.container{max-width:inherit;}.main_box{font-size:1.05rem;line-height:1.8em;}.section_padt{padding-top:5rem;}.section_padb{padding-bottom:4.5rem;}.section_caption{font-size:3rem;line-height:1.2em;letter-spacing:-.04em;margin:0 0 .5em;}.section_h3{font-size:2.2rem;line-height:1.3em;letter-spacing:-.04em;margin:0 0 .6em;}.border_box{border:2px solid #333;padding:1rem;border-radius:1rem;}.map_box{height:46vh;}.grid-container>li>a>.img_overlay>.caption>i,.post_img_box>a>.img_overlay>.caption>i{z-index:3;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.grid-container>li>a>.img_overlay>.caption{font-size:1.6rem;letter-spacing:-.03em;margin:-1% 0 0;line-height:1.1em;}.grid-container>a>.img_overlay,.grid-container>li>a>.img_overlay,.post_img_box>a>.img_overlay{right:0;z-index:1;top:0;bottom:0;left:0;height:100%;opacity:0;transition:1s ease;background-color:rgba(0,0,0,.6);}.grid-container>li>a:hover>.img_overlay,.img_l:hover>.img_overlay,.img_r:hover>.img_overlay,.post_img_box>a:hover>.img_overlay{opacity:.8;}.font3em,.grid-container>li>a>.img_overlay>i,.post_img_box>a>.img_overlay>.caption>i{font-size:3rem;}.sidebar>.tinynav{text-overflow:ellipsis;white-space:nowrap;}.font_20{font-size:1.4rem;}



/*==========================header==========================*/

.navbar>.container,.navbar>.container-fluid,.row{display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}header.masthead{background:url("../images/teacher_lee.png") no-repeat calc(100% / 3 + 27vw) -6%;background-size:66vh;background-attachment:scroll;-webkit-transition:background-size 1s ease-in;transition:background-size 1s ease-in;}.ie11 header.masthead{background:#4b6a9e url("../images/teacher_lee.png") no-repeat;background-position:calc(100% / 3 + 27vw) -6%;background-size:66vh;}.overlay{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.25);}header.masthead .page-heading,header.masthead .post-heading,header.masthead .site-heading{padding:22vh 0 17vh;color:#fff;z-index:20;}header.masthead .page-heading h1,header.masthead .site-heading h1{font-size:50px;margin-top:0}header.masthead .page-heading .subheading,header.masthead .site-heading .subheading{font-size:24px;font-weight:300;line-height:1.1;display:block;margin:10px 0 0;}header.masthead .page-heading h1,header.masthead .site-heading h1{font-size:4.5rem;letter-spacing:-.07em;}header.masthead .post-heading h1{font-size:35px}#mainNav.is-fixed .navbar-brand{color:#212529}.fixed-top.is-fixed{box-shadow:none;}.navbar-nav>li{padding:0 .6em;}.navbar-nav>li>a{padding:.2em;font-size:1.2rem;color:#fff;}#mainNav.is-fixed .navbar-nav>li.nav-item>a{color:#333;}#mainNav.is-fixed .navbar-brand{color:#212529}.navbar-nav>li.current>a{border-bottom:2px solid #fff;}.navbar-nav>li.current:hover>a,.navbar-nav>li.current:focus>a{border-color:#ccc;}#mainNav{position:absolute;-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}#mainNav.is-fixed{position:fixed;top:-85px;-webkit-transition:-webkit-transform .2s;transition:transform .2s;background-color:rgba(255,255,255,.9)}#mainNav.is-fixed.is-visible{box-shadow:0 5px 5px rgba(0,0,0,.2);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}#mainNav .navbar-brand{width:209px;height:37px;background:url("../images/logo.png") no-repeat;margin:1rem 0;padding:0}#mainNav.is-fixed .navbar-brand{background:url("../images/logo1.png") no-repeat;}.banner_bg{position:relative;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 40%),  url(../images/bg_1_1.jpg) no-repeat;background-size:cover;background-position-y:20%;background-position-x:50%;}



/*==========================內容區==========================*/

.home_8box{margin:0;}.home_8box>li{width:25%;margin:1rem -3px .5%;padding:8px;}.home_8box>li>.icon{font-size:4rem;margin-bottom:.5rem;}.home_8box>li>dl{line-height:1.3em;}.home_8box>li dd{font-size:.9em;}.svg_bg{min-height:5rem;}.svg_bg>svg{height:auto;max-height:6rem;margin-top:-1px;}.svg_bg>.container{padding-top:3.7rem;}.home_service_time{line-height:normal;}.home_service_time>dt{font-size:1.95rem;letter-spacing:-.03em;margin:0 0 .3em;}.home_service_time>dd{font-size:1.05em;display:table;margin:0 auto;}.sidebar{width:10rem;}.sidebar_ul{margin:0 0 1.5rem;}.sidebar_ul>li>a{border-bottom:1px solid #ccc;padding:.8em .3em .7rem 26px;width:calc(100% - 1rem);line-height:1.3em;}.ie11 .sidebar_ul>li>a{display:flex;padding-left:0;}.sidebar_ul>li>a:before{content:"❙";font-size:2rem;margin-top:-.07em;margin-left:-1rem;}.rbox{padding-left:12rem;}.ie11 .sidebar_ul>li>a:before{font-size:1.5rem;margin-left:-.6rem;}.post_img_box>a{}



/*======================Grid Gallery=========================*/

.grid-container{margin:2rem 0 0;}.grid-container>li>a{opacity:0;float:left;padding:5px;}.grid-container>li>a>img{width:100%;height:100%;}.grid-item.loaded{opacity:1;transition:opacity .5s}



/*============================News==========================*/

.news_list>li{margin:1rem 0;}.news_list>li>a{border:1px solid #ccc;padding:.5rem 2rem .5rem 1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.2);}.news_list>li>a:before{content:"\f165";font-size:2.6rem;line-height:1;vertical-align:-.4rem;height:2.5rem;margin-right:.5rem;}.news_list>li>a:after{top:calc(50% - .4rem);right:1rem;z-index:2;content:"\f488";font-size:.8rem;line-height:1;}.news_list>li>a>summary{line-height:1.3em;width:calc(100% - 2rem);}.news_list>li:nth-child(4n+1)>a::before{color:#a2ac83;}.news_list>li:nth-child(4n+2)>a::before{color:#cdbfc4;}.news_list>li:nth-child(4n+3)>a::before{color:#52c69a;}.news_list>li:nth-child(4n+4)>a::before{color:#94abcb;}.line_icon{margin:0 0 1.5rem;}.line_icon>svg{-webkit-transform:scale(4.0);transform:scale(4.0);margin:3rem auto;fill:#4ecd00;}



/*==========================Footer==========================*/

.footer{padding:3rem 0;}





/*=======================chrome only========================*/

@media screen and (-webkit-min-device-pixel-ratio:0) {input[type=text]:focus{outline:none;}.font11{-webkit-transform:scale(0.83);letter-spacing:-.01em;}}



/*=======================Firefox only=======================*/

@supports (-moz-appearance:none){a,select:focus,button:focus,input:focus,textarea:focus,a:focus{outline:none;hlbr:expression(this.onFocus=this.blur());}input:invalid{box-shadow:none;}}



@media(min-width:768px){.container{max-width:none;}} @media(min-width:576px){.container{max-width:none;}} @media(min-width:575px){.container{max-width:1140px;}} 



/*==================Tablet專用，注意字級放大===================*/

@media(max-width:1366px){.navbar-nav{padding-top:3px;}.ipad .col-sm-6{-webkit-flex:0 0 50%;}.navbar-nav>li>a,.container{font-size:1.1rem;}.news_list>li>a{padding:.7rem 2rem .5rem 1.5rem;}}



@media(max-width:1024px){.ipad .sidebar_ul>li>a{display:-webkit-flex;}}



/* ------ 舊iPad(橫向)----- */

@media only screen and(min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.ipad .navbar-collapse{-webkit-align-items:center;align-items:center;display:-webkit-flex;margin-left:auto;}.ipad .navbar-nav>li{margin-top:4px;display:inline-block;}}



/*  ------舊iPad(縱向)----- */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :portrait){.ipad .navbar-light .navbar-toggler{margin-left:auto!important;}.ipad .navbar-collapse{-webkit-flex-basis:100%;}}



/*=================Android4 Device縱橫皆可==================*/

@media only screen and (min-device-width:601px) and (max-device-height:962px) and (orientation :landscape) (-webkit-min-device-pixel-ratio:0) {.android .navbar-nav>li>a{font-size:1.4rem;}.android .main_box{font-size:1.3rem;}.android .container{font-size:1.3rem;}.android header.masthead{background-size:70vw auto;}}



/*----舊的webket設備橫向-------*/

@media only screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio:0){.android header.masthead{background:#4b6a9e url("../images/teacher_lee.png") no-repeat 40vw 10%;background-size:66vw;}}



/*----舊的webket設備縱向-------*/

@media only screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio:0){.android header.masthead{background-size:70vh auto;}.android header.masthead{background:#4b6a9e url("../images/teacher_lee.png") no-repeat 30vw 10%;background-size:66vh;}}



/*=========轉手機版Toggle=========*/

@media(max-width:991px){#mainNav .navbar-brand,.navbar-nav>li>a{color:#222;}.navbar-nav>li>a{display:block;}.navbar-nav>li>a{font-size:1.2rem;}.container{font-size:1.1em;}.navbar-toggler{cursor:pointer;position:relative;width:3rem;height:2.5rem}.navbar-toggler span{display:block;position:absolute;z-index:1050;height:2px;width:50%;background:#222;border-radius:0;opacity:1;left:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out;}#mainNav.is-fixed{top:-67px;}.navbar-toggler span:nth-child(1){top:34.5%}.navbar-toggler span:nth-child(2),.navbar-toggler span:nth-child(3){top:50%}.navbar-toggler span:nth-child(4){top:65.5%}.navbar-toggler.open span:nth-child(1){top:18px;width:0;left:50%}.navbar-toggler.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar-toggler.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navbar-toggler.open span:nth-child(4){top:18px;width:0;left:50%;}#mainNav{position:fixed;top:0;padding:0;background-color:rgba(255,255,255,.96);box-shadow:0 5px 5px rgba(0,0,0,.2);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}header.masthead .page-heading,header.masthead .post-heading,header.masthead .site-heading{margin-top:65px;padding:13vh 0;}#mainNav .navbar-brand{background:url("../images/logo1.png") no-repeat;}.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>li.current>a,.navbar-nav>li.current:hover>a,.navbar-nav>li.current:focus>a{border:none;color:#466aa6;}.home_8box>li>dl{font-size:1.1em;}.svg_bg>svg{max-height:3rem;}.home_service_time>dt{font-size:1.7rem;}}



@media(max-width:767px){.container,.sidebar,.sidebar>.tinynav{width:100%;}.sidebar_ul{display:none;}.rbox{padding-left:0;}.sidebar{float:none;margin:0 0 1.5rem;border:2px solid #ccc;background-color:#fff;cursor:pointer;}.sidebar:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;right:.7rem;z-index:1;top:calc(50% - 2px)}.sidebar>.tinynav{border:none;background-color:transparent;display:block;padding:.5rem 2rem .4rem .8rem;font-size:1.2rem;}#mainNav .navbar-brand{margin-left:13px;}}



@media(max-width:640px) and (orientation:landscape){header.masthead{background-size:91vh;background-position:48vw 18%;}.iphone header.masthead{background-size:110vh;}}



@media(max-width:640px){.main_box{font-size:1.05rem;line-height:1.5em;}#mainNav .navbar-brand{margin:.5rem 0 .5rem 13px;}header.masthead .page-heading,header.masthead .post-heading,header.masthead .site-heading{margin-top:52px;}header.masthead .page-heading h1, header.masthead .site-heading h1{font-size:7.5vw;}.site-heading>h2{font-size:5.6vw;}header.masthead .page-heading .subheading, header.masthead .site-heading .subheading{font-size:4.5vw;}.home_8box>li{width:50%;}.ie11 header.masthead{background-size:78vw auto;background-position:150% 37%;}.svg_bg>svg{max-height:2rem;}}



@media(max-width:575px){.border_box{margin-bottom:1rem;}:last-child>.border_box{margin-bottom:0;}}



@media(max-width:480px){header.masthead{background-size:87vw auto;background-position:33vw -1%;}header.masthead .site-heading{padding:9vh 0 10vh;}header.masthead .page-heading h1, header.masthead .site-heading h1{font-size:10.5vw;}.site-heading>h2{font-size:7vw;}header.masthead .page-heading .subheading, header.masthead .site-heading .subheading{font-size:4.5vw;}.home_service_time>dd{font-size:1.1em;letter-spacing:-.03em;}.home_service_time>dt{font-size:6vw;}.section_caption{font-size:7vw;}.font_20{font-size:6.5vw;}}