@import url("reset.css");
@import url("page.css");
@Media Print { Body {display:none;}}
/* 整體結構---------------------------------------------------- */
body {
	font-size: 12px;
	color: #6d6e68;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;background:url(images/bg.jpg) center top repeat-x ;
	}
a {	color: #333333;	text-decoration: none;}
a:visited {	/*color:#666666;*/}
a:hover {/*color: #333333;*/}
a:active { /*color:#666666;*/}
#wrapper { }
/*--------------版頭-----------------------*/
.top_bg{background:url(images/top.jpg) center top no-repeat; }
#header{width:950px;margin: 0 auto;height:314px;}
/*推薦連結區*/
.link { height:20px; padding:10px 10px 10px 300px; float:right;}
.link li{ float:left; padding:0 0 0 5px; }
.link li a{width:15px; height:14px; display:block;outline:none;text-indent:-9999px;}
.link li.link01 a{background: url(images/icom_link.gif) left top no-repeat;}
.link li.link02 a{background: url(images/icom_link.gif) -15px top no-repeat;}
.link li.link03 a{background: url(images/icom_link.gif) -30px top no-repeat;}
.link li.link04 a{background: url(images/icom_link.gif) -45px top no-repeat;}
.link li.link05 a{background: url(images/icom_link.gif) -60px top no-repeat; width:20px;}
.link li.link06 a{background: url(images/icom_link.gif) -80px top no-repeat; width:20px;}
.map{ clear:both; text-align:right; height:20px; font-family:Arial, Helvetica, sans-serif;}
.logo{ float:left;}

/*選單*/
.menu{ float:right;}
.menu ul{ padding:10px 0 0 0;}
.menu li{float:left;}
.menu li a{display:block;width:120px; height:27px; outline:none;text-indent:-9999px;}
.menu li a:hover{width:120px; height:27px;}
.menu li.m01 a{background: url(images/menu.jpg) left top no-repeat;}
.menu li.m01 a:hover{background:url(images/menu.jpg) left bottom  no-repeat;}
.menu li.m02 a{background: url(images/menu.jpg) -128px top no-repeat;}
.menu li.m02 a:hover{background:url(images/menu.jpg) -128px bottom  no-repeat;}
.menu li.m03 a{background: url(images/menu.jpg) -256px top no-repeat;}
.menu li.m03 a:hover{background:url(images/menu.jpg) -256px bottom  no-repeat;}
.menu li.m04 a{background: url(images/menu.jpg) -384px top no-repeat;}
.menu li.m04 a:hover{background:url(images/menu.jpg) -384px bottom  no-repeat;}
.menu li.m05 a{background: url(images/menu.jpg) -512px top no-repeat;}
.menu li.m05 a:hover{background:url(images/menu.jpg) -512px bottom  no-repeat;}

/*中間*/
#center{clear:both; background:url(images/page_bg.jpg) left top repeat-x;}
.pagebody{ width:950px; margin:0 auto; background: url(images/page_bg.jpg) left top repeat-x #f5fafb; padding:0 0 10px 0;
overflow:hidden;}

/*-----------------------左邊-----------------------*/
.page-left { float:left;width:256px;background:url(images/menu_bg.jpg) left top no-repeat;
min-height:380px; }
/*選單*/
.menu_title{width:256px; height:70px; margin:0 auto; }
/*抬頭判定*/
body#index .menu_title{background:url(images/title_products.jpg) center 30px no-repeat;}
body#about .menu_title{background:url(images/title_about.jpg) center 30px no-repeat;}
body#news .menu_title{ background:url(images/title_news.jpg) center 30px no-repeat;}
body#products .menu_title{ background-position:left -80px;background:url(images/title_products.jpg) center 30px no-repeat;}
body#knowledge .menu_title{background:url(images/title_knowledge.jpg) center 30px no-repeat;}
body#contact .menu_title{ background:url(images/title_contact.jpg) center 30px no-repeat;}

.left_menu{background:url(images/list_bg_02.jpg) left top repeat-y; }
.menu_txt{ background:url(images/list_bg_01.jpg) left top no-repeat; padding:0  1px 0 1px;min-height:360px;}
/*選單*/
.left_menu ul{ padding:10px 0;}
.left_menu ul li{font-family: Microsoft JhengHei, "微軟正黑體";
	font-size:20px;text-align: left;font-weight:bold; 
	padding:5px 0 10px 30px;}
.left_menu ul li span{ font-size:12px;}
.left_menu ul li a{ width:190px; display:block;color:#7a7878; background:url(images/icom_1.jpg) left top no-repeat; padding:0 0 0 10px; }
.left_menu ul li a:active{color:#000000;}
.left_menu ul li a:hover{color:#FFF; background:url(images/list_bg.jpg) left top no-repeat;padding:0 0 0 10px;}
/*次選單*/
.left_menu ul li ul{ font-family: Arial, Helvetica, sans-serif; padding:0 0 0 13px; line-height:18px;}
.left_menu ul li ul li{ width:180px;font-size:15px;text-align: left; color:#000000;background:
none;padding:5px 0; border-bottom:1px dashed #CCCCCC;}
.left_menu ul li ul li a{color: #414344; font-size:15px; _height:0; height:inherit; width:180px; font-family: Arial, Helvetica, sans-serif;background: url(images/icom_2.gif) left 3px no-repeat;}
.left_menu ul li ul li a:hover{  color: #c30d23; background: url(images/icom_2.gif) left 3px no-repeat;}

.bt_box{border:1px solid #CCCCCC;padding:5px;
width:200px;margin:10px 0 0 0;}
/*TOP-最新消息*/
.news_box {width:330px; float:left;background: url(images/hot_02.jpg) left top repeat-y; margin:0 0 0 5px;}
.news_list{}
.news_list ul{ padding:0 10px;}
.news_list li{background:url(images/icom_02.gif) no-repeat 5px 13px;font-size:13px;	padding:3px 0 3px 15px;border-bottom: 1px dotted #999999;}
.news_list li span{ padding:0 10px 0 0; color:#912910;}
.news_list li a{ color:#000000;}
.news_list li a:hover{ color:#990000;}

/*TOP-常見問答*/
.news_box2 {width:330px; float:left;background: url(images/hot_02.jpg) left top repeat-y; margin:0 0 0 5px;}
.news_list2{}
.news_list2 ul{ padding:0 10px;}
.news_list2 li{background:url(images/icom_02.gif) no-repeat 5px 13px;font-size:13px;	padding:3px 0 3px 15px;border-bottom: 1px dotted #999999;}
.news_list2 li span{ padding:0 3px 0 0;  color:#0990b5;}
.news_list2 li a{ color:#000000;}
.news_list2 li a:hover{ color:#990000;}

/*-----------------------右邊-----------------------*/
#page-right{ float:right; width:680px;}
/*相片輪撥*/
.photo-box{ padding:5px; margin:15px 5px; border:1px solid #999999;  }
	#abgneBlock {
		width: 655px;
		height: 480px;
		position: relative;
		overflow: hidden;		
	}
	#abgneBlock ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock ul.list li {
		float: left;
		width: 655px;
		height: 100%;
	}
	#abgneBlock .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background:url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock ul.playerControl li.current { 
		background-position: 0 0;
	}
/*內頁*/
.txt-map{ padding:5px 10px; color:#3c3537;}
.page{ padding:0 0 10px; }
.page-right-bg{ }
.page_title{ font-family: Microsoft JhengHei, "微軟正黑體"; border-bottom: 1px solid #CCCCCC; height:50px; background:url(images/icon_3.gif) left 25px no-repeat; padding:0 0 0 15px;}
.page_title h2{ clear:both;font-size:24px;float:left; padding:2px 0; color:#c30d23;}
.page_title h3{ color:#514d51; font-size:16px;float:left; font-weight:normal; font:Arial, Helvetica, sans-serif;}
.page_txt{ clear:both; font-size:13px; line-height:22px; padding:30px 25px;}
.page_txt h2{ font-family: Microsoft JhengHei, "微軟正黑體";color:#3a7dab; font-size:24px; font-weight:bold;
padding:0 0 10px 0;line-height:26px;}
.page_txt h3{color: #FF6600; font-size:18px; font-weight:bold;}

.photo-box2{ width:306px; background:url(images/photo_bg1.jpg) left top repeat-y;}
.photo-box2a { background:url(images/photo_bg2.jpg) left bottom no-repeat; padding:10px 0 20px 10px;}
.photo-box3{ width:584px; background:url(images/photo_bg3.jpg) left top repeat-y; margin:0 auto;}
.photo-box3a { background:url(images/photo_bg4.jpg) left bottom no-repeat; padding:10px 20px 20px 10px;}
.photo-box4 { padding:5px; margin:5px; border:1px solid #666666;}
#indexBanners{width: 655px; height: 480px; overflow: hidden; position: relative;}
#indexBanners a{display: inline-block; width:100%; height: 480px;}
#indexBanners img{width:100%;}
#indexBanners .slick-prev, #indexBanners .slick-next{display: none;}
#indexBanners .slick-slide{opacity: 0.6; transition: all 0.5s ease;}
#indexBanners .slick-current{opacity: 1;}
.slick-dots{width:100%; margin: 0; text-align: center; position: absolute; bottom: 0.5rem;}
.slick-dots li{display: inline-block; list-style: none; width:12px; height: 12px; background: #fff; border-radius: 6px; box-shadow: 0 0 1px rgba(0,0,0,.5); border:1px rgba(0,0,0,0.6) solid; margin:0 5px;}
.slick-dots li button{display: none;}
.slick-dots .slick-active{background: #61979e;}

/*客戶實積*/
.case-all td { padding:5px;}
.case-a { background-color:#5c8c8c; color:#FFFFFF;}
.case-b { background-color:#FFFFCC; border-bottom:1px solid #999999;}
.case-c { background-color: #FFFFFF; border-bottom:1px solid #999999;}
/*最新消息*/
#page-right .newsbox{}

/*問答樣式*/
.k_1 li { background: url(images/icon_01.png) left top no-repeat; padding:5px 0 5px 30px;}
.k_2 li { background: url(images/icon_02.png) left top no-repeat; padding:5px 0 5px 30px;}
.k_3 li { background: url(images/icon_03.png) left top no-repeat; padding:5px 0 5px 30px;}
.k_4 li { background: url(images/icon_04.png) left top no-repeat; padding:5px 0 5px 30px;}
.title { color:#5c939a;font-size:15px;font-family: Microsoft JhengHei, "微軟正黑體"; margin:10px 0;}
.k_1s { background: url(images/icon_01.png) left top no-repeat; padding:5px 0 5px 30px;}
.k_2s { background: url(images/icon_02.png) left top no-repeat; padding:5px 0 5px 30px;}
.k_3s { background: url(images/icon_03.png) left top no-repeat; padding:5px 0 5px 30px; font-size:19px; color:#d44834; font-weight:bold;}
.k_4s { background: url(images/icon_04.png) left top no-repeat; padding:5px 0 5px 30px;}
.qa_a { background:url(images/icon_05.png) left top no-repeat;}
/*數字頁*/
.page-no{ clear:both;margin:5px auto; float:right;}
.page-no ul{font-size:12px; text-align:center;}
.page-no li{ float: left;line-height:16px; border:1px solid #817e77; text-align:center; margin:0 2px 0 0; _width:16px; min-width:16px;}
.page-no li a{display:block;color:#817e77;}
.page-no li a:hover{ background:#817e77; color:#FFFFFF;}

/*-----------------------版腳-----------------------*/
#footer {clear:both; background-color:#61979e;
 padding:10px 0; color:#FFF;} 
#footer a{ color: #FFF; font-weight:bold;}
#footer a:hover{ color: #CCFFCC;}

/*--------------共用-----------------------*/
.CC{ text-align:center;}
.txt01{	color:#fa7878; padding:0 20px;}
.txt02{	font-size: 13px;color:#666666; font-weight:bold;}
.txt03{ color:#2d7cc7;}
.td01 td{padding:1px 0;}
.clear{ clear:both;}
.txt-top{
	background:url(images/icom_00.gif) no-repeat left;
	padding:0 0 0 15px;
	color:#993300;
	font-size:16px;
	font-weight: bold;
}
.gt {font-size:15px; font-weight:bold;}
.gt h3{ font-size:15px;}
.gt p { font-size:13px; color:#057c72; font-weight:normal;}
.gt2 {font-size:15px; font-weight:bold; font-family:"微軟正黑體";}
.gt2 h3{ font-size:24px;font-family: Microsoft JhengHei, "微軟正黑體"; padding:0 0 10px 0; color:#666666;}
.gt2 p { font-size:15px; color:#057c72; font-weight:normal;}
.gt3{font-size:22px; font-weight:bold; color:#333;}

.pd-5 td{ padding:5px;}
.pd-2 td{ padding:2px;}
.dada td{ border-bottom:1px dashed #999999;}
.dada {border-bottom:1px dashed #999999;}
.dada1 {border-top:1px dashed #999999;}
.fam { border:1px solid #999999; margin:5px 0;}
.solid { border-bottom:1px solid #999999;}
.solid  td{ border-bottom:1px solid #999999;}
.w-300 { width:300px;}
.w-108 { width:108px;}
.homeback{ text-align:right; padding:5px 10px;}

.day { background: #E3E3E3;}
.LL{ text-align:left;}
.txt-03{ color:#2d7cc7;}