/*-------------------------------------------------------------*/
/* Sprlight.net Temp2                                          */
/* producer by Photonic corp.- Roni 2009/11/24                 */
/* final date 2010/02/25 Roni                                  */
/* 標準logo金色：#cebb67
/* 深字金色：#ae9839

/*-------------------------------------------------------------*/
*{margin:0;padding:0;}
body{font:normal 13px/1.5em Arial, Helvetica, sans-serif;color:#333;}
.header .contact ul,.index_type ul{margin:0;padding:0;}

a{color:#555;text-decoration:none;outline:none;hlbr:expression(this.onFocus=this.blur());}
a:hover{color:#cebb67;text-decoration:underline;}

h1,h2,h3,h4,h5,h6{line-height:normal;}
h1{font-size:145%;padding:10px 10px 5px 0;color:#cebb67;}
h2{font-size:122%;color:#cebb67;padding:10px 0 6px;margin:0 0 17px;background:inherit;border-bottom:1px solid #dcdcdc;}
h3{font:normal 122% Arial, Helvetica, sans-serif;padding:0 0 15px;}
h4{font:normal 115% Arial, Helvetica, sans-serif;padding:0 0 15px;}
h5{font:bold 150%/1em Arial, Helvetica, sans-serif;}
h6{font:normal 81% Arial, Helvetica, sans-serif;}
small{font:normal 86% Arial, Helvetica, sans-serif;letter-spacing:normal;}
.gray{color:#8e8e8e;}

img{border:none;}
img.vertical{vertical-align:0;}* html img.vertical{vertical-align:2px;}
img.float-right{margin:5px 0px 5px 10px;}
img.float-left{margin:5px 10px 5px 0;}
.pad1{padding:10px 0 0;}
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.clear{clear:both;}
ul, ol{margin:10px 20px;padding:0 20px;}
code{margin:5px 0;padding:12px 10px 7px 10px;display:block;overflow:auto;font:normal 500 1em/1.5em Arial, Helvetica, sans-serif;background:#fafafa;border:1px solid #dcdcdc;border-left:4px solid #cebb67;}html:root code{padding:10px;}
acronym{cursor:help;border-bottom:1px solid #777;} 
blockquote{margin:10px 46px;padding:10px 0 10px 37px;background:#fafafa url(images/quote.gif) no-repeat 1px 0;letter-spacing:1px;}

/*--------------聯絡--------------*/
form{margin:20px 0 40px 100px;padding:5px;} 
label{display:block;margin:11px 0 1px;color:#ae9839;}
input{padding:5px 6px;border:1px solid #eee;font:normal 1em/1.5em Verdana, Geneva, sans-serif;color:#777;background:url(images/menubg.gif) repeat-x 0 -78px;}
textarea{width:350px;padding:3px;font:normal 1em/1.5em Verdana, Geneva, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;background:url(images/menubg.gif) repeat-x 0 -78px;}
input.button{margin:0;font:normal 12px Verdana, Geneva, sans-serif;padding:7px 0;background:url(images/bg.jpg) no-repeat center -10px;color:#f3f3f3;cursor:pointer;width:150px;text-align:center;border:none;}
input.button:hover{color:#cebb67;}
.wrap{margin:0 0 0 10px;padding:0;width:950px;}

/*--------------header區--------------*/
.header_bg{background:#0c0c0c url(images/bg.jpg) no-repeat 0 0;}
.header{position:relative;height:70px;margin:0;padding:0;color:#808080;width:950px;}
.header .logo{position:absolute;margin:0;padding:0;top:6px;left:8px;}
.header .contact{ position:absolute;top:6px;right:-10px;padding:0;margin:0;}
.header .contact ul{list-style:none;}
.header .contact li{display:inline;}
.header .contact li a{color:#cebb67;}
.header .contact li a.active{color:#999;}
.header .contact li a:hover{color:#fff;}



/*--------------根目錄--------------*/
.menu_bg{background:url(images/menubg.gif) repeat-x 0 0;margin:0 0 10px;height:30px;}
.menu {left:285px;position:relative;top:-28px;width:699px;}
.menu ul{white-space:nowrap;}
.menu .select,.menu .current {margin:0;padding:0;list-style:none;}
.menu  ul{font:normal 12px/20px Arial, Helvetica, sans-serif;letter-spacing:.1em;}

.menu li {display:inline;margin:0;padding:0;height:auto;}
.menu .select a,.menu .current a {display:block;height:20px;float:left;padding:0 10px;text-decoration:none;color:#fff;background:url(images/menu_solid.gif) no-repeat right 4px;}
* html .menu .select a,* html .menu .current a{background-position:right 2px;}*+html .menu .select a,*+html .menu .current a{background-position:right 2px;}/*----根目錄未連結設置---*/



.menu .sub {display:none;}

/* for IE5.5 and IE6 only */
.menu table {position:absolute;border-collapse:collapse;left:0;top:0;}
.menu .current a,.menu .select a:hover{color:#cebb67;}/*----根目錄on+hover時設置---*/

.menu .sub li a:hover,.menu .select a:hover .sub li a:hover,.menu .select li:hover .sub li a:hover{text-decoration:underline;}/*----根目錄一般時子目錄hover設置---*/
.menu .sub_active .current_sub a,.menu .sub_active a:hover {text-decoration:underline;color:#fff;}/*----根目錄on時子目錄hover+on時設置---*/
.menu .select li a:hover .sub,
.menu .select li:hover .sub {display:block;position:absolute;width:699px;top:20px;left:0;margin:0;padding:0;z-index:100;color:#fff;background:url(images/menubg.gif) repeat-x 0 8px;}

.menu .sub, .menu .sub_active{margin:0;padding:0;}
.menu .sub_active {display:block;position:absolute;top:20px;left:0;z-index:10;background:url(images/menubg.gif) repeat-x 0 8px;width:699px;}
* html .menu .sub_active, * html .menu .select a:hover .sub {z-index:-1;width:750px;background:url(images/menubg_ie6fix1.gif) repeat-x 0 8px;}/*--子選單區域，區域內一定要有底色，否則底層會穿幫---*/

.menu .sub_active a {display:block;float:left;height:13px;line-height:19px;margin:0;padding:14px 10px 10px;text-decoration:none;color:#fff;background:none;}/*----根目錄on時子目錄區域設置---*/
.menu .select a:hover .sub li a,.menu .select li:hover .sub li a {display:block;height:13px;line-height:19px;background:url(images/menubg.gif) repeat-x 0 8px;padding:14px 10px 10px;margin:0;border:0;color:#fff;}/*----根目錄一般時設置---*/* html .menu .select a:hover .sub li a,* html .menu .select li:hover .sub li a{background:url(images/menubg_ie6fix1.gif) repeat-x 0 8px;}



/*--------------左右欄區--------------*/
.sidebar{float:left;width:180px;margin:0;padding:0;display:inline;overflow:hidden;}

.sidebar ul.tbar{list-style:none;margin:0;padding:0;height:603px;}
.sidebar ul.tbar li{float:left;}
.sidebar ul.tbar li a{display:block;background:url(images/l_colum1.jpg) no-repeat 0 0;width:180px;height:200px;}
.sidebar ul.tbar li.index1 a{background-position:0 0;}
.sidebar ul.tbar li.index1 a:hover,.sidebar ul.tbar li.index1 a.active{background-position:-180px 0;}
.sidebar ul.tbar li.index2 a{background-position:0 -200px;}
.sidebar ul.tbar li.index2 a:hover,.sidebar ul.tbar li.index2 a.active{background-position:-180px -200px;}
.sidebar ul.tbar li.index3 a{background-position:0 -402px;}
.sidebar ul.tbar li.index3 a:hover,.sidebar ul.tbar li.index3 a.active{background-position:-180px -402px;}

.rightbar{float:right;width:180px;padding:0;margin:0;}
.sidebar h3,.rightbar h3{font:normal 115% Arial, Helvetica, sans-serif;background:#333;color:#f3f3f3;padding:10px 8px 5px 10px;}html:root .sidebar h3,html:root .rightbar h3{padding:9px;}
.rightbar ul.sidemenu{list-style:none;margin:0 0 7px 0;text-decoration:none;border:1px solid #dcdcdc;border-top:none;padding:12px 0 0;}
.sidebar ul.sidemenu{list-style:none;margin:0 0 7px 0;text-decoration:none;border:1px solid #dcdcdc;border-top:none;padding:12px 0;}
.sidebar ul.sidemenu li{padding:2px 0 2px 5px;}
.sidebar ul.sidemenu li.hr_line{border-bottom:1px solid #dcdcdc;margin:5px;font-size:0;padding:0;}html:root .sidebar ul.sidemenu li.hr_line{margin:9px 5px 5px}

.rightbar ul.sidemenu li{padding:2px 0 18px 5px;}
.rightbar ul.sidemenu li a,.sidebar ul.sidemenu li a{text-decoration:none;display:block;width:145px;background:url(images/arrow.gif) no-repeat -1px 3px;padding:0 0 0 17px;overflow:hidden;}html:root .rightbar ul.sidemenu li a{background-position:-1px 4px;}
.rightbar ul.sidemenu li a:hover,.sidebar ul.sidemenu li a:hover{background-position:-587px 3px;}html:root .rightbar ul.sidemenu li a:hover,html:root .sidebar ul.sidemenu li a:hover{background-position:-587px 4px;}
.rightbar ul.sidemenu li a.active,.sidebar ul.sidemenu li a.active{background-position:-272px 3px;}html:root .rightbar ul.sidemenu li a.active,html:root .sidebar ul.sidemenu li a.active{background-position:-272px 4px;}
.sidebar .friends,.rightbar .friends{padding:10px 0 5px 11px;margin:0 0 7px 0;border:1px solid #dcdcdc;border-top:none;overflow:hidden;}

/*--------------熱門關鍵字--------------*/
ul.keyword{list-style:none;margin:0 0 7px 0;text-decoration:none;border:1px solid #dcdcdc;border-top:none;padding:12px 5px 14px 11px;}
ul.keyword li{display:inline;}
ul.keyword li a{display:inline-block;padding:0 3px 0 0;}


/*--------------內容公共區--------------*/
.main{float:left;width:566px;margin:0 0 10px 12px;}
.main ul.sitemap{display:inline-block;width:283px;float:left;margin:0;padding:0;list-style:none;overflow:hidden;line-height:1.8em;}* html .main ul.sitemap{display:inline;}
.main ul.sitemap li{margin:0 0 0 20px;padding:0;}
.main ul.sitemap li a{background:url(images/arrow1.gif) no-repeat 0 5px;display:block;width:100%;padding:0 0 0 15px;}html:root .main ul.sitemap li a{background-position:0 8px;}

.main p.text{letter-spacing:.1em;text-indent:2em;padding:0 0 10px 0;}
.banner{border:1px solid #dcdcdc;margin:0 0 10px;width:564px;height:396px;display:block;}

.post-footer{background:#fafafa;padding:5px;margin:15px 0 10px 0;border:1px solid #dcdcdc;font-size:95%;}
.post-footer .date{background:url(images/clock.gif) no-repeat left center;padding-left:20px;margin:0 10px 0 5px;}
.post-footer .comments{background:url(images/comment.gif) no-repeat left center;padding-left:20px;margin:0 10px 0 5px;}
.post-footer .readmore{background:url(images/page.gif) no-repeat left center;padding-left:20px;margin:0 10px 0 5px;}

.main table.kktt{width:566px;border-collapse:collapse;}
.main table.kktt td,.main table.kktt th{border:1px solid #dcdcdc;padding:8px 6px;font-weight:normal;text-align:left;}
.main table.kktt td{vertical-align:top;}
.main table.kktt ul{padding:0;}

/*--------------首頁--------------*/
#profileDiaryFlash{overflow:hidden;text-align:center;}
.flash_border{border:1px solid #dcdcdc;margin:0 0 10px;width:564px;height:499px;background:#f2f2f2;display:block;}
.flash_warning{padding:195px 0 0 0;}

.index_type{border:1px solid #dcdcdc;width:564px;}
.index_type ul li{float:left;display:inline;list-style:none;}
.index_type ul li a{display:block;height:265px;width:281px;overflow:hidden;}
.index_type ul li a p{font-size:85%;padding:54px 23px 0 27px;}html:root .index_type ul li a p{font-size:89%;}
.index_type ul li a:hover{color:#b09c44;text-decoration:none;}
.index_type ul li.liseo{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background: url(images/index_seo.jpg) no-repeat 0 0;}
.index_type ul li.limarketing{border-bottom:1px solid #dcdcdc;background: url(images/index_marketing.jpg) no-repeat 0 0;}
.index_type ul li.lidesign{border-right:1px solid #dcdcdc;background: url(images/index_design.jpg) no-repeat 0 0;}
.index_type ul li.lihosting{background: url(images/index_hosting.jpg) no-repeat 0 0;}

/*--------------edm頁+design--------------*/
.edm{width:565px;border-left:1px solid #e9e9e9;border-top:1px solid #e9e9e9;}
.edm ul{list-style:none;margin:0;padding:0;}
.edm ul li{display:inline;float:left;}
.edm ul li a{display:block;border:1px solid #e9e9e9;border-color:#fff #e9e9e9 #e9e9e9 #fff;width:111px;height:153px;background:url(images/edm/bg.jpg) repeat-x 0 0;}
.edm ul li a p{font-size:11px;margin:-13px 0 0 0;text-align:center;}html>/**/body .edm ul li a p{margin:-18px 0 0 0;}
.edm ul li a img{width:73px;height:95px;margin:19px;}
.edm ul li a:hover{text-decoration:none;}

/*--------------網頁設計--------------*/
.main p.design{background:url(images/design/replies.gif) no-repeat 0 0;float:left;letter-spacing:.1em;padding:6px 0 10px 92px;position:relative;width:472px;min-height:46px;}* html .main p.design{height:46px;}
.main p.design span.area{font-size:75%;height:55px;left:1px;position:absolute;text-align:center;top:14px;width:80px;}html:root .main p.design span.area{font-size:82%;top:12px;}
.design_hr{border-bottom:1px solid #e9e9e9;margin:0 0 13px;}

.design_demo{border-right:1px solid #e9e9e9;clear:both;height:155px;width:565px;position:relative;margin:0 0 18px;}
.design_demo span{background:url(images/quote_1.gif) no-repeat 12px 17px;border:1px solid #e9e9e9;height:93px;padding:50px 10px 10px 18px;position:absolute;text-indent:1em;width:188px;}
.design_demo ul{list-style:none;margin:0;padding:0;}
.design_demo ul li{display:inline;float:right;margin:5px;margin:0;padding:0;}
.design_demo ul li a{display:block;border:1px solid #e9e9e9;border-color:#e9e9e9 #fff #e9e9e9 #e9e9e9;width:111px;height:153px;background:url(images/edm/bg.jpg) repeat-x 0 0;}
.design_demo ul li a p{font-size:12px;margin:-13px 0 0 0;text-align:center;}* html .design_demo ul li a p{font-size:11px;}*+html .design_demo ul li a p{font-size:11px;}/*----IE8 hover bug只能使用Font-size 12px----*/
.design_demo ul li a img{width:73px;height:95px;margin:19px;}
.design_demo ul li a:hover{text-decoration:none;}

/*--------------新聞區--------------*/
ul.news,ul.news li{margin:0;padding:0;}
ul.news li{list-style-image:none;list-style:none;}
ul.news li span.left{float:left;width:430px;}
ul.news li span.right{float:right;width:120px;}
ul.news li span.left,ul.news li span.right{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;content:".";display:block;}
ul.news li a{display:block;width:99%;cursor:pointer;height:25px;padding:5px 5px 0;text-decoration:none;color:#4e4b44;}html>/**/body ul.news li a{padding:5px 5px 3px;}
ul.news li a:hover{text-decoration:underline;color:#ae9839;}

ul.newspage{margin:2em 0 0;padding:0;float:right;list-style:none;}
ul.newspage li{margin:0; padding:0;display:inline-block;border:none;float:right;}
ul.newspage li a{display:block;margin:0 0 0 2px;padding:0;text-align:center;width:18px;font-size:80%;}
ul.newspage li a:hover{background:#cebb67;color:#fff;}

ul.newspage .back,ul.newspage back a{text-align:right;text-decoration:none;padding:0 5px 0;}
ul.newspage a:hover{text-decoration:none;}


/*--------------Footer 區--------------*/
.footer{background:#0c0c0c url(images/bg.jpg) no-repeat 0 bottom;clear:both;color:#ccc;height:81px;padding:21px 0 0;font-size:87%;}
.footer a{color:#ccc;text-decoration:underline;}
.footer a:hover{color:#cebb67;}
.footer-content{margin:0 0 0 13px;width:950px;}
.footer-content .footer-left{padding:0;width:678px;float:left;}
.footer-content .footer-right{padding:3px;width:140px;float:right;}