www.pudn.com > dsj.zip > v1.2.css
/* Taobao.com , Created by ChengZhi@taobao.com , 2004-01-24
Modified 2005-10-28*/
body,p,th,td,input,select,textarea{
font-size:12px;
color:#111111;
}
img{
border:0px;
}
hr{ color:#C34B26;height:4px; background-color:#C34B26}
form{
margin:0;
padding:0;
}
/*.B,H1,.boldFontSize12{
font-size:12px;
font-weight:bold;
}
*/
.HackBox{
border-top:1px solid transparent !important;
border-top:0;
clear:both;
}
/*Rules for DIV.Head*/
#main{width:750px!important;
width:750px;
margin:5x auto 27px !important;
margin:5px auto 10px;
height:auto;
}
#Head{
text-align:center;
}
#Head #HeadTop{
position:relative;
width:750px;
margin:5px auto 27px !important;
margin:5px auto 10px;
text-align:left;
}
/*
#Head a:link, #head a:visited{
color:#0044FF;
}
#Head a:hover, #head a:active{
color:#FF6600;
}
#Head a.current:link,#Head a.current:visited{
color:#FF3300;
text-decoration:none;
}
#Head a.current:hover,#Head a.current:active{
color:#FF3300;
text-decoration:underline;
}
*/
#Head ul{
list-style-type:none;
}
#Head ul{
margin:0;
padding:0;
}
#Head #Logo{
position:absolute;
width:250px;
margin:0 5px 0 0 !important;
margin:0;
}
#Head #QuickLinks{
float:right;
width:550px;
margin-bottom:3px;
margin-right:15px!important;
margin-right:0;
}
#Head #QuickLinks li{
float:right;
margin-left:10px;
}
#QuickLinks li a:link,
#Head #QuickLinks li a:visited{
text-decoration: none;
color: #555;
/*border-bottom: 1px dotted #bbb;*/
}
#Head #QuickLinks li a:link:hover,
#Head #QuickLinks li a:visited:hover{
background-color: #eee;
color: #b00;
}
/*************************************************************************************************/
#Head #ChannelMenu{
width:750px;
margin:0 auto!important;
margin:30px 0px 0 0px;
text-align:center;
}
body.FullWidth #Head #ChannelMenu{
width:100%;
}
#Head #ChannelMenu #class{margin:0 0 0 34.5%!important;
margin:0 0 0 34.5%;
}
#Head #ChannelMenuItems{
width:500px;
height:30px;
margin: 0 auto;
/*attach promotion event background images here*/
}
#Head #ChannelMenuItems li{
float:left;
height:30px;
margin-right:1px;
/*attach promotion event background images here*/
}
#Head #ChannelMenuItems a{
display:block;
float:left;
height:30px;
background:transparent url(../images/menu_left.jpg) left top no-repeat;
text-decoration:none;
}
#Head #ChannelMenuItems a span{
display:block;
float:left;
height:30px;
padding:11px 20px 0;
background:transparent url(../images/menu_right.jpg) right top no-repeat;
text-align:center;
color:#000;
font-style:normal;
/*IE 5.x Crack at the bottom of this file*/
}
/*******************#SearchBoxs***********************************/
#Head #SearchBox{
height:35px;
text-align:left;
}
#Head #SearchForm{
font-weight:bold;
font-size:18px;
color:white;
float:left;
width:750px;
height:35px;
background:transparent url(../images/search_box_game_bk_icon_middle.gif) top repeat ;
}
#SearchForm .leftPhone
{
float:left;
width:50%;
background:transparent url(../images/search_box_game_bk_icons.gif) left top no-repeat ;
}
#SearchForm .rightPhone
{
float:right;
width:50%;
background:transparent url(../images/search_box_game_bk_right.gif) right top no-repeat ;
}
#SearchForm .leftPhone .phone1{
margin-top:8px;
text-align:center;
}
#SearchForm .rightPhone .phone2{
text-align:center;
margin-top:8px;
}
/******************************************************/
#Head #ChannelMenuItems a span{
voice-family: "\"}\"";
voice-family: inherit;
cursor:pointer;
height:19px;
}
.HandCursor{
voice-family: "\"}\"";
voice-family: inherit;
cursor:pointer;
}
#IptvCompanion {
display:none;
}
/*
#Head #SearchBox{
text-align:left;
height:58px;
background:transparent url(../images/search_box_game_left.jpg) left top no-repeat;
background-color:#C34B26;
}
*/
#Head #HotKeywords{
float:left;
text-indent:8px;
width:750px;
height:30px;
background:transparent url(../images/search_box_home_center.gif) left top;
}
#Head #HotKeywords ul li{
float:left;
margin-top:6px;
margin-right:5px;
margin-bottom:5px;
color:#333;
}
/*
#Head #HotKeywords ul li a:link,#Head #HotKeywords ul li a:visited{
color:#04D;
text-decoration: none;
}
#Head #HotKeywords ul li a:hover,#Head #HotKeywords ul li a:active{
color:#F60;
text-decoration:underline;
}
*/
#Head #HotKeywords ul li a:link,
#Head #HotKeywords ul li a:visited {
text-decoration: none;
color: #555;
/*border-bottom: 1px dotted #bbb;*/
}
#Head #HotKeywords ul li a:link:hover,
#Head #HotKeywords ul li a:visited:hover {
background-color: white;
color: #b00;
text-decoration:underline;
}
body #SearchBox{background-color:#C34B26;}
body.CurHome ul#ChannelMenuItems #red a{background:#C34B26 url(../images/chl_game_left_act.gif) left top no-repeat;}
body.CurHome ul#ChannelMenuItems #red a span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;font-weight:bold;color:#FFF;}
body.CurHome #SearchBox{background-color:#C34B26;}
/*Hover triggers*/
#Head #ChannelMenuItems li#MenuHome a:hover{background:#FF9000 url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuHome a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
#Head #ChannelMenuItems li#MenuDigital a:hover{background:#99A2B1 url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuDigital a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
#Head #ChannelMenuItems li#MenuCulture a:hover{background:#1E998B url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuCulture a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
#Head #ChannelMenuItems li#MenuSports a:hover{background:#AFC326 url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuSports a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
#Head #ChannelMenuItems li#MenuGame a:hover{background:#C34B26 url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuGame a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
#Head #ChannelMenuItems li#MenuHongkong a:hover{background:#965BB9 url(../images/chl_game_left_act.gif) left top no-repeat;}
#Head #ChannelMenuItems li#MenuHongkong a:hover span{background:transparent url(../images/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
/*Rules for DIV.Content*/
/*IE5.x Hack Rules*/
/************************************************************************************************************************************/
body.CurHome #mains{
width:750px;
/*position:absolute;*/
position:relative;
margin-top:20px!important;
margin-top:0;
height:auto;
}
#part{
margin-top:10px;
}
#part2{
margin-top:30px;
margin-bottom:30px;
}
#part2 .submit{
margin-top:10px;
text-align:center;
}
/************************************************************************************************************************************/
table.listing {
clear: both;
border-bottom: 1px solid #d7d7d7;
border-collapse: collapse;
border-spacing: 0;
margin-top: 1em;
width: 100%;
}
table.listing th { text-align: left; padding: 0 1px 1px 0; font-size: 14px }
table.listing thead { background: #F9F9F9; height:25px;}
table.listing thead th {
border: 1px solid #d7d7d7;
border-bottom-color: #999;
font-size: 13px;
font-weight: bold;
padding: 2px .5em;
vertical-align: bottom;
}
table.listing tbody td, table.listing tbody th {
border: 1px dotted #ddd;
padding: .33em .5em;
vertical-align: top;
}
table.listing tbody td a:hover, table.listing tbody th a:hover {
background-color: transparent;
}
table.listing tbody tr { border-top: 1px solid #ddd }
table.listing tbody tr.even { background-color: #fcfcfc }
table.listing tbody tr.odd { background-color: #f7f7f7 }
/*table.listing tbody tr:hover { background: #eed; }*/
table.listing thead th span#DeleteNews{
font-weight:normal;
font-size:13px;
}
table.listing thead th span#DeleteNews a:link,
table.listing thead th span#DeleteNews a:visited,
table.listing tbody td a:link,
table.listing tbody td a:visited {
text-decoration: none;
color: #b00;
border-bottom: 1px dotted #bbb;
}
table span#NewsSelect select{width:100px;}
table.listing thead th span#DeleteNews a:link:hover,
table.listing thead th span#DeleteNews a:visited:hover,
table.listing tbody td a:link:hover,
table.listing tbody td a:visited:hover {
background-color: #eee;
color: #555;
}
table.listing tbody td a:hover, table.listing tbody th a:hover {
background-color: transparent;
}
/*
:link, a:visited {
text-decoration: none;
color: #b00;
border-bottom: 1px dotted #bbb;
}
:link:hover,:visited:hover {
background-color: #eee;
color: #555;
}
*/
table.th{
width:5%;
}
table.aa{
background-color:#FFF8DC;
}
/****************************************** OrderTable ***********************************************************************/
/****************************************** OrderTable ********************************************************************************/
table.Orderlisting {
clear: both;
border-bottom: 1px solid #d7d7d7;
border-collapse: collapse;
border-spacing: 0;
margin-top: 1em;
width: 100%;
}
table.Orderlisting th { text-align: center; padding: 0 1px 1px 0; font-size: 14px }
table.Orderlisting thead { background: #F9F9F9; height:25px;}
table.Orderlisting thead th {
border: 1px solid #d7d7d7;
border-bottom-color: #999;
font-size: 13px;
font-weight: bold;
padding: 2px .5em;
vertical-align: bottom;
}
table.Orderlisting tbody td,
table.Orderlisting tbody th {
border: 1px solid #ddd;
padding: .33em .5em;
text-align:center;
/* vertical-align: top;*/
}
table.Orderlisting tbody td a:hover, table.Orderlisting tbody th a:hover {
background-color: transparent;
}
table.Orderlisting tbody tr { border-top: 1px solid #ddd }
table.Orderlisting tbody tr.even { background-color: #fcfcfc }
table.Orderlisting tbody tr.odd { background-color: #f7f7f7 }
/*table.Orderlisting tbody tr:hover { background: #eed; }*/
.sublisting {
clear: both;
border-color:#b00;border-style:solid;
border-collapse: collapse;
border-spacing: 0;
margin-top: 1em;
width: 90%;
}
table.listing thead th span#DeleteNews{
font-weight:normal;
font-size:13px;
}
table.Orderlisting tbody td a:link,
table.Orderlisting tbody td a:visited {
text-decoration: none;
color: #b00;
border-bottom: 1px dotted #bbb;
}
table.Orderlisting tbody td a:link:hover,
table.Orderlisting tbody td a:visited:hover {
background-color: #eee;
color: #555;
}
table.Orderlisting tbody td a:hover, table.Orderlisting tbody th a:hover {
background-color: transparent;
}
table.th{
width:5%;
}
height:40px;
}
table.aa{
background-color:#FFF8DC;
}
table.SmallTabelListing tbody td {
border-left: 1px;
border: 0px;
}
table.SmallTabelListing tbody tr { border-top: 0px;}
/************************************************************************************************************************************/
#part #left{float:left; width:180px;}
#part #right{float:right;width:562px;margin-left:2px;}
/********************#part #left****************************************************************************/
/********************#part #left****************************************************************************/
/********************#part #left****************************************************************************/
#input_box .submit{text-align:center;margin-bottom:10px;}
/* input , select { font-weight:normal;font-family: "卜悶" , "MS Song";BORDER: #000000 1px solid;line-height:133%!important;line-height:150%;padding:2px 2px 2px!important;padding:2px 8px 2px; height:22px;}*/
.submit input {font-weight:bold;cursor:pointer; BORDER: #000000 1px solid;line-height:133%;padding:2px 2px !important; padding:0;background:#ddd;}
input , textarea, select {font-weight:normal; font-family: "卜悶" , "MS Song";BORDER: #000000 1px solid;line-height:133%;padding:2px 2px 2px;}
textarea{font-weight:normal;BORDER: #000000 1px solid;height:100px;width:240px;}
select{font-weight:normal;width:225px!important;width:230px;}
/************************************************************************************************************************************/
#login {border:1px solid #CCCCCC;background:#F9F9F9; font-weight:bold;text-align:center;}
#login .pers,
#login .submit
{
background:#f5f5f5;
height:auto;
margin:10px;
}
#par #login
{
font-weight:bold;text-align:center; width:40%;margin-left:30%;
}
#list {border:1px solid white;background:#F9F9F9; font-weight:bold;text-align:center;margin-top:3px;}
/************************************************************************************************************************************/
#left .inset .headlogin
{
text-align:center;
font-weight:bold;
height:25px;
margin:0 0 5px 0;
border-bottom: 2px solid #FF0033;
text-indent:10px;
font-size:14px;
color: #b00;
}
#left .inset .pers,
#left .inset .submit
{
font-weight:bold;
background:#f5f5f5;
height:30px;
text-align:center;
}
#par #left .inset
{
font-weight:bold;text-align:center; width:40%;
}
/************************************************************************************************************************************/
/*******.inset {margin-top:3px;text-align:left;font-weight:bold;}*******/
table
{
word-break:break-all;
border-collapse: collap;
word-wrap:break-word;
/*table-layout: fixed;*/
}
#left .inset {margin-top:3px;text-align:left;}
#left .inset .headdings
{
font-weight:bold;
height:25px;
margin:auto;
border-bottom: 1px solid #ddd;
text-indent:10px;
font-size:14px;
color: #b00;
}
#left .inset .submenu { border-bottom: 1px solid #ddd;height:25px;margin:auto; line-height:25px; text-indent:10px;font-size:13px; }
/*#left .inset .submenu:hover { background: #eed !important }*/
}
#left .inset {background: transparent; width:100%;}
.inset #headding .headdings a:link,
.inset #headding .headdings a:visited {
text-decoration: none;
color: #b00;
/*border-bottom: 1px dotted #bbb;*/
}
.inset #headding .headdings a:link:hover,
.inset #headding .headdings a:visited:hover {
background-color: #eee;
color: #555;
}
#mains #ModifyAccount #OrderDetaildiv #headDetail a:link,
#mains #ModifyAccount #OrderDetaildiv #headDetail a:visited,
.inset .submenu a:link,
.inset .submenu a:visited {
text-decoration: none;
color: #555;
/*border-bottom: 1px dotted #bbb;*/
}
#mains #ModifyAccount #OrderDetaildiv #headDetail a:link:hover,
#mains #ModifyAccount #OrderDetaildiv #headDetail a:visited:hover,
.inset .submenu a:link:hover,
.inset .submenu a:visited:hover {
/* background-color: #eee;*/
color: #b00;
}
#Pagination{text-align:right;margin-right:10px;height:25px;line-height:25px;}
#Pagination a:link,
#Pagination a:visited,
#mains #part #GuestBook #data span#Delete a:link,
#mains #part #GuestBook #data span#Delete a:visited,
#right #PrintComment #data span#Delete a:link,
#right #PrintComment #data span#Delete a:visited
{
text-decoration: none;
color: #b00;
/*border-bottom: 1px dotted #bbb;*/
}
#Pagination a:link:hover,
#Pagination a:visited:hover,
#mains #part #GuestBook #data span#Delete a:link:hover,
#mains #part #GuestBook #data span#Delete a:visited:hover,
#right #PrintComment #data span#Delete a:link:hover,
#right #PrintComment #data span#Delete a:visited:hover
{
background-color: white;
padding:2px 0.5px;;
color: #555;
}
#left .inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
#left .inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
#left .inset .b2 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b3 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b4 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b4b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b3b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b2b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#left .inset .b1 {margin:0 5px; background:#CCCCCC;}
#left .inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
#left .inset .b3, .inset .b3b {margin:0 2px;}
#left .inset .b4, .inset .b4b {height:2px; margin:0 1px;}
#left .inset .b1b {margin:0 5px; background:#CCCCCC;}
#left .inset .boxcontent {display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
/************************************************************************************************************************************/
#left .inset .boxcontent #regard {font-size:13px;height:auto;width:80%;margin-left:10px;line-height:25px;font-weight:bold;}
#left .inset .boxcontent #regard span.Name{color:#b00;}
/********************#part #right****************************************************************************/
/********************#part #right****************************************************************************/
/********************#part #right****************************************************************************/
#part #right #rightTop{width:100%;border: 1px transparent;height:310px;}
#part #right #rightTop #News{float:left;width:71.5%;margin-right:2px;}
#part #right #rightTop #NewsProduct{float:right;width:28%;}
#News .inset {margin-top:3px;text-align:left;}
#News .inset .headdings
{
font-weight:bold;
height:20px;
margin:auto;
border-bottom: 1px solid #8F8F8F;
text-indent:10px;
font-size:14px;
color: black;
}
#News .inset .headdings span#more{margin-left:250px;font-weight:lighter;}
#News .inset .submenu { border-bottom: 1px solid #ddd;height:25px;margin:auto; line-height:25px; text-indent:10px;font-size:13px; }
/*#News .inset .submenu:hover { background: #eed !important }*/
#News .inset {background: transparent; width:100%;}
#News .inset .boxcontent {display:block; background:#F9F9F9;}
/***//*********************************************************************************************************************************/
#NewsProduct .inset {margin-top:3px;text-align:left;height:240px;}
#NewsProduct .inset .headdings
{
height:22px;
margin:auto;
border-bottom: 1px solid #CD3700;
text-align:center;
font-size:13px;
}
#NewsProduct .inset {background: transparent; width:100%;}
/*
#NewsProduct .inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
#NewsProduct .inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
#NewsProduct .inset .b2 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b3 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b4 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b4b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b3b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b2b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#NewsProduct .inset .b1 {margin:0 5px; background:#CCCCCC;}
#NewsProduct .inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
#NewsProduct .inset .b3, .inset .b3b {margin:0 2px;}
#NewsProduct .inset .b4, .inset .b4b {height:2px; margin:0 1px;}
#NewsProduct .inset .b1b {margin:0 5px; background:#CCCCCC;}
#NewsProduct .inset .boxcontent {display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
*/
#main #placeholder3{height:20px!important;height:0px; }
#placeholder{ height:8px!important;height:0px;}
#placeholders{height:40px!important;height:0px;}
#placeholder4{height:50px;}
#NewsProduct .inset .boxcontent .ListProduct{height:59px!important;height:60px;margin-top:8px!important;margin-top:2px;}
.ListProduct .ProductImg{margin:2px;width:45%;border:1px solid #CCCCCC;text-align:center;height:60px;float:left;}
.ListProduct .ProductImg .Img{margin-top:5px;}
.ListProduct .price{margin-right:2px;width:48%;float:right;text-align:center;margin-top:5px;}
.ListProduct .Names{font-size:13px;}
.ListProduct .price .unit_price{color:red;font-size:15px;font-weight:bold;}
/*****嘔和*******************************************************************************************************************************/
#part #right #Product{width:562px;margin-top:0px;border:1px solid white;height:auto;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b3 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b4 {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b4b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b3b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b2b {background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.inset .b1 {margin:0 5px; background:#CCCCCC;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#CCCCCC;}
#right #AboutUs{margin-top:15px; height:auto;margin-bottom:10px;}
#right #AboutUs #AboutUsDiv{background:white;width:99%;margin:auto; }
#right #AboutUs .inset .boxcontent .headding{margin:0 0 5px 0; height:25px;text-indent:20px;font-size:15px;font-weight:bold; border-bottom: 1px solid #8F8F8F;}
#right #AboutUs .inset .boxcontent .headdings{ height:25px;margin:5px 0 0px 0;text-indent:20px;font-size:14px;}
#right #AboutUs .inset .boxcontent .content1{margin:5px 0 0px 5px;text-indent:10px;font-size:12px;line-height:20px;}
.inset .boxcontent {display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
/***********************. StapleFoodHeadding .*************************************************************************************************************/
/***********************. StapleFoodHeadding .*************************************************************************************************************/
#right #StapleFoodHeadding {margin-top:10px!important;margin-top:5px;width:98%;margin-left:10px;height:auto;}
#right #StapleFoodHeadding .inset .boxcontents #button{background:white;width:99%;margin:auto;height:40px;}
#right #StapleFoodHeadding .inset .boxcontents #button #Headding{text-indent:20px;}
#Product #ProductID #PrinProduct .inset {background: transparent; margin-top:5px;}
#Product #ProductID #PrinProduct{width:32%!important; width:31.7%;height:240px ;float:left;border:1px solid white;margin:5px 0 4px 5px;}
#Product #ProductID #PrinProduct input{border:1px solid white; font-weight:bold;border-bottom:1px solid red;font-size:14px;width:25px;text-align:right;}
#Product #ProductID #PrinProduct .inset .boxcontent #PrinProductDiv{background:white;width:99%;margin:auto;}
#Product #ProductID #PrinProduct .inset .boxcontent .Producthead{height:20px;text-align:center;width:100%;font-size:14px; font-weight:bold;color:#b00;}
#Product #ProductID #PrinProduct .inset .boxcontentP {height:175px;display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#Product #ProductID #PrinProduct .inset .boxcontentP #PrinProductDiv{background:white;width:95%;margin:auto;}
#Product #ProductID #PrinProduct .inset .boxcontentP .PrinProductImgs{width:100%;height:105px;text-align:center;}
#Product #ProductID #PrinProduct .inset .boxcontentP .share{width:100%;height:20px;text-align:center;font-size:14px; font-weight:bold;color:red;}
#Product #ProductID #PrinProduct .inset .boxcontentP .introduction{width:96%;height:50px;overflow:hidden;text-align:left;margin-top:5px;margin-bottom:5px;text-indent:25px;font-size:13px;color:#555; border:1px solid white;margin-left:5px;}
/***********************. BeverageHeadding .*************************************************************************************************************/
/***********************. BeverageHeadding .*************************************************************************************************************/
/*#Product #BeverageHeadding{margin:10px 0 4px 5px!important;margin:10px 0 4px 10px;}*/
#right .inset .boxcontents {display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;height:40px;}
#Product #ProductID #shopping{width:98%!important; width:98%;height:auto;float:left;border:1px solid white;margin:10px 0 4px 5px;/*position:absolute;*/}
#Product #ProductID #shopping .inset .boxcontents #button{width:99%;background:white;margin:auto;height:40px;}
#Product #ProductID #shopping .inset .boxcontents #button #Headding{text-indent:20px;}
#right #Product #shopping .inset .boxcontents .submits{height:35px;text-align:center;width:110px;font-size:14px; font-weight:bold;color:#b00;margin-left:20%!important;margin-left:12%;border:1px solid white;float:left;}
#Product #ProductID #shopping .inset .boxcontents .shoppingcart{height:25px;text-align:center;width:100%;font-size:14px; font-weight:bold;color:#b00;border:0px solid;}
#right #Product #shopping .inset .boxcontents .submits .shoppingcart input{font-size:15px;color:red;border:0px;font-weight:bold;cursor:pointer; width:100px;background:#F9F9F9;}
/*.share */
#submits1{height:30px;text-align:center;width:100px;font-size:14px; font-weight:bold;color:#b00;border:1px solid white;float:left;}
#submits1 input{font-size:15px;color:red;border:0px;font-weight:bold;cursor:pointer; width:85px!important;width:85px;background:#F9F9F9;height:20px;}
#right #Product #shopping .inset .boxcontents #button{width:99%;background:white;margin:auto;}
#right #Product #shopping .inset .boxcontents .submits2{height:35px;text-align:center;width:110px;font-size:14px; font-weight:bold;color:#b00;margin-left:10%!important;margin-left:6%;border:1px solid white;float:right;margin-right:10px;}
#Product #ProductID #shopping .inset .boxcontents .shoppingcart{height:25px;text-align:center;width:100%;font-size:14px; font-weight:bold;color:#b00;border:0px solid;}
#right #Product #shopping .inset .boxcontents .submits2 .shoppingcart input{font-size:15px;color:red;border:0px;font-weight:bold;cursor:pointer; width:100px;background:#F9F9F9;}
/***********************productDetail.php*************************************************************************************************************/
/***********************productDetail.php*************************************************************************************************************/
/***********************productDetail.php*************************************************************************************************************/
#right #distinguish{margin-top:20px!important; margin-top:10px;}
#right #distinguish .inset .boxcontents {display:block; background:#F9F9F9; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;height:40px;}
#distinguish #ProductID #shopping{width:100%; height:auto;float:left;border:1px solid white;/*position:absolute;*/}
#right #distinguish #shopping .inset .boxcontents #button{width:99%;background:white;margin:auto;}
#right #distinguish #shopping .inset .boxcontents .submits{height:35px;text-align:center;width:110px;font-size:14px; font-weight:bold;color:#b00;margin-left:20%!important;margin-left:12%;border:1px solid white;float:left;}
#distinguish #ProductID #shopping .inset .boxcontents .shoppingcart{height:25px;text-align:center;width:100%;font-size:14px; font-weight:bold;color:#b00;border:0px solid;}
#right #distinguish #shopping .inset .boxcontents .submits .shoppingcart input{font-size:15px;color:red;border:0px;font-weight:bold;cursor:pointer; width:100px;background:#F9F9F9;}
#right #ProductDetails{margin-top:5px;height:350px;}
#right #ProductDetails .boxcontents{height:350px;}
#right #ProductDetails .Headding{height:25px;width:100%;line-height:20px;text-indent:30px;font-size:15px;color:#b00;font-weight:bold; border-bottom: 2px solid #8F8F8F;background:white;}
#right #ProductDetails #DetailBorder{}
#right #ProductDetails #DetailBorder #ImgBorder{margin:15px 0 0 5px; width:45%;float:left;background-color:white;}
#right #ProductDetails #DetailBorder #Details {margin:15px 0px 0 5px;width:52%;float:right;background-color:white;}
#right #ProductDetails #DetailBorder #DetailImgDivGB{background:white;width:98%;margin:auto;}
#right #ProductDetails #DetailBorder #ImgBorder .Img{text-align:center;height:200px;}
#right #ProductDetails #DetailBorder #ImgBorder .Img .aa{height:8px!important;height:2px;}
#right #ProductDetails #DetailBorder #ImgBorder .notice{text-align:center;margin:15px auto 0px;width:170px;height:40px;line-height:20px;font-size:14px;color:#8F8F8F;}
#right #ProductDetails #DetailBorder #Details #DetailsContent:hover { background: #eed;}
#right #ProductDetails #DetailBorder #Details #DetailsContent{border-bottom: 1px dotted #ddd;height:auto;margin:auto; line-height:25px; text-indent:0px;font-size:13px; }
#right #ProductDetails #DetailBorder #Details #DetailsContent #DepictHead{width:35%;}
#right #ProductDetails #DetailBorder #Details #DetailsContent #Depict{width:65%;}
#right #ProductDetails #DetailBorder #Details #DetailsContent input{border:1px solid white; font-weight:bold;border-bottom:1px solid red;font-size:14px;width:25px;text-align:right;}
#right #ProductDetails #DetailBorder #Details #DetailsContent .share{width:100%;height:25px;font-size:14px; font-weight:bold;color:red;}
/*********************** ProductComment **************************************************************************************************/
/*********************** ProductComment ********************************************************************************************background:#F9F9F9;******/
#right #PrintComment{border-bottom: 1px solid #ddd;background:white;line-height:25px;}
#right #PrintComment #data{height:25px;width:100%;text-indent:20px;font-size:13px;color:#555;border-bottom: 1px dotted #8F8F8F;background: transparent url(../images/bg_headding.jpg) repeat-x top;}
#right #PrintComment #data span#Name{font-weight:bold;}
#right #PrintComment #data span#Delete{margin-right:20px;margin-top:-25px;float:right;}
#right #PrintComment #Content{height:auto;margin:10px 15px;}
#right #ProductComment{margin-top:30px!important;margin-top:0;}
#right #ProductComment .inset{margin-bottom:20px;}
#right #ProductComment textarea{border:1px solid #8F8F8F;}
#right #ProductComment input{border:1px solid #8F8F8F;width:50px;font-size:14px;color:#b00;}
#right #ProductComment #head{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;font-weight:bold; border-bottom: 1px dotted #8F8F8F;border-top: 2px solid #8F8F8F;background:white;}
#right #ProductComment #CommentContent{text-align:center;margin-top:10px;}
/*********************** GuestBook **************************************************************************************************/
/*********************** GuestBook ********************************************************************************************background:#F9F9F9;******/
#mains #part #GuestBook{border-bottom: 1px solid #ddd;line-height:25px;width:750px;}
#mains #part #PrintGuest{border-bottom: 1px solid #ddd;background-color:white;line-height:25px;}
#mains #part #GuestBook #data{height:25px;width:100%;text-indent:20px;font-size:13px;color:#555;border-bottom: 1px dotted #8F8F8F;background: transparent url(../images/bg_headding.jpg) repeat-x top;}
#mains #part #GuestBook #data span#Name{font-weight:bold;}
#mains #part #GuestBook #data span#Delete{margin-right:20px;margin-top:-25px;float:right;}
#mains #part #GuestBook #Content{height:auto;margin:10px 15px;}
#mains #part #GuestBook{margin-top:30px!important;margin-top:0;}
#mains #part #GuestBook .inset{margin-bottom:20px;}
#mains #part #GuestBook textarea{border:1px solid #8F8F8F;width:400px;height:200px;}
#mains #part #GuestBook input{border:1px solid #8F8F8F;width:70px;font-size:14px;color:#b00;margin-top:10px;}
#mains #part #GuestBook #head{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;font-weight:bold; border-bottom: 1px dotted #8F8F8F;border-top: 2px solid #8F8F8F;background:white;}
#mains #part #GuestBook #GuestContent{text-align:center;margin-top:10px;}
/*********************** UserDetail **************************************************************************************************/
/*********************** UserDetail ********************************************************************************************background:#F9F9F9;******/
#mains #part #UserDetail{}
#mains #part #UserDetail #divborder{width:99%;background-color:white;margin:auto;height:auto;}
#mains #part #UserDetail #divborder #divhead{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #part #UserDetail #divborder #divDetails #divDetail{height:30px;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted white;font-size:12px;}
#mains #part #UserDetail #divborder #divDetails #divDetail .Name{width:18%;float:left;}
#mains #part #UserDetail #divborder #divDetails #divDetail .Detail{float:right;width:78%;margin-left:0px;}
#mains #part #UserDetail #divborder #divDetails #botton{text-align:center;height:30px;margin-top:5px;}
#mains #part #UserDetail #divborder #divDetails #botton input{border:1px solid #8F8F8F;cursor:pointer; font-weight:bold;font-size:14px;color:#b00;}
#mains #part #UserDetail #divborder #divDetails #divDetail input{border:0px;border-bottom:1px solid red;font-weight:bold;padding:0 0 8px 0;}
#mains #part #UserDetail #divborder #divMemo{height:120px!important;height:auto;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted white;font-size:12px;}
#mains #part #UserDetail #divborder #divMemo #MemoheadDiv{width:18%;float:left;}
#mains #part #UserDetail #divborder #Memo{float:right;width:88%;margin-left:0px;text-align:center;margin:auto;}
#mains #part #UserDetail #divborder #Memo textarea{width:380px;height:80px;}
/*********************** OrderDetail *******************************************************height:30px;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted white;font-size:12px;*******************************************/
/*********************** OrderDetail ********************************************************************************************background:#F9F9F9;******/
#mains #OrderDetail{margin-top:10px!important;margin-top:0px;}
#mains #OrderDetail #OrderDetaildiv{width:95%;margin:0px auto;background:white;}
#mains #OrderDetail .boxcontent #OrderDetailProduct{background:white;width:100%;}
#mains #OrderDetail #OrderDetaildiv #headDetail{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;border: 1px dotted white;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #OrderDetail #OrderDetaildiv #headDetail .head{height:25px;width:45%;float:left;}
#mains #OrderDetail #OrderDetaildiv #headDetail .ServiceTelephone{height:25px;width:55%;float:right;}
/*
#mains #OrderDetail .boxcontent #OrderDetailProduct{background:white;width:100%;}
#mains #OrderDetail #OrderDetaildiv #headDetail{height:auto;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;border: 1px dotted white;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #OrderDetail #OrderDetaildiv #headDetail .head{width:40%;float:left;}
#mains #OrderDetail #OrderDetaildiv #headDetail .ServiceTelephone{width:60%;float:right;}
*/
#mains #OrderDetail #OrderDetaildiv #Detaildivs{height:auto;width:100%;line-height:18px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted #8F8F8F;font-size:12px;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv{height:30px;width:100%;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted #8F8F8F;font-size:12px;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv .Name{width:15%;float:left;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv .Detail{float:right;width:85%;margin-left:0px;font-weight:bold;font-size:14px;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv #Detail1{float:left;width:48%;margin:auto;border: 1px dotted white;height:30px;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv #Detail1 .Name{width:34%;float:left;}
#mains #OrderDetail #OrderDetaildiv #Detaildiv #Detail1 .Detail{float:right;width:66%;margin-left:0px;font-weight:bold;font-size:15px;}
/*********************** ModifyAccount **************************************************************************************************/
/*********************** ModifyAccount ********************************************************************************************background:#F9F9F9;******/
#mains #ModifyAccount{margin-top:10px!important;margin-top:0px;}
#mains #ModifyAccount #OrderDetaildiv{width:70%;margin:0px auto;background:white;}
#mains #ModifyAccount .boxcontent #OrderDetailProduct{background:white;width:100%;}
#mains #ModifyAccount #OrderDetaildiv #headDetail{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;border: 1px dotted white;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #ModifyAccount #OrderDetaildiv #headDetail .head{height:25px;width:50%;float:left;}
#mains #ModifyAccount #OrderDetaildiv #headDetail .ServiceTelephone{height:25px;width:50%;float:right;}
#mains #ModifyAccount #OrderDetaildiv #Detaildiv{height:30px;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted #8F8F8F;font-size:12px;}
#mains #ModifyAccount #OrderDetaildiv #Detaildiv .Name{width:20%;float:left;}
#mains #ModifyAccount #OrderDetaildiv #Detaildiv .Detail{float:right;width:80%;margin-left:0px;font-weight:bold;font-size:15px;}
#mains #ModifyAccount #OrderDetaildiv #Detaildiv a:link,
#mains #ModifyAccount #OrderDetaildiv #Detaildiv a:visited{
text-decoration: none;
color: #b00;
/*border-bottom: 1px dotted #bbb;*/
}
#mains #ModifyAccount #OrderDetaildiv #Detaildiv a:link:hover,
#mains #ModifyAccount #OrderDetaildiv #Detaildiv a:visited:hover{
background-color: #eee;
color: #555;
}
/*********************** AdminOrderDetail **************************************************************************************************/
/*********************** AdminOrderDetail ********************************************************************************************background:#F9F9F9;******/
#AdminOrderDetail{width:180%;margin:auto;}
/*********************** News **************************************************************************************************/
/*********************** News ********************************************************************************************background:#F9F9F9;******/
#mains #right #NewsDiv{margin-top:10px!important;margin-top:10px;}
#mains #right #NewsDiv #NewsDetaildiv{width:99%;margin:0px auto;background:white;}
#mains #right #NewsDiv #NewsDetaildiv #headDetail{text-align:center;height:25px;width:100%;line-height:25px;font-size:15px;color:#b00;border: 1px dotted white;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #right #NewsDiv #NewsDetaildiv #NewsBodyDiv{text-indent:25px;line-height:20px;font-size:13px;margin:10px auto 0;}
/*********************** #Register **************************************************************************************************/
/*********************** #Register ********************************************************************************************background:#F9F9F9;******/
#mains #Register{margin-top:10px!important;margin-top:0px;}
#mains #Register #OrderDetaildiv{width:70%;margin:0px auto;background:white;}
#mains #Register .boxcontent #OrderDetailProduct{background:white;width:100%;}
#mains #Register #OrderDetaildiv #headDetail{height:25px;width:100%;line-height:25px;text-indent:30px;font-size:15px;color:#b00;border: 1px dotted white;font-weight:bold;border-bottom: 1px dotted #8F8F8F;}
#mains #Register #OrderDetaildiv #headDetail .head{height:25px;width:50%;float:left;}
#mains #Register #OrderDetaildiv #headDetail .ServiceTelephone{height:25px;width:50%;float:right;}
#mains #Register #OrderDetaildiv #Detaildiv{height:30px;line-height:25px;text-indent:20px;border: 1px dotted white; border-bottom: 1px dotted white;font-size:12px;}
#mains #Register #OrderDetaildiv #Detaildiv .Name{width:20%;float:left;}
#mains #Register #OrderDetaildiv #Detaildiv .Detail{float:right;width:80%;margin-left:0px;font-weight:bold;font-size:15px;}
/***********************************************************************{}*****************************************************border-bottom: 1px dotted #8F8F8F;********/
/************************************************************************************************************************************/
#par #Notices
{
font-weight:bold;text-align:center; height:40px;margin:5px 0 5px;width:40%;margin-left:30%;
}
#par #Notices #Notice{
margin-top:10px;
text-align:center;
}
body.CurHome #mains #par{border:1px solid #f5cccc;background:#f5f5f5; margin-top:35px!important;margin-top:20px;/*position:absolute; */width:750px;}
body.CurHome #mains #par #Register
{
margin:auto; width:70%;
}
#Register .headding{background:#FFE7BA; padding:2pt 0px 2pt 10px;border-left:1px solid Orange;}
.headding h2{font-size:14px;margin:0px; }
.headding span{float:right;margin-top:-15px;margin-right:150px;}
#Register #pers
{
height:20px; margin:20px 0px 10px 20px!important;margin:15px 0px 10px 20px;border:1px solid #f5f5f5;
}
#Register #Introduce{
height:120px; margin:10px 0px 10px 20px;
}
#Register .pers1
{
float:left;width:20%;font-size:14px;
}
#Register .pers2
{
width:75%;float:right;
}
#Register .submit
{
height:auto;
margin:20px 0px 10px 0;
text-align:center;
}
body.CurHome #mains #par #Register1
{
margin:10px 23%; width:50%;
border:1px dashed red;
}
#mains #configdiv{width:80%;margin:20px auto;}
#mains #configdiv #pers{height:20px; margin:10px auto;border:1px solid #f5f5f5;}
#mains #configdiv .pers1
{
float:left;width:20%;font-size:14px;
}
#mains #configdiv .pers2
{
width:80%;float:right;
}
#mains #configdiv #config{height:150px; margin:20px auto;}
#Notice {color:#696969; margin:5px;font-size:13px;}
.Notice{
color:red;
}
#mains #configdiv textarea{width:90%;}
#mains #configdiv .submit{text-align:center;}
#mains #configdiv .submit input{width:60px;height:25px;size:15px;}
#HD{color:#FF0033;font-size:18px; text-align:center;margin-bottom:0;}
#a{color:#696969;}
#pe{margin-top:0;color:#FF0033;}
#input_box {margin:auto; font-weight:bold;text-align:center;background:#F6F6F6;border:1px black solid; width:60%!important; width:80%;font-size:14px;}
#input_box .per{margin:10px 0px;}
#input_box .per select{width:37%;}
body.CurHome #main #footer{/*position:absolute;*/height:auto;width:750px;margin-top:auto;float:left;line-height:20px;margin-bottom:20px;}
body.CurHome #main #footer.inset{}
body.CurHome #main #footer .inset .boxcontent #footers{height:50px;height:auto;text-align:center;font-size:13px;background:white;width:99%;margin:auto;}