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

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	width: 1024px;
	background-color: #000;
	font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif;
}

a:link {color: #fff}
a:visited {color: #fff}
a:active {color: #fff}
a:hover {color: #01c5ff}
a{text-decoration: none}

ul{
	list-style-type: none;
	margin: 0;
	float: left;
}

li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 50px;
	float: left;
}

li a{
	display: block;
	width: 130px;
	height: 89px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}

li a:hover{
	color: #01c5ff;
}

/*lightbox的東西以下*/
#lightbox{
	background-color:#01c5ff;
	padding: 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:url(../image/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	.AA {
	font-size: 14px;
	height: 350px;
	width: 300px;
	background-image: url(images/GG.jpg);
}
.BB {
	font-size: 14px;
	height: 350px;
	width: 300px;
	background-image: url(images/GG1.jpg);
}
.CC {
	font-size: 14px;
	height: 350px;
	width: 300px;
	background-image: url(images/GG2.jpg);
}
.box1 {
	font-size: 14px;
	width: 270px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#c table tr th #AA #box1 {
}
.aaa {
	width: 1164px;
	height: 64px;
}
.bbb {
	height: 236px;
	width: 105px;
}
.ccc {
	font-size: 14px;
	height: 236px;
	width: 746px;
}
.ddd {
	font-size: 14px;
	height: 236px;
	width: 313px;
}
.ddd {
	font-size: 14px;
	height: 236px;
	width: 313px;
}
.bbbb {
	width: 851px;
	height: 225px;
}
.eee {
	font-size: 14px;
	width: 105px;
	height: 400px;
}
.fff {
	height: 400px;
	width: 1059px;
}
.bbb {
	width: 851px;
}
.cccc {
	width: 313px;
	height: 225px;
}
.dddd {
	width: 1160px;
}
.picpic {
	font-size: 14px;
	width: 1164px;
}
.mmm {
	font-size: 14px;
	height: 100px;
	width: 1164px;
}
.mmm2 {
	font-size: 14px;
	height: 100px;
	width: 888px;
}
.mmm3 {
	font-size: 14px;
	height: 100px;
	width: 179px;
}
/*lightbox的東西以上*/

.hand {
	width: 1024px;
	height: 99px;
	float: left;
	background-image: url(../images/page_01.jpg);
}

.banner {
	width: 1024px;
	height: 218px;
	float: left;
	background-image: url(../images/page_02.jpg);
}

.project {
	width: 1024px;
	height: 58px;
	float: left;
	background-image: url(../images/page_03.jpg);
}

.main {
	width: 1024px;
	height: 758px;
	float: left;
	background-image: url(../images/page_04.jpg);
}

.mainservice {
	width: 1024px;
	float: left;
	background-image: url(../images/pageservice_04.jpg);
}

.maincommodity {
	width: 1024px;
	height: 758px;
	float: left;
	background-image: url(../images/pagecommodity_04.jpg);
}

.mainpage {
	width: 1024px;
	height: 758px;
	float: left;
	background-image: url(../images/mainpage.jpg);
}

.foot {
	width: 1024px;
	height: 84px;
	float: left;
	background-image: url(../images/page_05.jpg);
}

.footp {
	width: 1024px;
	height: 84px;
	float: left;
	margin-bottom: 10px;
}

.footservice {
	width: 1024px;
	height: 84px;
	float: left;
	margin-top: 4600px;
	background-image: url(../images/page_05.jpg);
}

.logo {
	width: 210px;
	height: 100px;
	float: left;
	margin-left: 25px;
}

.mune {
	width: 730px;
	height: 50px;
	float: left;
	margin-top: 36px;
	margin-left: 25px;
}

.titlepage {
	color: #fff;
	margin-top: 25px;
	margin-left: 300px;
}

.leftmenu {
	width: 200px;
	height: 240px;
	float: left;
	margin-left: 35px;
	margin-bottom: 30px;
}

.messagepage {
	width: 190px;
	float: left;
	margin-left: 40px;
	margin-top: 270px;
}

.messagecommodity {
	width: 190px;
	float: left;
	margin-top: 50px;
}

.textpage {
	width: 680px;
	height: 730px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	color: #fff;
	font-size: 1.3em;
}

.textpage2 {
	width: 680px;
	height: 0px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	color: #fff;
	font-size: 1.3em;
}

.fb {
	width: 88px;
	height: 88px;
	float: left;
}

.skype {
	width: 88px;
	height: 88px;
	float: left;
	margin-left: 10px;
}

.s1 {
	font-size: 1.5em;
}

.sred {
	color: #ff0000;
}

.sblue {
	color: blue;
}

.foot1 {
	color: #fff;
	margin-top: 15px;
	margin-left: 25px;
}

.foot2 {
	color: #fff;
	margin-top: 17px;
	margin-left: 625px;
}

.service0 {
	width: 680px;
}

.service1 {
	width: 680px;
	float: left;
}

.service1pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service1pic.jpg);
}

.service1text {
	width: 460px;
	float: left;
}

.service2 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service2pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service2pic.jpg);
}

