/*
=============================================
*       Orignal 2009/08/26 by Roni
*       temp2 2009/09/02
*       Final date 2010/01/25 Roni
*       天藍 #1c91e8
*       標準紅 #ea0a66
*       標準黃 #fee501
=============================================
*/
body{margin:0;padding:0;background:#242323;text-align:justify;font:13px Arial, Helvetica, sans-serif;color:#444;}

h1, h2, h3{margin-top:0px;font-weight:normal;}
h1{font-size:2.4em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
p, ol, ul{margin-bottom:1.8em;line-height:160%;}
a{text-decoration:none;outline: none; /*ff*/hlbr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;}
a img{border:none;}
img.float_r{float:right;padding:0 0 5px 5px;}
.clear{clear:both;padding:0;margin:0;}

.wrapper{width:900px;margin:0 auto;border:10px solid #fff;}

/* header */

.header{width:900px;height:124px;margin:0 auto;position:relative;}
.header a {text-decoration:none;}

/* logo */

.logo {float:left;padding:4px 0 0 8px;}
.logo p{text-indent:-99999px;}


/* top-favority */
.favority{font-size:12px;position:absolute;right:.8em;top:10px;}
.favority ul{margin:0;list-style:none;line-height:normal;}
.favority li{display:inline-block;*display:inline;color:#fee501;}
.favority li a{padding:10px 10px 6px 10px;color:#828180;}html:root .menu a{padding:10px 9px 6px 9px;}
.favority li a:hover{text-decoration:underline;color:#ccc;}


/* top-menu */
.menu {background:transparent url(images/topmenu_bg.gif) no-repeat scroll center 78px;float:right;margin:0 18px 0 0;_margin:0 10px 0 0;padding:79px 0 0 38px;}
.menu ul{margin:0 0 0 -6px;padding:0;list-style:none;line-height:normal;}
.menu li{float:left;display:inline-block;}
.menu li.active,.menu li.active a{color:#fee501;}
.menu li.active a:hover{color:#bbb;text-decoration:none;}
.menu a{display:block;width:auto;padding:10px 32px 6px 13px;color:#fff;background:url(images/img10.gif) no-repeat left 50%;letter-spacing:.1em;}html:root .menu a{padding:7px 31px 7px 13px;}
.menu a:hover{text-decoration:underline;color:#ea0a66;}

/* 右欄+banner跑馬 */
.page{width:900px;margin:0 auto;padding:10px 0 0 0;background:#fff;}
.page .banner{width:900px;height:200px;overflow:hidden;position:relative;margin:0 0 10px 0;}
.page .banner #boxbanner{position:absolute;}
#boxbanner span{float:left;display:block;}
#boxbanner span img.small{width:900px;_width:897px;}/*-----ie6 last image size bug-----*/
.header-pic{background:url(images/img05.jpg) no-repeat left top;width:900px;height:210px;}

/* content */
.content{float:right;width:670px;}
.content .banner{margin:0 0 10px 0;*margin:0 0 5px 0;}
.post {margin:0;}
.post .title {margin:0;background:#444 url(images/img07.jpg) no-repeat left center;padding:10px 0 5px 33px;font-size:1em;letter-spacing:0.1em;color:#fff;}html:root .post .title{padding:7px 33px;}
.post .entry{background:#e9f2f7 none repeat scroll 0 0;float:left;padding:10px 24px;width:622px;}
.post .entry a{color:#1c91e8;}
.post .entry a:hover{color:#ea0a66;}
.post .entry p{text-indent:13px;}
.post .entry .stxt{color:#ea0a66;}
.post .contact{width:670px;}

/* 聯絡 */
fieldset { border: 1px solid #ccc; border-bottom: none; font: bold 95% sans-serif; margin:1em 1.5em 1.2em 2em;padding:0;}
form{vertical-align:baseline;}
input, textarea, select { background-color: #fff; border: 1px solid #777; border-color: #777 #ccc #ccc #777; font: normal 1em verdana,sans-serif; padding: 5px 6px; }
input.button {background: #fafafa; border: 1px solid #aaa;border-color:#ddd #aaa #aaa #eee; color: #444;cursor:pointer; font:normal 1em verdana,sans-serif; margin-top:5px;padding:6px 116px;*padding:6px 69px;_padding:6px 66px;}
html:root input.button{padding:6px 121px;}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #fffff5;}
input.button:hover, input.button:focus {color:#ea0a66;cursor: pointer;}
textarea {overflow: auto;}

input.image {border:none; padding:0;}
.form_row { background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; padding: 10px 0; }
.form_required {font-weight: bold;}
.form_row_submit,.legend { background: #e5e5e5; border-bottom: 1px solid #ccc; border-top: 1px solid #fafafa; padding:4px 0 8px;}
.legend {padding:12px 0 0 18px;}
.legend h3{font:normal 1.2em sans-serif;margin:3px 0 10px;*margin:0 0 10px 0;}html:root .legend h3{margin:0 0 13px;}
.form_property, .form_value {float:left;}
.form_property {font:normal 1em sans-serif;text-align: right; width:157px;padding:7px 0 0 0;letter-spacing:0.1em;}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left:180px;}

/* 產品list區 */
.entry div.products{display:inline;}
.entry div.products a{background:#fff none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:3px;width:303px;}
.entry div.products a:hover{cursor:pointer;width:303px;height:auto;border:1px solid #999;text-decoration:none;}
.entry div.products img{width:150px;height:112px;float:left;padding:10px 6px 10px 6px;}
.entry div.products div.name{float:left;width:135px;*padding:25px 0 0 0;}
div.name h4{color:#27acfc;font:bold 1em sans-serif;}
div.name i.zoom {background:transparent url(images/zoom.gif) no-repeat scroll left top;display:block;font-size:1em;height:57px;letter-spacing:-2px;padding:6px 0 0 56px;width:70px;overflow:hidden;}

.content .prev {padding:8px 0 0 0;float:right;}
.content .prev a{color:#444;}.content .prev a:hover{text-decoration:none;color:#1c91e8;}
.content .prev img{vertical-align:middle;}
.post .byline{margin:0;padding-left:20px;}

/* sidebar */

.sidebar{float:left;width:200px;}
.sidebar-bgtop{}
.sidebar-bgbtm{}
.sidebar-bgbtm img{margin:6px 0;}


.sidebar-content{}
.sidebar ul {padding:0 0 5px 0;margin:0;list-style:none;}
.sidebar li li {margin-right:10px;line-height:1.5em;padding:6px 0 6px 15px;border-bottom:1px dashed #bdbdbd;}
.sidebar li li b{color:#1c91e8;}
.sidebar li ul {margin-bottom:0.5em;list-style:none;width:209px;}
.sidebar h2 {background:url(images/img09.jpg) no-repeat left center;padding:5px 0 5px 33px;font-size:1em;margin:0 0 3px 0;color:#fff;}
.sidebar a {text-decoration:none;display:block;_width:100%;color:#555;}
.sidebar a:hover {text-decoration:underline;color:#1c91e8;}


/* footer */
.footer{clear:both;width:920px;height:40px;margin:0 auto 30px auto;background:url(images/img08.jpg) no-repeat left top;color:#858585;}
.footer p{margin:0;padding:13px 0 0 0;text-align:center;line-height:normal;font-size:12px;}
.footer a{color:#fff;}

/* LightBox area */
#lightbox{background:#eee;padding:10px;}
#lightbox img{border:3px solid #fff;clear: both;}
#overlay img{border:3px solid #fff;}

#lightboxDetails{font-size: 12px;color:#fff;padding-top: 0.4em;}	
#lightboxCaption{ float: left;}
#keyboardMsg{float:right;font-size:12px;color:#ccc;}
#closeButton{ top:-26px; right:-5px;}
#overlay{background:url(images/overlay.png);}

* html #overlay{background:#000 url(images/blank.gif);filter: alpha(opacity=78);}