* { margin:0; padding:0;}
body { background:url(../images/body-tail.gif) repeat-x top #777; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#252525; min-width:886px;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

/* add by candy */

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form { float:right; padding-top:60px;}
#form span { display:block;  width:181px; height:25px; float:left; padding-left:9px;}
#form .form a.link { float:left; margin-left:3px;}
#form input {background:none; border:1;  line-height:1.08em; vertical-align:top; color:#5c5c5c; font-size:.95em; padding-top:6px; width:173px;}
#form a { color:#b4b4b4; font-size:1em;}

#form1 { width:173px;}
#form1 .form { height:48px;}
#form1 label { display:block;}
#form1 input {width:163px; padding:1px 3px 1px 3px; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5;}
#form1 textarea { width:163px; height:238px; overflow:auto; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5; border-right:1px solid #cad2d5; padding:1px 3px 0 3px; margin-bottom:31px;}

/*=== for google search ===*/
#somewhere_else { margin-left:20px; margin-right:20px;} 

/*==================list====================*/
ul { list-style:none;}

#header ul { padding-right:2px; float:right;}
#header ul li { float:left; text-transform:uppercase; font-size:1em; border-right:1px solid #959595; padding-right:7px; margin-right:7px; line-height:1.2em;}
#header ul li a {
	text-decoration:none;
	color:#959595; /*原#525252 */
}
#header ul li a:hover { color:#fff;}
#header ul li.last { border-right:0; margin-right:0; padding-right:0;}


.site-nav { width:100%; overflow:hidden; padding-bottom:10px;}
.site-nav li { float:left; font-weight:bold; font-size:.92em; text-transform:uppercase; background:url(../images/divider.gif) no-repeat right top; padding-right:2px;}
.site-nav li a { display:block; color:#fff; background:url(../images/nav-tail.gif) repeat-x; text-decoration:none; width:117px; text-align:center;}
.site-nav li a span { display:block;}
.site-nav li.first a span { background:url(../images/nav-left.gif) no-repeat left top;}
.site-nav li.last a span { background:url(../images/nav-right.gif) no-repeat right top;}
.site-nav li.first a,
.site-nav li.last a { 
	padding:0; width:115px;
}
.site-nav li a,
.site-nav li.first a span,
.site-nav li.last a span { 
	padding:15px 0;
}
.site-nav li.last { background:none; padding-right:0;}
.site-nav li a:hover,
.site-nav li a.act { 
	background:url(../images/nav-act-tail.gif) repeat-x top;
}
.site-nav li.first a:hover span,
.site-nav li.first a.act span { 
	background:url(../images/nav-act-left.gif) no-repeat left top;
}
.site-nav li.last a:hover span,
.site-nav li.last a.act span { 
	background:url(../images/nav-act-right.gif) no-repeat right top;
}

.sitepos { width:100%; overflow:hidden; padding-bottom:15px; color:#2168D3}

.list { padding-bottom:20px;}
.list li { padding:0 0 8px 20px; background:url(../images/main/arrow43.gif) no-repeat left 6px;}
.list li a {color:#1f8ad5;	text-decoration: none;}
.list li a:hover{text-decoration:underline;}

/*== 若為activ 頁面時,display 不同狀況 ==*/
.list li a.act{
	border-style: none;
	background-color: #C4DFFD;
}

.list1 li cite {
}
.list1 li h4 { text-align:right;}


/*==================other====================*/
.img-box img { margin-bottom:20px; display:block;}
.img-box2 { width:100%; overflow:hidden;}

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 15px 5px 0;}
.img-box2 img { float:right; margin:0 0px 5px 15px;}
.img-box1 h5 { margin-bottom:0;}

.p1 { margin-bottom:32px;}
.p2 { margin-bottom:22px;}
.p3 { margin-bottom:15px;}

.phone { float:right;}


/*==================txt, links, lines, titles====================*/
.txthead {font-size:1em;margin-bottom:20px;	line-height:1.54em;	
color: #000066;	font-weight: bold;
}

.txtcont1{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #666666; /*666699*/
}

.txtcont3{
	color:#FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.txt2 {
	color:#CA5100
}
.txt3 {
	color:#000066
}
.txt1 { font-size:1em; font-weight: bold}

a {
	color:#1f8ad5;
	/*	outline:none;*/
	text-decoration: underline;
}
a:hover{
	text-decoration:none;
}
.style13 {
	font-size: 11px;
	color: #666666;
}

.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}

.style13 {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}


h3 {
	color:#1a1a1a;
	font-size:1.46em;
	line-height:1.6em;
	font-weight:bold;
	margin-bottom:25px;
}
h4 { font-size:1em; margin-bottom:20px; line-height:1.54em;}
h5 { font-size:1em; font-weight:normal; font-style:italic; margin-bottom:20px; line-height:1.54em;}
h6 { font-size:1em; margin-bottom:10px; margin-top:10px; line-height:1.54em;}


.link1-idx { display:block; float:left; background:url(../images/link1-left.gif) no-repeat left top #1f8ad5; color:#fff; text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}
.link1-idx b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:16px 18px 17px 19px;}
.link1-idx:hover { text-decoration:underline;}

.link2-idx { display:block; float:left; background:url(../images/link2-left.gif) no-repeat left top #fff; color:#1d1d1d; text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}
.link2-idx b { display:block; background:url(../images/link2-right.gif) no-repeat right top; padding:16px 23px 17px 23px;}
.link2-idx:hover { text-decoration:underline;}


/*.link1 { display:block; float:left; background:url(../images/product/ph1.gif) no-repeat ;text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}*/
/*.link1 b { display:block; background:url(../images/ii.gif) no-repeat right top; padding:13px 18px 13px 15px;}
.link1:hover { text-decoration:underline;}
*/
/*.link2 { display:block; float:left; background:url(../images/ii.gif) no-repeat ; text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}
.link2 b { display:block; background:url(../images/ii.gif) no-repeat right top; padding:13px 23px 13px 15px;}
.link2:hover { text-decoration:underline;}*/

.divider1 { background:url(../images/divider1.gif) repeat-y 197px 0;}
.divider2 { background:url(../images/divider1.gif) repeat-y 414px 0;}
.divider3 { background:url(../images/divider1.gif) repeat-y 630px 0;}
.divider4 { background:url(../images/divider1.gif) repeat-y 568px 0;}
.divider5 { background:url(../images/divider1.gif) repeat-y 210px 0;}
.divider6 { background:url(../images/divider1.gif) repeat-y 600px 0;}


/*==================boxes====================*/
.cont-box {
	width:100%;
	background:#fff;
}
.cont-box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
.cont-box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
.cont-box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;}
.cont-box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom; }
.cont-box .inner { padding:0 29px 58px 29px;}
.cont-box .top { height:128px;}
.cont-box .top .logo { float:left; padding-top:35px;}

