* { padding:0; margin:0; outline:0; }
body {
	font-family: 微軟正黑體, Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#333;
	background:#000 url(images/body-t.jpg) repeat-x center 0;
}

a img { border:0; }

.notext { font-size:0; line-height:0; display:block; text-indent: -4000px; background-position:0 0; background-repeat:no-repeat; }

a { color:#63b0f7; text-decoration: none; cursor:pointer; }
a:hover { color:#ff9c00; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

h2 { font-size:25px; font-weight: bold; line-height:28px; }
h3 { font-size:18px; font-weight: bold; line-height:21px; }
h4 { font-size:14px; font-weight: bold; line-height:17px; text-transform: uppercase; color:#505f77; }
h1 {
        font-family: "微軟正黑體", "Trebuchet MS", Verdana, sans-serif;
        margin: 0 0 10px 0;
        letter-spacing:-1px;
}
h1 {
	font-size:25px; font-weight: bold; line-height:28px; 
        padding: 0;
        font-size: 3em;
        color: #333;
	width: 550px;
}



.shell { width:1000px; margin:0 auto; }
.shell-sg { width:1000px; margin:0 auto; }

#header { height:340px; background:url(images/header.jpg) no-repeat center 0; overflow:hidden;min-width:1000px;}
#header .shell{ padding:20px 0 0 10px;}
#header .left{ width:450px; }
#header .right{ width:530px; }


#footer { height:340px; background:url(images/footer.jpg) repeat-x center 0; color:#fff; }
#footer h2{ padding-bottom:5px; }
#footer .left{ width:550px; }
#footer .right{ width:350px; }
#footer p{ padding-bottom:15px; }
#footer p.copy{ background:url(images/copy.gif) no-repeat center 0; font-size:14px; color:#fff; text-align: center; padding-top:8px; margin-top:25px;line-height:20px;}
#footer p.copy a{ color:#ff6600; }

#footer .shell{ padding:15px 0; }
.links {position:relative;background:url(images/footer_10.gif) no-repeat center 0; ;font-size:15px; width:1000px;height:95px}
.links .comp_a {position:absolute;font-size:18px; width:850px;height:25px;left:140px;top:30px;}
.links .comp_b {position:absolute;font-size:18px; width:850px;height:25px;left:140px;top:60px;}
.links .comp_a a {padding:0px 10px 0px 10px;color:#fff;text-decoration: none;display:inline}
.links .comp_b a {padding:0px 10px 0px 10px;color:#fff;text-decoration: none;display:inline}

#container-sg { background:#eeeeee repeat-x 0 0;}
/*#container-sg-b { background:url(images/shadows-bottom.gif) no-repeat center bottom;}*/
#container-sg .shell-sg{ background:#fff no-repeat center 0; padding:10px 0; min-height:650px;width:1000px;}


h1#logo { font-size:0; line-height:0; width:256px; height:36px; }
h1#logo a{ display:block; height:36px; text-indent: -4000px; background:url(images/logo.png); }
h1#logo2 { font-size:0; line-height:0; width:340px; height:240px; }
h1#logo2 a{ display:block; height:240px; text-indent: -4000px; background:url(images/logo2.gif); }

p.site-info { color:#fff; font-size:16px; line-height:19px; font-weight: bold; text-transform: uppercase; padding-top:0px; }

#navigation { text-align: right; font-weight: bold; text-transform: uppercase; font-size:15px; line-height:18px; height:50px;padding:0 0 20px 0;width:500px;}
#navigation ul{ list-style-type: none; }
#navigation ul li{ display:inline; padding-left:15px; }
#navigation ul li a{ text-decoration: none; color:#fff; }
#navigation ul li a:hover,
#navigation ul li a.active { color:#ee7500; }

#twitter { width:490px; height:234px; background:url(images/news.png) no-repeat 0 0; margin:0 0 0 auto; }

.twitts { font-size:13px; line-height:17px; color:#fff; font-family: 微軟正黑體, Georgia, serif; position:relative; padding:45px 40px 0 0; margin-left:80px;}
.twitts ul{ list-style-type: none; }
.twitts ul li{ padding-bottom:5px; }
.twitts ul li a { font-size:13px; line-height:17px; }
.twitts ul li span{ color:#ffd451; }
.twitts ul li small{ font-size:10px; color:#8b8b8b; }

#youtubes { width:490px; height:320px; background:url(images/youtube.png) no-repeat 0 0; margin:-60px 0 0 auto;}

.youtube { font-size:13px; line-height:17px; color:#fff; font-family: 微軟正黑體, Georgia, serif; position:relative; padding:20px 10px 0 0; margin-left:80px;}
.youtube ul{ list-style-type: none; }
.youtube ul li{ padding-bottom:5px; }
.youtube ul li a { font-size:13px; line-height:17px; }
.youtube ul li span{ color:#ffd451; }
.youtube ul li small{ font-size:10px; color:#8b8b8b; }


a.follow-buttons { position:absolute; top:-30px; left:-109px; width:174px; height:50px; background:url(images/followme.gif) no-repeat 0 0;}
a.follow-button { position:absolute; top:-40px; left:-109px; width:174px; height:50px; background:url(images/followme.gif) no-repeat 0 0;}

.projects { position:relative; }
.projects ul{ list-style-type: none; height:270px; overflow:hidden; width:966px; position:relative; }
.projects ul li{ float:left; width:950px; height:270px; background:url(images/project.png) no-repeat 0 0; padding:8px;}
.projects ul li .project-info{ float:left; width:295px; padding:10px; }
.projects ul li .project-image{ float:right; width:615px; height:254px; position:relative; overflow:hidden; font-size:0; line-height:0;}
.projects p { padding-bottom:15px; }
.projects h4 { padding:5px 0 10px 0; }

/** jCarousel **/
.projects .jcarousel-clip { width:966px; height:270px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; width:49px; height:49px; cursor:pointer; position:absolute; top:106px; z-index:2;}
.jcarousel-prev { left:-20px; background:url(images/prev-button.png); }
.jcarousel-next { right:-20px; background:url(images/next-button.png); }

/*
.jcarousel-prev-disabled,
.jcarousel-next-disabled { display:none !important;}
*/

h2 {
	position: relative;
	height: 25px;
	margin: 0px;
	padding: 5px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

h2 span {
        position: absolute;
        width: 15px;
        height: 30px;
        left: 0px;
        top: 0px;
}



.image_wrapper {
	border: 1px solid #ffffff;
	margin-top: 0px;
	margin-bottom: 5px;
}
.fl_image {
	float: left;
	margin-right: 15px 
}

.fr_image {
	float: right;
	margin-left: 15px 
}

.sg_column {
	width: 1000px;
}
.sg_column h4 {font-size:14px; font-weight: bold; line-height:17px;height:70px;}
.sg_column h4 a { color:#000; text-decoration: none; cursor:pointer; }
.sg_column h4 a:hover { color:#ff0000; text-decoration: none; }

.sg_column_section {
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 327px;
	height: 220px;
	background: #fff;
	float:left;
	cursor: pointer;
}

.sg_column_section .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 327px;
	height: 15px;
/*	background: url(sgc-images/sg_column_section_bottom.jpg);*/
}

.sg_column_section h2 {
	background: url(sgc-images/templatemo_h2_right_02.jpg) right top no-repeat;
}

.sg_column_section h2 span {
	background: url(sgc-images/templatemo_h2_left_02.jpg) no-repeat;
}

.sg_column_section .sg_column_section_content {
	padding: 10px;
}

.sg_column_section_content p {
	margin-bottom: 10px;
}

.button_all {position: relative;margin-left:5px;margin-top: 5px;width:550px;height:40px}

.button_left{
    position: relative;
    margin:10px;
    background:url(sgc-images/fb-cont-01.png) no-repeat;
    width:110px;
    height:34px;
    margin-left:0px;
}
.button_left:hover{
   background:url(sgc-images/fb-cont-02.png) no-repeat;
}

.button_left a {position: absolute;padding:9px 0 0 13px;width:120px;font-size: 14px;font-weight: bold;text-align: center;}
.button_right {position: absolute;display: inside;width:80px;}

.button_01 a {
	position: absolute;
	display: inside;
	width: 100px;
	height: 30px;
	padding: 7px 0 0 20px;
        /*background: url(sgc-images/fb-cont.gif) no-repeat;*/
	
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.nav {
	width: 401px;
	height: 48px;
	background: url(sg-nav.gif) no-repeat;
	position: relative;
	top: 3px;
	right: 15px;
	float:right;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .home a:link, .nav .home a:visited {
		left: 23px;
		width: 84px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(sg-nav.gif) no-repeat -23px -49px;
	}
	.nav .home a:active {
		background: url(sg-nav.gif) no-repeat -23px -98px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(sg-nav.gif) no-repeat -23px -147px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 23px;
		width: 84px;
		height: 48px;
		background: url(sg-nav.gif) no-repeat -23px -49px;
	}
	.nav-home-click {
		background: url(sg-nav.gif) no-repeat -23px -98px;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 107px;
		width: 87px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(sg-nav.gif) no-repeat -107px -49px;
	}
	.nav .about a:active {
		background: url(sg-nav.gif) no-repeat -107px -98px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(sg-nav.gif) no-repeat -107px -147px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 107px;
		width: 87px;
		height: 48px;
		background: url(sg-nav.gif) no-repeat -107px -49px;
	}
	.nav-about-click {
		background: url(sg-nav.gif) no-repeat -107px -98px;
	}



	.nav .services a:link, .nav .services a:visited {
		left: 195px;
		width: 89px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(sg-nav.gif) no-repeat -195px -49px;
	}
	.nav .services a:active {
		background: url(sg-nav.gif) no-repeat -195px -98px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(sg-nav.gif) no-repeat -195px -147px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 195px;
		width: 89px;
		height: 48px;
		background: url(sg-nav.gif) no-repeat -195px -49px;
	}
	.nav-services-click {
		background: url(sg-nav.gif) no-repeat -195px -98px;
	}


	
	.nav .contact a:link, .nav .contact a:visited {
		left: 286px;
		width: 92px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(sg-nav.gif) no-repeat -286px -49px;
	}
	.nav .contact a:active {
		background: url(sg-nav.gif) no-repeat -286px -98px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(sg-nav.gif) no-repeat -286px -147px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 286px;
		width: 92px;
		height: 48px;
		background: url(sg-nav.gif) no-repeat -286px -49px;
	}
	.nav-contact-click {
		background: url(sg-nav.gif) no-repeat -286px -98px;
	}