/* table's position default is align="left" --> Why? */
/* text-align:center is yt-setting default; */

.margin60_textLeft{
/*margin*/    
margin-left:60px;
margin-right:60px;
/*content*/
text-align:left;
}

.boldDimGray_bgSilver {
    background: Silver;
    color: DimGray;
    font-weight:bold;
  }

.bgLightCyan_textLeft16 {
    background: #e0ffff;
    text-align:left;
    font-size:16px;
  }

.bgLightCyan_textLeft16 a:hover{
      text-decoration:none; background:   Cyan; /*Cyan*/
} 
 


.bgLightCyan_textLeft {
    background: #e0ffff;
    text-align:left;
  }

.bgLightCyan_textLeft a:hover{
      text-decoration:none; background:   Cyan; /*Cyan*/
} 

.bgBeige_textLeft {
      background:   #f5f5dc; /*Beige*/ 
      text-align:left;
  }
.bgBeige_textLeft a:hover{
      text-decoration:none; background:   #98fb98; /*PaleGreen*/
}


.bgLavenderBlush_textLeft {
      background:   #fff0f5; /*Beige*/ 
      text-align:left;
  }
.bgLavenderBlush_textLeft a:hover{
      text-decoration:none; background:   #f8b0f8; /*PaleGreen*/
}



.italic14 {
font-style:italic;
font-size:14px;
}

.checkfilelist {
width: 35%;
text-align:center;
font-size:20px;
color:#191970;
background-color:#f5deb3;
border-color:#483d8b;

border-top-color:#b8860b;
border-left-color:#b8860b;
border-right-color:#b8860b;
border-top-style: solid;
border-top-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
}

.filelist {
width: 820px;
text-align:left;
font-size:16px;
color:#000000;
background-color:#fffaf0;
border-color:#483d8b;
border-style: solid;
border-width: 1px;
}


/* background color */
/* light */

.bgLavenderBlush {
      background:   #fff0f5; /*LavenderBlush*/
//    background:   Wheat; 
}
.bgLavenderBlush a:hover{
      text-decoration:none; background:   #f8b0f8; /*CoralPink*/
} 

.bgLinen {
       background-color:#faf0e6;
}
.bgLinen a:hover{
      text-decoration:none; background:   Bisque; /*Bisque*/
} 

.bgLightCyan {
      background:   #e0ffff;
//    background:   Moccasin;
}
.bgLightCyan a:hover{
      text-decoration:none; background:   Cyan; /*Cyan*/
} 

/* background color */
/* heavier */

.bgBisque {
       background-color:Bisque;
//     background-color:#ffe4c4;
}
.bgBisque a:hover{
      text-decoration:none; background:   Tan; /*Tan*/
} 

.bgLightPink {
      background:   #ffb6c1; // LightPink 
}
.bgLightPink a:hover{
      text-decoration:none; background:   #f8b0f8; /*CoralPink*/
} 

.bgCoralPink {
      background:   #f8b0f8; 
//    background:   Wheat; 
  }
.bgCoralPink a:hover{
      text-decoration:none; background:   #ff69b4; /*Hotpink*/
}

.bgBeige {
      background:   #f5f5dc; /*Beige*/ 
  }
.bgBeige a:hover{
      text-decoration:none; background:   #98fb98; /*PaleGreen*/
}


/* text color */

.colorOrangeRed {
       color:#ff4500;
}


.colorSaddleBrown {
       color:#8b4513;
       text-align:left;
       padding-left:18px;
}

/* This is old style made by ytlin */

.colorBD211F {
color: #BD211F
}

.rose {
float:left;
margin-left:333px;
}

.handin {
width: 400px;
float:right;
background-color:#ffe4c4;
border-color:#800000;
text-align:center;
font-style:normal;
font-size:16px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 3px;
border-right-style: solid;
border-right-width: 3px;
}

.handin .titleword {
font-size:24px;
}

