* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background:url(images/background.gif) repeat-x;
} 

img { 
padding : 5px;
/*  border : 1px solid #caff7a;  */   /* 圖框顏色 */
} 
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 0;
margin-top : 10px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 
p { 
text-align : justify;
padding : 5px;
color : #666;
font-size : 1.1em;

} 
#wrapper { 
margin : 0 auto;   /* 版面置中 */
display:block;		  /* 框 */
border: 1px solid #dde;
} 
#sunnytec{
	background:url(images/top-big5_01.gif) no-repeat; 
	width:798px;
	height:60px;
	margin:0px;

}
#sunnytec h5{
	float:right;
}

#header { 
/* color : #333; */
float : left;
margin-left:3px;

} 
.logo h1#lineone { 
font-size : 2em;
font-weight : lighter;
font-family : helvetica, arial, sans-serif;
padding-top : 40px;
padding-left : 155px;
color : #99ff32;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
} 
.logo h1#lineone span { 
color : #0066ff;
} 
.logo h2#linetwo { 
padding-left : 155px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
top : 25px;
left : 14px;
color : #0066ff;
} 
.logo h2#linetwo a { 
color : #0066ff;
text-decoration : none;
} 
#navigation { 
float : left;
width : 800px;
height : 36px;
color : #333;
margin : 0 0 5px 0;
margin-left:3px;
background-repeat : no-repeat;
} 
#navigation { 
background: url(media/bar_bg.gif) center center repeat-x; 
/* background-color : #1f00ca; */
} 
#navigation ul { 
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #0066ff;
text-align : center;
margin : 0;
padding-bottom : 5px;
padding-top : 10px;
padding-left : 0;
} 
#navigation ul li { 
display : inline;
} 
#navigation ul li a { 
padding : 5px 10px 5px 10px;
color : #004ab2;
text-decoration : none;
border-left : 1px solid #004ab2;
border-right : 1px solid #004ab2;
margin-right : -5px;
} 
#navigation ul li a:hover { 
background: url(media/chromebg2.gif) center center repeat-x; 
/* color : #fffffe; */
} 
/*---------------Begin Left----------------*/
#left { 
color : #333;
/* border : 1px solid #4e7fb6; */
margin : 0 5px 5px 0;
float : left;
margin-right:15px;
} 
#left h3 { 
padding-left : 5px;
padding-top : 3px;
padding-bottom : 8px;
font-size : 1.4em;
font-weight : lighter;
color : #4e7fb7;
letter-spacing : -1px;
background:url(images/bar1.gif);
} 
#left table{
margin-top:20px;
font-size : 1.4em;
font-weight : lighter;
color : #4e7fb7;
letter-spacing : -1px;
}

#left ul { 
padding : 3px 0 8px 0;
} 
#left li { 
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 21px;
color : #4e7fb6;
} 
#left a { 
text-decoration : none;
color : #4e7fb8;
} 
/*----------------End Left----------------------*/
/*----------------Begin  Right------------------*/
#right{
/* border-bottom : 1px solid #4e7fb6; */
margin: 0 0 5px 0;
width:578px;
height:300px;
/* background-image : url(images/rcbg.png); */
/* background-repeat : repeat-y; */
}
#right h2 { 
/* background-image : url(images/kantun.png); */
/* background-repeat : no-repeat; */
/* background-position : 0 1px; */
padding-left : 10px;
padding-top : 5px;
font-size : 1.3em;
color : #4e7fb7;
} 
#right h4 { 
padding-left : 5px;
padding-top : 6px;
font-size : 1.3em;
color : #4e7fb7;
border-bottom : 2px solid #4e7fb7;
margin-left : 10px;
margin-right : 10px;
} 
#right p{
	padding:5px;
	/* line-height:30px;  */
}
#right .div1{
	margin-top:100px;
	margin-left:50px;
}
#right .div1 li{
	color:red;
}
/*----------------End Right-----------------------*/

#footer{
clear:both;
border : 1px solid #4e7fb6;
width:100%;
}


/*----------------Begin News----------------*/
.news{
	border:1px solid #4e7fb6;
	margin:5px;

}
.news p{
background-color : #bfd5f9;
}
.news img{
border:none;
float:left;
}
.p1{
border-bottom:3px solid #6172f4
}
/*----------------End News----------------------*/
.div2{
margin:0;
}
.div2 td{
border-bottom:1px solid;
padding:5px;
}
.div2 img{
border:none;
}


