:root {
    --r-font-color : #000000;
    --r-font-size : 16px; 
    --r-line-height : 1.5;
    --r-el-border-bottom: solid 1px #dddddd;
    --r-el-padding: 1rem;
    --r-smaller-font : 0.8em;
    --r-container-padding : 1em;
    --r-hori-gap : 2em;
    --r-heading-font-weight : 700;
    --r-heading-font-size : 1.2em;
}

.isNotIndexPage .variableContent
{
   padding : 1em 0;
}

html, body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 24px;

  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

a {
    text-decoration : none;
    color: #000000;
}

.verticalMenuExist .variableContent {
    padding-left: 20px;
}

body
{
    padding-top : 1rem;
    padding-bottom : 1rem;

 /*  background-image: linear-gradient(to left top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);*/

/*    background-image: linear-gradient(to right bottom, #a6c5f4, #8db7f2, #71a9f0, #509bed, #128deb);
*/
/*background-image: linear-gradient(to right bottom, #cedff9, #c2dbfa, #b5d7fc, #a6d3fc, #95d0fd);
*/
    background-image: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%), url(/download/Resource/BGImage/sand-2005066_1920.jpg);

    /*background-image: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%), url(/download/Resource/BGImage/rain-drops-1144448_1920.jpg);*/
    background-repeat : no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.schoolNameAndLogo

{

   text-align : center;  
}

.schoolLogo
{
    max-width : 100%;
    height : auto;
}


.subMenuContainer

{
   position : absolute;
   top : 50px;
   right : 200px;
}


.kyMainMenu
{

    text-align : center;
}

