﻿@charset "utf-8";
/* CSS Document */

body{
    background-color:#61bed6;
    background-image:url(/images/bg_top.gif);
    background-repeat:repeat-x;
    background-position:top;
    font-family:"新細明體","Times New Roman", Times, serif;
    font-size:75%;
}
h2{font-size:130%;}
h3{font-size:100%;margin:0;}
img{border:none;}
#wrapper{
    width:960px;
    margin:23px auto 0px;
    *margin:8px auto 0px;
    _margin:8px auto 0px;
    padding:0px;
    background-image:url(/images/w_middle.gif);
}
#footer{
    width:960px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	color:#FFF;
	height:30px;
	line-height:30px;
}
#footer img{
    margin:0px 0px 0px 5px;
}
a{color:#707070;x-text-decoration:none;}
a:hover{color:#4f9fb5;}

/*--head--*/
#header{
    position:relative;
    z-index:999;
    margin:0px;
    padding:0px;
    width:100%;
    height:205px;
    background-image:url(/images/w_top_b.gif);
    background-repeat:no-repeat;
}
#headtop{
    position:absolute;
    top:0px;
    left:0px;
    height:12px;
    width:960px;
    margin:0px;
    background-image:url(/images/w_top.gif);
    background-repeat:no-repeat;
    background-position:top;
}
#flash{
    position:absolute;
    left:30px;
    top:12px;
    margin:0px;
    width:900px;
}

/*--menu--*/
#menu{
    position:absolute;
    left:30px;
    top:169px;
    width:900px;
    background-image:url(/images/menu.gif);
	background-repeat:no-repeat;
    height:36px;
}
#menu ul{
    margin:0px 108px;
    padding:0px;
    list-style:none;
}
#menu li{
    float:left;
    width:136px;
    margin:0;
	padding:0;
}
#menu li a img{
    margin:3px 0px 0px 0px;
    padding:0;
    border:none;
    height:33px;
	width:136px;
}
#menu ul li.parent ul{
    display:none;
}
#menu ul li.parentOn ul{
    display:block;
}
#menu ul ul{
    margin:-4px 0px 0px 0px;
	*margin:0;
	_margin:0;
	padding:0;
    border-left:solid 1px #5ab5cd;
}
#menu li li{
    float:none;
    height:25px;
    padding:0px;
    border-right:solid 1px #5ab5cd;
    border-bottom:solid 1px #5ab5cd;
    text-align:center;
    line-height:25px;
	width:134px;
	background-color:#a5e5f5;
	display:block;
}
#menu li li a{
    color:#444;
    text-decoration:none;
}
#menu li li a:hover{
    display:block;
	width:134px;
    background-color:#e1f9ff;
}
/*--container--*/
#container{
    margin:0px;
    padding:0px;
    color:#707070;
    width:100%;
	min-height:550px;
}
#secondary{
    margin:15px 5px 0px 30px;
	*margin:15px 5px 0px 30px;
	_margin:15px 5px 0px 15px;
    width:182px;
    float:left;
}
#primary{
    margin:15px 30px 0px 0px;
    *margin:15px 30px 0px 0px;
    _margin:15px 15px 0px 0px;
    float:right;
    width:700px;
	background-image:url(/images/about/content_middle.gif);
	background-repeat:repeat-y;
}
#bottom{
    clear:both;
    margin:0;
    background-image:url(/images/w_down.gif);
    background-repeat:no-repeat;
    height:27px;
}