.div3{
margin:0;

}
.div3 td{
border-bottom:1px solid;
padding:5px;
background:url(images/bar1.gif);
}
.div3 img{
border:none;
}

.div4{
width:300px;
height:100px;
border:1px solid #DDE;
margin:50px 0 0 100px;
}

.div4 h3{
padding:5px;
background:url(images/bar1.gif);
}

.div4 h5{
text-align:center;
vertical-align:middle;
padding:50px;
}
.a hover{
text-decoration:underline; 
}


#inquiry{
	width:400px;
background:url(images/bg1.gif);

}
#inquiry td{
	padding:5px;

	border-bottom:1px dotted #DDE;
}

#leftcolumn { 
color : #333;
border : 1px solid #4e7fb6;
margin : 0 5px 5px 0;
height : 150px;
width : 215px;
float : left;
} 
#leftcolumn h3 { 
padding-left : 5px;
padding-top : 3px;
padding-bottom : 8px;
font-size : 1.4em;
font-weight : lighter;
color : #4e7fb7;
letter-spacing : -1px;
} 
#leftcolumn ul { 
padding : 3px 0 8px 0;
} 
#leftcolumn li { 
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 21px;
color : #4e7fb6;
} 
#leftcolumn a { 
text-decoration : none;
color : #4e7fb8;
} 
.news dddd{ 
margin-left : 5px;
width : 205px;
padding-bottom : 10px;
} 
.news p dddd{ 
margin-top : 0;
padding-left : 5px;
border : 1px solid #6172f4;
background-color : #bfd5f9;
} 
.news b dddd{ 
color : #577c81;
} 
.news em dddd{ 
line-height : 10px;
color : #0f2bff;
} 
.news h2 dddd{ 
font-family : "arial", helvetica, sans-serif;
font-size : 1.2em;
margin-top : 5px;
margin-left : 5px;
margin-bottom : 10px;
color : #679499;
} 
#rightcolumn{
	float: right;
	height : 466px;

}
#rightcolumn ddd{ 
float : right;
border-bottom : 1px solid #4e7fb6;
margin : 0 0 5px 0;
height : 466px;
width : 578px;
display : inline;
background-image : url(images/rcbg.png);
background-repeat : repeat-y;
} 
#rightcolumn h2 { 
background-image : url(images/kantun.png);
background-repeat : no-repeat;
background-position : 0 1px;
padding-left : 10px;
padding-top : 5px;
font-size : 1.3em;
color : #4e7fb7;
} 
#rightcolumn h4 { 
padding-left : 5px;
padding-top : 6px;
font-size : 1.3em;
color : #4e7fb7;
border-bottom : 2px solid #4e7fb7;
margin-left : 10px;
margin-right : 10px;
} 
#box { 
margin-top : 5px;
margin-bottom : 10px;
} 
#box p { 
font-size : 1em;
} 
#box a { 
text-align : right;
float : right;
color : #99ff33;
font-weight : bolder;
} 
.content_right { 
margin : 0 auto;
display : inline;
float : right;
width : 275px;
text-align : justify;
margin-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-top : 2px;
line-height : 1.5em;
} 
.content_left { 
margin : 0 auto;
padding : 5px;
display : inline;
float : left;
width : 275px;
text-align : justify;
line-height : 1.5em;
} 
.content_left h3 { 
padding-left : 5px;
font-size : 1.1em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #515b7b;
} 
.content_right h3 { 
font-size : 1.1em;
margin-bottom : 2px;
margin-top : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #515b7b;
} 
#footer { 
width : 800px;
clear : both;
color : #333;
border : 1px solid #4e7fb6;
margin : 0 0 10px 0;
text-align : center;
display : inline;
float : left;
padding-top : 5px;
padding-bottom : 5px;
} 
#footer p { 
font-size : 0.8em;
text-align : center;
} 
#footer a { 
color : #173aff;
text-decoration : none;

}


/**********SHADOW***************************/
.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}


/*************Navigation Menu***********************/
#cfnavbar{
margin: 0;
padding: 0;
}

#cfnavbar ul{
background: url(media/bgpink.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
background: url(media/dividerpink.gif) bottom right no-repeat;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}


#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(media/leftcornerpink.gif) bottom left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(media/rightcornerpink.gif) bottom right no-repeat;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}




/******************* pop  image view **********************/ 
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -10px; /*position where enlarged image should offset horizontally */

}