body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0; }
body{font:12px "微軟正黑體", Arial, sans-serif; color:#000; background:#fff;}
img{border:0;vertical-align:middle;}
ol,ul{list-style:none}
em{font-style:normal;}
.hide{display:none;}
 .load{display:none;}
a{color:#000; text-decoration:none; cursor:pointer;}    
a:hover{color:#4aaf07; text-decoration:underline;}
a.button,input.button{display:inline-block; height:18px; padding:2px 10px; text-align:center; background: #3FB9BA; 
         box-shadow:3px 3px 3px #d9d9d9; border:0; color:#fff; text-decoration:none;}
a.sbutton,input.sbutton{display:inline-block; padding:5px 15px; color:#fff; font-size:14px; text-align:center;  text-decoration:none; line-height:normal;
                         background:#3FB9BA; box-shadow:3px 3px 3px #d9d9d9; border:0;}  
a.sbutton:hover{ background: #008088;}
a.button:hover{ background: #008088;}
a.button.enable{display:inline-block; background:#f1f1f1; color:#999; border:1px solid #ddd; height:18px; padding:2px 10px; text-align:center; text-decoration:none;}  

a.mbutton,input.mbutton{display:inline-block; padding:5px 20px; text-align:center; background: #3FB9BA; font-size:20px; font-weight:bold; border-radius:5px;
         box-shadow:3px 3px 3px #d9d9d9; border:0; color:#fff; text-decoration:none;}
a.red,span.red{background:#df0029; color:#fff; text-align:center; padding:0 2px}
a.enablebtn,input.enablebtn{display:inline-block; padding:5px 20px; text-align:center; background: #fff; border:solid 1px #d9d9d9; font-size:20px; font-weight:bold; border-radius:5px;
         box-shadow:3px 3px 3px #d9d9d9; border:0; color:#999; text-decoration:none;}       
.bottom10{margin-bottom:10px;}.bottom5{margin-bottom:5px;}
.padding10{ padding:10px 0;}
.left{float:left;}.right{float:right;}.clear{clear:both;}
.ulnav{float:left;}
.ulnav li{float:left; text-align:center;}
 input.textbox{ padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 
 
.online,.deline,.ddarea{display:none;}
.hover .online{display:block; background:#fff; _background:Transparent; position:absolute; left:-1px; top:0px; z-index:-1; width:100%; height:100%; border:solid 1px #ddd; border-radius:3px 3px 0 0;}
.hover .deline{display:block; background:#fff; _background:Transparent; position:absolute; left:0px; bottom:-4px; z-index:1; width:100%; height:4px;}
.hover .ddarea{display:block; background:#fff; position:absolute; left:-1px; top:100%; z-index:0; min-height:30px; border:solid 1px #ddd;}
.ddplay .content{display:none;} 
.ddplay .hover{display:block;}
.ddsort .content{cursor:pointer;}

.darea,.banner{width:1010px; background:#f9fcfc; margin:0 auto;}    
.top{background:#3FB9BA; height:110px; max-height:110px; position:relative;}
.logo{ float:left; max-height:110px;}
.logo img{ float:left;}
.companyTitle{float:left; max-height:110px;}
.top .bgtext{color:#fff; font-size:42px; font-weight:bold; padding:8px 0 0 30px;}
.top .smalltext{color:#d9d9d9; font-size:18px;}
.top .bgmemo{color:#F3C514; font-size:14px; padding:0 0 0 30px;}
.top .bghelp{float:right; cursor:pointer; position:absolute; top:8px; right:15px; z-index:97;}
.top .bghelp a{color:#fff; font-size:14px; text-decoration:none;}

.main{width:1010px; background:#fff; border-left:solid 1px #fff; border-right:solid 1px #fff;}

.nav{width:1010px; background:#008088; border-top:solid 0px #567CB6; position:relative;}
.nav li {position:relative; margin:0 1px 0 0; padding:0px;}
.nav li a{display:block; padding:10px 20px; cursor:pointer; font-size:16px;background:#008088; color:#fff; text-align:center; text-decoration:none;}
.nav li.hover a,.navb li.curr a{background:#3FB9BA;}
.nav li ul.list{display:none;}
.nav li.hover ul.list{display:block; position:absolute; top:100%; left:0px; z-index:100; background:#3FB9BA;}
.nav li.hover ul.list li{ margin:0px; padding:0px; width:100%;}
.nav li.hover ul.list li a{display:block; padding:10px 20px; cursor:pointer; font-size:14px; background:#3FB9BA; border-top:solid 1px #00ac98; color:#fff; text-align:center; text-decoration:none;}
.nav li.hover ul.list li a:hover{background:#ddd; color:#000;}

.nav .user_info{position:absolute; top:0; right:0; cursor:pointer; font-size:16px; background:#3FB9BA; color:#fff; text-align:right;}
.nav .user_info li a{padding:10px 10px;}
.nav .user_info li.text{}
.nav .user_info li.mysite{position:relative;}
.nav .user_info li.mysite .mysite_darea{display:none; position:absolute; float:left; top:0px; right:100%; z-index:1;}
.nav .user_info li.mysite.hover .mysite_darea{display:block;}
.nav .user_info li.mysite .mysite_darea ul{ position:static; background:#fff;}
.nav .user_info li.mysite .mysite_darea li{ padding:0;}
.nav .user_info li.mysite .mysite_darea li a{display:block; padding:10px; cursor:pointer; font-size:14px; background:#3FB9BA; border-top:solid 1px #00ac98; color:#fff; text-align:center; text-decoration:none; white-space:nowrap;}
.nav .user_info li.mysite .mysite_darea li a:hover{background:#ddd; color:#000;}

.smallnav{width:1010px; background:#f9fcfc; position:relative; height:44px; border-bottom:solid 1px #d9d9d9; margin:0 0 10px 0;}
.smallnav ul{float:left; padding:10px 0;}
.smallnav ul li{float:left; margin:0 5px;}
.smallnav ul li.curr{padding:2px 10px; font-size:14px; color:#fff; text-align:center; background:#B49736;}
.smallnav ul li a{display:block; padding:2px 10px; cursor:pointer; font-size:14px; color:#fff; text-align:center; text-decoration:none; background:#008088;}
.smallnav ul li.hover a{background:#B49736;}

.smallnav .usernav{position:absolute; right:0px;z-index:97;}
.smallnav .usernav ul{float:right;}
.smallnav .usernav ul li a{ background:#008088;}
.smallnav .usernav ul li.hover a{background:#B49736;}

.searchnav{width:1010px; background:#f9fcfc; position:relative;}
.smallbox{float:left; background:#008088; padding:6px 10px 5px 10px; min-width:100px; text-align:center; color:#fff; overflow:hidden;}
.smallbox .ddarea{background:#fff; z-index:97; width:118px; min-height:150px; border:solid 1px #008088; left:0px;}
.smallbox ul.list li{padding:5px 10px; font-size:14px; color:#fff; text-align:center; background:#3FB9BA; cursor:pointer;}
.smallbox ul.list li.hover{color:#222; background:#fff;}
.smallbox ul.list li .smallarea{ position:absolute; z-index:1; display:none; left:100%; top:-1px; background:#fff; cursor:default; border:solid 1px #008088; border-left:0px; border-radius:0px 5px 5px 0px;}
.smallbox ul.list li.hover .smallarea{display:block;}
.smallbox ul.list li .smallarea{float:left; width:600px; height:100%; overflow-y:auto;}
.smallbox ul.list li dl{border-top:solid 1px #ddd; padding:8px 0 0 0; overflow:hidden;}
.smallbox ul.list li dl dt{float:left;color:#444; font-weight:bold; font-size:16px; width:106px; padding:0 4px 8px 0; text-align:right; white-space:nowrap; overflow:hidden;}
.smallbox ul.list li dl dd{padding:2px 0 0 0; overflow:hidden;}
.smallbox ul.list li dl dd em{float:left;color:#444; border-left:solid 1px #ddd; margin:0 0 8px 0; padding:0px 5px; cursor:pointer;}
.smallbox ul.list li dl dd em a{color:#444; font-size:14px; font-weight:normal; text-decoration:none; white-space:nowrap;}
.smallbox ul.list li dl dd em a:hover{color:#4aaf07; text-decoration:underline;}

.searchbox {float:left; padding:1px; position:absolute; right:0px; z-index:97;}
.searchbox .search_source{float:left; padding:0px 3px;}
.searchbox .search_control{float:left; background:#3FB9BA;}
.searchbox .searchtxt{width:150px; border:solic 0px #3FB9BA; padding:1px; height:19px;}
.searchbox .searchbtn{display:inline-block; padding:2px 10px; background:#3FB9BA; color:#fff;}

.searchnav .prdt-bar dl{float:left;}
.searchnav .prdt-bar dt{float:left; padding:5px 0px 2px 8px;}
.searchnav .prdt-bar dd{float:left; background:#fff; color:#000; margin:0 5px 0 0;}
.searchnav .prdt-bar dd a{display:block; color:#000; padding:4px 8px 3px 8px;}
.searchnav .prdt-bar dd.curr{background:#B49736; color:#fff; padding:4px 8px 3px 8px; cursor:default; border:solid 1px #ddd;}
.searchnav .prdt-bar dd.button{background:#fff; color:#000; padding:0px; cursor:pointer; border:solid 1px #ddd;}
.searchnav .prdt-bar dd.button a{display:block; background:#fff; color:#000; padding:4px 8px 3px 8px; text-decoration:none;}   
.searchnav .prdt-bar dd.button a:hover{background:#B49736; color:#fff;}
.searchnav .prdt-bar dd.button.curr a{background:#B49736; color:#fff;}
.searchnav .prdt-bar dd.button a em{display:inline-block; margin-right:3px; width:11px; height:11px; background:url(img/ico2.png) no-repeat -68px -50px;}   
.searchnav .prdt-bar dd.button.curr a em{display:inline-block; margin-right:3px; width:11px; height:11px; background:url(img/ico2.png) no-repeat -68px -62px;}   
.searchnav .prdt-bar dd.darkgreen a{ background:#008088; color:#ffffff;}
.searchnav .prdt-bar dd.up,.searchnav .prdt-bar dd.down{background:#B49736; padding:0 15px 0 0; cursor:pointer; position:relative;}
.searchnav .prdt-bar dd.up a,.searchnav .prdt-bar dd.down a{padding:4px 0px 3px 8px;}
.searchnav .prdt-bar dd.up b{position:absolute; background:url(img/ico2.png) no-repeat 0px -11px; top:6px; right:3px; z-index:1; height:13px; width:9px}
.searchnav .prdt-bar dd.down b{position:absolute; background:url(img/ico2.png) no-repeat 0 0; top:7px; right:3px; z-index:1; height:12px; width:9px}

 .input em.add{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -20px 0; vertical-align:middle; cursor:pointer;}
 .input em.reduce{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -38px 0; vertical-align:middle; cursor:pointer;}
 .input .textbox{display:inline-block; height:20px; width:40px; padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 

.form{background:#fff;}
.form dl{clear:both; float:left; position:relative; margin:0 0 10px 0;}
.form dt{float:left; width:120px; font-size:14px; color:#000; text-align:right;}
.form dd{float:left; font-size:14px; text-align:left;}
.form .textbox{display:block; height:20px; padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 
.form dd.message{position:absolute; left:120px; top:100%; width:auto; white-space:nowrap; z-index:97; font-size:12px; color:#df0029; border:solid 1px #df0029; background:#fff; padding:3px 20px}
.form div.message{clear:both; padding:5px 10px 5px 30px; float:left; margin:0 0 0 120px;}
.form .input_item a{line-height:20px;}
.form .input_item dl{margin:10px 0 0 0;}
.form dl.head{margin:0px;}
.form dl.head dd{float:left; height:20px; padding:10px; font-size:16px; color:#fff; background:#3FB9BA; }

.data_area{width:1010px; text-align:center;}
.data_area .item{float:left; position:relative; text-align:center; width:240px; border:solid 1px #fff; margin:10px 14px 20px 0px;}
.data_area .item.right{float:left; margin:10px 0px 20px 0px;}
.data_area .item.hover{border-color:#fff; background:#fff; box-shadow:0 0 20px #3FB9BA;}/*#3FB9BA*/
.data_area .item .p-img{width:240px; height:170px; border:solid 0px #d9d9d9; position:relative; text-align:center;}
.data_area .item .p-img img{max-width:240px; max-height:170px;}
.data_area .item .p-name{width:240px;color:#222; height:16px; overflow:hidden; text-align:left; padding:5px 0 0 0;}
.data_area .item .p-name a:hover{color:#000;}
.data_area .item .p-name a.prdtno{color:#4aaf07;}
.data_area .item .p-price{width:240px; height:20px; color:#df0029; font-weight:bold; font-size:16px; overflow:hidden; text-align:left; padding:5px 0 10px 0;}
.data_area .item .input-btn{display:block; position:absolute; z-index:1; top:200px; right:5px;}
.data_area .item.hover .input-btn{display:block;}
.data_area .item .input-btn a.button{margin:0 3px;}
.data_area .item .input-btn .enable{margin:0 3px;}
.data_area .item .p-specific{width:240px; height:40px; text-align:left; color:#444; overflow:hidden;}
.data_area .item .p-specific li{ padding:0 10px 0 0}
.data_area .item .WebAlert_Msg{display:block; position:absolute; z-index:1; top:170px; right:5px; color:#df0029; font-weight:bold;}
.data_area .title_area{ text-align:left; font-size:16px; padding:10px 10px; background:#F0FAFA;}
.data_area .title_info{ text-align:left; font-size:14px; padding:10px 10px; background:#f9f9fc;}

.buying_area{width:1010px; text-align:center;}
.buying_area .item{float:left; position:relative; text-align:center; width:302px; border:solid 1px #d9d9d9; margin:10px 49px 20px 0px;}
.buying_area .item.right{float:left; margin:10px 0px 20px 0px;}
.buying_area .item.hover{border-color:#d9d9d9}/*#4aaf07*/
.buying_area .item .p-img{width:300px; height:210px; border:solid 1px #fff; position:relative;}
.buying_area .item .p-img img{max-width:300px; max-height:210px;}
.buying_area .item .p-name{width:302px; height:20px; color:#222; text-align:left; padding:5px 0; overflow:hidden;}
.buying_area .item .p-name a{ font-size:16px;}
.buying_area .item .p-price{width:302px; color:#df0029; text-align:left; padding:5px 0 10px 0; font-weight:bold; font-size:16px;}
.buying_area .item .p-info{width:282px; color:#222; text-align:left; padding:10px; text-align:left; color:#444; background:#d9d9d9; overflow:hidden;}
.buying_area .item .p-specific{ display:none; position:absolute; z-index:1; bottom:102px; left:2px; width:294px; padding:5px 2px; text-align:left; color:#fff; background:#000; overflow:hidden; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.buying_area .item .p-specific li{ padding:0 10px 0 0}
.buying_area .item.hover .p-specific{ display:block;}
.buying_area .title_area{ text-align:left; font-size:16px; padding:10px 10px; background:#F0FAFA;}
.buying_area .title_info{ text-align:left; font-size:14px; padding:10px 10px; background:#f9f9fc;}
.buying_area .item .p-mprice{ color:#c0c0c0; font-weight:bold; font-size:14px; text-decoration:line-through;}
.buying_area .item .p-mgroup{ color:#222; font-weight:normal; font-size:12px;}

.chat_list{width:1010px; margin:0 auto;}
.chat_list_left{width:500px; float:left;}
.chat_list_right{width:500px; float:right;}
.chat_list dl{width:480px; position:relative; float:left; margin:5px 20px 5px 0; background:#d9d9d9; border-radius:5px;}
.chat_list dt{float:left; width:100px; padding:9px 5px; text-align:right;}
.chat_list dd{float:left; width:358px; padding:8px 5px; text-align:left; border-radius:0 5px 5px 0;  border:solid 1px #d9d9d9;
              background:#fff; word-break:break-all}
.chat_list dd.text{width:468px; cursor:pointer; text-align:center; color:#fff; font-size:16px; 
                   font-weight:bold; border-radius:5px; background:#008088;}
.chat_list .chat_list_right dl{ float:right; margin:5px 0px 5px 0;}
.chat_form{float:left;width:330px; background:#fff; border-radius:5px}    
.chat_form .head{float:left;width:310px; height:20px; padding:10px; font-size:14px; color:#fff; background:#3FB9BA; border-radius:5px 5px 0px 0px}
.chat_form .item{padding:5px 0 5px 20px; width:300px; float:left;}
.chat_form .item .input{margin:5px 0 0 0; font-size:16px; color:#222; background:#fff;}
.chat_form .item .message{ margin:0 0 0 0; width:280px;}

.def_form{float:left;width:450px; background:#fff; border-radius:5px}    
.def_form .head{float:left;width:430px; height:20px; padding:10px; font-size:14px; color:#fff; background:#3FB9BA; border-radius:5px 5px 0px 0px}
.def_form .main{float:left;width:425px; padding:0px 10px; border-radius:5px}
.def_form .bottom{float:left;width:430px; height:16px; padding:5px 10px; font-size:12px; color:#444; background:#fff; border-radius:0 0 5px 5px;} 

.prdtdetail{position:relative; width:350px; background:#fff; text-align:center;}
.prdtdetail .head{width:330px; height:20px; padding:10px; font-size:16px; color:#fff; background:#3FB9BA; font-weight:bold; text-align:left; border-radius:5px 5px 0 0;}
.prdtdetail .p-img{width:330px; padding:10px; text-align:center;}
.prdtdetail .p-img img{max-width:330px; max-height:231px;}
.prdtdetail .p-name{width:330px;color:#000; height:20px; overflow:hidden; text-align:left; padding:0 10px;}
.prdtdetail .p-name .prdtno{color:#4aaf07;}
.prdtdetail .p-price{width:330px; height:20px; color:#df0029; font-weight:bold; font-size:16px; overflow:hidden; text-align:left; padding:0 10px;}
.prdtdetail .p-specific{display:block; position:absolute; z-index:1; bottom:150px; left:10px; width:330px; background:#000; color:#fff; font-weight:bold; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.prdtdetail .p-specific li{padding:0 10px 0 0}
.prdtdetail .input-btn{font-size:16px; color:#222; background:#fff; text-align:left; padding:5px 10px;}
.prdtdetail .input-btn em.add{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -20px 0; vertical-align:middle; cursor:pointer;}
.prdtdetail .input-btn em.reduce{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -38px 0; vertical-align:middle; cursor:pointer;}
.prdtdetail .input-btn .textbox{height:20px; width:40px; padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 
.prdtdetail .p-info{width:330px;color:#000; height:20px; overflow:hidden; text-align:left; padding:5px 10px;}

.company_info .data_area{width:1008px;  border:solid 1px #d9d9d9; border-radius:5px; margin:10px 0;}
.company_info .form{width:500px; margin:10px auto;}

.buying_detail{width:1000px; background:#fff; padding:0px 5px;}
.buying_detail .title{ padding:0px 0px 10px 0px;}
.buying_detail .title .bgtext{color:#222; font-size:30px;}
.buying_detail .title .bgmemo{color:#666; font-size:14px;}
.buying_detail .pic{float:left; width:410px; text-align:left;}
.buying_detail .pic .img{float:left; width:400px; border:solid 1px #fff; text-align:center; vertical-align:middle;}
.buying_detail .pic .img img{max-width:400px; max-height:280px;}
.buying_detail .info{float:right; width:580px; line-height:25px; border:solid 1px #d9d9d9; border-radius:5px; margin:0 0 10px 0;}
.buying_detail .info .sale{ margin:5px 10px; font-size:14px; color:#DF0029; background:#fff; font-weight:bold;}
.buying_detail .info .saleprice{font-size:16px; font-weight:bold; color:#df0029; background:#e9e9e9; border-bottom:solid 1px #d9d9d9;}
.buying_detail .info .saleprice .price{float:left; padding:5px 10px; line-height:30px;}
.buying_detail .info .saleprice .mprice{float:right; color:#999; padding:10px 30px;}
.buying_detail .info .saletime{ margin:10px; font-size:16px; font-weight:bold; color:#666; background:#fff;}
.buying_detail .info .specific{ margin:10px; font-size:16px; color:#222; background:#F0FAFA;}
.buying_detail .info .input{ margin:10px; font-size:16px; color:#222; background:#fff;}
.buying_detail .info .input em.add{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -20px 0; vertical-align:middle; cursor:pointer;}
.buying_detail .info .input em.reduce{display:inline-block; text-indent:50px; overflow:hidden; width:16px; height:16px; background:#fff url(img/ico2.png) no-repeat -38px 0; vertical-align:middle; cursor:pointer;}
.buying_detail .info .input .textbox{height:20px; width:40px; padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 
.buying_detail .article{width:998px; background:#fff; text-align:center; overflow-x:hidden; border:solid 1px #d9d9d9; border-radius:5px;}
.buying_detail .memo{width:968px; background:#fff; text-align:left; padding:20px 10px; line-height:25px; overflow-x:hidden;}
.buying_detail .head{height:20px; padding:5px 10px; text-align:left; font-size:14px; color:#222; background:#d9d9d9;  border-radius:5px 5px 0 0}

.buying_users{width:998px; background:#fff; border:solid 1px #d9d9d9; border-radius:5px; text-align:left;
              margin:0 auto 10px auto; }
.buying_users .head{height:20px; padding:5px 10px; font-size:14px; color:#222; background:#d9d9d9; border-radius:5px 5px 0 0}
.buying_users .bottom{height:20px; padding:5px 10px; font-size:14px; background:#fbfbfb; color:#222; border-radius:0 0 5px 5px}
.buying_users li.title{color:#222; font-size:14px; padding:3px 10px;background:#fff; border-radius:0px;}
.buying_users li{ color:#222; font-size:14px; text-align:center; padding:3px 10px; margin:5px; background:#F0FAFA; border-radius:5px;}

.login_form{width:400px; background:#fff; text-align:left; border:solid 1px #d9d9d9; padding:0px; border-radius:5px;} 
.login_form .form .item{padding:5px 0 5px 20px; width:380px; float:left;}
.login_form .form .item .input{margin:5px 0 0 0; font-size:16px; color:#222; background:#fff;}
.login_form .form .item .message{ margin:0 0 0 0;}
.form_nav{width:100%; background:#3FB9BA; border-top:solid 0px #567CB6; position:relative; border-radius:5px 5px 0 0;}
.form_nav li{background:#3FB9BA; color:#fff; padding:10px 20px; font-size:16px; cursor:pointer; border-radius:5px 5px 0 0;}
.form_nav li.hover{background:#008088; color:#fff; padding:10px 20px; font-size:16px;}
.form_nav li s{position:absolute; top:5px; right:-2px; z-index:1; height:30px; border-left:solid 0px #B2C3DD;}

.prdt-page-bar{width:806px; padding:4px; text-align:center; margin:0 auto;}
.prdt-page-bar .pagin{display:inline-block;}
.prdt-page-bar em{float:left; background:#fff; color:#999; padding:5px 9px 4px 9px; margin:0 5px 0 0; border:solid 1px #d9d9d9; cursor:default;}
.prdt-page-bar em.text{background:Transparent; color:#000; padding:5px 6px 4px 6px; margin:0px; border:solid 1px Transparent; cursor:default;}
.prdt-page-bar em.input{background:Transparent; padding:0px 6px; margin:0px; border:solid 1px Transparent; cursor:default;}
.prdt-page-bar em.button{padding:0px;}
.prdt-page-bar em.button a{display:block; padding:4px 8px 3px 8px; background:#3FB9BA; color:#fff; text-decoration:none;}   
.prdt-page-bar em.button a:hover{color:#fff; background:#00ac98;}
.prdt-page-bar em.curr{background:#00ac98; color:#fff; cursor:pointer;}
.prdt-page-bar em.curr a{background:#00ac98;color:#fff;}
.prdt-page-bar input.textbox{width:35px; height:12px; padding:4px 0px; border:solid 1px #d9d9d9; text-align:center;}

.siteUrl{background:#CAF09D; padding:7px 10px; width:990px; }
.siteUrl li{ padding:0 10px 0 0;}
.siteUrl li a{ background:#008088;}
.siteUrl .text{ padding:4px 10px 4px 0;}
.siteUrl li.mysite{position:relative;}
.siteUrl li.mysite .mysite_darea{display:none; position:absolute; float:left; top:100%; left:0px; z-index:1;}
.siteUrl li.mysite.hover .mysite_darea{display:block;}
.siteUrl li.mysite .mysite_darea li{ padding:0; width: 100%; text-align:left;}
.siteUrl li.mysite .mysite_darea li a{display:block; padding:10px; cursor:pointer; font-size:14px; background:#3FB9BA; border-top:solid 1px #00ac98; color:#fff; text-align:center; text-decoration:none; white-space:nowrap;}
.siteUrl li.mysite .mysite_darea li a:hover{background:#ddd; color:#000;}

.footer{background:#3FB9BA; border-top:solid 0px #3F7890; border-bottom:solid 0px #3F7890; margin:0 auto 2px auto;}
.footer .bgtext{color:#fff; font-size:16px; padding:10px 30px; float:left;}
.footer .bghelp{padding:10px 15px; float:right; cursor:pointer;}
.footer .bghelp a{color:#fff; font-size:16px; text-decoration:none;}

.copyright{ padding:10px 0 20px 0; text-align:center;}

.pay_form{width:988px; text-align:left; border:solid 1px #d9d9d9; padding:10px;}  
.pay_form .input_item{float:left; width:988px; margin:0 0 5px 0;}
.pay_form .input_item .caption{float:left; width:200px; padding:5px; height:14px; text-align:right; vertical-align:middle;}
.pay_form .input_item .caption span,#page-user .item .h2 span{color:#df0029;}
.pay_form .input_item .text{float:left; padding:5px; height:14px;}
.pay_form .input_item .input{float:left; text-align:left; margin:0 5px;}
.pay_form .input_item .input .textbox{display:block; padding:3px; height:20px; width:250px; text-align:left; border:solid 1px #6fc838; box-shadow:inset 0 0 5px #6fc838; background:#fff;}
.pay_form .input_item .input .ddrbox{display:block; height:28px; border:solid 1px #6fc838; box-shadow:inset 0 0 5px #6fc838; background:#fff;}


#cartdata .ddsort{float:left;position:relative;  width:1008px; height:26px; background:#f1f1f1; border:solid 1px #ddd; border-bottom:0px;}
#cartdata .ddsort ul{float:left; position:absolute; bottom:0px; left:0px;}
#cartdata .ddsort li.content{float:left; padding:8px 11px; background:Transparent; color:#000; cursor:pointer;}
#cartdata .ddsort li.hover{float:left; padding:8px 11px; background:#00ac98; color:#fff; cursor:pointer; border-radius:3px 3px 0 0;}
#cartdata .ddplay{float:left; width:1004px; padding:0px 2px; background:#fff; border:solid 1px #ddd; border-top:0px;}
#cartdata .ddplay .p-item{float:left; position:relative; width:150px; height:200px; margin:6px; text-align:center; border:solid 1px #fff;}
#cartdata .ddplay .p-item.hover{border-color:#4aaf07}
#cartdata .ddplay .p-item .p-img{width:150px; height:100px; border:solid 0px #fff;}
#cartdata .ddplay .p-item img.prdt{max-width:143px; max-height:100px;}
#cartdata .ddplay .p-item .p-name{width:160px; height:25px; padding:5px 2px; line-height:15px; text-align:left; overflow:hidden;}
#cartdata .ddplay .p-item .p-name a:hover{color:#4aaf07;}
#cartdata .ddplay .p-item .p-price{width:160px; height:16px; padding:5px 2px; text-align:left; color:#df0029; font-weight:bold; font-size:14px;}
#cartdata .ddplay .p-item .p-btn{width:160px; height:25px; padding:3px 2px; text-align:left;}


table .textbox{display:block; width:40px; height:20px; padding:3px; text-align:left; background:#fff; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #F0FAFA;} 
table.cart{border:0px solid #ddd; text-align:center; width:100%; margin:0 0 10px 0; border-collapse:collapse}
table.cart th{border-bottom:0px solid #ddd; font-size:14px; padding:8px; background:#eee;}
table.cart td{border-bottom:1px solid #ddd; padding:5px; line-height:20px;}
table.cart .td1{border-bottom:0px solid #ddd; padding:5px; line-height:20px;}
table.cart .td2{border-bottom:2px solid #00AC98; padding:5px; line-height:20px;}
table.cart dl{float:left; font-size:20px; vertical-align:middle;}
table.cart dt{float:left; font-size:16px; padding:5px 8px;}
table.cart dd{float:left; width:auto; height:auto; background:#fff; color:#000; font-size:14px; border:solid 1px #ccc; margin:0 5px 0 0; padding:3px 8px; cursor:pointer; box-shadow:none;}
table.cart dd.hover{background:#fff; z-index:9; color:#222; cursor:default; padding:2px 7px; border:solid 2px #00AC98; position:relative;}
table.cart dd.curr{background:#eee url(img/selected-icon.png) no-repeat right bottom; z-index:9; color:#222; cursor:default; padding:2px 7px; border:solid 2px #00AC98; position:relative;}
table.cart dd.enable{background:#fff; color:#ccc; border:solid 1px #e9e9e9;}
table.cart .cash30{ background:#FC720D; color:#000;}

table.order .textbox{ display:inline;}
table.order{border:1px solid #e0e0e0; line-height:19px;text-align:center;  width:100%; margin:10px 0; border-collapse:collapse;}
table.order th{border:1px solid #e9e9e9;padding:5px;font-family: "新細明體";font-size: 12px; font-weight:normal; color:#000000; background:#eee;}
table.order td{border:1px solid #ddd;padding:5px;font-family: "新細明體";font-size: 12px; color:#000000;}
table.order a{ padding:3px 0 0 0; background:#00a1c7; color:#fff; display:inline-block; width:60px; text-decoration:none; text-align:center; border-radius:3px;}
table.order dl{position:relative;}
table.order dl dt{height:14px; padding:3px 10px; margin:3px; background:#00a1c7; color:#fff; cursor:pointer; border-radius:3px;}
table.order dl.inline dt{display:inline; padding:0px; height:auto; margin:0 3px 0 0; background:#fff; color:#00a1c7; font-weight:bold;}
table.order dl dd{display:none; width:200px; height:50px; background:#fff; color:#000; cursor:default; position:absolute; top:20px; left:0px; z-index:10; border:solid 2px #00a1c7; border-radius:5px; box-shadow: 15px 15px 15px #000;}
table.order dl dd.unload{display:inline-block; text-align:center;}
table.order dl dd.detail{display:inline-block; width:770px; height:auto; padding:5px; text-align:left; }
table.order dl dd.unload_top{display:inline-block;top:auto; bottom:20px; text-align:center;}
table.order dl dd.load_top{display:inline-block; top:auto; bottom:20px; width:770px; height:405px; padding:5px; text-align:left; }
table.order dl.sa dd.top,#page-user  table.order dl.sa dd.detail{left:auto; right:-300px;}
table.order .overflow{max-height:285px; overflow-y:scroll;}
table.order dl dd .close{display:none; position:absolute; top:-10px; left:-10px; width:30px;}

table.list{border:1px solid #d9d9d9;line-height:16px; text-align:center; width:100%; border-collapse:collapse}
table.list th{border:1px solid #d9d9d9;padding:5px;font-size: 12px; color:#000000; background:#d9d9d9}
table.list td{border:1px solid #e9e9e9;padding:5px;font-size: 12px; color:#000000;}

.navusers li.title{color:Red; font-size:12px; padding:3px 5px;background:#fff; border-radius:0px;}
.navusers li{ color:#222; font-size:12px; text-align:center; padding:3px 5px; margin:0 6px 0 0; background:#F0FAFA; border-radius:5px;}
                
.article.help{width:1010px; text-align:left; margin:0px auto; background:#fff;}
.article p{text-indent:2em; line-height:30px; font-size:16px; padding:5px; background:#f9f9f9; color:#444;}
.article p.h2{display:block; font-size:30px; padding:10px 0; font-weight:bold; text-align:center; text-indent:0px; color:#222;}
.article p.h3{text-indent:1em; font-size:20px; font-weight:bold; color:#222;}
.article p.h5{text-indent:1em; font-size:20px; font-weight:bold; color:#0F69A7; }
                                          
.loading{width:100%; padding:20px 0; text-align:center;}
.title_info{ text-align:left; font-size:14px; padding:0 0 10px 10px;}
.nodata{border:solid 10px #3FB9BA; border-radius:5px; width:1010px; margin:20px auto;}
.nodata .main{font-size:32px; font-weight:bold; color:#3FB9BA; text-align:center; padding:20px 0; width:990px;}
.nouser{ padding:10px 0;}
.message{display:none; font-size:12px; border:1px solid #df0029; color:#df0029; background:#fff url(img/warning.png) no-repeat 4px 4px; }
.message.error{background:#fff url(img/error.png) no-repeat 4px 4px; border:1px solid #df0029; color:#df0029;}  
.message.notice{background:#fff6bf url(img/warning.png) no-repeat 4px 4px; border:1px solid #ffd324; color:#5f5200;}  
.message.success{background:#fff url(img/success.png) no-repeat 4px 4px; border: 1px solid #4aaf07; color:#4aaf07;} 

.popup_message{display:none; position:fixed; top:40%; left:50%; z-index:99; float:left;}
.popup_message .content{position:relative; z-index:99; float:left; top:-50%; left:-50%; background:#fff; border:solid 4px #fff; color:#000; font-size:16px; font-weight:bold; padding:10px; border-radius:5px;}
.popup_message .close{position:absolute; top:0px; left:-50%; z-index:100; background:url(img/close.png) no-repeat; width:14px; height:14px;}
.popup_message .filter{position:fixed; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:#222; filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.popup_message.error .content{ background:#fff; border:solid 4px #f9f9f9; color:#df0029;}  
.popup_message.success .content{ background:#fff; border:solid 4px #f9f9f9; color:#4aaf07;} 

.popup_form{display:none; position:absolute; top:0%; left:50%; z-index:98; float:left;}
.popup_form .content{position:relative; z-index:99; float:left; top:0%; margin:0 0 0 0; left:-50%;}
.popup_form .close{position:absolute; z-index:100; top:5px; right:52%; margin:0 0 0 0; background:url(img/close.png) no-repeat; width:14px; height:14px; cursor:pointer;}
.popup_form .filter{position:fixed; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:#222; filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.fixed_form{display:none; position:fixed; top:0%; left:50%; z-index:98; float:left;}

#office_popup_ad{position:absolute; top:30px;}
#office_popup_ad .close{position:absolute; z-index:100; top:2px; right:506px; background:url(img/close.png) no-repeat; width:14px; height:14px; cursor:pointer;}

#office_popup_loading{ background:Transparent;}
#office_popup_loading .content{ background:Transparent; padding:0px 0px 0px 0px;border:0px; border-radius:0px;}


#office_popup_epay .content{padding:0px;}
.epay_from{position:relative; width:400px; background:#fff; text-align:center;}
.epay_from .epay_head{width:380px; height:20px; padding:10px; font-size:16px; color:#fff; background:#3FB9BA; font-weight:bold; text-align:left; border-radius:5px 5px 0 0;}
.epay_from .epay_main{width:370px; text-align:left; padding:5px;}
.epay_from .epay_main li{ padding:5px; font-size:16px;}


.def_form{float:left;width:450px; background:#fff; border-radius:5px}    
.def_form .head{float:left;width:430px; height:20px; padding:10px; font-size:14px; color:#fff; background:#3FB9BA; border-radius:5px 5px 0px 0px}
.def_form .main{float:left;width:425px; padding:0px 10px; border-radius:5px}
.def_form .bottom{float:left;width:430px; height:16px; padding:5px 10px; font-size:12px; color:#444; background:#fff; border-radius:0 0 5px 5px;} 

.def_form .form{width:100%; text-align:center;}
.def_form .form .button{display:inline-block; width:208px; height:40px; font-size:20px; background:#3FB9BA; color:#fff; box-shadow:3px 3px 3px #ddd; border:0; vertical-align:bottom;}
.def_form .form .dbutton{display:inline-block; width:auto; padding:0 10px; height:27px; font-size:20px; background:#3FB9BA; color:#fff; box-shadow:3px 3px 3px #ddd; border:0; vertical-align:bottom;}
.def_form .form a.button{display:inline-block; width:208px; height:auto; padding:5px 8px; background:#3FB9BA; box-shadow:3px 3px 3px #ddd; border:0; color:#fff; text-decoration:none; text-align:center;}
.def_form .form .sbutton{display:inline-block; height:18px; padding:2px 10px; text-align:center; background: #3FB9BA; box-shadow:3px 3px 3px #ddd; border:0; color:#fff; text-decoration:none;}
.def_form .form .ebutton{display:inline-block; width:auto; padding:2px 10px; height:27px; font-size:12px; background:#3FB9BA; color:#fff; box-shadow:3px 3px 3px #ddd; border:0; vertical-align:bottom;}
.def_form .form input.sbutton{ height:22px;}
.def_form .form .item{float:left; width:100%; margin:0 auto; padding:5px 0; background:#fff;}
.def_form .form .item .caption{float:left; width:100px; padding:5px; height:14px; text-align:right; vertical-align:middle;}
.def_form .form .item .caption span,.def_form .item .h2 span{color:#df0029; font-size:16px; font-weight:bold;}
.def_form .form .item .text{float:left; padding:5px; height:14px;}
.def_form .form .item .text1{float:left; padding:5px 0; height:14px;}
.def_form .form .item .input{float:left; text-align:left; margin:0 5px;}
.def_form .form .item .input .textbox{display:block; padding:3px; height:20px; width:250px; text-align:left; border:solid 1px #ddd; box-shadow:inset 0 0 5px #ddd; background:#fff;}
.def_form .form .item .input .ddrbox{display:block; height:28px; border:solid 1px #ddd; box-shadow:inset 0 0 5px #ddd; background:#fff;}

.def_form table.list2{border:1px solid #ddd;line-height:16px; text-align:center; width:100%; border-collapse:collapse}
.def_form table.list2 th{border:1px solid #ccc;padding:5px;font-size: 12px; color:#000000; background:#ddd}
.def_form table.list2 td{border:1px solid #ccc;padding:5px;font-size: 12px; color:#000000;}


.def_form table.list2 .load{display:none;}


.akans{width: 800px; text-align:center; min-height:400px; position:relative;}
.akans p.h2{display:block; width: 600px; font-size:20px; padding:10px 0; text-align:left; text-indent:0px; margin:0 auto;}
.akans .textbox{border:solid 1px #ddd; font-size:18px;}

.akans a.close{ position:absolute; right:0px; top:0px; z-index:100; display:inline-block; width:auto; height:auto; padding:5px 8px; background:#2D91C9; box-shadow:3px 3px 3px #ddd; border:0; color:#fff; 
         text-decoration:none;}
.akans a.unshow{ position:absolute; right:50px; top:0px; z-index:100; display:inline-block; width:auto; height:auto; padding:5px 8px; background:#ddd; border:0; color:#222; 
         text-decoration:none;}
.akans a.ok{ position:absolute; right:20px; bottom:10px; z-index:100;}