/*--secondary--*/
.left_box{
    margin:0px 0px 15px 0px;
    background-image:url(/images/s_middle.gif);
    background-repeat:repeat-y;
}
.left_title{
    margin:0;
}
.left_content{
    margin:10px auto 0px;
    width:155px;
}
.left_content ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.left_content h2{
    margin:0;
    padding:5px 0px 5px 20px;
    font-size:100%;
	font-weight:lighter;
	line-height:1.5;
    background-image:url(/images/about/icon1.gif);
    background-repeat:no-repeat;
    background-position:5px 8px;
	border-bottom:dotted 1px #000;
}
#now{
    background-image:url(/images/about/icon2.gif);
}
#now2{
    background-image:url(/images/about/icon2.gif);
	border:none;
}
#listdown{
    border:none;
}
.left_down{
    margin:0;
}
.search{
    margin:10px 0px 15px 0px;
	*margin:0px 0px 15px 0px;
	_margin:0px 0px 15px 0px;
    background-image:url(/images/search_bg.gif);
    background-repeat:no-repeat;
    height:92px;
    width:100%;
}
.search p{
    margin:10px;
    color:#ff8a00;
    font-weight:bold;
}
.search_bar{
	margin:0px 10px 10px 10px;
}
.search_bar span{
    font-weight:bold;
	color:#ff8a00;
}
.input{
    margin:0px 5px 0px 0px;
    width:100px;
}
.space{
    margin:0;
	height:15px;
}
/*--primary--*/
.content_edge{
    margin:0;
    clear:both;
}
.title{
    margin:0px 20px;
	border-left:solid 5px #4ea0b5;
	position:relative;
	height:1.3em;
/*	width:200px;*/
}

.title h2{
	margin:0;
	color:#13657a;
	position:absolute;
	left:8px;
/*	width:200px;*/
}
.inner{
    margin:0;
	padding:20px;
	line-height:1.5;
}
.inner_a{
    margin:0;
	padding:20px;
	line-height:2.5;
}

