@charset "utf-8";
/* CSS Document */
/***至頂靠齊*********************************************************/
#lang {
	width: 92px;
	color: #C7AB6C;
	top: 43px;
	right: 10px;
	position: absolute;
	font-size: 13px;
	z-index: 999;
}
#lang option {
	background: url(img/l_icon.png) 10px 5px no-repeat;
}
/***至頂靠齊*********************************************************/
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "微軟正黑體";
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #4C4C4C;
	background:url(img/bg.jpg) center top repeat;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#wrapper_box {
	width: 100%;
	clear: both;
	position: relative;
}
/***普通通用*********************************************************/
/***LOGO*******************************************************/
#logo {
	width: auto;
	height: auto;
	margin:12px 0 12px 0;
	position:relative;
}
#logo a{
	color:#333333;
	font-size:20px;
	letter-spacing:2px;
	font-weight:bold;
}
#logo span{
	position:absolute;
	line-height:35px;
	padding-left:5px;}


/***LOGO*******************************************************/
/***主視圖******************************************************/
#banner_box {
	max-width:970px;
	/*max-height:412px;*/
	position: relative;
	margin: 0 auto;
}
#banner {
	width:970px;
	/*height:412px;*/
	position: relative;
}
#banner .banner_b a img{
	width:970px;
	height:412px;
	margin: 0 auto;
	position: relative;
}
#banner .banner_s{
	position:relative;
}
#banner .banner_s a img{
	width:159px;
	height:74px;
}
#banner .banner_s_1 a{
    display: block;
    position: relative;
    width: 160px;
    padding: 4px 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#banner .banner_s a:hover span{
	width:100%;
	height:100%;
	background:url(banner/focus_1.png) center center no-repeat,url(banner/focus.png);
	position: absolute;
	z-index: 10;
    top:0px;
    left:0px;
    border: 3px solid #8EC31F;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#banner .banner_s li{
	list-style:none;
}
#banner .left a{
	width:14px;
	height:21px;
	display:block;
	background-image:url(banner/left.png);
	background-repeat:no-repeat;
	position:absolute;
	left:-30px;
	top:30px;
}
#banner .left a:hover{
	background-image:url(banner/left_.png);
}
#banner .right a{
	width:14px;
	height:21px;
	display:block;
	background-image:url(banner/right.png);
	background-repeat:no-repeat;
	position:absolute;
	right:-30px;
	top:30px;
}
#banner .right a:hover{
	background-image:url(banner/right_.png);
}
/***主視圖********************************************************/
/***主要內容******************************************************/
#head_box {
	width: 100%;
	height: 85px;
	position: relative;
	margin: 0 auto;
}
#head {
	width: 971px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	position: relative;
}
#main_box {
	width: 100%;
	height: 770px;
	padding: 0 0 0 0;
	margin: 0 auto 30px auto;
}
#main {
	width:971px;
	margin: 0 auto;
	position: relative;
}
/*****選單按鈕****************************************************/
/*********************************************************/
#facebook{
	width:93px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
	margin-top:2px;
	margin-left:3px;
}
#facebook a{
	width:93px;
	height:25px;
	display:inline-block;
	background-image:url(header/facebook.png);
	background-repeat:no-repeat;
}
#facebook a:hover{
	background-image:url(header/facebook_.png);
}
.search_box{
	width:283px;
	height:25px;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}
#search{
	width:160px;
	height:25px;
	position: relative;
	display: inline-block;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
}
#search input{
	width:103px;
	height:23px;
	border:1px solid #DFDFDF;
	padding:0px 30px 0 5px;
	margin:0;
}
#search a{
	width:25px;
	height:25px;
	position:absolute;
	top:0px;
	right:-1px;
	display: inline-block;;
	background-image:url(header/search.png);
	background-repeat:no-repeat;
}
#search a:hover{
	background-image:url(header/search_.png);
}

#head .td_menu{
	list-style:none;
	height:85px;
}

#head .td_menu a{
	color:#fff;
	font-size:15px;
	}
#head .td_menu a small{
	color:#BBB315;
	font-size:12px;
	}
	
#head .td_menu a span{
	display:block;
	margin:8px 0 0 18px;}	
	
#head .td_menu a:hover small{
	color:#F0EC35;
	font-size:12px;
	}		
	

#head .menu_01 a {
	width:43px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_01.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_01 a:hover {
	background-image:url(../menu/menu_01.png);
}
#head .menu_02 a {
	width:168px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_02.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_02 a:hover {
	background-image:url(../menu/menu_02.png);
}
#head .menu_03 a {
	width:145px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_03.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_03 a:hover {
	background-image:url(../menu/menu_03.png);
}
#head .menu_04 a {
	width:172px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_04.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_04 a:hover {
	background-image:url(../menu/menu_04.png);
}
#head .menu_05 a {
	width:158px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_05.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_05 a:hover {
	background-image:url(../menu/menu_05.png);
}
#head .menu_06 a {
	width:140px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_06.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_06 a:hover {
	background-image:url(../menu/menu_06.png);
}
#head .menu_07 a {
	width:145px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_07.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_07 a:hover {
	background-image:url(../menu/menu_07.png);
}

