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-y:auto;overflow-x:hidden; }
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%; }
#sjmenuIfram{ width:auto; z-index: 25; }
#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{
	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;
	visibility: hidden;
}
.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; }
.titb1{margin-left:486px; }
.titb2{margin-left:586px; }
.buttonsc{position:relative;z-index:100;left:0; }
.buttonsc ul{list-style:none; }
.buttonsc li {float:left;position:relative; }
.buttonsc ul ul {
	position:absolute;
	top:0;
	left:0;
	visibility: hidden;
}
.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;
	height: 163px;
}
.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; }
.item2 li a:hover{display:block;padding:2px;margin:0;color:#d60309;text-decoration:none; white-space:nowrap; }
.item1 ol{ margin-left:-45px;}
.item1 li a{display:block;padding:3px;margin:0;color:#fff;text-decoration:none; }
.item1 li a:hover{display:block;padding:3px;margin:0;color:#d60309;text-decoration:none; }
.item3 li a:hover, .item2 li a:hover, .itemr li a:hover{display:block; }
/*.item1 li .bg a:hover{width:180px;background-color:#232323;}
.item1 li .bg a{width:180px;background-color:#232323;}*/
.menu ul ul li {clear:both;text-align:left;font-size:12px; }
.menu ul ul li a{display:block;width:50px;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:#fff; }


/* 向上版本 第二層選單 朗伊 20090417*/
.menu ul ul ol{
	visibility:hidden;
	position:absolute;
	left:110px;
	top:-25px;
	line-height: 12px;
	height: 175px;
	z-index: 100;
}
.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:0px; }
.item1{
	top:-80px;
	left:-3px;
}
.itemi{top:194px;left:0; }

#itemlist{
	clear:both;
	height:330px;
	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://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:#bb0208; white-space:nowrap; font-size:14px; height:28px; line-height:28px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.push { height: 20px; }
#links {text-align:center; margin:5px; padding:0; }
#links a {color:#454545; text-decoration:none; }
#links a:hover {color:#999999; }

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

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

#all {width: 90%; min-width:777px; height: 300px; margin:0 auto; padding:0; }
#allpp {width: 90%; min-width:777px; height: 300px; margin:0 auto; padding:0; background-image: url(http://www.sjcorp.com.tw/images/pp-draw2.jpg); background-repeat: no-repeat; background-position: right top; }

#left { float: left;width:293px; }
#left_contact { float: left;width:330px; }
#leftpweb { float: left;width:160px; }

#right {margin-left:320px; }
#rightpweb {margin-left:180px; }

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

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

*+html .word{     // IE7 only
font-size:small; line-height:22px; color:#FFFFFF; margin-top: 20px;
margin-left:10px;
}


.certificate{ width:100%; height:1000px; text-align:center; margin-top:50px;}

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 dt {margin:0; padding:5px 0; }
#list dd {margin:0 0 0 23px; padding:5px 0; }
#list a:hover {color:#999999; }

.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://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://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://www.sjcorp.com.tw/images/service.jpg); background-repeat: no-repeat; background-position: left top; }
.marketing-bk { background-attachment: scroll; background-image: url(http://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://www.sjcorp.com.tw/images/web-bk.jpg); background-repeat: no-repeat; background-position: left top; }
.service-bk { background-attachment: scroll; background-image: url(http://www.sjcorp.com.tw/images/service.jpg); background-repeat: no-repeat; background-position: left top; }

.business { background-attachment: scroll; background-image: url(http://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://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://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: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A2A2A2; }
.p12_red { font-family: Verdana, 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: #2c2c2c;
	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;background-color: #2C2C2C; }
.ff_debug{width:100%;clear:both;height:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */