@charset "utf-8";
body {
	font-family: Arial, "新細明體";
	font-size: 11px;
	color:#666;
	background: #fff url(image/bg.gif) repeat-x center top;
	padding:0px;
	margin:0px;
	line-height: 18px;
}
p{margin:0px; padding:0px;}
#ind_bgcolor {
    background: #194FA7 url(image/bg_top.gif) repeat-x center top;
	padding:0px;
	margin:0px;
}

#bgcolor {
	background: url(image/bg_bottom.gif) repeat-x center bottom;
	width: 100%;
	text-align: center;
}

#ind_container {
	width:957px;
	margin:9px auto 0px auto;
	text-align: center;
	color:#033553;
}

#container {
	background: #fff url(image/comp_cont_bg.gif) repeat-x center top;
	width:957px;
	margin:9px auto 0px auto;
	text-align: center;
	color:#033553;
}

#header {
	background: #0B5188 url(image/hd_left.gif) no-repeat left;
	height:15px;
	padding:0px 0px 0px 15px;
	color:#fff;
}
#header a {
	color:#fff;
	text-decoration: none;
}
#header a:hover {
	color:#FFF600;
	text-decoration: underline;
}

#ind_footer {
	padding:30px 0px 17px 20px;
	text-align: left;
	font-weight: bold;	
	color:#ADEDED;
}

#footer {
	background: url(image/footer_bg.gif) no-repeat center top;
	height: 47px; 
	padding:45px 0px 0px 20px;
	text-align: left;
	font-weight: bold;	
	color:#ADEDED;   
}

h1 {
	margin:0px 0px 9px 0px;
	
}

h2 {
	background: url(image/icon.gif) no-repeat left 5px;
	padding:0px 0px 0px 10px;
	color:#02546F;
	font-size:11px;
	text-align: left;
	margin:3px 0px;
	line-height: 14px;
}

h2 .ind_tt {
	color:#fff;
	font-weight: normal;
}

h2 .ind_tt a {
	color:#fff;
	text-decoration: none;
}

h2 .ind_tt a:hover {
	color:#FFE400;
	text-decoration: underline;
}

h2 .ind_tt2 {
	color:#033553;
	font-weight: normal;
}

h2 .ind_tt2 a {
	color:#033553;
	text-decoration: none;
}

h2 .ind_tt2 a:hover {
	color:#FFE400;
	text-decoration: underline;
}

h3 {
    border-bottom:1px solid #C2C2C2;
	padding:0px 0px 5px 0px;
	margin:0px 0px 20px 0px;
	font-size: 18px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color:#1586EF;
}

h4 {
	background: url(image/pro_ov_icon.gif) no-repeat left 5px;
	display:block;
	list-style-type: none;
	font-weight: normal;
	padding:0px 0px 0px 15px;
	margin:5px 0px;
	font-size: 12px;
}


.textarea{
	width:265px;
	height:155px;
 	border: none;
}

.inp {
    width:125px;
	height:15px;
}

.inp_cont {
    width:200px;
	height:15px;
}


.but {
	background: #3698CB;
	font-family: Arial, "新細明體";
	font-size: 12px;
	color:#fff;
	border:1px solid #3698CB;    
}

.imgbd {
    border:1px solid #C2E7FE;
	padding:5px;
}
.imgbd_pro {
    border:1px solid #C7C7C7;
	margin-bottom:3px;
	padding:3px;
}

.imgpro {
    border:12px solid #E3E3E3;
}

.line {
	background: url(image/line.gif) repeat-x left top;
	height:1px;
}

.more a {
	float:right;
	padding:0px;
	margin:15px 0px 0px 0px;
	background: url(image/more.gif) no-repeat;
	width:29px;
	height:5px;
	display: block;
	text-indent: -10000px;
    }
	
.more a:hover {
	background: url(image/more_ov.gif) no-repeat;
    }

.pad {
    margin:0px 38px 0px 26px;
}

.ind_cont {
	background: #84CEFF url(image/ind_bg.gif) no-repeat center bottom;
}

