@charset "utf-8";

/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
}
body { background:url(images/bg.jpg) repeat-x #fff; font-size: 15px; color:#414141; line-height: 170%; font-family: "Open Sans", 微軟正黑體, Arial, Helvetica; }
input, select, button, textarea { font-size: 15px; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; }
button { font-family:微軟正黑體, Arial, Helvetica; border:0; cursor:pointer; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#414141; border:none; outline:none; }
a img { border:0; outline:none; }
a:hover { color:#e71f19; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}



/*---------------layout---------------------*/
#wrapper{ width:1050px; height:100%; margin:0 auto; background-color:#ffffff; }

#header{width:1050px; padding:0; display:block; height:127px; }
#header h1{width:385px; height:92px; float:left; display:block; }

#submenu{ width:400px; display:block; float:right; margin:31px 30px 0 0; }
#submenu ul{ list-style-type:none; }
#submenu li{ float:right; margin:0 0 0 35px; }


#navi_bg{ width:1050px; height:35px; background:url(images/zyi_03.jpg) no-repeat; clear:both; }

#navi { margin:0 0 0 46px; }
#navi ul{ list-style-type:none; margin:0px; }
#navi ul li{ float:left; width:158px; height:35px; font-size:16px; font-weight:bold; color:#ffffff; text-shadow:2px 2px 2px #295095;/* x軸位移 y軸位移 柔邊 顏色 */ margin:0 2px 0 0; display:block; line-height:35px; text-align:center; }
#navi ul li a{ color:#fff; display:block; }
#navi ul li a:hover{ color:#fff; background-color:#2152a4; }


#content { width:1033px; height:100%; margin:2px 16px 60px 1px; position:relative; }
#content02 { width:1049px; height:100%; margin:2px 0 60px 1px; position:relative; }


#left_wrap{ width:215px; float:left; margin:0 50px 50px 0; }

.leftnavi{ width:215px; background-color:#f9f9f9; }
.leftnavi dl{ margin:0; padding:0; display:block; }
.leftnavi dt{ height:41px; font-size:15px; font-weight:bold; color:#505050; list-style:none; display:block; line-height:41px; }
.leftnavi dt a{ color:#505050; padding:0 0 0 31px; display:block; background:url(images/zyi_13.jpg) no-repeat; }
.leftnavi dt a:hover{ color:#fff; text-decoration:none; background:transparent; background-color:#42bacc; }
.leftnavi dt.on a{ color:#fff; }

.leftnavi dd { font-size:14px; padding:4px 0px 4px 48px; display:block; background:url(images/icon-02.png) no-repeat 35px 13px; line-height:22px; }
.leftnavi dd a{ color:#111111; display:block;}
.leftnavi dd a:hover{ color:#0097ae; text-decoration:none; display:block; }
.leftnavi dd.on a{ color:#0097ae; text-decoration:none; display:block; }


#right_block { width:768px; float: left; margin:35px 0 0 0; }
#right_block02 { width:784px; float: left; margin:35px 0 0 0; }


.site { width:768px; font-size:14px; color:#5e5e5e; text-align:right; }
.site a{ color:#1f1f1f; }
.site a:hover{ color:#1358cc; }
.site span.on a{ color:#1358cc; }
.site span.arr{ margin:0 7px 0 7px; }


.title{ width:749px; min-height:23px; font-size:23px; color:#1c1c1c; margin:0 0 39px 0; padding:0 0 0 19px; letter-spacing:1px; background:url(images/zyi_09.jpg) no-repeat left 1px; }




/*---------------index---------------------*/
.index-bg{ background:url(images/index-bg.jpg) repeat-x #ffffff; }

.index-banner{ margin:2px 0 0 0; }

.index-prod-block { margin:35px 0 30px 19px; }
.index-prod-list { float:left; }
.index-prod-list ul { float:left; width:180px; margin:0 0 0 28px; }
.index-prod-list ul:first-child { margin-left:0; }
.index-prod-list li.photo{ width:180px; height:92px; margin:0 0 10px 0; }
.index-prod-list li.prod-name{ color:#196fb6; text-align:center; line-height:22px; }
.index-prod-list li.prod-name a{ color:#196fb6; }
.index-prod-list li.prod-name a:hover{ color:#f0581c; }


.index-content-wrap { background:url(images/index_04.jpg) repeat-x; }
.index-content { width:1010px; margin:0 auto; padding:42px 20px 42px 20px; }

.index-left{ width:350px; float:left; margin:0 70px 0 0; }
.index-title{ font-size:20px; font-weight: bold; color:#3c3c3c; margin:0 0 22px 0; }
.index-left-con{ margin:0 0 0 1px; }


.index-center{ width:250px; float:left; margin:0 45px 0 0; }


.index-right{ width:295px; float:left; }
.index-contact{ margin:-5px 0 0 1px; font-size:14px; line-height:30px; }
.index-contact span{ color:#878787; }
.index-contact a{ color:#414141; }
.index-contact a:hover{ color: #196fb6; text-decoration:underline; }
.index-contact span.phone{ font-size:16px; color:#196fb6; margin:0 0 0 11px; }




/*---------------product---------------------*/
.prod-banner{ margin:-10px 0 25px 0; }

.prod_list{ float:left; }
.prod_list ul {list-style-type:none; width:232px; float:left; margin:0 15px 40px 0; padding:6px; border:1px solid #d1d1d1; }
.prod_list ul:hover{border:1px solid #00a1ec; }
.prod_list li.pics{width:232px; height:175px; display:block; }
.prod_list li.prodname {width:232px; font-size:16px; font-weight: bold; color:#2152a4; margin:6px 0 0 0; padding:5px 0 5px 0; background-color:#eeeeee; text-align:center; }
.prod_list li.prodname a{color:#2152a4; }
.prod_list li.prodname a:hover{text-decoration:none; color:#f0581c; }

.prod_list02{ float:left; }
.prod_list02 ul {list-style-type:none; width:232px; float:left; margin:0 15px 40px 0; padding:6px; border:1px solid #d1d1d1; }
.prod_list02 ul:hover{border:1px solid #00a1ec; }
.prod_list02 li.pics{width:232px; height:175px; display:block; }
.prod_list02 li.prodname {width:232px; height:48px; font-size:16px; font-weight: bold; color:#2152a4; margin:6px 0 0 0; padding:5px 0 5px 0; background-color:#eeeeee; text-align:center; }
.prod_list02 li.prodname a{color:#2152a4; }
.prod_list02 li.prodname a:hover{text-decoration:none; color:#f0581c; }
.prod_list02 li.prodname p.size {font-size:14px; font-weight: normal; color:#5a5a5a; margin:2px 0 0 0; line-height: 17px; }


.prod_item{ height:35px; font-size:17px; color:#1c1c1c; margin:58px 0 35px 0; padding:0 0 0 20px; background:url(images/zyi_19.jpg) no-repeat; line-height: 35px; }

.size-table{ font-size:17px; background-color:#cacaca; }
.size-table th{ font-weight: normal; color:#fff; background-color:#42a7cc; padding:0 0 0 25px; text-align:left; }
.size-table td{ height:42px; text-align:center; background-color:#fff; }
.size-table td.first{ background-color:#b7e4f4; }

.color-icon{ padding:5px 0 0 0; }

.case-photo{ float:left; }
.case-photo ul {list-style-type:none; width:230px; margin:0 13px 32px 13px; float:left; }
.case-photo li.photo{ width:230px; height:160px; display:block; border:1px solid #fff; }
.case-photo li.photo:hover{ border:1px solid #00a1ec; }
.case-photo li.casename { padding:12px 0 0 0; text-align:center; line-height: 22px; }



.page_block{ margin:0 auto; display:table; clear:both; padding:12px 0px 0px 0px; }

.page{ font-size: 12px; color:#828282; text-align:center; margin:0; height:100%; }
.page ul{ list-style-type: none; margin:0px ; }
.page li { float:left; margin:0px 5px 0px 0px; text-align:center; }
.page li a{color:#6f6f6f; width:14px; height:14px; padding:3px; border:1px solid #999999; display:block; text-decoration:none; line-height: 14px; }
.page li a:hover{color:#31768c; border:1px solid #31768c; display:block; text-decoration:none; }
.page li.on{color:#31768c; font-weight: bold; width:14px; height:14px; padding:3px; border:1px solid #31768c; display:block; line-height: 14px;}




/*---------------about---------------------*/
.about_title{ font-size:30px; color:#19b99a; padding:10px 0 22px 0; }
.about_con{ font-size:16px; padding:5px 0 40px 2px; line-height:34px; }
.news_list{ width:747px; float:left; }
.news_list ul{ list-style-type: none; float:left; width:747px; margin:0 0 20px 0; padding:0 0px 20px 0px; border-bottom:1px solid #d8d8d8; }
.news_list li.newspic{ width:94px; height:94px; float:left; border:1px solid #c5c5c5; margin:0 23px 0 1px; display:block; }
.news_list li.newsblock{ width:627px; float:left; margin:5px 0 0 0; }
.newstitle{ width:519px; float:left; font-size: 16px; font-weight: bold; color: #3a3a3a; line-height: 23px; }
.newstitle a{ color:#3a3a3a;}
.newstitle a:hover{ color:#568128; text-decoration:none;}
.newsdate{ width:104px; float:left; font-size: 13px; font-weight: bold; color: #f17954; margin:0 3px 0 0; text-align:right; }
.newstext{ color:#6e6e6e; padding:10px 0px 0px 0px; clear:both; }

.news_title_block{ width:746px; float:left; border-bottom:1px solid #d0d0d0; padding:7px 0 10px 1px; }
.newstitle02{ width:640px; float:left; font-size: 16px; font-weight: bold; color: #568128; line-height: 23px; }
.newsdate02{ width:102px; float:left; font-size: 13px; font-weight: bold; color: #f17954; margin:0 3px 0 0; text-align:right; }
.news_con {padding:20px 0px 20px 2px; clear:both; line-height:25px; border-bottom:1px solid #d0d0d0; }

.news_back { text-align:right; margin:15px 0 0 0; }



/*---------------service---------------------*/
.service_con{ padding:10px 0 20px 0; }
.service_title{ font-size:19px; color:#557c0c; margin:0 0 25px 0; padding:0 0 0 16px; background:url(langs/tw/images/icon-02.jpg) no-repeat 2px 3px; }
.gotomeeting{ margin:0 0 40px 17px; }
.service_install_block{ width:672px; margin:0 0 0 16px; }
.service_version{ width:100px; font-size:16px; color:#fff; margin:0 0 25px 0; padding:3px 0 3px 0; border-radius:6px; background-color:#79b407; text-align:center; }
.service_step_text{ margin:0 0 23px 0; }
.service_step_text02{ margin:48px 0 23px 0; }
.service_step{ font-size:18px; color:#65940a; margin:0 12px 0 1px; }


.service_text{ margin:-8px 0 40px 0; }
.service_price{ color:#de0b0b; }
.service_subtitle{ font-size:17px; color:#000; margin:-8px 0 0 0; }
.service_table{ margin:17px 0 17px 0; }
.service_table th{ font-size:16px; color:#fff; padding:5px 0 5px 0; border-right:5px solid #fff; border-bottom:5px solid #fff; background-color:#78b406; text-align:center; }
.service_table td{ color:#3b611a; padding:5px 0 5px 0; border-right:5px solid #fff; border-bottom:5px solid #fff; background-color:#f1f1f1; text-align:center; }
.service_notice{ font-weight: bold; color:#000; margin:0 0 4px 0; }

.service_ok{ padding:90px 0 100px 0; color:#e60012; text-align:center; }


.about_title1{ font-size:24px; font-weight:bold; color:#343131; text-align: center; }
.serviceWrap{ text-align: center; }


.moreBox {
	margin-top: 45px;
	text-align: center;
}

a.moreBtn {
	width: 160px;
	font-size: 17px;
	color: #fff;
    display: inline-block;
	padding: 11px 0 9px;
    margin-right: 80px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
    background: #097ad8;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a.moreBtn:last-child {
    margin-right: 0;
}

a.moreBtn:hover {
    background: #295095;
}



/*---------------digiBoard---------------------*/
.board_button{ width:768px; float:left; margin:0 0 15px 0; }
.board_button p.goback{ float:left; margin:5px 0 0 0; }
.board_button p.post{ float:right; margin:0; }

.post_time{ background-color:#5a92ce; font-size:12px; color:#ffffff; padding:3px 20px 3px 0; text-align:right; }
.board_block{ background-color:#d2e6fc; border-left:#82acd9 1px solid; border-right:#82acd9 1px solid; border-bottom:#82acd9 1px solid; padding:5px 20px 15px 0; }
.post_name{ font-weight: bold; color:#0d6bcb; text-align:center; }
.post_content{ color:#003574; border-bottom:#82acd9 1px solid; padding:15px 0 3px 0; }
.reply{ font-weight:bold; color:#003574; margin:0 0 10px 0; }
.admin_tool{ font-size:12px; color:#434343; padding:10px 0 0px 0; text-align:right; }
.page_block02{ background-color:#d2e6fc; border:#82acd9 1px solid; padding:10px 15px 10px 15px; }
.page_info{ font-size:12px; color:#434343; }
.page_info span{ font-weight:bold; color:#387dc6; }

.page02{ font-size:13px; color:#797979; text-align:center; padding:15px 0 0 0; }
.page02 a{ color:#434343; }
.page02 a:hover{ color:#3385dc; text-decoration:underline; }

.post_title{ background-color:#5a92ce; font-weight:bold; color:#ffffff; padding:5px 0px 5px 20px; }
.post_block{ background-color:#d2e6fc; border-left:#82acd9 1px solid; border-right:#82acd9 1px solid; border-bottom:#82acd9 1px solid; padding:25px 45px 25px 45px; }
.star{ font-size:12px; color:#0c4d9b; }
.star span{ color:#ec2e0f; }




/*---------------contact---------------------*/
.contact-info{ padding:20px 0 50px 80px; }
.contact-info ul{ list-style-type: none; float:left; margin:0 80px 0 0; }
.contact-info li.icon-img{ width:39px; float:left; margin:0 20px 0 0; }
.contact-info li.info-text{ float:left; font-size: 20px; color: #e8460e; margin:6px 0 0 0; }
.contact-info li.info-text span{ font-size: 16px; color: #212121; margin:0 0 0 15px; }


.contact-list{ margin:0 0 40px 0; }
.contact-list ul{ list-style-type: none; padding:18px 18px 18px 40px; margin:0 0 25px 0; border:1px solid #e4e4e4; }
.contact-list li.sales-info{ width:356px; float:left; margin:40px 0 0 0; }
.contact-list li.sales-info p.sales-name{ font-size: 30px; color: #19b99a; margin:0 0 23px 0; }
.contact-list li.sales-info p.sales-text{ font-size: 15px; }
.contact-list li.sales-map{ width:340px; height:170px; float:right; }


.contact_text{ margin:0 0 22px 0; padding:0 0 0 30px; }
.com_name{ margin:-4px 0 8px -1px;  }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #82acd9 1px solid; width: 420px; height: 26px; COLOR: #333333; background-color: #fff; }
.textarea {border: #82acd9 1px solid; width: 520px; height: 170px; COLOR: #333333; background-color: #fff; margin:9px 0 9px 0; }
.select { border: #82acd9 1px solid; width: 100px; height: 30px; COLOR: #333333; background-color: #fff; padding:3px 3px 3px 3px; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #82acd9 1px solid; width: 180px; height: 26px; COLOR: #333333; background-color: #fff; font-family: Arial, Helvetica, sans-serif; }
.input02 { border: #82acd9 1px solid; width: 222px; height: 26px; COLOR: #333333; background-color: #fff; }



/*---------------------------- footer css----------------------------------------------------- */
#footer{ clear:both; background-color:#196fb6; }
#footer_con{ width:1030px; margin:0 auto; font-size:13px; color: #f1f1f1; text-align:right; padding:18px 20px 17px 0; line-height: 25px; background:url(images/zyi_23.png) no-repeat 10px 40px; }
#footer_con a{ color: #f1f1f1; }
#footer_con a:hover{ color: #f1f1f1; text-decoration:underline; }
#footer_con p{ font-size:13px; color: #bbcde4; }
#footer_con p a{ color: #bbcde4; }
#footer_con p a:hover{ color: #00c5a0;  text-decoration:none;}