.slogan-box-idxc { width:827px; height:415px; background:url(../images/xloupe-bgc.gif) no-repeat left top; margin-bottom:15px; position:relative;}
.slogan-box-idxe { width:827px; height:415px; background:url(../images/xloupe-bge.gif) no-repeat left top; margin-bottom:15px; position:relative;}

/*.slogan-box-idx span { position:absolute; left:60px; top:106px;}
.slogan-box-idx .buttons { position:absolute; top:263px; left:58px; width:100%;}*/

/*.slogan-box { width:827px; height:300px; background:url(../images/product/ph2.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box span { position:absolute; left:60px; top:106px;}
.slogan-box .buttons { position:absolute; top:240px; left:58px; width:100%;}
*/

.slogan-box-a {
	width:827px;
	height:300px;
	background:url(../images/product/pha1.gif) no-repeat left top;
	margin-bottom:10px;
	position:relative;
	background-image: url(../images/product/pha1.gif);
}
.slogan-box-a .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-a-e { width:827px; height:300px; background:url(../images/product/pha1e.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-a-e .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-g { width:827px; height:300px; background:url(../images/product/phg1.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-g .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-g-e { width:827px; height:300px; background:url(../images/product/phg1e.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-g-e .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-c { width:827px; height:300px; background:url(../images/product/phc1.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-c .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-c-e { width:827px; height:300px; background:url(../images/product/phc1e.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-c-e .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-m { width:827px; height:300px; background:url(../images/product/phm1.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-m .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-m-e { width:827px; height:300px; background:url(../images/product/phm1e.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-m-e .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-u { width:827px; height:300px; background:url(../images/product/phu1.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-u .buttons { position:absolute; top:240px; left:58px; width:100%;}

.slogan-box-u-e { width:827px; height:300px; background:url(../images/product/phu1e.gif) no-repeat left top; margin-bottom:10px; position:relative;}
.slogan-box-u-e .buttons { position:absolute; top:240px; left:58px; width:100%;}

/*header*/
#header .indent { padding-top:40px;}
#header .fleft { color:#525252; font-size:.85em; text-transform:uppercase; line-height:1em;}

/*content*/
#content p,
#content cite { 
	line-height:1.54em;
}
#content .indent { padding-bottom:30px;}

/*footer*/
#footer p { font-size:.92em; color:#fff; padding:14px 0 0 29px;}
#footer p a { color:#fff; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*================== index.html ================*/
#page1 #content .site-nav { padding-bottom:5px;}