div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
fieldset, img ,table{border: 0; }
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
a{text-decoration: none;color:#FFFFFF; cursor:pointer;}
:focus {outline: 0;}
img{border:0;}
html{overflow:auto;}
html, body { height: 100%; }
body{color:#454545;background-color:#000; margin:0 auto;padding:0;}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; 
}
#header{height:151px;width:100%;background-color:#232323;}
#logo{
	padding:39px 0 0 39px;
	float:left;
}
#sjw{float:right;}
.imgs{padding-top:69px;float:left;}
#sjmenu{background-color:#111;clear:both;
	float:left;
	width:100%;}

#wlist{clear:both;height:360px;width:100%;overflow: auto;overflow-y: hidden;position:relative;}
#wlist a{display:block;padding:0;margin:0;text-decoration:none;color:#fff;}
#wlist a:hover{background:none;display:block;color:#fff;}
.wmenu{position:relative;}
.wmenu span{visibility:hidden; position:absolute;top:0; left:50%; text-decoration: none; height:100%; width:50%; background-color: #000; color:#fff; filter:alpha(opacity=80); opacity:0.8;}
.wmenu a:hover span,.wmenu:hover span{visibility:visible;color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 18px;}
#sjtext{text-align: left; width:92%; padding-top:30px; padding-left:20px;}

.titb{margin-left:386px;}
.buttonsc{position:relative;z-index:100;left:0;}
.buttonsc ul{list-style:none;}
.buttonsc li {float:left;position:relative;}
.buttonsc ul ul {visibility:hidden;position:absolute;top:0;left:0;}
.buttonsc table {position:absolute; top:0; left:0;}
.buttonsc ul li:hover ul, .buttonsc ul a:hover ul{visibility:visible;}
.buttonsc a{display:block;}
.buttonsc ul li a:hover{visibility:visible;}
.buttonvideo li{padding:15px 5px 0 0;}

.buttonmore{ position:relative;z-index:102;width:auto;}
.buttonmore ul{list-style:none; background-color:#2C2C2C;}
.buttonmore li {float:left;position:relative; padding-right:5px;}
.buttonmore ul ul {visibility:hidden;position:absolute;top:15px;left:0;width:225px;}
.buttonmore table {position:absolute; top:0; left:0;}
.buttonmore ul li:hover ul,.buttonmore ul a:hover ul{visibility:visible;}
.buttonmore a{display:block;}
.buttonmore ul li a:hover{visibility:visible;}

.rmenu{background-color:#111; padding-left:40px; position:relative;z-index:100;}
.rmenu ul{list-style:none;}
.rmenu li {float:left;position:relative;}
.rmenu ul ul {visibility:hidden;position:absolute;top:0;left:132px;width:300px;}
.rmenu table {position:absolute; top:0; left:0;}
.rmenu ul li:hover ul,.rmenu ul a:hover ul{visibility:visible;}
.rmenu a{display:block;}
.rmenu ul li a:hover{visibility:visible;}



.menu{background-color:#111; padding-left:240px; position:relative;z-index:50;}
.menu ul,.menu ol{list-style:none;}
.menu li {float:left;position:relative;padding:0 20px 0 15px;}
.menu ul ul{visibility:hidden;position:absolute;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}
.item2 li a{display:block;padding:2px;margin:0;color:#fff;text-decoration:none; white-space:nowrap;}
.item1 li a{display:block;padding:3px;margin:0;color:#fff;text-decoration:none;}
.item3 li a:hover, .item2 li a:hover, .item1 li a:hover, .itemr li a:hover{display:block;}
.menu ul ul li {clear:both;text-align:left;font-size:12px;}
.menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;}
.menu ul ul li a:hover{border:0;}
.menu a{display:block;padding:0;margin:0;color:#fff;text-decoration:none;}
.menu a:hover{background:none;display:block;color:#ff0000;}


/* 向上版本 第二層選單 朗伊 20090417*/
.menu ul ul ol{visibility:hidden;position:absolute;left:110px;top:-25px;line-height: 12px;height: 12px;}
.menu ul ul li:hover ol,.menu ul ul a:hover ol{visibility:visible;}
.menu ul ul ol li a:hover{border:0; white-space:nowrap;font-size:13px;}
.menu ul ul ol li a{font-size:13px; white-space:nowrap;}


/* 向上版本 第三層選單 朗伊 20090424*/
.menu ul ul ol span{visibility:hidden;position:absolute;top:0; left:14px;background-color:#232323;width:150px;}
.menu ul ul ol li a:hover span,.menu ul ul ol li:hover span{visibility:visible;}
.menu ul ul ol span a:hover{border:0;}


/* 向上版本 每組向上請修改宣告幾組 朗伊 20090417*/
.rmenu ul ul ol {visibility:hidden;position:absolute;top:0;}
.rmenu ul ul li a:hover ol,.rmenu ul ul li:hover ol{visibility:visible;}
.rmenu ul ul ol  a:hover{border:0;}

.itemmenu{position:relative;}
.itemmenu span{visibility:hidden;position:absolute;top:0; left:0;}
.itemmenu a:hover span,.itemmenu:hover span{visibility:visible;}


.itemr{top:0;left:0;}
.item3{top:0;left:0;}
.item2{top:-138px;left:-5px;}
.item1{top:-136px;left:-5px;}
.itemi{top:194px;left:0;}

#itemlist{clear:both;height:420px;width:100%;overflow: auto;overflow-y: hidden;position:relative;}
#itemlist a{display:block;padding:0;margin:0;text-decoration:none;}
#itemlist a:hover{background:none;display:block;}
#slider1{width:100%;height: 16px;background-color: #313131;position: absolute;z-index:10;display:none;}
#indicator{width: 133px;height:12px;margin:2px 0 2px 0;background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/scroll.jpg);position: absolute;cursor:pointer;overflow: hidden;}
.brs{clear:both;	float:left;	height: 0;}
.chimg{padding:3px 0 2px 0;	display:block;	background-color:#232323;	color:#fff;	white-space:nowrap;	font-size:14px;	height:24px;	line-height: 24px;	font-family: Arial, Helvetica, sans-serif;}
.push {	height: 20px;}
/*SEO部門請不要亂改我的CSS定位*/
.seolink {text-align:center; margin:5px; padding:0;}
.seolink a {color:#454545; text-decoration:none;}
.seolink a:hover {color:#999999;}

.footer {	height: 20px;font-size:12px;	width:95%;	margin: -20px auto;	color: #666;	text-align: center;	vertical-align: bottom;} 

#top_word {width:100%; height:95px;}

#all {width: 90%; min-width:777px; height: 300px; margin:0 auto; padding:0;}

#left {	float: left;width:293px;}
#left_contact {	float: left;width:360px;}

#right {margin-left:320px;}

#word-draw{	height: 47px;padding-bottom: 12px;}

.word{font-size:small; line-height:22px; color:#FFFFFF; margin-top: 20px;}

h1 {font-size:15px; font-weight:lighter; margin:15px 0 0 0; padding:0;}

#list {color:#FFFFFF; line-height:10px;}
#list dl {margin:10px; padding:0;}
#list dd {margin:0 0 0 23px; padding:0;}
#list a:hover {color:#999999;}
#list table {position:absolute;}

.light {font-size:small;color:#FFFFFF;font-weight: bold;}
.english {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}
.video-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/video_bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.graphic-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/grapsic-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.service-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/service-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.marketing-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/marketing-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.web-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/web-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.business {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/business-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.stategy-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/strategy-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contact-bk {
	background-attachment: scroll;
	background-image: url(http://hd.hdv.tw/img/www.sjcorp.com.tw/images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sj_build {	float: left;	height: 376px;	width: 247px;}
#sj_team {	float: left;	clear:right;	height: 376px;	width: 631px;}
.p13_white {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #ffffff;	text-decoration: none;}
.p12_gray {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #A2A2A2;}
.p12_red {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #EB0000;}
.p12_white {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;}

#bg{	width:707px;	height:485px;	background-color: #2C2C2C;	border: 1px solid #5B5B5B;	}
#linkbg{position: absolute;top:0;left:0;background-color:#000;display:none;z-index:1000;}
#linkshow{position: absolute;top:0;left:0;display:none;z-index:1001;}
#page_bg{clear:both;	margin:auto; width:660px; height:425px;	background-color: #171717; 	text-align: center;}
#page_photo{	margin:auto;	width:640px;	height:360px;	padding: 10px 10px 4px 10px;}
#photo{	margin:auto;	width:640px;	border: 1px solid #4E4E4E;}
#page_voice{	margin:auto;	width:642px;	height:38px;}
.ff_debug{width:100%;clear:both;height:0;}