@charset "utf-8";
/*
=============================================
*       www.photonic.com.tw  temp1第二次
*       Layout Design by Acher
*       Web producer by Roni 2009/06/17
*       Final date 2010/01/04 Roni
*       標準紅：#c50009
*       標準灰：#575757
=============================================
*/
body{padding:0;margin:0;min-width:970px;font:12px/1.5em "Trebuchet MS", Verdana, arial, sans-serif;overflow-y:scroll;/*FF*/*overflow-y:visible;/*IE7*/_overflow-y:visible;/*IE6*/zoom:1;color:#575757;}
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
ul li { list-style: none; }
h1{font-size:215%;}
td{vertical-align:top;}

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

img{border:none;}
.floatl {float:left;margin:5px 10px 5px 0;}
.floatr{float:right;margin:5px 0 5px 10px;}
/*=============================================
*       head區
=============================================*/
.head{width:920px;margin:0 auto;height:72px;background:url(images/head_bg.jpg) left top repeat-x;position:relative;}
a.logo{background:url(images/photonic_logo.gif) left top no-repeat;display:block;height:40px;left:15px;width:114px;position: absolute;top: 17px;}
.head .headmenu{position:absolute;top:28px;width:695px;right: 0px;}html:root .head .headmenu{width: 719px;top:24px;}
.headmenu a{float:left;margin:2px 0 0 4px;padding:7px 17px 5px 18px;/*IE8 bug*/width:auto;height:15px;line-height:15px;overflow:hidden;display:inline;font-size:12px;font-weight:normal;}

.headmenu a.stand,.headmenu a:hover.stand{float:left;margin:2px 0 0 4px;padding:6px 17px 4px 18px;width:auto;height:15px;border:1px solid #ddd;
background:url(images/head_btn1.jpg) left bottom repeat-x;line-height:15px;overflow:hidden;display:inline;font-size:12px;color:#fff;}
html:root .headmenu a.stand:hover{float:left;margin:2px 0 0 4px;padding:7px 19px 3px 19px;width:auto;height:19px;background:url(images/head_btn1.jpg) left bottom repeat-x;}

* html .headmenu a{padding:7px 17px 5px 18px;} *+html .headmenu a{padding:7px 17px 5px 18px;}html:root .headmenu a{padding:7px 19px;}

.headmenu a:hover{float:left;margin:2px 0 0 4px;padding:6px 16px 4px 17px;width:auto;height:15px;border:1px solid #ddd;background:url(images/head_btn.jpg) left top repeat-x;line-height:15px;overflow:hidden;display:inline;font-size:12px;font-weight:normal;}
html:root .headmenu a:hover{float:left;margin:2px 0 0 4px;padding:6px 18px 4px 18px;width:auto;height:19px;border:1px solid #ddd;
background:url(images/head_btn.jpg) left top repeat-x;line-height:15px;overflow:hidden;display:inline;font-size:12px;font-weight:normal;}

/*=============================================
*       內容區
=============================================*/
.container{width:920px;margin:0 auto;}
.container #profileDiaryFlash{float: left;padding:0;width:920px;height:300px;overflow: hidden;position:relative;clear:both;}
.container .content_banner{float: left;margin:0 1px 0 0;padding:0;width:660px;height:522px;overflow: hidden;border:1px solid #CCC;position:relative;}
.content_banner h2 {color:#C50009;font-size:16px;font-weight:normal;letter-spacing:0.2em;padding:0 0 4px;}
.content_banner .txt {bottom:65px;left:78px;position:absolute;width:500px;letter-spacing:0.1em;color:#fff;}

.container .about{float: left;margin:0 1px 0 0;padding:0;width:920px;height:522px;overflow: hidden;position:relative;clear:both;}
.container .case{float: left;margin:0 1px 0 0;padding:0;width:920px;overflow: hidden;position:relative;clear:both;background:#fbfbfb url(images/head_bg.jpg) repeat-x scroll left top;}
.container .about h2 {color:#C50009;font-size:16px;font-weight:normal;letter-spacing:0.2em;padding:0 0 4px;}
.container .about h3{color:#C50009;font-size:13px;font-weight:bold;}
.container .case h3{color:#C50009;font-size:13px;font-weight:bold;padding:0 0 0 15px;_padding:0;}.container .case .txt{padding:0 0 0 15px;_padding:0;}
.container .about th{width:52px;}.container .about p{padding:8px 0 0 0;}
.container .about td{line-height:15px;color:#838383;}
.container .about .txt {color:#555;left:369px;letter-spacing:0.1em;position:absolute;top:32px;width:500px;}
/*------Contact Iframe------*/
.container .about .txt1 {color:#555;left:520px;letter-spacing:0.1em;position:relative;top:110px;}
.container .about .txt1 .btt{margin:0 0 10px;}

/*------網站成功案例介紹-----*/
.container .case .gallary{width:880px;overflow:hidden;margin: 20px;float: left;}
.gallary ul{clear:both;}
.gallary li {display:inline;float:left;height:170px;overflow:hidden;padding:0 0 0 11px;_padding:0 11px 0 0;width:209px;}
.gallary li img{border:1px solid #CCC;}
.gallary li a{text-decoration:none;}.gallary li a:hover{color:#c50009;text-decoration:none;}


.container .details{float: left;margin:0 1px 0 0;padding:0;width:660px;overflow: hidden;border:1px solid #CCC;}
.details .head{background:url(images/1.jpg) left top repeat-x;position:relative;padding:13px;width: auto;height:auto;}html:root .details .head{padding:10px 13px;} 
.container .details .back{float:right;padding:0 63px;}
.container .details p {font-size:13px;letter-spacing:0.1em;line-height:1.7em;padding:0 70px 13px;text-indent:13px;}
.container .details h3{font-size:15px;color:#c50009;padding:20px 70px 2px;}
.container .details blockquote{border:1px solid #CCC;padding:20px 50px;background:#f3f3f3;letter-spacing: 0.1em;color: #838383;margin:4px 67px;}
.details .head h2{font-size:x-large;line-height:1em;}

.container .content_r{float: left;border:1px solid #CCC;margin:0 0 1px 0;width: 225px;height:154px;overflow: hidden;padding:18px 15px 0;background:url(images/content_bg.jpg) left top repeat-x;}
.container .content_rlast{float: left;margin:0;width: 225px;height:154px;overflow: hidden;border:1px solid #CCC;padding:18px 15px 0;background:url(images/content_bg.jpg) left top repeat-x;}
.more{background:transparent url(images/more.gif) no-repeat scroll 74% center;clear:both;text-align:right;}.more a{font-size:0.8em;color:#c50009;padding:0 0.4em 0 1.5em;}.more a:hover{color:#999;}

.content_r .reading, .content_rlast .reading{clear:both;vertical-align:middle;}
.container .content_r img,.container .content_rlast img{margin:2px 10px 5px 0;float:left;}
html:root .container .content_r img,html:root .container .content_rlast img{margin:5px 10px 5px 0;float:left;}
.container .content_r h3,.container .content_rlast h3{font-size:13px;color:#c50009;}

.link2{width:920px;height:131px;margin:0 auto;padding:2px 0 0;}
.link2 ul{ text-align:center; display:block; } .link2 li{ display:block; line-height:31px; display:inline; } .link2 img{ display:block; width: 82px; margin: 0 auto; padding: 10px 0 0 0; }
.link2 li a{background:#F2F2F2 none repeat scroll 0 0;border:1px solid #CCCCCC;float:left;height:125px;margin:0 4px 0 0;padding:2px 0 0;text-decoration:none;
width:148px;}
.link2 li.last a{background:#F2F2F2 none repeat scroll 0 0;border:1px solid #CCCCCC;float:left;height:125px;margin:0;padding:2px 0 0;text-decoration:none;
width:148px;}
.link2 li a:hover,.link2 li.last a:hover{color:#c50009;text-decoration:underline;}
/*=============================================
*       內頁table
=============================================*/
table.data {margin:0 auto;width:533px;text-align:center;}
table.data h2{font-size:1.5em;}
table.data span.stext{font-size:12px;font-weight:normal;}
table.data th {background: #E5E5E5;border: 1px solid #D5D5D5;color: #555;}
table.data tr {border-bottom: 1px solid #DDD;}
table.data td, table th{padding: 10px;vertical-align:middle;text-align:center;}table.data td img{vertical-align:-1px;_padding:0 0 4px 0;}
table.data td {background: #F5F5F5;border: 1px solid #E0E0E0;}
table.data td.top{vertical-align:top;}

table.er {margin:0 auto;width:533px;}
table.er th {background: #9ad227;color: #555;text-align: left;}
table.er tr {border:none;}
table.er td, table th {padding: 10px;}
table.er td {background:#ccff3a;}

table.contant{font:12px/1.5em "Trebuchet MS", Verdana, arial, sans-serif;}
table.contant input,table.contant textarea{background: #F5F5F5;border: 1px solid #E0E0E0;}
table.contant textarea{font:12px/1.5em "Trebuchet MS", Verdana, arial, sans-serif;}
table.contant .point{cursor:pointer;margin:3px 0 0 0;}
/*=============================================
*       news 表格 2009/10/12 Roni
=============================================*/
table.data1 {margin:0 auto;width:100%;border-collapse:collapse;font:12px/1.5em "Trebuchet MS", Verdana, arial, sans-serif;}
table.data1 th {background: #e5e5e5;border: 1px solid #d5d5d5;color: #555;}
table.data1 tr {border-bottom: 1px solid #ddd;}
table.data1 td {background: #f5f5f5;border:1px solid #e0e0e0;padding:5px;}
/*=============================================
*       連結百業區
=============================================*/
.links{width:920px;margin:0 auto;height:246px;background:url(images/links_bg.jpg) left top repeat-x;position:relative;clear: both;}
.links .content{float:left;width: 400px;padding:15px 30px 0 19px;clear: both;overflow: hidden;}
.links h1{color:#333;font-size:25px;padding:7px 0 14px 10px;}
.content ul{display:inline-block;overflow:hidden;}
.content li {background:transparent url(images/partitioner_line.gif) no-repeat scroll right 2px;position:relative;float:left;padding:0 10px;height:30px;width:auto;}
.content li.ie6{/*ie6.ie7寬的bug*/float:left;_width:50px;*width:50px;}
.content li a{	color:#575757;text-decoration:none;}
.content li a:hover{text-decoration:underline;}

/*=============================================
*       footer
=============================================*/
.footer{ width:920px; margin:0 auto; background:#f9f9f9; height:165px; color:#535353; overflow:hidden; } 
.footer .container1{ float: left; width: 400px; overflow: hidden; padding: 15px 30px; display:inline; } 
.container1 li{ line-height:25px; } 
.footer .container2{ float: right; margin:0; width:346px; overflow: hidden; padding:39px 22px; display:inline; }
.container2 ul{text-align:center;display:block;}
.container2 li{background:#f2f2f2;display:block;line-height:31px;display:inline;width:70px;height:31px;}
.container2 li a {float:right;text-decoration:none;border:1px solid #CCC;width:70px;height:31px;margin:0 6px 10px;padding:2px 0 0;}
html:root .container2 li a{padding:0;} /*FF*/
.container2 li a:hover{background:#f3f3f3;border:1px solid #ccc;color:#c50009;text-decoration:none;width:70px;height:31px;width:70px;}

.container2 li a.frf,
.container2 li a:hover.frf{background: #636363 url(images/head_btn1.jpg) left bottom repeat-x;color:#fff;}
/*=============================================
*       雜項運用
=============================================*/
.clear {clear: both;margin:0;padding:0;}
.red{color:#c50009;}/*紅字用*/
.pad1{padding:30px 0 0 0;}