@CHARSET "UTF-8";

:-moz-placeholder { color: gray;font-weight: 400; }
::-webkit-input-placeholder {  color: gray;font-weight: 400;} 
input [type=text] {
    padding: 20px 20px;
    box-sizing: border-box;
}

body{  
    margin:0px 0px 0px 0px;
    text-align: left;
    background-color: #FFFFFF;
    font-family:"微軟正黑體","新細明體",Arial,sans-serif;
    color: #000000;
    font-size: 1em;
    line-height:140%;
    
}

.FIXPAGE {
    position:fixed;top:0px;left:0px;
    width: 100%;display:inline;
    height: 100%; z-index:0;
    background-repeat: no-repeat;
    background-image: url(pic/page2_bg.jpg);
    background-position: 50% 50%;
    background-size: 100% auto;
  }

/* 標準設定*/

.TITLE { position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO { position:fixed;top:8px;left:66px;display:block;height:38px;width:225px;font-size:0px;color:black;line-height:100%;background: url(pic/wudang_logo_new.png) no-repeat 0px 0px;float:left;}
.TITLE_FONE { position:fixed;top:8px;right:24px;display:block;height:64px;width:300px;font-size:36px;letter-spacing:6px;color:#FF0000;line-height:100%;text-shadow:1px 1px 1px black;text-align:center;}
.TITLE_FONE a { color: gray;text-decoration:none;text-shadow:1px 1px 1px black;}
.TITLE_FONE a:link { color: RED;text-decoration:none;text-shadow:1px 1px 1px black;}
.TITLE_FONE a:hover { color: GOLD;text-decoration:none;text-shadow:1px 1px 1px black;}
.SUB_TXT {display:block;font-family:"微軟正黑體";font-weight:thin;height:24px;width:300px;color:RED;font-size:16px;letter-spacing:2px;line-height:100%;text-align:center;text-shadow:1px 1px 2px yellow;}
.SUB_TXT2 { display:none}

.taichi { position:fixed;top:8px;left:64px; width: 15px;height: 36px; margin: 0px; background: #fff; border:1px solid #000; border-width: 2px 24px 1px 1px; border-radius: 50%; z-index:1000; -webkit-animation: rotate 15s infinite linear; -moz-animation: rotate 15s infinite linear; -o-animation: rotate 15s infinite linear; animation: rotate 15s infinite linear;}
.white-circle { position: absolute; top: 0; left: 50%; background: #fff;border-radius: 50%;width: 18px; height: 18px;}
.white-circle::after {content: "";position: absolute;top: 7px;left: 7px;background: #000;border-radius: 50%;width: 6px;height: 6px;}
.black-circle { position: absolute; top: 50%; left: 50%; background: #000; border-radius: 50%; width: 18px; height: 18px; }
.black-circle::after {content: "";	position: absolute; top: 7px; left: 7px;	background: #fff; border-radius: 50%;width: 6px;height: 6px;}
@-webkit-keyframes rotate {   form {  -webkit-transform: rotate(0deg); }  to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {    form { -moz-transform: rotate(0deg); }  to { -moz-transform: rotate(360deg); } }
@-o-keyframes rotate {  form { -o-transform: rotate(0deg);  }  to { -o-transform: rotate(360deg);  }}
@keyframes rotate {   form {   transform: rotate(0deg);  }  to {  transform: rotate(360deg);  }}

.plist { width:960px;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none;height:auto;text-align:center;}
.plist h2 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 32px;display:block;letter-spacing:24px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
.plist p { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#777;text-decoration:none;}
.plist h3{	margin:22px;paddion:0px;width:192px;height:192px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:24px 0px 0px 0px;width:auto;height:75%;opacity:0.8;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 2px black;letter-spacing:9px; font-weight:bold;}
.plist h3 a u {  text-decoration:none;color: RED;text-shadow:0px 0px 1px blue;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: black;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3:hover * , .plist h3:active * {font-size: 20px;text-decoration:none;text-shadow:0px 0px 2px red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:85%; animation-fill-mode: forwards; }
.plist h3 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 18px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 2px black;}

p_boxclass { width:1200px;text-align:center;display:block;margin:auto;height:100%;border:none;overflow:hidden; }
.tlist,.tlist2 { width:1200px;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:96px;z-index:999; }
.tlist h2,.tlist2 h2 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 32px;display:block;letter-spacing:24px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
.tlist p,.tlist2 p { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#777;text-decoration:none;}
.tlist h3,.tlist2 h3{	margin:12px;paddion:0px;width:120px;height:96px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:24px 0px 0px 0px;width:auto;height:72px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:84px; animation-fill-mode: forwards;text-shadow:0px 0px 6px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:84px; animation-fill-mode: forwards;text-shadow:0px 0px 6px gold;}
.tlist h3,.tlist2 h3 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 12px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

h2 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 32px;display:block;letter-spacing:20px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
p { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#333;text-decoration:none;}
.ADD { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 1.4em;display:block;letter-spacing:12px;color:#fff;text-decoration:none;margin:0.6em;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1100; border:none;opacity:1;text-align:center; display:none;}
.PMENU:hover  { opacity:1;width: 64px; height: 64px;cursor:pointer; -webkit-animation-duration: .85s;  animation-duration: .85s; -webkit-animation-fill-mode: forwards;animation-name:pulse; }
.text {text-indent : 2em; font-family:"微軟正黑體",Arial,sans-serif;  font-size: 1.4em;display:block;letter-spacing:6px; font-weight:bold;color:0;text-decoration:none;text-align:left;line-height:160%; margin:1em;}

/* 螢幕寬 1000 ~ 1360 */
@media screen and (min-width: 1000px) and (max-width: 1367px)  {
.plist { width:967px;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none;height:auto;text-align:center;}
p_boxclass { width:996px;text-align:center;display:block;margin:auto;height:100%;border:none;overflow:hidden; }
.tlist,.tlist2 { width:996px;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:8px;paddion:0px;width:108px;height:72px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:16px 0px 0px 0px;width:auto;height:64px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:84px; animation-fill-mode: forwards;text-shadow:0px 0px 6px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:84px; animation-fill-mode: forwards;text-shadow:0px 0px 6px gold;}
.tlist h3,.tlist2 h3 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 12px;display:block;letter-spacing:2px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

.ADD { font-size: 1em;display:block;letter-spacing:12px;color:#fff;text-decoration:none;margin:0.6em;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1990; border:none;opacity:1;text-align:center; display:none;}
.PMENU:hover  { opacity:1;width: 64px; height: 64px;cursor:pointer; -webkit-animation-duration: .85s;  animation-duration: .85s; -webkit-animation-fill-mode: forwards;animation-name:pulse; }
.FIXPAGE { background-position: 50% 15%;background-size: 150% auto;  }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
}

/* 螢幕寬 728 ~ 1000  桌機 */
@media screen and (min-width: 728px) and (max-width: 1000px)  {
.TITLE_LOGO { position:fixed;top:8px;left:16px;}
.TITLE_FONE { position:fixed;top:20px;right:0px;font-family:Arial;font-weight:thin;height:24px;font-size:20px;width:200px;}	
.SUB_TXT {position:fixed;top:24px;left:236px;font-weight:thin;height:24px;width:300px;color:RED;font-size:16px;letter-spacing:2px;line-height:100%;text-align:center;text-shadow:1px 1px 2px yellow;}
.taichi { position:fixed;top:8px;left:14px;}
.plist { width:728px;}
.plist h3{	margin:2px;paddion:0px;width:178px;height:178px;}
.plist h3 img { display:block;margin:auto;padding:4px 0px 0px 0px;width:auto;height:75%;}
.plist h3 a {letter-spacing:9px;}
.plist h3:hover * , .plist h3:active * {font-size: 20px;text-shadow:0px 0px 2px red;opacity:1.0; }
.plist h3 { font-size: 18px;letter-spacing:4px;text-shadow:0px 0px 2px black;}

p_boxclass { width:728px;text-align:center;display:block;margin:auto;height:100%;border:none;overflow:hidden; }
.tlist,.tlist2 { width:728px;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:2px;paddion:0px;width:86px;height:64px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:4px 0px 0px 0px;width:auto;height:48px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3,.tlist2 h3 {  font-size: 14px;display:block;letter-spacing:8px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

h2 {font-size: 26px;letter-spacing:20px;text-shadow:0px 0px 2px gray;}
p { font-size: 12px;letter-spacing:18px;text-decoration:none;}
.ADD { font-size: 1em;display:block;letter-spacing:12px;margin:0.6em;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1990; border:none;opacity:1;text-align:center; display:none;}
.PMENU:hover  { opacity:1;width: 64px; height: 64px;cursor:pointer; -webkit-animation-duration: .85s;  animation-duration: .85s; -webkit-animation-fill-mode: forwards;animation-name:pulse; }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
.FIXPAGE { background-position: 60% 50%;background-size: 240% auto;  }
}

/* 螢幕寬 641 ~ 727  */
@media screen and (min-width: 641px) and (max-width: 727px)  {

.TITLE { -webkit-transform:translateZ(0);position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO {  -webkit-transform:translateZ(0);position:fixed;top:8px;left:16px;}
.TITLE_FONE {  -webkit-transform:translateZ(0);position:fixed;top:20px;right:0px;font-family:Arial;font-weight:thin;height:24px;font-size:20px;width:200px;}	
.SUB_TXT {position:fixed;top:24px;left:236px;font-weight:thin;height:24px;width:300px;color:RED;font-size:16px;letter-spacing:2px;line-height:100%;text-align:center;text-shadow:1px 1px 2px yellow;}
.SUB_TXT2 {display:none;}

.taichi {  -webkit-transform:translateZ(0);position:fixed;top:8px;left:14px;}
.plist { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none; }
.plist h3{	margin:0px;paddion:0px;width:160px;height:160px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:50%;opacity:1;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 0px black;letter-spacing:4px; font-weight:thin;}
.plist h3 a u {  text-decoration:none;color: red;text-shadow:0px 0px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,0,0,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: blue;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 {  font-size: 16px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

p_boxclass { width:100%;text-align:center;display:block;margin:auto;height:100%; border:none;}

.tlist,.tlist2 { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:8px 0 8px 0;paddion:0px;width:80px;height:64px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:48px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 11px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 11px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3,.tlist2 h3 { font-size: 11px;display:block;letter-spacing:6px;line-height:120%;}

.tlist2 { display:none; }
.FIXPAGE { display:none; }
h2 { font-size: 28px;display:block;letter-spacing:4px; }
p {  font-size: 20px;display:block;letter-spacing:8px; }
.ADD {  font-size: 12px;display:block;letter-spacing:0px;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1000; border:none;text-align:center; }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
}


/* 螢幕寬 568 ~ 640  */
@media screen and (min-width: 568px) and (max-width: 640px)  {

.TITLE { -webkit-transform:translateZ(0);position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO { -webkit-transform:translateZ(0);position:fixed;top:4px;left:4px;display:block;height:48px;width:225px;font-size:0px;color:black;line-height:100%;background: url(pic/wudang_logo_new.png) no-repeat 0px 0px;float:left;}
.TITLE_FONE {display:none} 
.TITLE_FONE a:link { color: Gold;text-decoration:none;text-shadow:1px 1px 1px black;} .TITLE_FONE a { color: #Gold;text-decoration:none;text-shadow:1px 1px 1px black;}
.SUB_TXT {display:none} 
.SUB_TXT2 {position:absolute;top:4px;right:24px;display:block;height:48px;width:48px;color:#FF0000;padding-top:0px;line-height:100%;text-shadow:1px 1px 1px black;text-align:right;}

.taichi {display:none}
.plist { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none; }
.plist h3{	margin:10px;paddion:0px;width:122px;height:96px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:50%;opacity:1;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 0px black;letter-spacing:4px; font-weight:thin;}
.plist h3 a u {  text-decoration:none;color: red;text-shadow:0px 0px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,0,0,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: blue;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 {  font-size:14px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

p_boxclass { width:100%;text-align:center;display:block;margin:auto;height:100%; border:none;}

.tlist,.tlist2 { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:0px;paddion:0px;width:70px;height:72px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:48px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 9px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 9px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3,.tlist2 h3 { font-size: 9px;display:block;letter-spacing:4px; }

.tlist2 { display:none; }
.FIXPAGE { display:none; }
h2 { font-size: 24px;display:block;letter-spacing:4px; }
p {  font-size: 16px;display:block;letter-spacing:8px; }
.ADD {  font-size: 12px;display:block;letter-spacing:0px;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1000; border:none;text-align:center; }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
}

/* 螢幕寬 480 ~ 567  */
@media screen and (min-width: 481px) and (max-width: 567px)  {

.TITLE { -webkit-transform:translateZ(0);position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO { -webkit-transform:translateZ(0);position:fixed;top:4px;left:4px;display:block;height:48px;width:225px;font-size:0px;color:black;line-height:100%;background: url(pic/wudang_logo_new.png) no-repeat 0px 0px;float:left;}
.TITLE_FONE {display:none} 
.TITLE_FONE a:link { color: Gold;text-decoration:none;text-shadow:1px 1px 1px black;} .TITLE_FONE a { color: #Gold;text-decoration:none;text-shadow:1px 1px 1px black;}
.SUB_TXT {display:none} 
.SUB_TXT2 {position:absolute;top:4px;right:24px;display:block;height:48px;width:48px;color:#FF0000;padding-top:0px;line-height:100%;text-shadow:1px 1px 1px black;text-align:right;}

.taichi {display:none}
.plist { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none; }
.plist h3{	margin:0px;paddion:0px;width:160px;height:160px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:50%;opacity:1;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 0px black;letter-spacing:4px; font-weight:thin;}
.plist h3 a u {  text-decoration:none;color: red;text-shadow:0px 0px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,0,0,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: blue;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 {  font-size: 16px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

p_boxclass { width:100%;text-align:center;display:block;margin:auto;height:100%; border:none;}

.tlist,.tlist2 { width:100%;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:2px;paddion:0px;width:82px;height:86px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:48px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 9px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 9px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3,.tlist2 h3 { font-size: 9px;display:block;letter-spacing:0px; font-weight:thin;color:#000;text-decoration:none;text-shadow:0px 0px 0px gray;}

.tlist2 { display:none; }
.FIXPAGE { display:none; }
h2 { font-size: 24px;display:block;letter-spacing:4px; }
p {  font-size: 16px;display:block;letter-spacing:8px; }
.ADD {  font-size: 12px;display:block;letter-spacing:0px;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1000; border:none;text-align:center; }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
}

/* 螢幕寬 375 ~ 480  */
@media screen and (min-width: 361px) and (max-width: 480px)  {

.TITLE { -webkit-transform:translateZ(0);position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO { -webkit-transform:translateZ(0);position:fixed;top:4px;left:4px;display:block;height:48px;width:225px;font-size:0px;color:black;line-height:100%;background: url(pic/wudang_logo_new.png) no-repeat 0px 0px;float:left;}
.TITLE_FONE {display:none} 
.TITLE_FONE a:link { color: Gold;text-decoration:none;text-shadow:1px 1px 1px black;} .TITLE_FONE a { color: #Gold;text-decoration:none;text-shadow:1px 1px 1px black;}
.SUB_TXT {display:none} 
.SUB_TXT2 {position:absolute;top:4px;right:24px;display:block;height:48px;width:48px;color:#FF0000;padding-top:0px;line-height:100%;text-shadow:1px 1px 1px black;text-align:right;}

.taichi {display:none}

.plist { width:360px;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none; }
.plist h2 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 24px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
.plist p { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#777;text-decoration:none;}
.plist h3{	margin:0px;paddion:0px;width:160px;height:160px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:50%;opacity:1;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 0px black;letter-spacing:4px; font-weight:thin;}
.plist h3 a u {  text-decoration:none;color: red;text-shadow:0px 0px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,0,0,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: blue;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 { font-family:"微軟正黑體",Arial,sans-serif;  font-size: 16px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

p_boxclass { width:100%;text-align:center;display:block;margin:auto;height:100%; border:none;}

.tlist,.tlist2 { width:360px;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:auto;z-index:999; }
.tlist h3,.tlist2 h3{	margin:0 0 25px 0;paddion:0px;width:80px;height:72px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img,.tlist2 h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:48px;}
.tlist h3 a,.tlist2 h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 7px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size: 7px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3,.tlist2 h3 { font-size: 7px;display:block;letter-spacing:5px; font-weight:thin;color:#000;text-decoration:none;text-shadow:0px 0px 0px gray;}

.tlist2 { display:none; }
.FIXPAGE { display:none; }
h2 { font-size: 24px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
p { font-size: 16px;display:block;letter-spacing:8px; font-weight:bold;color:#333;text-decoration:none;}
.ADD { font-size: 12px;display:block;letter-spacing:0px;color:#fff;text-decoration:none;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1000; border:none;text-align:center; }
.text { text-indent : 2em; font-size: 1.2em;letter-spacing:2px;}
	
}

/* 螢幕寬 320 ~ 360  */
@media screen and (max-width: 360px)  {

.TITLE { -webkit-transform:translateZ(0);position:fixed;top:0px;left:0px;display:inline;width:100%;height:48px;z-index:999;font-size:2em;line-height:100%;}
.TITLE_LOGO { -webkit-transform:translateZ(0);position:fixed;top:4px;left:4px;display:block;height:48px;width:225px;font-size:0px;color:black;line-height:100%;background: url(pic/wudang_logo_new.png) no-repeat 0px 0px;float:left;}
.TITLE_FONE {display:none} 
.TITLE_FONE a:link { color: Gold;text-decoration:none;text-shadow:1px 1px 1px black;} .TITLE_FONE a { color: #Gold;text-decoration:none;text-shadow:1px 1px 1px black;}
.SUB_TXT {display:none} 
.SUB_TXT2 {position:absolute;top:4px;right:24px;display:block;height:48px;width:48px;color:#FF0000;padding-top:0px;line-height:100%;text-shadow:1px 1px 1px black;text-align:right;}

.taichi {display:none}

.plist { width:320px;text-align:center;display:inline-block;margin:auto;text-decoration:none;border:none; }
.plist h2 { font-size: 24px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
.plist p {   font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#777;text-decoration:none;}
.plist h3{	margin:0px;paddion:0px;width:160px;height:160px;float:left;cursor:pointer;text-decoration:none;}
.plist h3 img { display:block;margin:auto;padding:0px 0px 0px 0px;width:auto;height:50%;opacity:1;}
.plist h3 a {text-decoration:none;color:#000;text-shadow:0px 0px 0px black;letter-spacing:4px; font-weight:thin;}
.plist h3 a u {  text-decoration:none;color: red;text-shadow:0px 0px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,0,0,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 a s {  text-decoration:none;color: blue;text-shadow:1px 1px 1px black;-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,0)), to(rgba(0,0,255,0))); }
.plist h3 { font-size: 16px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}

p_boxclass { width:320px;text-align:center;display:block;margin:auto;height:100%; border:2px solid red;}

.tlist { width:320px;text-align:center;display:inline-block;margin:auto;text-decoration:none;height:168px;text-align:center;z-index:1999; }
.tlist h2 { font-size: 24px;display:block;letter-spacing:4px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;}
.tlist p {  font-size: 16px;display:block;letter-spacing:24px; font-weight:bold;color:#777;text-decoration:none;}
.tlist h3{	margin:0px;paddion:0px;width:80px;height:120px;float:left;cursor:pointer;text-decoration:none;}
.tlist h3 img { display:block;margin:auto;padding:8px 0px 8px 0px;width:auto;height:48px;opacity:1;}
.tlist h3 a {text-decoration:none;}
.tlist h3:hover *, .tlist h3:active * {font-size: 14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold; }
.tlist2 h3:hover *, .tlist2 h3:active * {font-size:14px;text-decoration:none;color:red;opacity:1.0;transition: opacity 0.25s,height 0.25s;height:48px; animation-fill-mode: forwards;text-shadow:0px 0px 1px gold;}
.tlist h3 {font-size: 14px;display:block;letter-spacing:5px; font-weight:bold;color:#000;text-decoration:none;text-shadow:0px 0px 1px gray;background: #fff;}

.tlist2 { display:none; }
.FIXPAGE { display:none; }
h2 { font-size: 24px;display:block;letter-spacing:4px; }
p {  font-size: 16px;display:block;letter-spacing:8px; }
.ADD { font-size: 12px;display:block;letter-spacing:0px;margin:0.2em;}
.PMENU {  position:fixed;bottom:32px;right:16px; width: 64px; height: 64px; z-index:1000; border:none;text-align:center; }
.text { text-indent : 2em; font-size: 1em;letter-spacing:2px;}
}