body, html{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; background-color:#f2f2f2; color:#4d4d4d; height:100%;}
img{-ms-interpolation-mode:bicubic; image-rendering:optimizeQuality;}
p, ol, ul{line-height:160%; padding:0; margin:0;}
a{color:#4d4d4d; text-decoration:none;}
a:hover{text-decoration:none; color:#4d4d4d;}
a img{border:none;}
#cleardiv{clear:both;}
#logo{position:absolute; left:50%; top:0px; z-index:1; margin-left:-483px;}
#logo a{margin-left:-7px;}
#dropmenudiv{position:absolute; z-index:100; color:#736765; margin-top:2px;}
#dropmenudiv span{width:100%; display:block; text-decoration:none; text-align:center; background-color:#736765; color:#998987;}
#dropmenudiv a{width:100%; display:block; text-indent:10px; text-decoration:none; color:#FFFFFF; background-color:#736765; padding-bottom:2px;}
#dropmenudiv a:hover{color:#F8FF21;}
#header{background-image:url(https://www.wayi.com.tw/images/header_bg.gif); background-repeat:repeat-x; height:72px; color:#FFFFFF;}
#header .wrapper{margin:auto; width:1000px; height:72px;}
#header .topmenu .ad{float:left; padding-left:250px;}
#header .topmenu .ad a{color:#f8ff21;}
#header .topmenu{color:#FFFFFF; text-align:right; padding-top:2px;}
#header .topmenu span#topnav{position:relative;}
#header .topmenu a{color:#FFFFFF; padding-right:5px; width:auto;}
#header .topmenu a:hover{color:#F8FF21; padding-right:5px; width:auto;}
#header .topmenu .id{padding-right:10px;}
#header .topmenu .id a, .topmenu .id a:hover{color:#FFFFFF; text-decoration:underline;}
#header .menu{height:36px; margin-top:8px; margin-right:0px; margin-bottom:0px; margin-left:250px;}
#header .menu ul{float:left; width:100%; list-style:none;}
#header .menu ul li{float:left;}
#header .menu ul li a{float:left; text-indent:-9999px; height:36px;}
#header .menu ul li:hover a, #header .menu ul li a:hover{ background-position:left bottom;}
#header .menu ul a.member{width:93px; background-image:url(https://www.wayi.com.tw/images/menu_member2.gif); background-repeat:no-repeat;}
#header .menu ul a.webgame{width:125px; background-image:url(https://www.wayi.com.tw/images/menu_webgame2.gif); background-repeat:no-repeat;}
#header .menu ul a.security{width:87px; background-image:url(https://www.wayi.com.tw/images/menu_security2.gif); background-repeat:no-repeat;}
#header .menu ul a.purchase{width:111px; background-image:url(https://www.wayi.com.tw/images/menu_purchase2.gif); background-repeat:no-repeat;}
#header .menu ul a.service{width:111px; background-image:url(https://www.wayi.com.tw/images/menu_service2.gif); background-repeat:no-repeat;}
#header .topmenu~.menu{}
#header .topmenu~.menu a{float:left;}
#header .topmenu~.menu img{float:left;}
.sub{position:absolute; top:17px; right:8px; padding:5px 15px 10px 15px; background-color:#736765; display:none; margin-left:80px; font-family:Arial, Helvetica, sans-serif; z-index:9999;}
.sub ul{margin:0; padding:0; width:150px; float:left; list-style-type:none;}
.sub ul li{color:#fff; text-align:left; margin-right:10px; display:block; clear:both;}
.sub ul li h2{padding:0; margin:0; font-weight:normal; font-size:9pt; color:#F8FF21; line-height:normal; text-align:left; border-bottom:solid 1px #F8FF21;}
.sub ul li a{text-indent:0px; /*--Reset text indent--*/ height:auto; display:block; text-decoration:none; color:#fff; float:left; background-image:url(../images/tiny_arrow.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}
.sub ul li a:hover{color:#ddd;}