@charset "utf-8";
/* CSS 200902 version 01 */
body{
	margin:5px 0 0 0;	padding:0; height:100%;
	color:#333333; text-align:center; font-family:微軟正黑體, Arial, 新細明體, verdana ,Helvetica, sans-serif;
	background:#8a18d5 url('../img/l/bg.jpg') repeat-y center;
}
form, img{ margin:0; padding:0;	}
br{	clear:both;	}
a{	color:#c40463; text-decoration:none;	}
a:hover{	color:#c40463; text-decoration:underline;	}
div.spacer{ margin:0 10px; padding:0; height:0; clear:both; font-size:0em; overflow:hidden; }
div.gototop{ margin:0 2px 16px 2px; padding:0; text-align:right; }
span.engnum{ letter-spacing:0; }

#header_t{
	display:block; margin:0; padding:0;
	height:1px; overflow:hidden;
	background:#7b15be url('../img/l/header_t.jpg') no-repeat top center;
}
#header_b{
	display:block; margin:0; padding:0;
	height:26px; overflow:hidden;
	background:#8a18d5 url('../img/l/header_b.jpg') no-repeat top center;
}
#sitetree{
	display:block; margin:0 auto; padding:0; 
	width:860px; height:26px;
	color:#FFFFFF; line-height:26px; font-size:0.8em; text-align:left; font-family:Verdana, 微軟正黑體, Arial, 新細明體, Helvetica, sans-serif;
}
#sitetree a{
	color:#FFFFFF;
	margin:0 4px 0 4px;
}
#sitetree a.home{
	margin:0 4px 0 2px;
}
#sitetree a:hover{
	text-decoration:underline;
}

#header{
	display:block; margin:0 auto; padding:0; 
	width:100%; height:104px;
	background-color:#FFFFFF;
}
#headerInside{
	display:block; margin:0 auto; padding:0; 
	width:860px; height:106px;
}

#logo{
	padding:0; margin:8px 0 0 0;
	height:95px; width:200px; overflow:hidden;
	display:inline; float:left;
	text-align:left;
}
#logor{
	display:inline; float:right; padding:0; margin:0 4px 0 0;
	width:620px;
	text-align:right;
}
#tmenu{
	display:inline; float:right; padding:0; margin:-1px -7px 0 0;
	width:110px; height:46px; overflow:hidden;
	text-align:right;
}
#lmenu{
	margin:10px 7px 0 0; padding:0;
	height:12px; overflow:hidden;
	list-style:none;
}
#lmenu li{
	display:inline; float:right;
	margin:0 0 0 11px; padding:0 0 0 11px;
}
#lmenu li.first{
	margin:0; padding:0;
	background:none;
}

/* main menu style */
#mmenu{
	margin:0 auto; margin-top:19px; padding:0; display:block;
	list-style:none; overflow:hidden;
}
#mml{
}
#mmr{
	margin:0; padding:0; overflow:hidden;
	display:inline; float:right;
}
dl.dropdown{
	padding:0; margin:0 0 0 17px;
	display:inline; float:left;
}
dl.dropdown dd{
	padding:0; margin:0;
	position:absolute;
	overflow:hidden;
	display:none;
	width:96px;
	z-index:200;
	opacity:0;
}

/* main area style */
#main{
	margin:0; padding:0; display:block;
	min-height:300px;
	background-color:#FFFFFF;
}
#mainInside{
	display:block; margin:0 auto; padding-top:17px;
	width:860px;
}

/* footer */
#footer{
	display:block; margin:0 auto; margin-top:4px; padding:0;
	background-color:#000;
}
#footerInside{
	display:block; margin:0 auto; padding:0; padding-top:26px;
	width:860px; height:114px; overflow:hidden;
}
#footerLeft{
	padding:0; margin:0;
	width:428px; display:inline; float:left;
	text-align:left; vertical-align:bottom;
	font-size:0.7em; line-height:1.4em; font-weight:normal; text-align:left;
	color:#FFFFFF;
}
#footerRight{
	padding:0; margin:0;
	width:428px; display:inline; float:right;
	font-size:0.7em; line-height:1.0em; font-weight:normal; text-align:right; vertical-align:bottom;
	color:#848484;
}
#footerToTop{
	margin:0 0 34px 0;
}
#footerLeft a{
	margin:0 12px 0 0;
}
#footerRight a{
	margin:0 12px 0 0;
	color:#848484; text-decoration:none;
}
#footerRight a.last{
	margin:0 0 0 0;
}
#footerRight a:hover{
	color:#FFF; text-decoration:none;
}
#footer br{
	clear:none;
}