.service2text {
	width: 460px;
	float: left;
}

.service3 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service3pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service3pic.jpg);
}

.service3text {
	width: 460px;
	float: left;
}

.service4 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service4pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service4pic.jpg);
}

.service14text {
	width: 460px;
	float: left;
}

.service5 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service5pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service5pic.jpg);
}

.service5text {
	width: 460px;
	float: left;
}
.service6 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service6pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service6pic.jpg);
}

.service6text {
	width: 460px;
	float: left;
}

.service7 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service7pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service7pic.jpg);
}

.service7text {
	width: 460px;
	float: left;
}

.service8 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service8pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/service8pic.jpg);
}

.service8text {
	width: 460px;
	float: left;
}

.service9 {
	float: left;
	width: 680px;
	margin-top: 50px;
}

.service9pic {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-color: #ff0000;
}

.service9text {
	width: 680px;
	float: left;
}

.line {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 1.3em;
}

.commodityinfo {
	width: 100%;
	height: 100px;
}

.box {
	width: 152px;
	height: 102px;
	float: left;
	font-size: 1em;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 100px;
	border-style: outset;
}

.pic {
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.title {
	width: 150px;
	height: 35px;
	color: #fff;
	font-size: 0.7em;
	margin-top: 8px;
	overflow: hidden;
}

.money {
	text-align: center;
	color: #ff6d6d;
	margin-top: 8px;
}

.commoditypages {
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
}

.pagesa {
	height: 55px;
	line-height: 20px;
	padding: 15px 0;
	text-align: center;
	vertical-align: middle;
	font-size: 0.5em;
}

.pagesa a {
	padding: 3px 6px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #b6b6b6;
	display: inline-block;
	background-color: #575757;
}

.producttitle {
	width: 100%;
	height: 30px;
	padding-top: 5px;
	overflow: hidden;
	font-size: 1.5em;
	margin-bottom: 15px;
}

.producttext {
	width: 100%;
	height: 200px;
	float: left;
	overflow: hidden;
}

.lefttext {
	width: 70%;
	height: 200px;
	float: left;
}

.lefttext2 {
	width: 100%;
	height: 240px;
	float: left;
	margin-top: 5px;
}

.rtext {
	width: 30%;
	height: 200px;
	float: left;
	text-align: center;
	font-size: 0.8em;
}

.rr {
	text-decoration:line-through
}

.vv {
	font-size: 1.5em;
}

.onlineinfo {
	width: 600px;
	height: 20px;
	float: left;
	margin-left: 300px;
	color: #fff;
}

.mess {
	width: 680px;
	height: 570px;
	float: left;
	margin-top: 20px;
}

.onlinetop {
	width: 680px;
	height: 40px;
	float: left;
	color: #000;
	font-size: 0.8em;
	text-align: center;
	background-image: url(../images/onlinetop.jpg);
}

.onlinetitle {
	width: 350px;
	height: 40px;
	float: left;
	margin-top: 12px;
}

.onlinefrequency {
	width: 100px;
	height: 40px;
	float: left;
	margin-top: 12px;
}

.onlinetime {
	width: 120px;
	height: 40px;
	float: left;
	margin-top: 12px;
}

.onlinename {
	width: 100px;
	height: 40px;
	float: left;
	margin-top: 12px;
}

.onlinebottom {
	width: 680px;
	height: 40px;
	float: left;
	color: #000;
	font-size: 0.8em;
	background-image: url(../images/onlinetop.jpg);
}

.onlinec {
	width: 680px;
	height: 40px;
	float: left;
	color: #000;
	text-align: center;
	font-size: 0.7em;
	background-image: url(../images/onlinec.jpg);
}

.bookinfo1 {
	width: 680px;
	height: 40px;
	float: left;
	color: #fff;
	font-size: 0.7em;
	background-image: url(../images/bookinfo1.png);
}

.booktitle {
	width: 70px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.booktitleenter {
	width: 400px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookname {
	width: 70px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.booknameenter {
	width: 100px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookinfo2 {
	width: 680px;
	height: 40px;
	float: left;
	color: #fff;
	font-size: 0.7em;
	background-image: url(../images/bookinfo1.png);
}

.booktime {
	width: 70px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px; 
}

.booktimeenter {
	width: 580px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookinfo3 {
	width: 680px;
	height: 40px;
	float: left;
	color: #fff;
	font-size: 0.7em;
	background-image: url(../images/bookinfo1.png);
}

.bookmail {
	width: 70px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookmailenter {
	width: 300px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookphone {
	width: 70px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookphoneenter {
	width: 200px;
	height: 40px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

.bookmessage {
	width: 680px;
	height: 150px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/bookmessage.jpg);
}

.bookmessagetitle {
	width: 100px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 13px;
	font-size: 0.8em;
}

.bookmessageenter {
	width: 660px;
	height: 85px;
	float: left;
	margin-left: 10px;
	font-size: 0.8em;
	overflow-x:hidden;
	overflow-y:auto;
}

.bookreply {
	width: 680px;
	height: 440px;
	float: left;
	background-image: url(../images/bookreply.jpg);
}

.bookreplytitle {
	width: 250px;
	height: 40px;
	float: left;
	margin-top: 18px;
	margin-left: 13px;
	font-size: 0.8em;
}

.bookreplyenter {
	width: 660px;
	height: 360px;
	float: left;
	margin-top: 20px;
	overflow-x:hidden;
	overflow-y:auto;
}

.contactbox {
	width: 680px;
	height: 600px;
	float: left;
	margin-top: 25px;
}

.contactpic {
	width: 300px;
	height: 400px;
	float: left;
	margin:10px 10px 10px 10px;
	background-image: url(../images/contactpic.jpg);
}

.contactinfo {
	width: 350px;
	height: 100px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/ontactinfo.jpg);
}

.contactmap {
	width: 350px;
	height: 290px;
	float: left;
}

.contactx {
	width: 660px;
	height: 160px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../images/contactx.jpg);

}

.contactspan {
	width: 330px;
	float: left;
	margin-top: 45px;
	margin-left: 10px;
	font-size: 0.8em;
	text-align: center;
}

.newspagetime {
	width: 680px;
	height: 40px;
	float: left;
	color: #676767;
}

.newspagetitle {
	width: 680px;
	height: 40px;
	float: left;
}

.newspagetext {
	width: 680px;
	height: 650px;
	float: left;
	overflow-x:hidden;
	overflow-y:auto;
}

.regenerate {
	font-size: 0.5em;
}

.bookenterbox {
	width: 680px;
	height: 500px;
	float: left;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/bookenterbox.jpg);
}

.xxlistback {
	margin-left: 580px;
}