@charset "utf-8";

/*@import url(//fonts.googleapis.com/css?family=Raleway:300);*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
	width:100%;
	min-width:960px;
    *z-index:0 ;
}
a { text-decoration:none; color:#000; outline: none; }


/*--------------- Header ---------------------*/

#header {
	width:1280px;
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:9999;
	top:0;
	left:50%;
	margin:0 0 0 -640px;
	background-image: url(../images/bg_index_header.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#header h1 {
	display:block;
	width:163px;
	height:60px;
	position:absolute;
	left:50%;
	top:0;
	text-indent:-9999px;
	margin:0 0 0 -478px;
	background-image: url(../images/newsoft_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 a { display:block; width:100%; height:100%}
#navi_wrap {
	display:block;
	width:700px;
	position:absolute;
	left:50%;
	/*left:50%;*/
	top:0;
	margin:0 0 0 -350px;
	/*margin:0 0 0 -300px;*/
	padding:0;
}
#header .h_shadow {
	width:100%;
	height:10px;
	position:absolute;
	left:0;
	top:60px;
	background-image: url(../images/shadow_header.png);
	background-repeat: no-repeat;
	background-position: center top;
}


/*--------------- Pics SlideShow ---------------------*/

#slidebg {
	width:1440px;
	/*width:1280px;*/
	overflow:hidden;
	margin:0 auto;
	height:580px;
	position:relative;
}
#slidebg div.bgpic {
	width:1440px;
	/*width:1280px;*/
	height:580px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#slidebg div.bgpic a { display:block; width:100%; height:100%}
#slidedot { display:block; position:absolute; z-index:8500; width:300px; height:12px; left:50%; top:552px; margin:0; text-align:left; padding:0; overflow:hidden}
#slidedot span {
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:5px;
	background-color:none;
	overflow:hidden;
	border:1px solid #FFF;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	/*margin-bottom: 0px;*/
	margin-left: 5px;
}
#slidedot span a { display:block; width:100%; height:100%; text-indent:-9999px}


/*--------------- SlideShow Controller ---------------------*/

#slideshow_ctrlr {
	width:1280px;
	height:45px;
	position:absolute;
	z-index:5000;
	left:0;
	margin:0;
	bottom:0;
	padding:0;
	overflow:hidden;
}
#slidetitle { width:720px; height:45px; overflow:hidden; margin:0 0 0 170px;}
#slidetitle_wrap  { width:3000px; height:45px;}
#slidetitle_wrap ul { display:block; margin:0; padding:0; width:720px; float:left; height:45px;}
#slidetitle_wrap ul a { color:#FFFFFF}
#slidetitle_wrap ul li { display:block; padding:0; margin:0; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; line-height:45px;}
#slidetitle_wrap ul li.more { margin:0; width:50px; height:45px; line-height:45px; font-size:13px; font-style:italic; font-weight:normal; float:left; text-decoration:underline; margin:0 0 0 10px}
#slidetitle_wrap ul li.more a { display:block; width:100%; height:100%; color:#FFFFFF; font-weight:normal;}
#slidetitle_wrap ul li.title_eng {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:21px;
	line-height:45px;
	height:45px;
	color:#FFF;
	margin:0;
	float:left;
}
#slidetitle_wrap ul li.title_cht{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:45px;
	height:45px;
	color:#FFF;
	margin:0;
	float:left;
	margin:0 0 0 10px;
}
/*#ctrlr {
	position:absolute;
	width:200px;
	height:40px;
	left:260px;
	top:150px;
	background-image: url(https://uk.newsoft.eu.com/_img/00_index/bg_ctrlr.png);
	background-repeat: no-repeat;
	background-position: center top;
}*/

#ctrlr {
	position:absolute;
	width:90px;
	height:40px;
	left:50%;
	margin-left:-45px;
	z-index:8100;
	display:none;
	/*background-image: url(https://uk.newsoft.eu.com/_img/00_index/scroll_down.png);
	background-repeat: no-repeat;
	background-position: center top;*/
}
#ctrlr:hover { background-position: center -40px}
#ctrlr a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden}


/*--------------- Shortcuts ---------------------*/

#wrapper { width:100%; overflow:hidden; padding:0; margin:0}


/*--------------- Footer ---------------------*/

#footer {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	background-color: #e7e7e7;
}
#footer-wrap { width:940px; margin:0 auto; padding:20px 0 20px 0; overflow:hidden}
#footer-left { width:470px; float:left}
#footer-right { width:470px; float:right}
#footer ul {
	display:block;
	width:100%;
	list-style:none;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
#footer ul li {
	display:block;
	width:auto;
	list-style:none;
	height:24px;
	line-height:24px;
	font-size:12px;
	margin:0;
	float:left;
	padding:0;
	color:#6e6e6e;
}
#footer ul li a {
	color:#6e6e6e;
	text-decoration: none;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9A9DA0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#footer ul li a:link  a:visited a:active {
	color:#6e6e6e;
	text-decoration: none;
}


#footer ul li a:hover {
	color:#f57232;
	text-decoration: underline;
}