/*********************************************************/
/*********************************************************/
#iabout {
	width: 384px;
	height:474px;
	line-height: 25px;
	float: left;
	position: relative;
	overflow:hidden;
	margin-right:10px;
}
#iabout p {
	width:330px;
	margin:25px 0px 0 0;
	color: #979BB4;
	line-height: 25px;
	position: relative;
	overflow:hidden;
}
/*********************************************************/
/*********************************************************/
#inews {
	width: 620px;
	height:45px;
	float:left;
	margin:30px 0 0 40px;
	background-image:url(inews/title_bg.png);
	background-repeat:no-repeat;
}
#inews .title{
	color:#819E30;
	font-size:16px;
	font-weight: bold;
	margin:18px 0 15px 90px;
}
#inews .title span{
	color:#205732;
	font-size:20px;
	font-weight: bold;
}
#inews .more a{
	width:40px;
	height:10px;
	background-image: url(inews/more.png);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-top:-20px;
}
#inews .more a:hover{
	background-image: url(inews/more_.png);
}
#list {
	width:600px;
	height:137px;
	border-bottom:1px solid #D8D8D8;
	padding:15px 20px 15px 0;
}
#list .pic{
	width:196px;
	height:132px;
	background-color:#839F30;
	padding:4px 0 0 4px;
	float:left;
	margin-right:20px;
}
#list .pic img{
	width:190px;
	height:126px;
	border:1px solid #FFF;
	background:#FFF;
}
#list .name a{
	color:#205732;
	font-size:15px;
	float:left;
	font-weight: bold;
	margin:15px 0 15px 0;
}
#list .con{
	width:380px;
	height:77px;
	float:left;
	color:#787878;
	line-height:20px;
}

#list_2 {
	width:605px;
	height:137px;
	border-bottom:1px solid #D8D8D8;
	padding:15px 15px 15px 0;
	background-color:#F4FADE;
}
#list_2 .pic{
	width:196px;
	height:132px;
	background-color:#839F30;
	padding:4px 0 0 4px;
	float:right;
}
#list_2 .pic img{
	width:190px;
	height:126px;
	border:1px solid #FFF;
	background:#FFF;
}
#list_2 .name a{
	color:#205732;
	font-size:15px;
	float:left;
	font-weight: bold;
	margin:15px 0 15px 20px;
}
#list_2 .con{
	width:370px;
	height:77px;
	float:left;
	color:#787878;
	line-height:20px;
	margin-left:20px;
	overflow: hidden ;
}
/*********************************************************/
/*********************************************************/
#iproducts_box {
	width: 305px;
	height: auto;
	float: left;
	padding:30px 0px 0 0px;
	position: relative;
}
#iproducts {
	width: 100%;
	height: auto;
	padding:0px 11px 0 0px;
	margin:0 auto;
	position: relative;
	/*background-image:url(iproducts/left.png);*/
	background-repeat:no-repeat;
	background-position:right;
}
#iproducts .list{
	width: 140px;
	height: auto;
	float:left;
	margin-right:12px;
	position:relative;
}
#iproducts .list .logo a:hover span{
	width: 140px;
	height: 80px;
	background-image:url(iproducts/cover.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #215732;
}
#iproducts .list .logo {
	width: 140px;
	height: 80px;
	border:1px solid #D8D8D8;
}
#iproducts .list .logo img {
	max-width:140px;
	height: 80px;
}
#iproducts .list .name {
	width: 140px;
	min-height:45px;
	text-align:center;
	color:#333333;
	margin:10px 0 10px 0;
	font-weight: bold;
	line-height: 18px;
}