/* inner parts structure & styles */
#left{
	margin:12px 0 0 0; padding:0;
	display:inline; float:left; text-align:left;
	width:195px; overflow:hidden;
}
#right{
	margin:0; padding:0;
	display:inline; float:right;
	width:650px; overflow:hidden;
	text-align:left;
}
#full{
	margin:0; padding:0;
	display:block;
	text-align:left;
}
#left h1,
#right h1,
#full h1{
	display:block;
	margin:0 0 2px 0; padding:0;
}
#left h1.news{
	margin:0 0 0 0;
}
#right h2{
	display:block; height:30px;
	margin:0 0 3px 0; padding:0;
	font-size:1em; line-height:30px;
	color:#c7136c; font-weight:bold; text-indent:22px; text-decoration:none; line-height:30px;
	background:#FFF url('../img/l/h2_l.jpg') no-repeat top left;
}
#right h2 a{
	display:block; height:30px;
	margin:0; padding:0;
	color:#c7136c; font-weight:bold; text-indent:22px; text-decoration:none; line-height:30px;
}
#right h2 a:hover{
	color:#c7136c;
	text-decoration:none;
}
#right h3{
	display:block; height:26px;
	margin:0 0 5px 0; padding:0;
	font-size:0.9em; line-height:26px;
}

div.block{
	display:block;
	margin:0 0 16px 0; padding:0;
	text-align:left;
}
body.en_us div.block{
	font-size:0.8em;
}

/* horizontal & vertical dotted line style */
div.dottedh{
	display:block;
	margin:0 0 15px 0; padding:0;
	height:1px;
	background:#FFF url('../img/l/dotted.jpg') repeat-x top left;
}
div.dottedv{
	display:block;
	margin:0 0 16px 0; padding:0;
	height:1px;
	clear:both;
	background:#FFF url('../img/l/dotted.jpg') repeat-y top left;
}

/* gototop */
div.gototop{
	display:block; clear:both;
	height:16px; overflow:hidden;
	margin:0 0 10px 0; padding:0;
	text-align:right;
}

/* list on LHS */
ul.lhsList{
	list-style:none;
	margin:0; padding:0;
}
ul.lhsList li{
	margin:0 0 1px 0; padding:0;
	display:block;
	width:195px; height:30px; overflow:hidden;
}
ul.lhsList li a{
	display:block;
	background:#ededed url('../img/l/iteml_bg.jpg') no-repeat top left;
	color:#414141; font-size:0.9em;	line-height:30px; text-decoration:none; text-indent:30px;
}
body.en_us ul.lhsList li a{
	font-size:0.75em;
}
ul.lhsList li a:hover{
	background:#000000 url('../img/l/iteml_bg_over.jpg') no-repeat top left;
	color:#FFFFFF; text-decoration:none;
}

/* list on RHS */
ul.rhsList{
	list-style:none;
	margin:0 -20px 0 0; padding:0;
}
ul.rhsList li{
	margin:0 10px 0 0; padding:0;
	display:inline; float:left;
	width:210px; height:120px; overflow:hidden;
}
ul.rhsList li.last{
	margin:0 0 0 0;
}

/* rhsClientList */
ul.rhsClientList{
	list-style:none;
	margin:0 -20px 0 0; padding:0;
}
ul.rhsClientList li{
	margin:0 10px 18px 0; padding:0;
	display:inline; float:left;
	width:210px; height:160px; overflow:hidden;
}
ul.rhsClientList li img{
	margin:0 0 4px 0; padding:0;
	display:block;
	width:210px; height:140px; overflow:hidden;
}
ul.rhsClientList li.last{
	margin:0 0 0 0;
}
ul.rhsClientList li a span.name{
	display:block;
	width:210px; height:16px; overflow:hidden;
	background:#000000 url('../img/l/itemr_name.jpg') no-repeat top left;
	color:#FFFFFF; font-size:0.75em;	line-height:16px; text-decoration:none; text-align:center;
}
ul.rhsClientList li a:hover span.name{
	background:#c40463 url('../img/l/itemr_name_over.jpg') no-repeat top left;
	text-decoration:none;
}

