/* ==================== layout ==================== */

body        {background-color: #ffffff;}

#container        {width: 800px; margin: auto;}

#content        {width: 630px; float: right; margin: 10px 0;}
#image_kitchen        {width: 630px; float: right; margin: 10px 0;}
#promotion_ad        {width: 630px; float: right; margin: 10px 0;}
#video_section        {width: 630px; float: right; margin: 10px 0;}

#sidebar        {width: 120px; float: left; margin: 30px 0;}

#foot        {clear: both;}



/* ==================== header ==================== */

#header        {width: 800px;
        height: 150px;
        background-image:url("images/b&k header7.jpg");
        border: solid 1px #aaaaaa;}

#header_inner        {padding: 10px;}
#header_logo        {float: left; text-align: center;}
#header_logo h1        {margin: 0;}
#header_logo p     {margin: 0; letter-spacing: 1em; font:normal large bolder "微軟正黑體";}

#header_other        {float: right;}

#header_nav        {float: right; font-weight: bolder; margin-top: 110px;}
#header_nav ul     {margin:0; padding:0; text-align: center;}
#header_nav li     {list-style-type: none; display: inline; margin-right: 10px; font-weight: 500;}
#header_nav li a   {font-size: 14px; color:#778899; text-decoration: none;}
#header_nav a:hover {color: #ffaa00;}


/* 搜尋表單的設計 */

#search p          {padding: 0px; margin-right: 18px;}
#search #text      {width: 150px; font-size: 12px; outline: none; line-height: 1}
#search #submit    {width: 40px; font-size: 14px; line-height: 1; outline: none; margin-left: 4px;}

/* ==================== content ==================== */

.post        {width: auto;}
.post1        {width: auto;}

.post h2        {font-size: 1em;
        margin: 0;
        margin-bottom: 15px;
        background-color: #b8e964;
        padding-left: 10px;}

.post1 h2        {font-size: 1em;
        margin: 0;
        margin-bottom: 15px;
        border-bottom: solid 3px #b8e964;
        line-height: 32px;
        padding-bottom: 3px;}
#content h3 {padding :0; margin:0; margin-bottom: 15px; font-size: x-large;}

.post h3        {font-size: 0.875em;
        margin: 0; margin-bottom: 15px;
        background-color: #FF6600;
        line-height: 20px;
        text-align:center;}

.posttext        {color:#696969; line-height: 1.5}

.posttext p        {font-size: 1em; margin: 0; margin-bottom: 20px;}

.imgcaption     {text-align: center; font-size: 0.875em; float:left; width: 150px;
                 margin-right: 4px; margin-top: 4px; border: solid 1px #aaaaaa;}
.imgcaption img   {margin-bottom: 5px;}
.imgcaption p     {margin: 0;}

#linin  {background-color:#f0f8ff; width:500px; height:380px; border:#aaaaaa 1px solid;
         padding:20px;}
#myform label        {display: block;
        margin-bottom: 3px;
        font-size: 0.875em;}

#name, #email, #phone, #verify   {width: 200px;}
#question {width: 420px;}
#name:hover, #email:hover, #phone:hover, #question:hover, #verify:hover   {background-color: #ccffff;}
#note {float:right; text-align:right; font-size: 0.75em;}
#warn {float:left;text-align:left; width: 250px; font-size: 1em; background-color:#ff0000;}

#mismatch_nav        {float: right; font-weight: bolder;}
#mismatch_nav ul     {margin:0; padding:0; text-align: center;}
#mismatch_nav li     {list-style-type: none; display: inline; margin-right: 20px; font-weight: 500;}
#mismatch_nav li a   {font-size: 16px; color:#778899; text-decoration: none; color:#ff0000;}
#mismatch_nav a:hover {color: #ffaa00;}
.title {

        font-size: 24pt;
        font-weight: bolder;
        color: #FF3300;}
.imgright {float: right; margin-bottom:0px;
           text-align: center; font-size: 0.875em; width: 120px;}
.imgright img  {margin-bottom: 0px;}
.imgright p    {margin:0;}


th         {width:auto; border: solid 1px #aaaaaa; padding:8px;
            background-color: #b8e964; text-align: left;
            font-size: 0.875em;}
td         {border: solid 1px #aaaaaa; padding: 8px; font-size:0.875em;}
#contact {border: none;}

.backlink        {font-size: 12px;
        text-align:right;}

/* ==================== sidebar ==================== */

.menu        {width: auto; font-size: 14px;font-weight: bolder;}

.menu li        {text-align: right;
        padding-bottom: 16px;
        margin-bottom: 16px;
        line-height: 2;
        list-style-type: none;}

.menu li a        {color:#778899; text-decoration: none;}

.menu li a:hover        {color: #ff8800;}

.menu ul        {margin: 0;padding: 0; padding-top: 8px;}


/* ==================== footer ==================== */

#footer        {width: auto; text-align:center; padding-top: 10px; padding-bottom: 20px;}

#footer p        {color: #778899; font-size: 0.75em; margin: 0;}



#exchange label { float: left;
  display: inline-block;
  width: 100px;
  font-weight: bold;
}

p,ol {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        line-height: 150%;
        margin-top: 0px;
        margin-bottom: 5px;
}
form {
        margin: 0px;
}
a {
        text-decoration: none;
}
a:link {
        color: #0066CC;
}
a:visited {
        color: #0066CC;
}
a:hover {
        color: #FF0000;
}
.dataDiv {
        margin: 10px;
}

.title {
        font-family: "敺株?甇??擃?;
        font-size: 24pt;
        font-weight: bolder;
        color: #FF3300;
}
.heading {
        font-family: "敺株?甇??擃?;
        font-size: 13pt;
        color: #0066CC;
        line-height: 150%;
        font-weight: bold;
}
.smalltext {
        font-size: 11px;
        color: #999999;
        font-family: Georgia, "Times New Roman", Times, serif;
        vertical-align: middle;
}
.trademark {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #0099FF;
}
.regbox {
        border: 1px solid #656565;
        padding: 15px;
        background-color: #F0F0F0;
}
.boxtl {
        background-image: url(images/tl.gif);
        float: left;
        top: -1px;
        height: 4px;
        width: 4px;
        background-repeat: no-repeat;
}
.boxtr {
        background-image: url(images/tr.gif);
        float: right;
        top: -1px;
        height: 4px;
        width: 4px;
        background-repeat: no-repeat;
}
.boxbl {
        background-image: url(images/bl.gif);
        float: left;
        top: -1px;
        height: 4px;
        width: 4px;
        background-repeat: no-repeat;
        margin-top: -4px;
}
.boxbr {
        background-image: url(images/br.gif);
        float: right;
        top: -1px;
        height: 4px;
        width: 4px;
        background-repeat: no-repeat;
        margin-top: -4px;
}
.tdrline {
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #999999;
}
.tdbline {
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #999999;
}
.clear {
        clear: both;
}
.logintextbox {
        width: 150px;
}
.errDiv {
        font-family: "敺株?甇??擃?;
        font-size: 10pt;
        color: #FFFFFF;
        background-color: #FF0000;
        padding: 4px;
        text-align: center;
}
.scorerow {
  font-size:120%;
  color: #36407F;
}

.error {
  font-weight: bold;
  color: #FF0000;
}