* { 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; }

.shell { 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:10px; }
#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 { background:#656b75 url(images/container-bg.gif) repeat-x 0 0;min-width:1000px; }
#container-b {  }
#container .shell{ background:url(images/shadows-top.gif) no-repeat center 0; padding:10px 0; min-height:260px; }

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


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:10px; }

#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 span{ color:#ffd451; }
.twitts ul li small{ font-size:10px; color:#8b8b8b; }

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; min-width:1000px; min-height:270px;}
.projects ul{ list-style-type: none; height:270px; overflow:hidden; width:1000px; position:relative; }
.projects ul li{ float:left; width:964px; height:270px; background:url(images/project.png) no-repeat 0 0; padding:8px;}
.projects ul li .project-info{ float:left; width:295px; padding:10px 0 0 25px; }
.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 { left:5px;width:980px; 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:0px; background:url(images/prev-button.png); }
.jcarousel-next { right:0px; 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 {position: relative;width: 1000px;margin:0 auto;}
.sg_column h4 {font-size:14px; font-weight: bold; line-height:17px;height:60px;}
.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: absolute;margin-left:5px;margin-top: 5px;width:330px;height:50px;overflow:hidden;}
.button_left{
    margin:13px;
    background:url(sgc-images/fb-cont-01.png) no-repeat;
    width:110px;
    height:34px;
    margin-left:110px;
}
.button_left:hover{
   background:url(sgc-images/fb-cont-02.png) no-repeat;
}

/*.button_left {position: relative;background:url(sgc-images/fb-cont-01.png) no-repeat;display: inside;width:120px;height:35px;margin-top: 5px;margin-left:110px;}
.button_left:hover {position: relative;background:url(sgc-images/fb-cont-01.png) no-repeat;width:120px;height:35px;} */
.button_left a {position: absolute;padding:9px 0 0 18px;width:110px;font-size: 14px;font-weight: bold;text-align: center;}
.button_right {position: absolute;width:80px;height:40px;padding:13px 0 0 230px;overflow:hidden;}

.button_01 a {
	position: absolute;
	display: inside;
	width: 100px;
	height: 40px;
	padding: 5px 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;
}