@charset "utf-8";
/* CSS Document */

body {
/*background-image:url(image/backgroup.jpg);
background-repeat:no-repeat;
background-position:center;*/
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a{
      outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.contents {
overflow:hidden;
height:616px;
width:414px;
position:absolute;
margin-top:54px;
}
#center {
width:990px;
margin:0 auto;
}
.clear {
clear:both;
}
.bar1 {
	width: 990px;
	overflow:hidden;
}
.more {
	margin-left: 79px;
	position:absolute;
}
.more a {
	color: #13A2DE;
}

.word1 {
	font-size: 14px;
	color: #18AEE8;
	margin-left: 6px;
	letter-spacing: 2px;
}
.word2 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 0.5em;
	color: #666;
	margin-top: 11.8px;
}
.wordB {
	float: left;
	margin-left: 6px;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 23px;
	height:20px;
	overflow:hidden;
	color: #666;
	width:110px;
}
.wordB a {
	color: #666;
}


.word3 {
	font-size: 16px;
	color: #18AEE8;
	margin-left: 260px;
	letter-spacing: 2px;
	position: absolute;
	margin-top: 14px;
}
.word3-1 {
	font-size: 16px;
	color: #18AEE8;
	margin-left: 14px;
	letter-spacing: 2px;
	position: absolute;
	margin-top:260px;
}

.word4 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin-left: 260px;
	color: #666;
	position: absolute;
	margin-top: 37px;
	width:215px;
	text-align:justify;
}
.word4-1 {
	font-size: 12px;
	margin-left: 14px;
	color: #666;
	margin-top:280px;
	width: 450px;
	line-height: 1.1;
	position: absolute;
}

.word5 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 0.3em;
	color: #666;
	float: left;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}
.word6 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 0.3em;
	color: #666;
	float: left;
	position: absolute;
	margin-top: 10px;
	margin-left: 35px;
}
.word7 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 0.3em;
	color: #FFF;
	float: left;
	position: absolute;
	margin-top: 10px;
	margin-left: 11px;
}
.wordA {
	margin-top: 15px;
	top: 20px;
	float: left;
}
.word8 {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 0.5em;
	color: #666;
	margin-top: 12px;
	margin-left: 11px;
}
.word9 {
	font-size: 14px;
	color: #18AEE8;
	margin-left: 17px;
	letter-spacing: 2px;
	position: absolute;
	margin-top: 60px;
}
.word10 {
	font-size: 14px;
	color: #18AEE8;
	margin-left: 85px;
	letter-spacing: 1px;
	position: absolute;
	margin-top: 17px;
	width: 197px;
}
.word10 a {
	color: #18AEE8;
}

.word11 {
	font-size: 12px;
	color: #666;
	margin-left: 280px;
	letter-spacing: 1px;
	position: absolute;
	margin-top: 19px;
	width: 48px;
}
.word12 {
	/* [disabled]font-family: "新細明體-ExtB"; */
	font-size: 14px;
	color: #18AEE8;
	letter-spacing: 1px;
}
.word13 {
	font-family: "新細明體-ExtB";
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 5px;
	color: #666;
	line-height: 1.3em;
}

.case_read {
	height: 33px;
	width: 32px;
	position: absolute;
	margin-top: 8px;
	margin-left: 329px;
}

.project_word {
	height: 305px;
	width: 265px;
	margin-top: 15px;
	margin-left: 19px;
	float: left;
}
.project_picture {
	height: 305px;
	width: 220px;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}



.search_case_where {
	height: 116px;
	width: 113px;
	position: absolute;
	margin-left: 15px;
	background-image: url(image/search3-2.png);
}

.search_case_where2 {
	height: 224px;
	width: 113px;
	position: absolute;
	margin-left: 133px;
	float: left;
	background-image: url(image/search3.png);
}



.words {
	height: 124px;
	width: 257px;
	float: left;
}



