/*--------- 回頂部TOP -----------*/
.scrollup {
	width:103px;
	height:103px;
	opacity: 0.9;
	position: fixed;
	bottom: 100px;
	right: 100px;
	display: none;
	text-indent: -9999px;
	background:url(images/top.png) no-repeat;
	z-index:99;
}

#wrapper{
	margin:0 auto;
	}
#header{
	margin:0 auto;
	background-image:url(images/header.gif);
	background-position:center center;
	height:560px;
	}
#fooder{
	margin:0 auto;
	}
.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 1;
	opacity: 1;
	}
.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
.footer {
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	line-height: 18px;
	}
a.footer:hover  {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
}

#photos { 
    position: relative; 
    width: 1280px; 
    height: 560px; 
    padding: 0px; 
}

#photos img {
	position: absolute;
	top: 0px;
	left:0px;
	}
	

/**SC*/
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: #023D79;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/**SC banner-276x156*/

.view-big {
	width: 276px;
	height: 156px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;



   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	left: 0;
	top: 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	background-color: #023D79;
}
.view-big .mask,.view-big .content {
   width: 276px;
   height: 156px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view-big img {
   display: block;
   position: relative;
 }
.view-big a.info {
	display: block;
	text-decoration: none;
 　  width: 236px;
	height: 56px;
	padding: 50px 20px;
    color: #fff;
	text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view-big a.info: hover {
   -webkit-box-shadow: 0 0 2px #000;
   -moz-box-shadow: 0 0 2px #000;
   box-shadow: 0 0 2px #000;
}

/**DW*/
.view1-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view1-fifth .mask {
   background-color: #00969E;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view1-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view1-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view1-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view1-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view1-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/** DW banner-276x156*/

.view1-big {
	width: 276px;
	height: 156px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;




   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	left: 0;
	top: 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	background-color: #00969E;
}
.view1-big .mask,.view1-big .content {
   width: 276px;
   height: 156px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0px;
}
.view1-big img {
   display: block;
   position: relative;
 }
.view1-big a.info {
	display: block;
	text-decoration: none;
 　  width: 236px;
	height: 56px;
	padding: 50px 20px;
    color: #fff;
	text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view1-big a.info: hover {
   -webkit-box-shadow: 0 0 2px #000;
   -moz-box-shadow: 0 0 2px #000;
   box-shadow: 0 0 2px #000;
}

/** txt*/

.style1 {
    text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	font-family: "微軟正黑體";
	color:#000000;
}
.style1:hover  {
	font-size: 16px;
	font-weight: bold;
	font-family: "微軟正黑體";
	color:#009999;
}
.style2 {
	font-size: 14px;
	font-family: "微軟正黑體";
	color:#666666;
}

.style3 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif, "新細明體", "細明體", "微軟正黑體";
	color: #000000;
	line-height:25px;
}
.tb-style1 {	border-top-style: none;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #999999;
}

.money {
	font-size: 15px;
	font-family: "微軟正黑體";
	color:#F00;
}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0px 22px;
    border: 1px solid #401ac9;
    border-radius: 8px;
    background: #7830ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#7830ff), to(#401ac9));
    background: -moz-linear-gradient(top, #7830ff, #401ac9);
    background: linear-gradient(to bottom, #7830ff, #401ac9);
    text-shadow: #260f77 1px 1px 1px;
    font: normal normal bold 15px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid ##4b1eed;
    background: #903aff;
    background: -webkit-gradient(linear, left top, left bottom, from(#903aff), to(#4d1ff1));
    background: -moz-linear-gradient(top, #903aff, #4d1ff1);
    background: linear-gradient(to bottom, #903aff, #4d1ff1);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #401ac9;
    background: -webkit-gradient(linear, left top, left bottom, from(#401ac9), to(#401ac9));
    background: -moz-linear-gradient(top, #401ac9, #401ac9);
    background: linear-gradient(to bottom, #401ac9, #401ac9);
}