@charset "utf-8";
body{ font-family:Arial,'Microsoft JhengHei',PMingLiU, Helvetica, sans-serif;line-height:130%; font-size:18px;-webkit-text-size-adjust: 100%;}
input,select{font-family:Arial,'Microsoft JhengHei',PMingLiU, Helvetica, sans-serif;}
#wrapper{font-size:100%;position:relative;}
a{color:#360;}
a:hover{color:#000;}
#masthead{position:relative;top:0px;left:0;z-index:2;right:0;height:1em; font-size:1em; line-height:1em;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#masthead .logo{display:block;width:17%;float:left;margin:0;line-height:1em;}
#masthead .logo img{width:4.1em;height:1em;}
#masthead .logo svg{ width:4.1em;height:1em;}
#masthead .logo canvas{ width:4.1em;height:1em;}
#masthead .back{float: right;}
#masthead .back a.click{display:block;float: right;margin:0.2em; font-size:0.5em;border:0.2em solid #ccc; border-radius:20%; color:#333; text-align:center; padding:0 0.5em; line-height:130%; white-space:nowrap;
 background:#eee;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); }
#masthead .back a.click:hover{border:0.2em solid #999;color:#000;}
#masthead .menu{display:none; position:absolute; top:1.25em; right:0; width:30%; font-size:0.8em;}
#masthead .menu li a{ display:block; color:#fff;padding:0.5em; border-bottom:0.07em solid #999;text-align:center; background:rgba(50,50,50,0.8);}
#masthead .menu li a:hover{ background:rgba(30,30,30,0.9);}


#masthead .textsize{float: right; font-size:0.3em;color:#666; margin:0 0.5em 0 0;}
#masthead .textsize a{color:#000; font-size:1.8em; font-weight:bold; background-color:#CCC; width:1.2em; border-radius:20%; margin:0 0.2em 0 0; display: inline-block; text-align:center; line-height:1.2em;height:1.2em; vertical-align:middle;}
#masthead .textsize a:hover{background-color:#666;color:#fff;}
#masthead .textsize .t_addition{ }
#masthead .textsize .t_reduction{}

#masthead .masthead_r{float:right; display:none;}
#masthead .fb_chan{float:left;
    background:url(../images/fb_chan.png);
	opacity:0.8;
    display:block; 
	font-size:0.9em;
	margin:0.05em 0.05em 0 ;
    width: 1em;
    height: 1em;
    border-radius: 0.2em;
    text-indent: -9999px;
	background-size:1em auto;}
#masthead .fb_chan:hover{opacity:1;}
#masthead #sharebar{float:left;}
#masthead .sharebar{
	opacity:0.3;
    display:block; float:left;
	font-size:0.9em;
	margin:0.05em 0.1em 0 ;
    width: 1em;
    height: 1em;
    background: #000 url(../images/topbar.png);
    border-radius: 0.2em;
    text-indent: -9999px;
	background-size:1em auto;background-position:0 -1em;}
#masthead .sharebar:hover{opacity:0.5;}

#masthead .navbar{position:absolute; top:1.1em; right:0.05em; background:rgba(0,0,0,0.4);border-radius:0.2em; padding:0 0 0.08em; width:1em; overflow:hidden;}
#masthead .navbar li{ font-size:0.8em; margin:0.1em 0.1em 0 0.1em;}
#masthead .navbar li a{ display:block;background:url(../images/shareicon.png);background-size:1.01em auto; font-size:1em; width:1em; height:1em;border-radius:0.2em;text-indent:-9999px;}
#masthead .navbar li a:hover{}

#masthead .navbar .fb a{background-position:0 0;}
#masthead .navbar .t a{background-position:0 -1.02em;}
#masthead .navbar .p a{background-position:0 -2.03em;}
#masthead .navbar .w a{background-position:0 -3.04em;}
#masthead .navbar .g a{background-position:0 -4.05em;}


#mastmenu{ background:#FFF; font-size:0.5em; line-height:1.2em; margin:0.2em 0 0 0;}
#mastmenu li{ float:left;width:25%;}
#mastmenu li a{ display:block; color:#333; text-align:center; margin:0 0.2em 0 0.2em; padding:0.4em 0; border-radius:0.5em 0.5em 0 0;background:#ddd;
background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 50%, #aaaaaa 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#cccccc), color-stop(51%,#aaaaaa), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 50%,#aaaaaa 51%,#ffffff 100%);
background: -o-linear-gradient(top,  #dddddd 0%,#cccccc 50%,#aaaaaa 51%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dddddd 0%,#cccccc 50%,#aaaaaa 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #dddddd 0%,#cccccc 50%,#aaaaaa 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}
#mastmenu li a:hover{color:#fff;background:#ccc;
background: -moz-linear-gradient(top,  #999999 0%, #777777 50%, #444444 51%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#777777), color-stop(51%,#444444), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top,  #999999 0%,#777777 50%,#444444 51%,#cccccc 100%);
background: -o-linear-gradient(top,  #999999 0%,#777777 50%,#444444 51%,#cccccc 100%);
background: -ms-linear-gradient(top,  #999999 0%,#777777 50%,#444444 51%,#cccccc 100%);
background: linear-gradient(to bottom,  #999999 0%,#777777 50%,#444444 51%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#cccccc',GradientType=0 );
}
#banner{ font-size:0.55em; text-align:center; margin:5px 0;line-height:0; }
#banner .banner_txt{display:block;text-align:left;overflow:hidden;height:1.2em;  }
#banner .banner_txt ul{}
#banner .banner_txt li{line-height:1.2em; display:block; margin:0 0.2em;}
#banner img{ max-width:100%;}
#gad{margin:5px 0;line-height:0; }
#footer{font-size:0.4em; line-height:1.5em; padding:0.6em; position:relative; border-top:0.2em solid #ccc;}

#footer .right{ float:right;}
#footer .left{ float:left; white-space:nowrap;}
#footer .p{white-space:nowrap;font-size:0.9em;}
@media handheld, (max-width: 650px), (orientation:portrait){
#wrapper{font-size:160%; }
#masthead{font-size:0.9em;}
#masthead .logo{width:30%;}
#masthead .menu{width:50%;}
#mastmenu{font-size:0.55em;line-height:1.2em;}
#mastmenu li a{margin:0 0.07em 0 0.07em;padding:0.5em 0;}
#mastmenu li .br{ display:block; clear:both;}
}