.ind_pro {
	width:294px;
	height:155px;
	text-align: left;
	background-color: #BAE3FF;
	background-image: url(image/ind_ifr_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
}

.cont_pad {
    margin:0px 16px;
}

.contact_back {
	margin:0px 16px;
	padding:0px;
	background: url(image/cont_line.gif) no-repeat left top;
}

.contact_txt {
	margin:0px 0px 0px 20px;
	color: #606060;
	font-family: Arial;
	padding:0px 0px 50px 0px;
	font-size: 12px;
	width:670px;
}

.contact_txt ul{
    padding:0px;
	margin:20px 0px;
}

.contact_txt li{
	background: url(image/comp_icon.gif) no-repeat left 5px;
	display:block;
	font-size: 12px;
	color: #1C5BB1;
	font-weight: bold;
	padding:0px 0px 0px 30px;
	list-style-type: none;
}

.contact_txt a {
	color:#666;
	text-decoration: underline;
}

.contact_txt a:hover {
	color:#FF6F0F;
	text-decoration: none;
}

.cont_bg {
	background: #fff url(image/comp_cont_bg.gif) repeat-x center top;
}

#youarehere {
	background:#9C9C9C;
	margin:0px 16px 24px 16px;
	padding:5px 15px;
	text-align: left;
	font-weight:800;
	color:#fff;
}
#youarehere a{
	color:#fff;
	font-weight: 800;
	text-decoration: none;
}

#youarehere a:hover{
	color:#FFF600;
	font-weight:800;
	text-decoration: underline;
}

.flo {
    float:right;
	margin:0px 0px 0px 20px;
}

.comp_left {
	background: #EEEEEE url(image/comp_left_top.gif) no-repeat left top;
	width:204px;
}

.comp_left ul{
    padding:0px;
	margin:8px;
}

.comp_left li{
	background: url(image/comp_left_icon.gif) no-repeat left 5px;
	display: block;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	color: #4188AA;
	line-height: 14px;
	padding:0px 0px 0px 8px;
}

.comp_left li a{
	color: #4188AA;
	text-decoration: none;
}

.comp_left li a:hover{
	color: #FF6F0F;
	text-decoration: underline;
}


#mainmenu {
	padding: 0px;
	margin:0px 6px 0px 0px;
	width:210px;
	list-style:none;
    }
		
#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
    }
	
#mainmenu li {
	list-style:none;
	margin: 0px 0px 5px 0px;
    }

#mainmenu li div {
	padding:0px;
	list-style:none;
	clear: both;
    }
	
#mainmenu li div{
	text-decoration:none;
	display:block;
	width:184px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	background: url(image/pro_menu_01.gif) no-repeat left top;
	color:#1C5BB1;
	line-height: 18px;
	padding:8px 0px 5px 30px;
}	


/*#mainmenu div a:hover {background:url(image/pro_menu_01_ov.gif) no-repeat; color:#fff;}
*/
#mainmenu .ov {background:url(image/pro_menu_01_ov.gif) no-repeat; color:#fff;}
#mainmenu .ov a{color:#fff;}

#mainmenu ul ul {
	margin:0;
	padding:0;
	display:none;
	text-align: left;
	}


a.classout{text-decoration:none;font-family: Trebuchet MS;font-size: 12px;font-weight: bold;color:#1C5BB1;line-height: 18px;}
a.classover{text-decoration:none;font-family: Trebuchet MS;font-size: 12px;font-weight: bold;color:#FFF;line-height: 18px; }
/*
#mainmenu li li a{
	text-decoration:none;
	display:block;
	width:184px;
	background: url(image/pro_ov_01.gif) no-repeat left top;
	line-height: 18px;
	padding:5px 10px 5px 22px;
	font-family: Arial;
	font-size: 11px;
	color: #0B5188;
	font-weight: bold;
}

#mainmenu li li a:hover {background:url(image/pro_ov_01_ov.gif) no-repeat; color: #FFBE00;}

*/
#mainmenu li li{
	width:184px;
	background: url(image/pro_ov_01.gif) no-repeat left top;
	line-height: 23px;
	padding:5px 0px 0px 0px;
	display:block;
}
#mainmenu li li a{
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	color: #0B5188;
	font-weight: bold;
}

#mainmenu li .selectli {background:url(image/pro_ov_01_ov.gif) -24px 0 no-repeat!important; color: #FFBE00;}
.mainmenudt{padding:0px!important; margin:0px!important; background:none!important; display:block;}
.mainmenudt dt{background:url(image/menu02.jpg) 0 0 no-repeat; height:23px; width:160px; margin:0px 0px 0px 0px!important; padding:5px 0px 0px 24px!important;color:#0B5188;font-weight: bold;}
.selectdt{background:url(image/menu01.jpg) -24px 0 no-repeat; height:23px; width:184px; margin:0px 0px 0px 0px!important; padding:5px 0px 0px 0px!important; font-weight: bold; color:#FFBE00!important;}

#mainmenu_main{
	height: 33px;
	float: left;
	margin:10px 0px;
	}

#mainmenu_main ul {
	margin:0;
    padding:0;
	list-style:none;
    }

