@charset "utf-8";
/* CSS Document */
/*reset*/
html{text-align:center;
}
body{font:12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
html,legend{color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;
}
table{border-collapse:collapse;
border-spacing:0;
}
fieldset,img{border:none;
}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;
font-weight:normal;
}
h1,h2,h3,h4,h5,h6{font-size:100%;
font-weight:normal;
}
img{vertical-align:middle;
}
.left{text-align:left;
}
.right{text-align:right;
}
.notice{color:#dfc270;
}
.bold{font-weight:bold;
}
abbr,acronym{border:none;
font-variant:normal;
}
sup{vertical-align:text-top;
}
strong{color:#000;
}
em{color:#b6b6b6;
}
sub{vertical-align:text-bottom;
}
p{margin:10px 0;
}
input,button,textarea,select{font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#959494;
background:#FFF;
border:1px solid #CCC;
padding:1px;
}
input,button,textarea,select{*font-size:100%;/*加*號用意在哪*/
}
select{
}
textarea.textarea_l{
height:150px;
}
input{vertical-align:middle;
}
select,input,button,textarea{font:100% Verdana, Arial, Helvetica, sans-serif;
}
table{font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{font-family:Verdana, Arial, Helvetica, sans-serif;
}
small{font-size:100%;
}
a{color:#000;
text-decoration:none;
}
a:hover{color:#999;
}
abbr,acronym{border-bottom:1px dotted;
cursor:help;
}
ins{text-decoration:none;
}
.clear{clear:both;
}

input.btn{background:url(images/btn_bg_55.gif) repeat-x;
height:22px;
border:none;
cursor:pointer;
color:#292929;
}
input.two{width:48px;
}
input.four{width:71px;
}
a.btn{display:block;
cursor:pointer;
}
a.rankbtn{background:url(images/btn_rank_06.gif) no-repeat;
width:150px;
height:22px;
color:#282828;
padding-left:5px;
float:left;
margin:5px 10px 0 0;
}
/*頁首內的東西*/
/*網站logo*/
h1#logo{
position:absolute;
top:0;
overflow:hidden;
text-indent:-9999px;
}
h1#logo a{display:block;
width:237px;
height:83px;
}
h2#webName{position:absolute;
top:70px;
right:146px;
}
/*-------------快速連結-----------------*/
#topNav{
position:absolute;
top:2px;
right:36px;
list-style:none;
}
#topNav li{
float:left;
margin-left:10px;
}
#topNav li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:32px;
height:32px;
}
#topnav_home{background:url(images/topnav_home.gif) no-repeat;
}
#topnav_contact{background:url(images/topnav_contact.gif) no-repeat;
}
/*-------------快速連結結束-----------------*/
/*------------------主選單-----------------*/
h2#nav{
position:absolute;
top:50px;
right:28px;
}
h2#nav ul{
list-style:none;
}
h2#nav ul li{background:url(images/icon_nav.gif) no-repeat;
background-position:10% 80%;
float:left;
font-size:15px;
text-align:right;
width:84px;
margin:0 10px 0 0;
}
/*------------------主選單結束-----------------*/
/*------------------形象圖特效-----------------*/
#play_list{
width:1008px;
height:200px;
overflow:hidden;
}
#play_text{
position:absolute;
bottom:10px;
right:10px;
}
#play_text ul{
list-style:none;
width:20px;
}
#play_text ul li{
float:left;
margin-top:5px;
width:20px;
height:20px;
background-color:#FFF;
border:1px solid #CCC;
text-align:center;
cursor:pointer;
opacity:0.8;
}
#play_list a{
display:block;
overflow:hidden;
}
#play_list img{
vertical-align:top !important;
}
/*------------------形象圖特效結束-----------------*/

