﻿/*border:solid 1px red*/

body{margin:0px; padding:0px; font-family: "新細明體"; background:#ffffff url(../resource/images/bd.png) repeat-x left top ; background-attachment:fixed; }
input{background-color:#fff;}
ul,li{ list-style-type:none; cursor:pointer;}
img{border:0px;vertical-align:bottom}
a{color: #666666;}
a:hover{color:#FF6600;}
body #box{background:#fff;width:949px; margin:0px auto;}
.clear{ clear:both;}

/*--------shopcart----------------*/
*{padding:0;margin:0;list-style-type:none;}
.go{ width:115px;height:60px;right:2px;bottom:1px;  /*   background-color:#FFF;*/  position:fixed;     _position:absolute;     _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));     border-radius:5px;     box-shadow:0 0 2px #6E6E6E;  border:solid 1px #ddd;      }
.go a{ text-decoration:none;  cursor:hand ; }
.go a:link { text-decoration:none;}   
.go a:active:{ text-decoration:none; }  
.go a:visited { text-decoration:none;} 
.go a:hover { text-decoration:none;}  
#shopbg{width:100%;height:100%; background:url('/resource/images/shopcart.gif') no-repeat center;
}
#shopbg span{ color:#FF3300;  margin:0;  padding:0;  border:0;}
#___Sum {font-size:18px; font-weight:bolder;}
#___Count {font-size:15px;}
#shopbg div{margin:0;  padding:0;  border:0;font-size:12px;}
#___SumOut{ position:fixed;right:6px;bottom:31px;color:#FF3300;}
#___CountOut{position:fixed;right:51px;bottom:17px; }
/*--------common----------------*/

.login_word{text-decoration: none;font-size: 12px;	color: #FFFFFF;	font-family: "新細明體";}
.find_bar{font-size: 12px;color: #666666;text-decoration: none;	font-family: "新細明體";}
.agree_button {	font-family: "新細明體";font-size: 12px;color: #666666; padding:2px; cursor:hand;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;	border-top-color: #0099CC;	border-right-color: #0099CC;border-bottom-color: #003399;	border-left-color: #006699;	background-color: #FFFFFF;}
.search_word{border:1px #CCCCCC solid;color:#909090}
.agree_button2 {font-family: "新細明體";font-size: 12px;color: #666666; padding:2px;cursor:hand;border: 1px solid #0099CC;background-color: #FFFFFF;}
.find_word {font-family: "新細明體";font-size: 14px; padding:2px 0; color: #666666;text-decoration: none; border:solid 1px #999999; padding-left: 4px;}
.agree_button2 {font-family: "新細明體";font-size: 12px;color: #666666;cursor:hand;border: 1px solid #0099CC;background-color: #FFFFFF;}
.blueword {font-size: 12px;color: #0066CC;text-decoration: none;text-align: left;word-spacing: 1pt;font-family: "新細明體"; line-height:16px;}
.list_word {font-family: "新細明體";font-size: 13px; line-height:18px; color: #666666;text-decoration: none;}
.shop_word3 {font-family: "新細明體";font-size: 12px;color: #666666;text-decoration: none;	font-weight: normal; line-height:16px;}
.center{ text-align:center;}
.divborder{border:1px solid #efefef; margin:10px auto 0 auto;}
.spanborder{border:1px solid #cccccc; display:block; padding:2px; margin:0px auto}

#top,#nav,#memnuadnav,#main,#foot,#navbigclass{width:949px; margin:0px auto;}

#top{height:72px;}

#mini ul.nav{float:left;}
#mini ul.nav li{float:left; text-align:center;}
#mini a{color:#000; text-decoration:none; cursor:pointer;}    
#mini a:hover{color:#4aaf07; text-decoration:underline;}
#mini .w{width:950px; margin:0 auto; font:12px "微軟正黑體",Sans-serif; height:30px;background:#ff0f00;}
#mini .mini-logo{float:left;}
#mini .mini-logo li{height:30px; cursor:pointer; padding:0px;}
#mini .mini-logo a.officepro{display:inline-block; background-color:#df0029; color:#fff; text-align:center; padding:5px 20px; font-size:16px; font-weight:bold;}
#mini .mini-logo a:hover{background:#cc0000; color:#fff; text-decoration:none;}

#nav{height:37px;background:#ffffff; }
#nav .navlogin{float:left; background:url(../resource/index/navbg.jpg) repeat-x left -37px; height:37px; width:470px;}
#nav .navlogin div{float:left;}
#nav .navlogin .navloginfrom{margin:10px 5px;}
#nav .navlogin .navloginfrom .find_bar{width:85px; height:12px;}
#nav .navmid{float:left; background:url(../resource/index/navbg02.jpg) no-repeat; height:37px; width:20px;}
#nav .navmenu{float:left; background:url(../resource/index/navbg.jpg) repeat-x left 0px; height:37px; width:459px;}

#nav .navlogin .navuserinfo{margin:12px 0 0 10px; text-align:center;}
#nav .navlogin .navuserloginout{margin:0px 0 0 10px; float:right; text-align:center;}
#nav .navmenu ul{margin:0; padding:0px; }
#nav .navmenu li{float:left; height:35px; margin:0px;}
#nav .navmenu li a,#nav .navmenu li a:hover{display:block; color: #444; font-size: 14px; font-weight:600; padding:12px 0px 0px 0px; margin:0px; height:23px; text-align:center; text-decoration:none;}
#nav .navmenu li a.nav_menu{width:69px;}
#nav .navmenu li a.nav_menu1{width:80px;}
#nav .navmenu li a.nav_menu2{width:110px;}
.navmenu li a:hover{background:url(../resource/index/navmenubg.jpg) no-repeat;}
#nav .navmenu li a:hover.nav_menu{ background-position: left 0px;  color:#fff;}
#nav .navmenu li a:hover.nav_menu1{ background-position: left -36px; color:#fff;}
#nav .navmenu li a:hover.nav_menu2{ background-position: left -72px; color:#fff;}

#navbigclass{}
#navbigclass .navbigclass {float:left; margin:5px 0 0 0; padding:0px; width:949px;}
#navbigclass .navbigclass li{float:left; margin:0px 1px 3px 5px; width:41px; height:41px;}


#memnuadnav{height:auto;}
#memnuadnav .searchnav{float:left; width:410px; }
#memnuadnav .searchnav .searchfrom{ background:url(../resource/index/op3_10.jpg) no-repeat -3px top; padding:12px 0 0 105px; width:305px; height:34px}
#memnuadnav .searchnav .adflash{margin:1px;}
#memnuadnav .searchnav .adflash .ad1{float:left;}
#memnuadnav .searchnav .adflash .ad2{float:left; margin-left:3px;}
#memnuadnav .memunav{float:left; width:530px; margin-left:4px;}
#memnuadnav .memunav .location{ background:url(../resource/index/b1_01.jpg) no-repeat left top; height:19px; margin:5px 0 0 0;}
#memnuadnav .memunav .bottombg{ background: url(../resource/images/b1_43.jpg) no-repeat left top; height:9px;}


#main{margin-top:10px;}

#main .mainleft{float:left; border-right:dashed 0px #777; width:160px;}
#main .mainright{float:right; width:170px; text-align:left;}
#main .maincontent{float:left; width:600px; margin:0 0 0 10px;}

#main .mainleft .leftmenu{ margin:0 0 0 8px; padding:0px; width: 145px; }
#main .mainleft .leftmenu li{background: #F0F0F0; font-family: "新細明體"; font-size: 12px; padding-left:8px; background:url("../resource/images/icon_001.gif") no-repeat left;  color:#000000; border-bottom:solid 1px #999999; position: relative;}
#main .mainleft .leftmenu li a:hover { color: #FF9900; } 
#main .mainleft .leftmenu li a {display: block; text-decoration: none; color: #000000; background: #fff; padding: 5px;}
#main .mainleft .leftmenu li ul {position: absolute; width: 145px; left: 145px; margin:0px; top: 0; display: none;}
#main .mainleft .leftmenu li ul li{	position: relative; padding-left:0px;}
#main .mainleft .leftmenu li ul li ul {	position: absolute; width: 145px;	left: 145px; margin:0px; top: 0; display: none;}
#main .mainleft .leftmenu li ul li a{display: block; text-decoration: none;	color: #000000;	background: #DBF3FF;  height:15px; padding: 2px 5px;	border: 1px solid #237BC0;}
#main .mainleft .leftmenu li a:hover { color: #FF9900; } /* Hover Styles */
#main .mainleft .leftmenu li:hover ul,#main .mainleft .leftmenu li.over ul { display: block; } /* The magic */
#main .mainleft .leftmenu ul li{background: #F0F0F0;padding-left:0px;border-bottom: 0;}

#nav3{display:none;}
#main .location{ background: url(../resource/images/gradient_b.jpg) no-repeat left bottom; font-size:12px; width:600px; height:25px;}


#main .pageContent{margin:10px 0 0 0;}

#main .logininfo{width:100%; margin:0 auto; border:solid 1px #CCCCCC}
#main .logininfo .logintitle{display:block; padding:5px 0; background:#CC0000; color:#fff; font-weight:bold;  text-align:center; vertical-align:middle; border:solid 1px #CCCCCC}
#main .logininfo .logincontent{display:block; line-height:18px; padding:8px; font-size:14px; text-align:left; text-indent:30px; vertical-align:middle; border:solid 1px #CCCCCC}

#main .logininfo2{ margin:8px 0 0 0; }
#main .loginfrom{ margin:8px auto;}
#main table.tbfrom {border:1px solid #efefef; width:80%; margin:0 auto;}
#main table td {border:1px solid #cccccc; height:25px;}
#foot{margin:10px 0 0 0; padding:0; border-top:dashed 1px #777; font-family: "新細明體";font-size: 12px;color: #666666; font-weight:100; text-align:center; line-height:2}
#main .maquee2{height:25px; text-align:center; margin:8px 0 0 0; font-size:13px;color: #333333;text-decoration:none;font-weight:bold;font-family:"新細明體";}
#main ul.ad3{margin:0px; padding:0px;}
#main ul.ad3 li{margin:3px 0 0 0; text-align:center;}
#main ul.ad4{margin:0px; padding:0px;}
#main ul.ad4 li{margin:0 0 3px 0; text-align:center;}
#main .ad5{height:200px;}
#main .ad4 .toppro_title{background: url(../resource/index/op_17.jpg) no-repeat; width:155px; height:22px; text-align:left;
             font-size:14px; font-weight:bold; color:#fff; padding:13px 0 0 10px;}





























