@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "微軟正黑體"; font-size: 12px; color: #fff; word-wrap: break-word;  }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { border: none; border: 0; vertical-align: middle; }
a { text-decoration: none; outline: none; }
input { outline: none;  }
input, select, textarea { vertical-align: middle; *font-size:100%;}
input::-ms-clear {display:none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1}

body.mobile { position:relative;}
body.mobile > img {width: 100%;}
body.mobile > ul { width: 100%;}
body.mobile > ul li { width:25%; float:left;}
body.mobile > ul li img { width:100%}

body.mobile .fb_share ,body.mobile .line_share{ width:50%; height:5%; position:absolute; bottom: 6%; display:block; background:rgba(255,255,255,0);}
body.mobile .line_share { right:0; }
body.mobile.page2 .fb_share ,body.mobile.page2 .line_share,body.mobile.page3 .fb_share ,body.mobile.page3 .line_share {bottom: 4%;}
body.mobile.page4 .fb_share ,body.mobile.page4 .line_share { bottom: 5.2%;}
body.mobile.page5 .fb_share ,body.mobile.page5 .line_share { bottom: 2%; height:3.5%;}

body.mobile.page2 > a.navA,body.mobile.page2 > a.navB,body.mobile.page2 > a.navC {width: 100%; height: 4%;  position:absolute; top: 19.2%; display:block; display:block; background:rgba(255,255,255,0);}


body.mobile.page2 > a.navB { top: 23.3%;}
body.mobile.page2 > a.navC { top: 27.4%;}

body.mobile.page3 > a.navA,body.mobile.page3 > a.navB {width: 100%; height: 18.2%;  position:absolute; top: 47.6%;  display:block; display:block; background:rgba(255,255,255,0);}
body.mobile.page3 > a.navB { top: 69.4%;}

body.mobile.page4 > a.navA,body.mobile.page4 > a.navB {width: 100%; height: 8%; position:absolute; top: 70.5%;  display:block; display:block; background:rgba(255,255,255,0);}
body.mobile.page4 > a.navB { top: 80.5%; height: 5%;}

body.mobile.page5 > a.navA {width: 100%; height: 2.8%; position:absolute; bottom: 6.8%; display:block; background:rgba(255,255,255,0)}

body.mobile.page5 iframe { height:82%; width:100%; position:absolute;position: absolute; top: 3.70%; border: none;border:3ps solid #30C; background:#CCC; z-index:5; display:block;}