#iproducts .list img{
	max-width: 174px;
	max-height: 174px;
}
/*#iproducts .list a img:hover{
    alpha:-moz-opacity:0.45;opacity:0.45; -khtml-opacity: 0.45;
}*/
#iproducts .list .top {
	width: 155px;
	height: 155px;
	display:block;
	position:absolute;
	left:3px;
	top:3px;
	opacity:0;
	background:rgba(255,255,255,0.8);
	-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
	z-index:10;
}
#iproducts .list a:hover .top {
	opacity:1;
}
#iproducts .more {
	width:39px;
	height:12px;
	position:absolute;
	right:40px;
	top:20px;
}
/*********************************************************/
/*********************************************************/
#community {
	position: absolute;
	right: 97px;
	top: 0px;
}
#community li {
	width: 33px;
	height: 32px;
	margin: 0 3px;
	float: left;
	text-align: center;
	list-style: none;
}
#community li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#community li a:hover {
	color: #F90;
}
#community li a.cart {
	background: url('community/cart.png') no-repeat;
}
#community li a.facebook {
	background: url('community/fb.png') no-repeat;
}
#community li a.google {
	background: url('community/google.png') no-repeat;
}
#community li a.twitter {
	background: url('community/twitter.png') no-repeat;
}
#community li a.plurk {
	background: url('community/plurk.png') no-repeat;
}
#community li a.favorites {
	background: url('community/favorites.png') no-repeat;
}
#community li a.pixnet {
	background: url('community/pixnet.png') no-repeat;
}
#community li a.cart:hover {
	background: url('community/cart_.png') no-repeat;
}
#community li a.facebook:hover {
	background: url('community/fb_.png') no-repeat;
}
#community li a.google:hover {
	background: url('community/google_.png') no-repeat;
}
#community li a.twitter:hover {
	background: url('community/twitter_.png') no-repeat;
}
#community li a.plurk:hover {
	background: url('community/plurk_.png') no-repeat;
}
#community li a.favorites:hover {
	background: url('community/favorites_.png') no-repeat;
}
#community li a.pixnet:hover {
	background: url('community/pixnet_.png') no-repeat;
}
/***社群*******************************************************/
/***右側浮動****************************************************/
#skype a{
	width:80px;
	height:152px;
	background-image:url(footer/skype.png);
	position:absolute;
	display:block;
	left: 50%;
	top:50%;
	cursor: pointer;
	margin-left: 520px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#skype a:hover{
	background-image:url(footer/skype_.png);
}
/**************************************************************/
/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#footer_menu {
	width: 970px;
	height: 40px;
	margin: 0 auto;
	background-image: url(footer/footer_bg.png);
	background-repeat:no-repeat;
	line-height:55px;
	padding-bottom:8px;
	color:#91AB3D;
	text-align:center;
}
#footer_menu a {
	color:#FFFFFF;
	margin:0 15px;
}
#footer_menu a:hover {
	color:#BFFF00;
}
#footer {
	width: 970px;
	height: auto;
	margin: 30px auto;
	position: relative;
	font-size:12px;
	text-align:center;
}
#footer .info {
	color:#717171;
}
#footer .copyright{
	margin-top:5px;
	color:#C3C3C3;
}
/***頁底*********************************************************/
/***頁底*********************************************************/
.form_use {
	color: #737373;
	background-color: #FFF;
	border: #DEDEDE 1px solid;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use:hover {
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_use:focus {
	color: #526B3A;
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_h {
	height: 18px;
}
.form_use2 {
	color: #737373;
	background-color: #FFF;
	border: #DEDEDE 1px solid;
	padding: 3px 3px 3px 5px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use2:hover {
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_use2:focus {
	color: #526B3A;
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_use3 {
	color: #737373;
	border: #DEDEDE 1px solid;
	padding: 1px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fefefe; /* Old browsers */
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use3:hover {
	color: #FFF;
	background: #737373;
	border: #737373 1px solid;
}
.form_use3:focus {
	color: #FFF;
	background: #737373;
	border: #737373 1px solid;
}
.form_use4 {
	color: #999;
	background-color: transparent;
	border: none;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use4:hover {
	color: #FFF;
}
.form_use4:focus {
	color: #FFF;
}
/***頁底*********************************************************/
/**/
.slick-prev,.slick-next{
    position: absolute;
    top:50%;
    margin-top: -10px;
    width: 14px;
    height:21px;
    overflow: hidden;
    text-indent: -999px;
    border: none;
    z-index: 2;
}
.slick-prev{
    background: url(banner/left.png) center center no-repeat;
    left: -20px;
    cursor: pointer;
}
.slick-prev:hover{background: url(banner/left_.png) center center no-repeat;}
.slick-next{
    background: url(banner/right.png) center center no-repeat;
    right: -20px;
    cursor: pointer;
}
.slick-next:hover{background: url(banner/right_.png) center center no-repeat;}


/*@media (max-width: 800px) {
#search{
	width:160px;
	height:16px;
	position:absolute;
	top:0px;
	right:53px;
	display: inline-block;
	vertical-align:middle;
}
#search input{
	width:160px;
	height:10px;
	vertical-align:middle;
	border:1px solid #DFDFDF;
	-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
#search a{
	width:25px;
	height:16px;
	position:absolute;
	top:0px;
	right:0;
	display:block;
	background:url(header/search.png)center no-repeat;
	vertical-align:middle;
}
}*/