/*--about boxes--*/
.contact_box{
    background-image:url(/images/about/contact_middle.gif);
	background-repeat:repeat-y;
	width:665px;
	margin:0px 0px 15px 0px;
}
.contact_box td{
    padding:0px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.contact_box td p{
    margin:0;
	font-size:130%;
	color:#4ea0b5;
	font-weight:bold;
}
.contact_box td p a{
	color:#4ea0b5;
}
.team_box{
    background-image:url(/images/about/member_middle.gif);
	background-repeat:repeat-y;
	width:667px;
	margin:0px 0px 15px 0px;
}
.team_box2{
    background-image:url(/images/about/member_bg.gif);
	background-repeat:no-repeat;
	width:667px;
	margin:0;
}
.team_box ul{
	margin:0px;
	padding:0;
}
.history_box{
    margin:0px 0px 5px 0px;
    background-image:url(/images/about/history_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.history_box h4{
    font-size:130%;
	color:#4ea0b5;
	margin:5px 15px;
}
.history_box p{
	margin:0px 15px;
}
.history_box span{
    color:#4ea0b5;
}
.history_line{
    border-bottom:dotted 1px #000;
	height:2px;
	margin:0px 0px 0px 12px;
	width:100%;
}

/*--activities boxes--*/
.tv_list{
    margin:0px 0px 15px 0px;
	border-bottom:dotted 1px #000;
	height:125px;
}
.tv_box{
    margin:15px 3px 15px 0px;
	width:325px;
	float:left;
	line-height:1.2;
}
.tv_box h3{
    color:#ff8a00;
}
.tv_box span a{
    color:#007fa0;
	text-decoration:underline;
}
.number{
    margin:0;
	text-align:center;
	letter-spacing:3px;
	font-weight:bold;
	color:#007fa0;
}
.number a{
    font-weight:lighter;
	color:#707070;
}
.inner h5{
    font-size:130%;
	color:#ff8a00;
	margin:0;
}
.poster{
    text-align:center;
	padding:10px;
}
.tv_detail , .search_detail{

}
.inner b{
    font-weight:lighter;
	color:#f4225e;
}
.search_detail ul{
    margin:0;
	padding:0;
	list-style-type:none;
}
.search_detail li{
    float:left;
}
.search_detail li.article{
    width:79%;
	background-image:url(/images/index_list_blue.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	height:25px;
	line-height:25px;
	border-bottom:dotted 1px #000;
}
.search_detail li.article1{
    width:79%;
	border-bottom:solid 1px #4ea0b5;
	height:30px;
	line-height:30px;
	font-weight:bold;
	color:#13657a;
	text-align:center;
}
.search_detail li.article a:hover{
    text-decoration:underline;
}
.search_detail li.unit{
    margin:0px 10px 0px 0px;
    width:16%;
	height:25px;
	line-height:25px;
	border-bottom:dotted 1px #000;
}
.search_detail li.unit1{
    width:20%;
	border-bottom:solid 1px #4ea0b5;
	border-left:solid 1px #4ea0b5;
	height:30px;
	line-height:30px;
	font-weight:bold;
	color:#13657a;
	text-align:center;
}
.search_detail li.unit a:hover{
    text-decoration:underline;
	color:#4ea0b5;
}
.spacer{
    clear:left;
}
.tv_top , .search_top{
    margin:0;
	height:5px;
	background-image:url(/images/activities/table_top.gif);
	background-repeat:repeat-x;
}
.tv_down{
    margin:0;
	height:5px;
	background-image:url(/images/activities/table_down.gif);
	background-repeat:repeat-x;
}
.search_down{
    margin:0px 0px 15px 0px;
	height:5px;
	background-image:url(/images/activities/table_down.gif);
	background-repeat:repeat-x;
}
.tv_info{
    margin:5px;
	line-height:2;
    border-bottom:dotted 1px #000;
}
.client_box{
    margin:0px 0px 15px 0px;
}
.product_box{
    margin:0px 0px 15px 0px;
	position:relative;
}
#product_box_long , #product_box_long2{
    margin:0px 0px 15px 0px;
	position:relative;
	background-image:url(/images/product/tag_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#product_box_long h3 span , #product_box_long2 h3 span{
    margin:0;
    background-color:#fffca3;
	display:inline;
}
#product_box_long em  , #product_box_long2 em{
    font-style:normal;
	color:#3a7907;
}
.product_box h4 , #product_box_long h4 , #product_box_long2 h4{
    margin:0;
	font-size:120%;
	color:#ff8a00;
}
.product_box ul , #product_box_long ul , #product_box_long2 ul{
    margin:0;
	padding:0;
	border-top:solid 1px #ff8a00;
	border-bottom:solid 1px #ff8a00;
	list-style-type:none;
}
.product_info{
    position:absolute;
	top:0;
	left:293px;
	width:370px;
	height:auto;
}
.product_info h3{
    font-size:120%;
	margin:0px 0px 8px 0px;
}
.product_info h4{
    color:#ff8a00;
	margin:0px 0px 8px 0px;
	font-size:100%;
}
.product_info img{
    margin:0px 5px 0px 0px;
}
.product_info table.tstyle1{
    border-bottom:solid 1px #ff8a00;
	background-color:#f7f7f7;
}
.product_info table.tstyle1 td.lt{
    border-right:dotted 1px #000;
	background-color:#fff3e5;
}
.product_info table.tstyle1 td{
    border-top:solid 1px #ff8a00;
}
.product_info table.tstyle2{
    border-top:solid 1px #ff8a00;
    border-bottom:solid 1px #ff8a00;
	background-color:#fff3e5;
}
.product_info table.tstyle2 ul{
    margin:0;
	padding:0;
	list-style-type:none;
}
.product_info table.tstyle2 li , .product_box li{
    margin:0;
	padding:0;
    line-height:30px;
	height:30px;
	border-bottom:dotted 1px #000;
	background-image:url(/images/product/list_org.gif);
	background-repeat:no-repeat;
	background-position:20px 14px;
}
.product_info table.tstyle2 li span{
    margin:0px 50px 0px 30px;
}
.product_box li span{
    margin:0px 50px 0px 30px;
	float:left;
	clear:both;
}
.product_box li a{
    float:right;
	margin:6px 200px 3px 0px;
}
/*.product_box li a img{
    margin:6px 0px 3px 0px;
}*/
.product_tag{
    margin:0px 0px 15px 0px;
	position:relative;
	background-image:url(/images/product/tag_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:30px;
}
.product_tag1{
   position:absolute;
   top:0;
   left:10px;
   width:117px;
}
.pruduct_tag2{
   position:absolute;
   top:0;
   left:132px;
   width:117px;
}