/*
=============================================
*       因特斯 InterSEO
*       首建日2009/09/17 by Roni
*       Final date 2009/10/16 Roni.
*       標準藍：#0e6eb8
*       淺藍：#0c9cf4
=============================================
*/
body {margin:0;padding:0;background: url(images/img01.gif) repeat-x fixed left top; font-family: Arial, Helvetica, sans-serif; font-size:80%; color: #444;}
:focus{outline:0;}
h1,h2,h3{margin:0;color:#444; }
h1 { font-size:148%; }
h2 { font-size:153%; }
h3 { font-size:1.6em; }
h4{color:#0e6eb8;font-size:104%;margin:.2em 0;}
h5{margin:0;color:#999;font-size:95%;letter-spacing:.1em;}
p, ul,ol { margin-top: 0; line-height: 180%; }
ul,ol {list-style:none;}
.hr_line{background:url(images/hr_line.gif) no-repeat center top;height:8px;width:100%;margin:1em 0;}

a { text-decoration: none;border:none;color:#0e6eb8;outline:none;hlbr:expression(this.onFocus=this.blur()); }
a:hover {background: none;border-bottom: 1px dotted #0c9cf4;}
a{outline:none;hlbr:expression(this.onFocus=this.blur()); /*ie*/}

img{border:none;vertical-align:middle;}
.float_l{float:left;margin:0 .5em 0 0;}
.float_r{float:right;margin:0 0 0 .5em;}

/*=============================================
*       index區
=============================================*/
.index{padding:1em 0 1em 1em;clear:both;}
.index .banner{overflow:hidden;padding:0 0 1em;}
.index .banner a{border:none;}
.index .banner img{border:1px solid #ccc;}
.index .column{width:280px;height:300px;margin:0 1em 0 0;border:1px solid #cacaca;display:block;float:left;}
.index .news{width:261px;height:280px;margin:0;border:1px solid #cacaca;display:block;float:left;padding:10px;}
.index .news ul{height:245px;width:260px;overflow-y:auto;overflow-x:hidden;padding:0;margin:.8em 0 0;}
.index .news li{width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;content:".";display:block;}
.index .news h4{font:bold 1em Arial, Helvetica, sans-serif;padding:0 0 .3em;border-bottom:1px dotted #cacaca;}

option{padding:.1em .3em;}
input, select, textarea{border:1px solid #ccc;background:#f7f7f7;font:normal 1em Arial, Helvetica, sans-serif; color:#888;padding:.2em;margin:.2em 0 0;}
form{vertical-align:baseline;}
.wrapper { width:900px; margin: 0 auto; background:#fff url(images/img04.jpg) no-repeat left top; }
.wrapper .btm { background:url(images/img05.gif) no-repeat center bottom; }

/* Header */
.header {width: 900px; height:70px; margin: 0 auto; background: url(images/img02.jpg) repeat-y left top;position:relative;}
a.logo {float:left;margin:14px 18px 0;background:url(images/interseo_log.gif) no-repeat 0 0;width:166px;height:42px;}
a:hover.logo {border:none;}

.log{position:absolute;top:.7em;right:14em;font-size:90%;width:auto;color:#9d9d9d;z-index:2;}
.log a,.log a:hover{border:none;}
.log s{text-decoration:none;vertical-align:-2px;*vertical-align:3px;_vertical-align:1px;margin:0 .3em 0;}
.log img.botton{margin:0 .3em 0;vertical-align:-5px;*vertical-align:-2px;}

.top_menu{position:absolute;top:1em;right:1.5em;font-size:90%;width:auto;}
.top_menu ul{font-size:92%;}
.top_menu li{display:inline;background:url(images/plus.gif) no-repeat scroll 8% 40%;float:left;padding:.1em 0 0 1.2em;}html:root .top_menu li{background:url(images/plus.gif) no-repeat scroll 13% 50%;padding:0 0 0 1.2em;}
.top_menu li,.top_menu li a{color:#9d9d9d;}
.top_menu li a:hover{color:#0c9cf4;}

/* Search */
.search { float: right; width: 230px; padding: 0; }
.search form { height: 41px; margin: 0; padding: 7em 0 0 0; }
.search fieldset { margin: 0; padding: 0; border: none; }
.search-text { width: 210px; border: none; text-transform: lowercase; font: bold 1.2em Arial, Helvetica,Sans-Serif; color: #fff; }
.search-submit { display: none; }

/*=============================================
*       Menu區
=============================================*/

.menu {width: 900px;height:35px;background: url(images/img03.jpg) no-repeat left top; margin: 0 auto; padding: 0;overflow:hidden;}
.menu ul {margin:0;padding:0 0 0 20px; list-style: none; line-height: normal;}
.menu li { float:left; }
.menu a {display:block;margin:0;padding:12px 15px;text-decoration: none;font:normal 100% "細明體",Georgia,Times,Serif;color: #fff; border: none;}html:root .menu a,html:root .menu .first a:hover{padding:11px 15px 8px 15px;}
.menu a:hover {background:#333; text-decoration:none;}
.menu .first{display:block;margin:0;padding:0;background:#0e6eb8; }
.menu .first a{margin:0;padding:12px 15px;}
.menu .first a:hover{display:block;margin:0;padding:12px 15px;background:#0c9cf4;}

/* Page */

.page { width: 900px; margin: 0 auto;}

/* Content */

.content { float: right; width:630px; padding:9px 20px 0 0; }

.post { margin-left: 20px; padding:0; }
.post a.title {border:none;text-decoration:none;margin:0 0 1em;width:570px;height:200px;display:block;overflow:hidden;padding:0;}
.post a.title p{padding:4em 0;text-align:center;}
.post a.title img.btn{margin:0 auto;width:32px;display:block;}
.post .meta {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px 10px;;font-size:86%;text-align:right;}
.post .meta a.newspage{padding:0 10px;}

.entry {background:#fff;padding: 10px 0 0 0; text-align: justify; }
.entry p,.entry a.newslist,.entry .last{margin:0;}
.entry p{width:574px;}
.entry label{font:bolder 300% "Trebuchet MS",serif;color:#0e6eb8;}
.entry ul{padding:0;color:#999;list-style:square;}html:root .entry ul{padding:0 2em;}
.entry .newslist,.entry  a:hover.newslist{border-color:#cecece #cecece;border-style:solid solid none; border-width:1px 1px medium; padding:5px 16px;}
.entry  a.newslist{display:block;width:574px;}
.entry  a:hover.newslist{background:#f2f2f2;}
.entry .last{border-top:1px solid #cecece;width:607px;padding:0;}html:root .entry .last{margin:0 0 30px;}


/* 左部list區 */
.sidebar {float:left;padding:25px 0 0 20px;width:230px;}
.sidebar ul {margin:0;padding:0;list-style: none;}
.sidebar li {margin:0;padding:0;line-height:0;}
.sidebar li ul {padding-bottom:30px;}
.sidebar li ul.index{overflow-y:auto;overflow-x:hidden;height:200px;}
.sidebar li li {border-bottom:1px dashed #BCBCBC;line-height:120%;margin:0 0 1em;float:left;*padding:0 0 .5em;}
.sidebar li li a{display:block;width:230px;background:#fff;}
.sidebar li li dl{cursor:pointer;font-size:86%;letter-spacing:.1em;}* html .sidebar li li dl{position:relative;left:-60px;margin:0;}*+html .sidebar li li dl{position:relative;left:3px;margin:0;}

.sidebar li li dt{float:left;height:65px;padding: 0;}html:root .sidebar li li dt{padding: 0 5px 10px 0;}
.sidebar li li dt img{width:60px;padding:0 5px 0 0;}
.sidebar li li dd {display:block;float:left;overflow:hidden;width:160px;margin:0;}
.sidebar li li dd i{text-decoration:none;padding:.3em .1em 0 .3em;background:#0e6eb8;color:#fff;font-style:normal;font-size:86%;*font-size:88%;}html:root .sidebar li li dd i{font-size:96%;padding:.1em 0 .1em .3em;}
.sidebar li li small{padding:0 0 0 5px;font-size:11px;color:#FB7600;}
.sidebar li li p{padding: 0;font-size:90%;color: #999;display:block;width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;content:".";}
.sidebar h2{letter-spacing: -.5px; color: #444;padding:5px 0 10px;}
.sidebar .msn{clear:both;overflow:hidden;height:35px;}
.sidebar .msn li{border:none;text-decoration:none;}
.sidebar .msn li a{display:inline;}
.sidebar .msn li.title{font:bold 153% Arial, Helvetica, sans-serif;float:left;}
.sidebar .msn li.down{font:normal 11px Arial, Helvetica, sans-serif;float:right;padding:1em 0 0;}

.sidebar p { padding-bottom: 20px; text-align: justify; }
.sidebar a{ color: #000; border:none;display:block;width:230px;}
.sidebar a:hover {text-decoration:none; color:#0c9cf4;border:none;}

/*=============================================
*       內頁table
=============================================*/
table.data {width:100%;text-align:center;border-collapse:collapse;}
.impor{color:#0e6eb8;}
table.data h2{font-size:1.5em;}
table.data span.stext{font-size:12px;font-weight:normal;}
table.data th {background: #666;border: 1px solid #D5D5D5;color:#fff;padding:1.2em 0 .8em;}
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 center{color:#444;}
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;}

/*=============================================
*       合作聯絡表單
=============================================*/
form.cooperation{background:#ededed;padding:2em;*padding:2em 2em .3em;width:518px;}
form.cooperation .clean{clear:both;padding:0;}html:root form.cooperation .clean{clear:both;padding:5px 0;}
form.cooperation input,form.cooperation textarea{padding:.3em;*padding:.3em .3em .4em .3em;margin:0;font-family: "Trebuchet MS", sans-serif;line-height:1.7em;}

span.forhere,span.objact,.inquiry,input.name,textarea.text{display:block;float:left;}
form.cooperation span.forhere,form.cooperation span.objact{padding:9px 0 0;text-align:right;}html:root form.cooperation span.forhere,html:root form.cooperation span.objact{padding:5px 0;}
form.cooperation span.forhere{width:125px;}
form.cooperation span.objact{width:75px;}
form.cooperation .inquiry{width:381px;margin:0 0 12px;}
form.cooperation  select{line-height:1.7em;cursor:pointer;}
form.cooperation input.name{width:168px;}
form.cooperation input.email{width:420px;}
form.cooperation textarea.text{width:422px;}
form.cooperation input.sex{background:none;border:none;margin:0;}html:root form.cooperation input.sex{margin:9px 5px 0;}
form.cooperation input.submit{float:right;margin:0;background:url(images/send.gif) no-repeat left top;border:none;width:104px;height:32px;cursor:pointer;}
form.cooperation input.submit:hover{background:url(images/send.gif) no-repeat left -33px;}
form.cooperation input.submit1{float:right;margin:0;background:url(images/send_1.gif) no-repeat left top;border:none;width:104px;height:32px;cursor:pointer;}
form.cooperation input.submit1:hover{background:url(images/send_1.gif) no-repeat left -33px;}

/*=============================================
*       圖廊 - 成功案例
=============================================*/
.gallery,.gallery ol,.gallery li p{padding:0;margin:0;width:100%;}
.gallery ol{float:left;}
.gallery li{display:inline-block;float:left;list-style:none;padding:0 .5em 1em;}
.gallery li a{text-decoration:none;width:100px;display:block;}
.gallery li a:hover{text-decoration:underline;border:none;}
.gallery li img{width:100px;}html:root .gallery li:hover{text-decoration:underline;}
.gallery li p{text-align:center;font-size:86%;}

/* Calendar */
.calendar_wrap { padding: 20px; }
.calendar table { width: 100%; }
.calendar tbody td { text-align: center; }
.calendar .next { text-align: right; }

/* Footer */
.bottom_key{background:#0e6eb8;color:#ccc;margin:0 auto;padding:15px 20px 13px;width:860px;}
.bottom_key ul{margin:0;padding:0;}
.bottom_key li{display:inline;white-space:nowrap;}
.bottom_key li a{color:#fff;}
.bottom_key li a:hover{color:#b6e1fc;}

.footer {background:url(images/img01.jpg) no-repeat scroll center top;color:#ccc;height:48px;margin:0 auto;padding:17px 20px 0;width:860px;}
.footer .col1{width:250px;display:block;float:left;}
.footer .col1 a,.footer .col1 a:hover{border:none;}
.footer .col2{width:586px;display:block;float:right;}

.footer .col1 p{margin:0;line-height:1.7em;font-size:88%;color:#b9d5e1;}
.col1 a img{width:20px;border:1px solid #ccc;}
.col1 a:hover img{width:20px;border:1px solid #fff;}

.footer .col2 p{ margin: 0; line-height:1.4em; font-size:91%;text-align:right;color:#fff;}
.footer p s{margin:0 1em;text-decoration:none;}

.footer a { color: #fff; border-bottom: 1px #fff dotted; }
.footer a:hover{color:#ccc; border-bottom: 1px #ccc dotted; }

.clearer{clear:both;margin:0;}
.pad1{margin:0 0 .6em;}