@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/

/* reset & default ---------------------------------------------------------------------- */
*{ padding:0; margin:0; }
html,body{ height:100%; }
body{ font-family:sans-serif; font-size:1em; letter-spacing:1px; background-color:#FFF; color:#000; }
ul,ol,li{ list-style:none; }
a{ text-decoration:none; color:#3d6caa; }
a:hover{ color:#ff0088; }
img{ border:none; }
:focus{ outline:none; }

.borderP{ border:1px solid #424242; background-color:#F0F0F0; margin:0 40px; padding:15px; }
.pointWordBlue{ color: #0641E0; font-weight: bold; }
.pointWordRed{ color: #ff0088; font-weight: bold; }
.pointWordYellow{ color: yellow; font-weight: bold; }

.operative { font-weight: bold; border: 1px solid yellow; }
pre.prettyprint.TSpre { border: 4px solid #88c; font-size:16px; width:82%;
                        padding:10px; margin-left: 80px; }
pre.prettyprint.TSpre ol{ padding-left:40px; }        
pre.prettyprint.TSpre ol li{ padding-left: 10px; list-style-type: decimal; }


.blockList{ margin-left:100px; }

#page2content .contentTable{ width:85%; margin:20px auto; background-color:#F0F0F0; }
#page2content .contentTable th, #page2content .contentTable td{ padding:3px; }

.marginCenter{ margin:20px auto; background-color:#F0F0F0; }
.marginCenter td, .marginCenter th{ padding:3px; }

/* header 區 ----------------------------------------------------------------------------- */
header{ background-color:#6bade6; height:70px; position:fixed; width:100%; 
        z-index:9999; box-shadow:0px 3px 3px #000; }

#logo{ background-color:#1b5486; float:left; font-size:2.5em; color:#0FF; height:50px; padding:10px; }

#nav{ position:absolute; right:10px; bottom:0; font-family:'Orbitron', 'cwTeXHei', sans-serif; }
#nav>li{ float:left; position:relative; margin-left:5px; }
#nav>li>h2{ font-size:1.1em; padding:10px 15px; font-weight:normal; cursor:pointer; }
#nav>li>ul{ position:absolute; left:0; top:44px; background-color:#92c7f5; padding:20px 10px; display:none;
            border-bottom:5px solid #5e87ac;}
#nav ul li{ padding-bottom:7px; padding-left:5px; }
#nav ul a{ font-size:0.8125em; }
#nav ul a:hover{}
#nav ul a span{ padding-left:5px; font-size:12px; color:#000; }

#navPoint { background-color:#92c7f5; width:100px; height:50px; 
            position:absolute; left:-100px; bottom:0; 
            border-top-left-radius:10px; border-top-right-radius:10px;}

/* page all 區 -------------------------------------------------------------------------- */
.page { min-height:100%; position:relative; }
.page1 { background-color:#7a8fa3;}
.page2 { background-color:#c3a4d3;}
.page3 { background-color:#b9d19c;}
.page4 { background-color:#ded08d;}

/* page1 區 ----------------------------------------------------------------------------- */
#ADpanel{ position:absolute; width:220px; min-height:250px; left:0; top:150px; 
          background-color:#d0a2fa; display:none; z-index:999; font-size: 15px;
          box-shadow:5px 5px 10px #000; font-family:'cwTeXHei', sans-serif; }

#ADpanelBtn{ position:absolute; width:20px; height:100%; right:-40px; top:0; 
             background-color:#8951bc; cursor:pointer; padding:0 10px;
             box-shadow:5px 5px 10px #000; text-align:center; font-size:20px; color:#FFF; }

#ADpanel ol{ padding:30px 20px 20px 40px; list-style-type:decimal; }
#ADpanel ol li{ padding-bottom:5px; list-style-type:decimal; }

.page1bg{ position:absolute; width:100%; height:100%; top:0; left:0;
          background-size:cover; background-position:center; display:none; }
.page1bg1{ background-image:url(images/photo1.jpg); }
.page1bg2{ background-image:url(images/photo2.jpg); }
.page1bg3{ background-image:url(images/photo3.jpg); }
.page1bg4{ background-image:url(images/photo4.jpg); }

/* page2 區 ---------------------------------------------------------------------------- */
.page2 { display:flex; }
.page2 aside { background-color:#7f5695; width:18%; min-height:100vh; float:left; }
#page2menu { padding-top:100px; letter-spacing:1px; }
#page2menu>li>h2 { background:url(images/list_icon1.png) 5px 5px no-repeat; font-size:18px;
                   color:#aabfff; padding:5px 0px 5px 35px; cursor:pointer; font-weight:normal;
                   font-family:'Orbitron', 'cwTeXHei', sans-serif; }

#page2menu ul a { padding:7px 0 7px 30px; color:#FFF; font-size:12px;
                  display:block;
                  font-family:Verdana, Geneva, sans-serif;}
#page2menu ul a:hover { background-color:rgba(255, 255, 255, 0.2); }
#page2menu ul a.current, #page2menu ul a.current:hover { background-color:#c3a4d3;}
#page2menu ul { display:none; padding-bottom:20px; }

#page2content { padding:110px 40px 40px; width:82%;
                font-family:'cwTeXHei', sans-serif; }
#page2content h1{ margin-bottom:30px; font-weight:normal; }
#page2content h1 img{ vertical-align:middle; width:38px; height:auto; }
#page2content h2{ margin:20px 40px; font-weight:normal; font-size:1.3em; }
#page2content p{ margin:20px 80px; }

.linkDownLoad { display: block; text-align: center; padding: 20px 0; color: pink; }

@media(max-width:1024px){
    .page2 aside{ width:24%; }
    #page2content { width:76%; } 
    
    pre.prettyprint.TSpre { width:95%; padding:10px; margin-left: 10px; }
}

/* page3 區 ---------------------------------------------------------------------------- */
#imglist { list-style:none; min-width:910px; max-width:1260px; overflow:hidden;
            margin:0px auto; padding:100px 30px 30px; }

#imglist li { float:left; width:150px; height:150px; border-radius:50%; 
              margin:15px; position:relative; overflow:hidden;
              background-color:rgba(255,255,255,0.2);  }

#imglist img { position:absolute; width:0px; height:0px; 
                left:50%; top:50%; border-radius:50%;}

#imglist span { position:absolute; width:100%; height:40%; left:0; bottom:-50%;         
                background-color:rgba(0,0,0,0.7); color:#FFF; 
                font-size:20px; text-align:center; padding-top:10%; }

/* page4 區 ---------------------------------------------------------------------------- */
#addMem { width:900px; margin:0 auto; padding:120px 0 0; }
#addMem input, #addMem textarea { font-size:16px;
    width:400px; border-radius:7px; padding:7px; margin:5px; 
    border:1px solid #7b6f39; background-color:rgba(255, 255, 255, 0.7);}
#addMem textarea { height:120px; width:95%; }
#addMem #addBtn { display:block; margin:5px auto; width:200px; }
#addMem span { display:none; color:red; }