.mp主導覽列6
{
    display: inline-block;
}
.schoolNameAndLogo, .kyMainMenu, .subMenuContainer, .kyFooter, .blockTitle
{  
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.isNotIndexPage .mcShell
{

   max-width : 1500px;
   margin : 0 auto;

   padding-top : 1rem;
}

.isNotIndexPage .leftRightContainer
{
   max-width : 1440px;
   margin : 0 auto;
   background-color : rgba(255,255,255,0.5);
 /*  background-color : rgba(254,254,223,0.5);*/
   padding : 0 20px 20px 0;
}

.isIndexPage .kyFooter
{
   background-image: url(/download/Resource/BGImage/abstract.jpg);
   border-top : solid 5px #fcba03;
   padding : 1rem;
}

.isNotIndexPage .kyFooter
{
   max-width : 1440px;
   margin : 0 auto;
   background-image: url(/download/Resource/BGImage/abstract.jpg);
   border-top : solid 5px #fcba03;
   padding : 1rem;
}

@media (max-width: 480px) 
{
    body
    {
       padding-left : 10px;
       padding-right : 10px;
    }
    .subMenuContainer {
        position: static;
    }
    .kyMainMenu
    {
        text-align : left;
    }

    .mp主導覽列6
    {
        display: block;
    }
}
@media (min-width: 481px) and (max-width: 767px) 
{
    body
    {
       padding-left : 15px;
       padding-right : 15px;
    }
    .subMenuContainer {
        position: static;
    }
    .kyMainMenu
    {
        text-align : left;
    }

    .mp主導覽列6
    {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 979px) 
{
    body
    {
       padding-left : 20px;
       padding-right : 20px;
    }
    .subMenuContainer {
        position: static;
    }
}
@media (min-width: 980px) and (max-width:1199px) 
{
    body
    {
       padding-left : 20px;
       padding-right : 20px;
    }
    .subMenuContainer {
        position: static;
    }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
    body
    {
       padding-left : 25px;
       padding-right : 25px;
    }
}
@media (min-width: 1920px) 
{
    body
    {
       padding-left : 30px;
       padding-right : 30px;
    }
}


.kyMainMenu:before{
    width: 140px;
    height: 100px;
    content: " ";
    position: absolute;
    left: 100px;
    top: -90px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjU5NS4yNzUiIGhlaWdodD0iMjY4LjY3NSINCgkgdmlld0JveD0iMCAwIDU5NS4yNzUgMjY4LjY3NSIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU5NS4yNzUgMjY4LjY3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjRjY5MzI0IiBwb2ludHM9IjUxNy42MjQsOTIuODk4IDU3MC4wMjEsMTExLjQ2OSA0ODEuMjY2LDE0OC45MjQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNGMTVCMkEiIHBvaW50cz0iNDgxLjI2NiwxNDguOTI0IDUxNy42MjQsOTIuODkgNDQ3LjUyMywxMjcuOTA0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjRTAzQjhEIiBwb2ludHM9IjQ0Ny41MjMsMTI3LjkxMiA0NjIuMjQyLDE1MC42NTEgMzUxLjQ1OSwxNzUuMTY0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOEI1MUEwIiBwb2ludHM9IjMyNi4zNTYsMjI2Ljg4OCAzMjYuMzU2LDI1MS4zMTggMzAyLjU1MywyMzkuMDcxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNkYzRDdDIiBwb2ludHM9IjI5Mi4xNzMsMjM5LjA3MSAyOTYuOTM4LDI0OC42NzkgMzAyLjU2MSwyMzkuMDcxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOEI1MUEwIiBwb2ludHM9IjMwMi41NTMsMjM5LjA3MSAzMjYuMzY0LDIyNi44OCAyOTIuMTczLDIzOS4wNzEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM2RjNEN0MiIHBvaW50cz0iMjcwLjEyLDI1MS4zMjYgMjkyLjE3MywyMzkuMDY0IDI3MC4xMiwyMjYuODg4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOTAzRThBIiBwb2ludHM9IjI5Mi4xNzMsMjM5LjA3MSAzMjYuMzY0LDIyNi44OCAyNzAuMTEyLDIyNi44OCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzlCNzNCMiIgcG9pbnRzPSIzMTUuOTc2LDE1NC4xNiAzMjYuMzU2LDIyNi44ODggMjcwLjEyLDIyNi44ODggCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM3NTc0QjYiIHBvaW50cz0iMjcwLjEyLDIyNi44ODggMzE1Ljk3NiwxNTQuMTUzIDI4MC41MDEsMTU0LjE1MyAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0Q1OUEyNyIgcG9pbnRzPSIxMzUuOTgzLDE1MS41NDMgMjQ1Ljg3NywxNzYuOTI0IDE1My4yNzgsMTI3LjkxMiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0VFOUMyNiIgcG9pbnRzPSIzMy44NjgsMTExLjAyMiAxMTUuMTkzLDE0OS43ODcgODIuMzEsOTIuMDI5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjRThDNTJCIiBwb2ludHM9IjExNS4yMDgsMTQ5Ljc4NyAxNTMuMjc4LDEyNy45MDQgODIuMzE4LDkyLjAxNCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0ZERTA4MyIgcG9pbnRzPSI3MS45MzYsNzkuNzY0IDgyLjMxOCw5Mi4wMjkgMTU5LjM0Myw2OC4zODIgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkQwMjkiIHBvaW50cz0iODIuMzE4LDkyLjAyOSAxNTMuMjc4LDEyNy45MTIgMTU5LjM0Myw2OC4zOSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0VFRDU0QiIgcG9pbnRzPSIyNi45NDcsNjEuMzkyIDcxLjk1MSw3OS43NjQgMTU5LjM0Myw2OC4zODIgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNCRTIwMkYiIHBvaW50cz0iNDQ3LjUyMywxMjcuOTEyIDUxNy41OTgsOTIuODk4IDQyNC4xNDIsNzAuMTQxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjQUQyOTU2IiBwb2ludHM9IjUxNy42MjQsOTIuODk4IDUyNS40MSw4MC42MzkgNDI0LjE0Miw3MC4xNDEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNFRTQyMzciIHBvaW50cz0iNTI1LjQxLDgwLjY0OCA1NjYuOTQ4LDYyLjI3NSA0MjQuMTQyLDcwLjEzMyAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzU4QzVDRCIgcG9pbnRzPSIyNzAuOTc5LDczLjY0OCAyODAuNTAxLDE1NC4xNiAyOTkuNTQsNzMuNjQ4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMkVBOUUwIiBwb2ludHM9IjI4MC41MDEsMTU0LjE2IDMxNS45NzYsMTU0LjE2IDI5OS41NCw3My42NDggCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNBRjU5QTIiIHBvaW50cz0iMzE1Ljk3NiwxNTQuMTYgMzI3LjIyLDczLjY0OCAyOTkuNTMzLDczLjY0OCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzY0ODRDMyIgcG9pbnRzPSIyNzAuOTc5LDczLjY0OCAyOTguNjgxLDI1LjQ5MyAyOTguNjgxLDU0LjM4MSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzY1OUVDQSIgcG9pbnRzPSIyNzAuOTc5LDczLjY0OCAyOTkuNTQsNzMuNjQ4IDI5OC42ODEsNTQuMzgxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjREQ3N0FGIiBwb2ludHM9IjI5OC42NzMsMjUuNTEgMzI3LjIyLDczLjY0OCAyOTguNjczLDU0LjM4OSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0E0NTI5RiIgcG9pbnRzPSIyOTkuNTQsNzMuNjQ4IDMyNy4yMiw3My42NDggMjk4LjY4MSw1NC4zODEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNDNUM3N0UiIHBvaW50cz0iMTUzLjI3OCwxMjcuOTEyIDE1OS4zNDMsNjguMzkgMjUxLjA3MywxNDQuNTQzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjRUZCQzI5IiBwb2ludHM9IjE1My4yNzgsMTI3LjkxMiAyNDUuODc3LDE3Ni45MTcgMjUxLjA3MywxNDQuNTQzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjQjFEOUE2IiBwb2ludHM9IjE1OS4zNDMsNjguMzkgMjcwLjk3OSw3My42NDEgMjUxLjA3MywxNDQuNTM3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOTY5QzM0IiBwb2ludHM9IjI0NS44NzcsMTc2LjkyNCAyODAuNTAxLDE1NC4xNiAyNTEuMDczLDE0NC41NDMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM0MkJFQUUiIHBvaW50cz0iMjcwLjk3OSw3My42NDggMjgwLjUwMSwxNTQuMTYgMjUxLjA3MywxNDQuNTQzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjRDU2OUE4IiBwb2ludHM9IjMxNS45NzYsMTU0LjE2IDMyNy4yMiw3My42NDggMzQ2LjI2NiwxNDcuMTc5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNkMyRDRGIiBwb2ludHM9IjMxNS45NzYsMTU0LjE2IDM1MS40NTksMTc1LjE2NCAzNDYuMjY2LDE0Ny4xNzkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNDMTg4QkMiIHBvaW50cz0iMzI3LjIyLDczLjY0OCA0MjQuMTQyLDcwLjEzMyAzNDYuMjY2LDE0Ny4xNzkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM3RjJGNTciIHBvaW50cz0iMzUxLjQ1OSwxNzUuMTY0IDQ0Ny41MjMsMTI3LjkwNCAzNDYuMjU4LDE0Ny4xNzkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM5OTM5OEUiIHBvaW50cz0iNDI0LjE0Miw3MC4xNDEgNDQ3LjUyMywxMjcuOTA0IDM0Ni4yNjYsMTQ3LjE1NiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0JFMjAyRiIgcG9pbnRzPSI1MTcuNjI0LDkyLjg5OCA1MjUuNDEsODAuNjM5IDU0My41NzQsODguNTE0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjRUExRTg5IiBwb2ludHM9IjU0My41NzQsODguNTI5IDU0OS42MzYsODMuMjgyIDUyNS40MSw4MC42NDggCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNERkQ3ODMiIHBvaW50cz0iNzEuOTM2LDc5Ljc2NCA4Mi4zMTgsOTIuMDI5IDU0LjYyNSw4OS4zOTYgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkQzNzEiIHBvaW50cz0iNDYuODQ0LDgyLjM5NyA1NC42MjUsODkuMzg4IDcxLjkzNiw3OS43NTcgCSIvPg0KPC9nPg0KPC9zdmc+DQo="); 
    background-repeat: no-repeat;
    background-size: 140px 100px;
    transform: rotate(-20deg);
}