#footer ul li a.first {
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9A9DA0;
}

#footer-right select {
	float:right;
}

#footer-right select {
	color:#666;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#footer-right form {
	float:right;
	margin-bottom: 3px;
}

#footer .email { margin-left:10px; text-decoration:underline}
#footer ul li.copyright {
	color:#747474;
	font-size:11px
}
#footer ul li.copyright a {
	color:#747474
}
#footer ul li.align-right { width:100%; text-align:right}


/*--------------- Background Image IE7 / IE8 / beta ---------------------*/

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 960px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-9999;
}

@media screen and (max-width: 1280px) {

#header {
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
	margin:0;
	min-width:960px;
	background-image: url(../images/bg_index_header.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#slidebg {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	height:580px;
	position:relative;
	min-width:960px;
}
#slideshow_ctrlr {
	width:100%;
	height:45px;
	position:absolute;
	z-index:5000;
	left:0;
	margin:0;
	bottom:0;
	padding:0;
	overflow:hidden;
	min-width:960px;
}
#slidetitle { width:720px; height:45px; position:absolute; left:50%;  overflow:hidden; margin:0 0 0 -470px;}
#shortcuts_wrap { width:100%; background:#FFF; margin:0 auto; overflow:hidden;  padding:0 0 30px 0; min-width:960px;}
#slidebg div.bgpic { width:100%;}
	
}


/*--------------- Promos ---------------------*/

.promos { /*position:absolute;*/
	z-index:1;
	bottom:90px;
	overflow:hidden;
	width:100%;
	height:200px;
	margin-top: 4px; /*圖片與上方Main Banner的距離*/
}
.promos ul {
	position:relative;
	z-index:1;
	overflow:hidden;
	margin:0 auto;
	min-width:1024px;
	width:100%;
	max-width:1440px;
	/*max-width:1440px;*/
	height:200px;
	text-align:center;
}
.promos ul li { position:relative; z-index:1; float:left; overflow:hidden; margin:0; width:25%; height:200px; }
.promos ul li + li + li + li { margin-right:-.3%; *margin-right:-.5%; width:25.3%; }

.promos ul li a { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; display:block; overflow:hidden; cursor:pointer; }
.promos ul li + li a {
	/*border-left-width: 2px;*/
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #fff;
}

.promos ul li a img { position:absolute; z-index:1; left:50%; margin-left:-182px; }

.promos ul li a.left img { left:0; }
.promos ul li a.right img { right:0; left:auto; }

.promos ul li a img.wide { display:none; }

@media only screen and (min-width:1200px) {
.promos ul li a img.wide { display:block; }
.promos ul li a img.narrow { display:none; }
}


/*--------------- Search ---------------------*/

#search_wrap {
	display:block;
	width:250px;
	position:absolute;
	left:82%;
	/*left:83%;*/
	top:0;
	margin:0 0 0 -100px;
	padding:0;
}
#searchtext {
	z-index:5;
	padding-top: 32px;
}
#searchtext select {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	border: 1px solid #c0c0c0;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
}
.searchboxtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding-left: 3px;
	background-image: url(../images/searchtext_icon.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #c0c0c0;
	padding-top: 2px;
	padding-bottom: 2px;
}


/*--------------- News ---------------------*/

#news {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	background-color: #FFF;
}
#news-wrap {
	width:970px;
	margin:0 auto;
	padding:20px 0 20px 0;
	overflow:hidden;
}
#news-left {
	width:469px;
	/*width:469px;*/
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cdcdcd;
}
#news-right{
	width:450px;
	float:left;
	margin-left: 10px;
	/*margin-left: 20px;*/
}
#news ul {
	display:block;
	width:420px;
	/*width:100%;*/
	height:auto;
	overflow:hidden;
	position:relative;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 40px;
	padding: 0;
}
#news ul li {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	/*width:auto;*/
	/*height:50px;*/
	line-height:22px;
	font-size:16px;
	float:left;
	color:#707070;
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 6px;	
}
#news ul li a {
	color:#707070;
}
#news ul li a:hover {
	color:#f57232;
	text-decoration: none;
}
#news ul li.align-right { width:100%; text-align:right}
#news-left ul li { width:100%;}
#news-right ul li { width:100%;}




/*--------------- 404 ---------------------*/

#news-all {
	width:100%;
	float:left;
	/*margin-left: 20px;*/
}
#news-all ul {
	display:block;
	width:100%;
	/*width:100%;*/
	height:auto;
	overflow:hidden;
	position:relative;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 40px;
	padding: 0;
}
#news-all ul li {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	/*width:auto;*/
	/*height:50px;*/
	
	/* 1027 BAK
	line-height:22px;
	font-size:16px;
	float:left;
	color:#444;
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 6px;
	font-weight: normal;*/
}
#news-all ul li h2 {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}
#news-all ul li a {
	color:#707070;
	text-decoration: underline;
}
#news-all ul li a:hover {
	color:#f57232;
	text-decoration: none;
}
#news ul li.align-right { width:100%; text-align:right}
#news-all ul li { width:100%;}