/*左列表box*/
#linkCase .m_leftBox_bg{list-style:none;
float:left;
}
.m_leftBox_bg li{background:url(images/icon_case.gif) no-repeat;
background-position:4% 50%;
overflow:hidden;
width:161px;
height:20px;
padding-left:25px;
margin:10px 0 0 10px;
border-bottom:1px dashed #CCC;
}
*.m_leftBox_bg li{background-position:4% 0;
}
*+.m_leftBox_bg li{background-position:4% 0;
}
/*-------------------首頁列表標題----------------------*/
#main .sectionL h3{display:block;
margin:3px 0 0 15px;
font-size:13px;
color:#CCC;
}
#main .sectionR h3{display:block;;
margin:3px 0 0 15px;
font-size:13px;
color:#CCC;
}
#main .sectionL h3 span{
font-weight:bold;
color:#333;
}
#main .sectionR h3 span{
font-weight:bold;
color:#333;
}
#main .sectionCase h3{display:block;
width:750px;
margin:3px 0 0 15px;
font-size:13px;
color:#CCC;
}
#main .sectionCase h3 span{
color:#333;
font-weight:bold;
}
.sectionCase h3 a{background:url(images/icon_more.gif) no-repeat;
margin:3px 0 0 0;
display:block;
width:40px;
height:12px;
float:right;
}
*html .sectionCase h3 a{margin:-16px 0 0 0;
}
*+html .sectionCase h3 a{margin:-16px 0 0 0;
}
/*-------------------首頁列表標題結束----------------------*
/*--------------------常見問題列表-----------------------*/
.index_mul{list-style:none;
margin:20px 0 0 15px;
float:left;
overflow:hidden;
}
*html .index_mul{
margin:20px 0 0 7px;
}
.index_mul li{background:url(images/icon_question.gif) no-repeat;
width:237px;
height:20px;
overflow:hidden;
padding:0 0 0 22px;
margin:10px 0 0 0;
border-bottom:1px dashed #CCC;
}
.index_mul li a{
display:block;
color:#00B;
}
/*--------------------常見問題列表結束-----------------------*/
/*--------------------新聞剪影列表-----------------------*/
.knowledge_box{list-style:none;
margin:20px 0 0 15px;
float:left;
}
*html .knowledge_box{
margin:20px 0 0 7px;
}
.knowledge_pic{
width:210px;
height:145px;
float:left;
margin:10px 0 0 0;
border:1px solid #CCC;
}
.knowledge_topic{
width:230px;
float:left;
font-size:13px;
font-weight:bold;
overflow:hidden;
margin:10px 0 0 15px;
border-bottom:1px dashed #CCC;
}
.knowledge_topic a{
display:block;
height:20px;
color:#00B;
}
.knowledge_content{
width:230px;
height:110px;
float:left;
overflow:hidden;
margin:10px 0 0 15px;
}
/*--------------------新聞剪影列表結束-----------------------*/
/*成功案例*/
#caseBox{width:460px;
height:169px;
float:left;
margin:20px 0 0 50px;
padding:5px;
}
#caseBox dl{width:393px;
float:left;
}
#caseBox dt{padding:10px 0 0 200px;
color:#dfc270;
}
#caseBox dd.caseDesc{
padding-left:200px;
}
#caseBox dd.casePic{float:left;
margin:-5px 5px 0 10px;
}
#caseBox dd.casePic a:hover{filter:alpha(opacity=50);
opacity:.5;
}
#caseBox ul{list-style:none;
}
/*---------------內頁最新消息------------------*/
.newsbox{
width:755px;
margin:30px 0 10px 10px;
list-style:none;
}
.news_title h4{
font-size:13px;
font-weight:bold;
}
/*-------------內頁最新消息結束----------------*/
/*---------------內頁成功案例------------------*/
.success_case{
padding:0 10px;
margin:40px 0 0 0;
list-style:none;
float:left;
}
.success_case li{
width:280px;
float:left;
}
.success_case li a{
color:#00B;
}
ul.success_case li.success_pic{
width:450px;
height:100px;
margin-right:18px;
}
ul.success_case li.success_pic img{
border:1px solid #CCC;
}
ul.success_case li.success_site{
border-bottom:1px dashed #CCC;
margin-bottom:5px;
}
.success_name{
display:block;
overflow:hidden;
font-size:13px;
font-weight:bold;
}
.success_info{
margin:0;
}
.success_info strong{
font-weight:bold;
color:#F58E26;
}
/*-------------內頁成功案例結束----------------*/
/*-------------------頁尾區---------------------*/
.down_link{
position:absolute;
right:12px;
top:30px;
list-style:none;
}
.dl_first{
float:left;
width:50px;
text-align:center;
}
.dl_sec{
border-left:1px solid #CCC;
float:left;
width:70px;
text-align:center;
}
.cct95link{width:220px;
list-style:none;
float:right;
position:absolute;
bottom:12px;
right:10px;
}
#footer a{color:#333;
}
/*首頁背景*/
.indexbg{background:url(images/index_bg.gif);
}
a.btn_drseo{display:block;
width:200px;
height:60px;
text-indent:-9999px;
overflow:hidden;
float:right;
margin:175px 60px 0;
}
*html a.btn_drseo{margin:175px 30px 0;
}
/*小型淇晨連結*/
.cct95slink{
padding:0;
list-style:none;
height:21px;
width:210px;
float:left;
position:absolute;
bottom:12px;
left:20px;
}
.cct95slink li{float:left;
list-style:none;
position:relative;
width:21px;
margin:0 2px;
}
.cct95slink li a{display:block;
width:100%;
overflow:hidden;
height:0!important;
height:/**/:21px;
padding-top:21px;
background:url(images/cct_slink_28.gif);
}
/*offMouse住置*/
.cct95slink li#link_365web a{background-position:0 0;
}
.cct95slink li#link_365shop a{background-position:-21px 0;
}
.cct95slink li#link_chichen-tecn_com a{background-position:-42px 0;
}
.cct95slink li#link_chichen-tecn_com_tw a{background-position:-63px 0;
}
.cct95slink li#link365seo a{background-position:-84px 0;
}
.cct95slink li#link_cct95_com_tw a{background-position:-105px 0;
}
.cct95slink li#link_cct95_net a{background-position:-126px 0;
}
.cct95slink li#link_cct95_com a{background-position:-147px 0;
}
/*onMouse*/
.cct95slink li#link_365web a:hover{background-position:0 -21px;
}
.cct95slink li#link_365shop a:hover{background-position:-21px -21px;
}
.cct95slink li#link_chichen-tecn_com a:hover{background-position:-42px -21px;
}
.cct95slink li#link_chichen-tecn_com_tw a:hover{background-position:-63px -21px;
}
.cct95slink li#link365seo a:hover{background-position:-84px -21px;
}
.cct95slink li#link_cct95_com_tw a:hover{background-position:-105px -21px;
}
.cct95slink li#link_cct95_net a:hover{background-position:-126px -21px;
}
.cct95slink li#link_cct95_com a:hover{background-position:-147px -21px;
}
/*---------------------聯絡表單---------------------*/
.inputArea{background:url(images/contact_bottom_bg.gif) no-repeat top;
background-position:0 30px;
overflow:hidden;
padding:0 0 0 20px;
width:717px;
height:544px;
float:right;
margin-top:40px;
}
#form1{
width:510px;
}
.inputArea p{padding:2px 0 4px 0;
white-space:pre;
}
.inputArea p a{text-decoration:underline;
}
.inputArea dl{width:50%;
float:left;
}
.inputArea dl dt{float:left;
width:70px;
text-align:right;
padding:6px 1px 4px 1px;
}
.order_box .inputArea dl dt{width:85px;
}
.order_box .inputArea dl dd{padding:4px 0 4px 88px;
}
.inputArea dl dd{padding:4px 0 4px 73px;
}
.inputArea dl.longD2 dd{
padding:4px 0 4px 76px;
}
/*ie-nodelete*/
*html .inputArea{
}
/*dl*/
.inputArea dl.longDl{width:98%;
}
.inputArea dl.longD2{width:98%;
margin-top:8px;
border-top:1px solid #999;
padding-top:8px;
}
.input_l{
background-color:#EEE;
border-color:#CCC #FFF #FFF #CCC;
border-style:solid;
border-width:1px;
}
.input_2{
background-color:#EEE;
border-color:#CCC #FFF #FFF #CCC;
border-style:solid;
border-width:1px;
}
.textarea_l{
background-color:#EEE;
border-color:#CCC #FFF #FFF #CCC;
border-style:solid;
border-width:1px;
}
.inputArea dl .checkbox{
width:80px;
float:left;
padding-left:4px;
}
.inputArea dl .option{
height:36px;
}
#contact .contact_content li{
padding:0 40px 0 50px;
font-size:13px;
margin:8px 0 0 0;
}
#contact .contact_content li strong{
font-weight:bold;
}
#contact .inputArea .contact_topic{
font-weight:bold;
font-size:20px;
color:#eee;
text-align:right;
padding-right:40px;
margin:0;
}
.inputArea .table_topic_1{
font-size:13px;
margin:50px 0 12px 0;
padding-left:68px;
}
.inputArea .table_topic_2{
display:block;
width:480px;
font-size:13px;
margin:40px 0 8px 0;
padding-left:18px;
border-bottom:1px solid #999;
}
/*--------------------送出鈕區----------*/
.sendArea{
text-align:right;
clear:both;
margin:0 auto;
padding:12px 12px 0 0;
}
.input_l{width:100%;
}
.input_2{width:92%;
}
*html input.input_l{width:96%;
}
*+html input.input_l{width:95%;
}
textarea.textarea_l{width:99%;
height:150px;
}
*html textarea.textarea_l{width:98%;
height:150px;
}
.inputArea .longDl .input_l{width:99%;
}
*html .inputArea .longDl .input_l{width:98%;
}
input.btn_two1{background:url(images/btn_send.gif) left top no-repeat;
width:59px;
height:20px;
border:none;
cursor:pointer;
color:#fff;
line-height:20px;
}