#mainmenu_main li{
    margin:0;
    padding:0;
	float:left;
	list-style:none;
    }
	
#mainmenu_main li a { text-indent:-10000px; display:block; height:33px; list-style:none;}	

#mainmenu_main .s1 a {background:url(image/pro/pro_but_01.gif) no-repeat; width:104px;}
#mainmenu_main .s2 a {background:url(image/pro/pro_but_02.gif) no-repeat; width:101px;}
#mainmenu_main .s3 a {background:url(image/pro/pro_but_03.gif) no-repeat; width:102px;}
#mainmenu_main .s4 a {background:url(image/pro/pro_but_04.gif) no-repeat; width:102px;}

#mainmenu_main .s1 a:hover {background:url(image/pro/pro_but_01_ov.gif) no-repeat; width:104px;}
#mainmenu_main .s2 a:hover {background:url(image/pro/pro_but_02_ov.gif) no-repeat; width:101px;}
#mainmenu_main .s3 a:hover {background:url(image/pro/pro_but_03_ov.gif) no-repeat; width:102px;}
#mainmenu_main .s4 a:hover {background:url(image/pro/pro_but_04_ov.gif) no-repeat; width:102px;}

.proimg{background: #1C5BB1;
	width:156px;
	text-align: center;
	height:132px;text-align:center;  position:relative;}
	
.proimg p {
  position:static;
  +position:absolute;
  top:50%;
  vertical-align:middle
}
.proimg img {
  position:static;
  +position:relative;
  top:-50%;left:-50%;
  vertical-align:middle
}

.pro_img {
	background: #1C5BB1;
	width:156px;
	padding:1px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom:0px;
	height:155px;
}

.pro_img a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.pro_img a:hover {
	color: #FFF600;
	font-weight: bold;
	text-decoration: underline;
}
.pro_img img{clear:both;}
.pro_mem a {
	color:#7A7A7A;
	text-decoration: none;	
}

.pro_mem a:hover {
	color:#1C5BB1;
	text-decoration: underline;
	font-weight: bold;
}

.pro_mem a:active {
	color:#1C5BB1;
	text-decoration: underline;	
	font-weight: bold;
}

.pro_img_border {
    border:10px solid #E3E3E3;
}


.text {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color:#666;
	line-height: 18px;
}

.text a{
	font-weight: normal;
	color: #666;
	text-decoration: underline;    
}
.text a:hover{
	font-weight: normal;
	color: #FF6F0F;
	text-decoration: none;    
}

.ifr {
	 background:transparent;
	 scrollbar-face-color:#3491BE;
	 scrollbar-highlight-color:#3491BE;
	 scrollbar-3dlight-color:#000000;
	 scrollbar-darkshadow-color:#000000;
	 scrollbar-shadow-color:#3491BE;
	 scrollbar-arrow-color:#000000;
	 scrollbar-track-color:#3491BE;
}

.iframe ul {
	height: 155px;
	width: 273px;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-3dlight-color:#1982BE;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#1982BE;
	scrollbar-darkshadow-color:#1982BE;
	scrollbar-face-color:#1982BE;
	scrollbar-highlight-color:#2C6991;
	scrollbar-shadow-color:#2C6991;
	padding:0px;
	margin:0px 14px 0px 7px;
}
.iframe li {
	list-style-type: none;
}

.iframe li a{
	background: url(image/ind_ifr_icon.gif) no-repeat 11px 10px;
	display:block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #033452;
	padding:0px 0px 0px 25px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	margin:0px;
	height: 22px;
	border-style: none;
	filter: Alpha(Opacity=70);
}
.iframe li a:hover{
	color: #fff;
	font-weight: bold;
	background: url(image/ind_ifr_bunner.gif) no-repeat left top;
	display:block;
	height: 22px;
	width: 218px;
	padding:0px 0px 0px 25px;
	line-height: 20px;
	text-decoration: none;
	filter: Alpha(Opacity=100);
}


.tab {
	padding:0px;
	margin:0px 0px 20px 0px;
}

.tab td {
	background: #F2FAFF;
	height:30px;
	text-align: center;
	padding:3px 5px;
}

.tab th {
	background: #BEE2F3;
	text-align: center;
	padding:5px;
	font-weight: bold;
	color: #3E3E3E;
}

.tab_ov {
	padding:0px;
	margin:0px 0px 20px 0px;
}

.tab_ov td {
	background: #F2FAFF;
	height:30px;
	text-align: left;
	padding:3px 5px;
}

.tab_ov th {
	background: #BEE2F3;
	text-align: left;
	padding:5px;
	font-weight: bold;
	color: #3E3E3E;
}