.handin a:link {color:#000000; text-decoration:underline;} 
.handin a:visited {color:#000000; text-decoration:none;}
.handin a:hover {color:#000000; text-decoration:underline;}
.handin a:active {color:#000000; text-decoration:underline;}


.getmove {
width: 400px;
margin:auto;
background-color:#ffe4c4;
border-color:#800000;
text-align:center;
font-style:normal;
font-size:16px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 3px;
border-right-style: solid;
border-right-width: 3px;
}

.getmove .titleword {
font-size:24px;
}

.getmove a:link {color:#000000; text-decoration:underline;} 
.getmove a:visited {color:#000000; text-decoration:none;}
.getmove a:hover {color:#000000; text-decoration:underline;}
.getmove a:active {color:#000000; text-decoration:underline;}


.getmove2 {
width: 400px;
background-color:#ffe4c4;
border-color:#800000;
text-align:center;
font-size:22px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 3px;
border-right-style: solid;
border-right-width: 3px;
}

.handon {
font-size:22px;
}

.note {
font-size:16px;
text-align:left;
color:#000000;
background-color:#fff5ee;
border-color:#800000;
border-style: solid;
border-width: 3px;
}


.note2 {
font-size:20px;
text-align:left;
color:#000000;
background-color:#fff5ee;
border-color:#800000;
border-style: solid;
border-width: 3px;
}

/*
.flatform {
position:relative;
top:30px;
}
*/

.warning {
font-size:22px;
color:#ff0000;
background-color:#ffffff;
border-color:#ff0000;
border-style: solid;
border-width: 2px;
}

.songlist {
width: 760px;
text-align:center;
background-color:#fffaf0; /*FloralWhite*/
border-color:#483d8b; /*DarkslateBlue*/
border-style: solid;
border-width: 1px;
}

/* for ytlin index */
.motto {
/*space*/
width:87.5%;
/*margin*/
margin:auto;
margin-top:1px;
margin-bottom:1px;
/*border*/
border-color: #fff0f5; /*LavenderBlush*/
border-style: solid;
border-width: 3px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
/*padding*/
padding-top:1px;
/*content*/
color:#000000;
font-size:18px;
}

.motto a:link {color:#000000;} /*RoyalBlue*/
.motto a:visited {color:#000000; } /*RoyalBlue*/
.motto a:hover {color:#000000; text-decoration:none;background:#fff0f5;} /*RoyalBlue*/
.motto a:active {color:#4169e1; } /*RoyalBlue*/

.liners {
width:60%;
margin:auto;
font-style:italic;
font-size:14px;
}


/* changed from territory */
.long_article {
/*space*/
width:700px;
margin:auto;
text-align:left;
}
/* this is the territory.css made by ytlin */

/* ytlin's CSS should follow:
/*context*/
/*space*/
/*margin*/
/*border*/
/*padding*/
/*content*/


/* scrollbar setting */
html{
/*context*/
scrollbar-face-color:#f5deb3;
scrollbar-highlight-color:#fdf5e6;
scrollbar-shadow-color:#d2b48c;
scrollbar-3dlight-color:#f5deb3;
scrollbar-arrow-color:#000080;
scrollbar-track-color:#fffafa;
scrollbar-darkshadow-color:#fffff0;
}

/* brower's background color */
body {
/*context*/
background-color:#fffaf0;
}

/* basic setting of working space */
.territory {
/*space*/
width:888px;
background-color:#ffffff;
/*margin*/
margin:auto;
/*border*/
border-color:#c0c0c0; /* Silver */
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-left-radius:22px;
border-top-right-radius:22px;
/*padding* -- no setting*/
/*content*/
text-align:center;
font-style:normal;
font-family:"Georgia","Arial","Helvetica", "仿宋", "FangSong", "華文仿宋", "STFangsong","微軟正黑體","Microsoft JhengHei", "標楷體", "DFKai-sb","Serif","Times New Roman";
font-size:20px;
}

a:link {color:#000080; text-decoration:none;}
a:visited {color:#000080; text-decoration:none;}
a:hover {color:#000080; text-decoration:none;}
a:active {color:#000080; text-decoration:none;}

.territory table tr td {
padding-left:20px;
padding-right:20px;
}

.territory table th {
padding-left:20px;
padding-right:20px;
}

/* basic setting of working space */
.territory_tools {
/*space*/
width:888px;
background-color:#ffffff;
/*margin*/
margin:auto;
/*border*/
border-color:#c0c0c0; /* Silver */
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-left-radius:22px;
border-top-right-radius:22px;
/*padding* -- no setting*/
/*content*/
text-align:center;
font-style:normal;
font-family:"Georgia","Arial","Helvetica", "仿宋", "FangSong", "華文仿宋", "STFangsong","微軟正黑體","Microsoft JhengHei", "標楷體", "DFKai-sb","Serif","Times New Roman";
/* font-size:20px; */
}

a:link {color:#000080; text-decoration:none;}
a:visited {color:#000080; text-decoration:none;}
a:hover {color:#000080; text-decoration:none;}
a:active {color:#000080; text-decoration:none;}


.hair {
/*space*/
height:20px;
background-color:#808080;
/*border*/
border-collapse:collapse;
border-top-left-radius:20px;
border-top-right-radius:20px;
/*padding*/
padding-left:14px;
padding-top:10px;
/*content*/
text-align:left;
font-weight: 100;
color:#ffffff;
font-size:14px;
}
/*action*/
.hair a:link {color:#ffffff; }
.hair a:visited {color:#ffffff;}
.hair a:hover {color:#ffffff; text-decoration:underline;}
.hair a:active {color:#ffffff;}

.header {
/*space*/
height:72px;
background-image:url(/assets/background/ytHeader.jpg);
background-repeat:no-repeat;
background-color:#ffd700;
/*border*/
border-collapse:collapse;
/*content*/
text-align:left;
}

.topic {
/*content*/
position:relative;
top:14px;   /* 72-14=58 */
}

.neck {
/*space*/
height:18px;
background-color:#FFFACD;  /* Gold #ffd700  Khaki #F0E68C LemonChiffon #FFFACD */
/*border*/
border-color:#c0c0c0; /* Silver #c0c0c0 Darkgoldenrod #b8860b */
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-style: solid;
border-top-width: 2px;
/*padding*/
padding-top:4px;
padding-right:8px;
/*content*/
text-align:right;
font-size:14px;
color:#000000;
font-weight: 100;
}
/*action*/
.neck a:link {color:#000000;}
.neck a:visited {color:#000000;}
.neck a:hover {color:#000000; text-decoration:underline;}
.neck a:active {color:#000000;}

.title {
/*space*/
width:87.5%;
height:28px;
/*margin*/
margin:auto;
margin-top:20px;
margin-bottom:20px;
/*border*/
border-color: #c0c0c0; /* Silver */
border-style: solid;
border-width: 3px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
/*padding*/
padding-top:4px;
/*content*/
color: #a9a9a9;  /* DarkGray */
font-size:22px;
}

.title_Moccasin {
/*space*/
width:87.5%;
height:28px;
/*margin*/
margin:auto;
margin-top:20px;
margin-bottom:20px;
/*border*/
border-color: #ffe4b5;      /* Moccasin */
border-style: solid;
border-width: 3px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
/*padding*/
padding-top:4px;
/*content*/
color: #a9a9a9;  /* DarkGray */
font-size:22px;
}

.shoelace_Moccasin {
/*space*/
width:888px;
background-color:#ffe4b5;      /* Moccasin */
/*margin*/
/*border*/
border-collapse:collapse;
/*border
border-color:#000000;
border-top-style: groove;
border-top-width: 1px;*/
/*padding*/
padding-top:9px;
padding-bottom:8px;
/*content*/
color:#ffffff;
font-weight: 100;
font-size:14px;
text-align:center;
}
/*action*/
.foot a:link {color:#ffffff;}
.foot a:visited {color:#ffffff;}
.foot a:hover {color:#ffffff; text-decoration:underline;}
.foot a:active {color:#ffffff;}


.shoelace_silver {
/*space*/
width:888px;
background-color:#c0c0c0; /* Silver */
/*margin*/
/*border*/
border-collapse:collapse;
/*border
border-color:#000000;
border-top-style: groove;
border-top-width: 1px;*/
/*padding*/
padding-top:9px;
padding-bottom:8px;
/*content*/
color:#ffffff;
font-weight: 100;
font-size:14px;
text-align:center;
}
/*action*/
.foot a:link {color:#ffffff;}
.foot a:visited {color:#ffffff;}
.foot a:hover {color:#ffffff; text-decoration:underline;}
.foot a:active {color:#ffffff;}



.foot {
/*space*/
width:888px;
background-color:#6A5ACD; /* SlateBlue #6A5ACD RoyalBlue #4169E1 MidnightBlue #191970  */
/*margin*/
/*border*/
border-collapse:collapse;
/*border
border-color:#000000;
border-top-style: groove;
border-top-width: 1px;*/
/*padding*/
padding-top:9px;
padding-bottom:8px;
/*content*/
color:#ffffff;
font-weight: 100;
font-size:14px;
text-align:center;
}
/*action*/
.foot a:link {color:#ffffff;}
.foot a:visited {color:#ffffff;}
.foot a:hover {color:#ffffff; text-decoration:underline;}
.foot a:active {color:#ffffff;}

.shoe {
/*space*/
width:888px;
height:18px;
background-color:#808080;
/*margin*/
/*border*/
border-collapse:collapse;
/*padding*/
padding-top:2px;
/*content*/
text-align:right;
font-size:14px;
color:#ffffff;
font-weight: 100;
}
/*action*/
.shoe a:link {color:#ffffff;}
.shoe a:visited {color:#ffffff;}
.shoe a:hover {color:#ffffff; text-decoration:underline;}
.shoe a:active {color:#ffffff;}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */

= require_tree .