/*body*/
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body,p,form {
	margin: 0px;
	padding: 0px;
}
body {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 20px;color: #555; background-color:#000; }
a {color: #000;text-decoration: none;}
a:hover{color: #ccc;}
h1{}
hr{}
.img {behavior: url("iepngfix.htc"); }
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}

/*wrapper*/
div#wrapper{width: 100%; margin: auto; }
div.menu{}
div.header{}

div.nav{text-align: right;}
div.container{overflow: hidden; }
div.sidebar{
	float: left;
	width: 200px;
}
div.main{
	overflow: hidden;
	float: right;
	width: 750px;
}


/*-index產品幻燈片-------------------------------------------------------------*/
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 668px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	text-align: center;
	
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-slider-thumbs{
	height: 0px;
	margin: 0 auto;
	position: absolute;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 1920px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #0000;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}

/*首頁跑圖-------*/
#abgne_fade_pic {
	position: relative;
	z-index:0;	
	width: 65px;
	height: 143px;;	
	/*margin-left:36px;
	_margin-left:18px;*/

	
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic .control {

	position: absolute;
	bottom: 10px;
	right: 10px;
			display: none;	/*隱藏按鈕選單*/ 
	}
	#abgne_fade_pic .control a {
	background-image:url(../images/but/ic02.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	width: 12px;
	height:12px;
	color: #BCD0E9;
	text-align: center;
	font-size: 10px;
	text-decoration: none;  /* 頁碼CSS */
	font-family: "Visitor TT1 BRK";
	line-height: 100%;
	margin-right: 2px;
	margin-left: 3px;
	}
	#abgne_fade_pic .control a.on {
	background-image:url(../images/but/ic01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
    width: 12px;
	height:12px;
	color: #95D2F4;

	}


/*page*/
div.page{}
div.pos{ width:980px; margin: auto; position:relative; z-index:900;}
div.menu{position:absolute; width:980px; left:0px; top:13px; z-index:200;}
div.menu a div.logo{ float:left; display:block; width:240px; height:51px; background-image:url(../images/bg/logo.png); background-position:left top; background-repeat:no-repeat; behavior: url("iepngfix.htc");}
div.btn{ float:left;}

div.box_all{position:absolute; width:980px; height:175px; left:0px; top:485px;  z-index:200; background-image:url(../images/index/box_bg.png); background-position:left top; background-repeat:no-repeat; behavior: url("iepngfix.htc");}
div.box1{ float:left; padding-top:32px;}
div.box2{ float:left; padding-top:42px; width:332px; padding-left:20px;}
div.box3{ float:left; padding-top:32px;}
/*form*/
div#wrapper .container .main .page .page_form{overflow: hidden; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}
div#wrapper .container .main .page .page_form div.name{float: left;width: 100px;text-align: right;padding: 5px;}
div#wrapper .container .main .page .page_form div.text{overflow: hidden; padding: 5px;}

/*footer*/
div.footer{
	width:100%;
	margin: auto;
	text-align:center;
	font-size:7pt;
	color:#626262;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:15px;
	padding-bottom:78px;
	
}
div.footer a{}.footer a:hover{}

/*style*/

.line1{border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #7F7F7F;}
.date{ font-size:9pt; color:#F9F9F9;}
.white a{font-size:9pt; color:#F9F9F9;}
.white a:hover{ color:#00A1E2;}
.red {color: #CC0000;}