div.imgr{
	margin:0 0 10px 15px; padding:0;
	display:inline; float:right;
}

div.infor{
	margin:0 0 0 22px; padding:0;
	font-size:0.8em;
	line-height:22px;
}
div.infor p{
	margin:0 0 11px 0;
}
div.infor p.last{
	margin:0 0 0 0;
}
div.infor ul{
	margin:4px 0 0 22px; padding:0;
	list-style:circle;
}
div.infor ul a{
}
div.infor em{
	color:#007eff; font-style:normal;
}
div.ps{
	color:#777; font-size:0.8em;
}



div.ct{
	margin:0 0 18px 0; padding:0 0 0 18px;
	line-height:1.2em;
}
div.ct img{
	margin:0; padding:0;
}
div.ct ol, div.ct ul{
	margin-top:0; margin-bottom:0;
	color:#2e2e2e; font-size:0.8em; font-weight:normal; text-align:justify; letter-spacing:1px;
}
div.ct li{
	margin-top:0; margin-bottom:4px;
}
span.mimg{
	margin:0; padding:0;
	display:inline; float:left;
}
span.rimg{
	margin:0 0 0 8px; padding:0;
	display:inline; float:right;
}
span.limg{
	margin:0 10px 0 0; padding:0;
	display:inline; float:left;
}
span.rimg img{
	margin:0 0 10px 0; padding:0;
}
/* rContact */
#rContact{
	padding:0; margin:0;
	height:235px;
}
#rContact a.rcHeader{
	padding:0; margin:0;
	display:block;
	height:50px; width:278px; overflow:hidden;
}
div.rContent{
	padding:10px 14px 0 14px;margin:0; 
	color:#FFFFFF;
}
div.rContent h1,
div.rContent h2{
	padding:0; margin:0 0 3px 0;
	font-size:0.85em; letter-spacing:0.1em;
}
div.rContent p{
	padding:0; margin:0 0 16px 0;
	font-size:0.75em; line-height:1.5em; letter-spacing:0;
}

/* System Message Box */
#successBox, #errorBox, #warningBox{
	margin:12px; margin-bottom:12px; padding:12px;
	text-align:left; vertical-align:top;
}
#successBox h4, #errorBox h4, #warningBox h4{
	margin:0 0 6px; 0; padding:0;
	height:30px;
	font-size:1.2em; font-weight:bold; line-height:30px;
}
#successBox img, #errorBox img, #warningBox img{
	margin:0 8px 8px 0; padding:0;
	display:inline; float:left;
}
#successBox p, #errorBox p, #warningBox p{
	margin:0; padding:0;
	color:#333333; font-size:0.8em;
}
#successBox{
	background-color:#b8f6ec; border:solid 1px #00b396;
}
#successBox h4{
	color:#035346;
}
#errorBox{
	background-color:#FFFAFA; border:solid 1px #FFCCC7;
}
#errorBox h4{
	color:#AE0B00;
}
#warningBox{
	background-color:#FFFDFA; border:solid 1px #FFEBC7;
}
#warningBox h4{
	color:#AE4600;
}
#errorBox ul{
	display:block; width:400px;
	margin:0; padding:6px 12px;
	color:#333333;
	list-style-position:inside;
}
#errorBox li{
	color:#333333;
	margin:3px 0px;
}

/* highslide override */
.highslide-gallery ul li {
	margin:0 10px 18px 0; 
	border:none;
}
.highslide-caption{
	text-align:left; line-height:24px;
}
.highslide-caption ul{ 
	margin-top:15px; 
}
.highslide-dimming {
	background:dark;
}
.highslide img {
	border-width:0;
}
.controls-in-heading .highslide-controls {
	top:-32px;
}
.controls-in-heading .highslide-heading {
	display:block; height:26px;
	margin:0 0 6px 0; padding:0;
	font-size:15px; line-height:26px;
	color:#c7136c; font-weight:bold; text-indent:22px; text-decoration:none; text-align:left;
	background:#FFF url('../img/l/h2_l.jpg') no-repeat top left;
}
.floating-caption .highslide-caption{
	margin:10px 0 0 0; padding:0;
	width:100%;
	font-size:13px; line-height:18px; font-weight:normal; text-align:center;
}