.white bar {
	height: 22px;
	width: 990px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.bar2 {
	height: 56px;
	width: 990px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
}
  .blue bar {
	height: 10px;
	width: 990px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}
.shadow {
	height: 750px;
	width: 1020px;
	background-image: url(image/shadow.png);
}
.right {
	height: 25px;
	width: 25px;
	margin-top: 334.5px;
	position: absolute;
}
.left {
	float:left;
}
.x {
	height: 38px;
	width: 38px;
	position: absolute;
	margin-top: -15px;
	margin-left: 465px;
}
.x2 {
	height: 38px;
	width: 38px;
	position: absolute;
	margin-top: -15px;
	margin-left: 540px;
	z-index:1000;
}
.pic2 {
	height: 352px;
	width: 235px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
}
.pic2-1 {
	height: 235px;
	width: 352px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
	background-color: #999;
}

.pic2_2 {
	height: 352px;
	width: 235px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
}
.pic2_3 {
	height: 352px;
	width: 235px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
}
.pic2_4 {
	height: 235px;
	width: 352px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
	background-color: #999;
}
.pic2_5 {
	height: 235px;
	width: 352px;
	position: absolute;
	margin-top: 14px;
	margin-left: 14px;
	background-color: #999;
}

.page_all {
	height: 15px;
	width: 51px;
	position: absolute;
	float: left;
	margin-top: 352px;
	margin-left: 260px;
}
.page_all2 {
	height: 15px;
	width: 51px;
	position: absolute;
	float: left;
	margin-top: 236px;
	margin-left: 370px;
}

.page {
	height: 15px;
	width: 15px;
	margin-left: 2px;
	float: left;
}
.case_rl {
	height: 20px;
	width: 48px;
	position: absolute;
	margin-top: 350px;
	margin-left: 422px;
}
.project_rl {
	height: 20px;
	width: 48px;
	position: absolute;
	margin-top: 342px;
	margin-left: 490px;
}
.search_c {
	height: 335px;
	width: 15px;
	background-image: url(image/search_a.jpg);
	margin-left: 537.5px;
}

.case_right {
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 4px;
}






.search_all_bak {
background-image:url(image/project_bg.png);
    height: 616px;
    margin-top: 54px;
    position: absolute;
    width: 990px;
    z-index: 900;
	overflow:hidden;
}
  .search_all {
	width: 990px;
	position: absolute;
	float: left;
}
.pic {
	float: right;
	margin-right: 5px;
}
.search_a {
	height: 620px;
	width: 15px;
	float: left;
	position: absolute;
	margin-left: 387px;
}
.search_b {
	height: 603px;
	width: 15px;
	position: absolute;
}
.search_bg2 {
	height: 620px;
	width: 589px;
	float: left;
	position: absolute;
	margin-left: 402px;
}
.search_bg3 {
	height: 620px;
	width: 990px;
	float: left;
	position: absolute;
}
.search_bg4 {
	height: 620px;
	width: 589px;
	float: left;
	position: absolute;
}
.project_bg {
	height: 386px;
	width: 563px;
	position: absolute;
	background-image: url(image/project_bg2.png);
	margin-top: 117px;
	margin-left: 213.5px;
	z-index:1000;
}
.icon_all {
	height: 40px;
	width: 556px;
}
.project_bak {
background-image:url(image/project_bg.png);
height:616px;
width:990px;
margin-top:54px;
position:absolute;
z-index:1000;
}



.search_bg1 {
	height: 620px;
	width: 387px;
	float: left;
	background-color:#FFFFFF;
}
.search_bar2 {
	height: 20px;
	width: 26px;
	float: left;
}
.search_bar3 {
	height: 20px;
	width: 87px;
	float: left;
	margin-left: 6px;
}
.search_bar3-iput {
border-top:1px solid #cecece;
border-bottom:1px solid #cecece;
border-left:1px solid #cecece;
border-right:none;
font-size:12px;
color:#666666;
width:85px;
height:18px;
padding-left:5px;
}
.search_bar1 {
	height: 20px;
	width: 111px;
	margin-left: 13px;
	float: left;
}

.search_bar_all {
	height: 20px;
	width: 353px;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom:10px;
}
.blueline {
	height: 1px;
	width: 353px;
	margin-top: 10px;
}



.search_word {
	height: 124px;
	width: 377px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	border-bottom:1px solid #43D2F5;
}
.case_bg2 {
	height: 385px;
	width: 485px;
	position: absolute;
	margin-top: 117.5px;
	margin-left: 252.5px;
}
.case_bg {
	height: 385px;
	width: 485px;
	position: absolute;
	margin-top: 130px;
	margin-left: 453px;
	z-index:2500;
}
.search_case_bar {
	height: 53px;
	width: 370px;
	background-image: url(image/search_case_bar.png);
}
.search_case_bar_all {
	height: 530px;
	width: 387px;
	position: absolute;
	margin-top: 90px;
}
.pic3 {
	height: 41px;
	width: 57px;
	margin-left: 17px;
	padding-top: 5px;
}
.build1 {
	position: absolute;
	height: 267px;
	width: 225px;
	margin-top: 140px;
	margin-left: 436px;
	z-index: 1;
	filter: alpha(opacity=10); 
}
.build1-in {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/build1.png'); 
}
.build2 {
	position: absolute;
	height: 219px;
	width: 573px;
	margin-top: 322px;
	margin-left: 372px;
	z-index: 1;
	filter: alpha(opacity=10); 
}
.build2-in {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/build2.png'); 
}
.build3 {
	position: absolute;
	height: 211px;
	width: 409px;
	margin-top: 249px;
	margin-left: 0px;
	z-index: 1;
	filter: alpha(opacity=10); 
}
.build3-in {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/build3.png'); 
}
.build4 {
	position: absolute;
	height: 106px;
	width: 310px;
	margin-top: 407px;
	margin-left: 165px;
	z-index: 1;
	filter: alpha(opacity=10); 
}
.build4-in {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/build4.png'); 
}

.build4-2 {
	position: absolute;
	height: 245px;
	width: 295px;
	margin-top: 452px;
	margin-left: 722px;
	z-index: 1;
}
.build5 {
	position: absolute;
	height: 208px;
	width: 248px;
	margin-top: 195px;
	margin-left: 195px;
	z-index: 1;
	filter: alpha(opacity=10); 
}
.build5-in {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/build5.png'); 
}

.add1 {
	position: absolute;
	height: 35px;
	width: 37px;
	margin-top: 148px;
	margin-left: 560px;
	z-index:10;
}
.add2 {
	position: absolute;
	height: 35px;
	width: 37px;
	margin-top: 345px;
	margin-left: 665px;
	z-index:10;
}
.add3 {
	position: absolute;
	height: 35px;
	width: 37px;
	margin-top: 233px;
	margin-left: 130px;
	z-index:10;
}
.add4 {
	position: absolute;
	height: 35px;
	width: 37px;
	margin-top: 371px;
	margin-left: 313px;
	z-index:10;
}
.add5 {
	position: absolute;
	height: 35px;
	width: 37px;
	margin-top: 180px;
	margin-left: 250px;
	z-index:10;
}
.menu-btn {
float:left;
}
.menu-btn2 {
float:left;
width:114px;
}
.search_iput {
color:#666666;
font-size:12px;
width:109px;
border:1px solid #cecece;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 387px; z-index:2000;}
#scrollbar1 .viewport { width: 370px; height: 580px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar1 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar1 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar1 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar1 .disable { display: none; }

/* Tiny Scrollbar */
#scrollbar2 { width: 215px; z-index:2000;}
#scrollbar2 .viewport { width: 195px; height: 305px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar2 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar2 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar2 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar2 .disable { display: none; }


/* Tiny Scrollbar */
#scrollbar3 { width: 530px; z-index:2000;}
#scrollbar3 .viewport { width: 510px; height: 305px; overflow: hidden; position: relative; }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar3 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar3 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar3 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar3 .disable { display: none; }

/* Tiny Scrollbar */
#scrollbar4 { width: 530px; z-index:2000;}
#scrollbar4 .viewport { width: 510px; height: 305px; overflow: hidden; position: relative; }
#scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar4 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar4 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar4 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar4 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar4 .disable { display: none; }

/* Tiny Scrollbar */
#scrollbar5 { width: 530px; z-index:2000;}
#scrollbar5 .viewport { width: 510px; height: 305px; overflow: hidden; position: relative; }
#scrollbar5 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar5 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar5 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar5 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar5 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar5 .disable { display: none; }

/* Tiny Scrollbar */
#scrollbar6 { width: 530px; z-index:2000;}
#scrollbar6 .viewport { width: 510px; height: 305px; overflow: hidden; position: relative; }
#scrollbar6 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar6 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar6 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar6 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar6 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar6 .disable { display: none; }

/* Tiny Scrollbar */
#scrollbar7 { width: 455px; z-index:2000;}
#scrollbar7 .viewport { width: 440px; height: 90px; overflow: hidden; position: relative; }
#scrollbar7 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar7 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar7 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:10px; position: relative; }
#scrollbar7 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar7 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 10px; }
#scrollbar7 .disable { display: none; }

.back-show {
background-image:url(image/shadow.png); background-repeat:no-repeat; background-position:center -10px; padding-bottom:10px;
}
.back-copy {
text-align:center; color:#989a99; font-size:11px; line-height:20px; padding-bottom:15px;
}
.back-copy a {
color:#46d1f8;
}