@charset "utf-8";
/* CSS Document */
@import "reset.css";

/* ######### generic style ######### */


body{font-size:13px; color:#000; line-height:1.4em; font-family:Arial, "微軟正黑體", "PMingLiU", Helvetica, sans-serif; background:#fff url(../images/bg_pattern.jpg) repeat;} 
a{color:#333;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}






.cursor{
	cursor:hand;
	cursor:pointer;
}

.posRl, .wrapper{position:relative;}
.posAb{position:absolute;}
.hidden{display:none;}
.porlet, .porlet dt, .porlet dd{display:inline-block;}

.spacer{height:16px;}

.floatLeft{float:left;}
.floatRight{float:right;}
.center{width:100%; text-align:center;}

.smallTxt{font-size:11px;}


.listDefault li{padding-left:10px; background:url(../images/ico_dot.gif) no-repeat 0 8px;}


.Medium .colLeft{font-size:120%; line-height:1.2em;}
.Small .colLeft{font-size:100%;}

.Medium .sectFrontPromo{font-size:14px;}


h4{display:block; padding:10px 0; color:#0c445b; font-size:18px;}

/**
 * ========================================
 *
 * 
/* content
 * ----------------------------------------
 *
 *
 *
 *
 */
 
.sessionCal .sectCal{display:none;}

.wrapper{width:950px; margin:0 auto; z-index:100;}


.header{width:950px; height:172px;}

.logo{top:16px; left:12px;}
.header .misc{width:400px; height:35px; right:0; top:0; color:#a9d5e9;}
.holderLang{background:url(../images/bg_lang.png) no-repeat 0 0; width:193px; height:35px; padding-top:8px; color:#a9d5e9; float:right; position:relative;}
.holderLang table{position:absolute; left:8px; top:8px;}
.holderLang th{padding:0 5px;}
.holderLang a img{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50);}
.holderLang a:hover img, .holderLang .selected img{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.holderLang .selected{cursor:default;}

.tbTools{float:right;}
.tbTools a{display:inline-block; margin-top:10px;}
.btnPrint{background:url(../images/btn_print.png) no-repeat 0 0; width:19px; height:18px;}
.btnEmail{background:url(../images/btn_email.png) no-repeat 0 0; width:29px; height:18px;}
.btnFtp{background:url(../images/btn_ftp.png) no-repeat 0 0; width:27px; height:18px;}

.tipsBox{position:relative; width:40px; text-align:center;}
.tipsBox table{color:#fff; white-space:nowrap; font-size:11px;}
.tipsBox table td{white-space:nowrap;}
.tipsFrame{position:absolute; right:10px; top:31px; display:none;}
.tipsTxt{height:15px; padding:0 3px;}
.tipsBox .icoArrow{margin-right:5px;}



.conFont{width:67px; float:right;}
.btnFont{display:inline-block; background:url(../images/btn_font_size.png) no-repeat 0 0; height:18px; float:left;}

.fontLarge{width:30px; background-position:0 0;}
.fontSmall{width:25px; background-position:-30px 0;}
.conFont .sizeL, .conFont .sizeL:hover{width:30px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.conFont .sizeS, .conFont .sizeS:hover{width:25px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.conFont a, .tbTools a{opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}
.conFont a:hover, .tbTools a:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.conFont td{height:34px;}



.topMenu{width:950px; height:46px; background:url(../images/top_menu_bg.gif) no-repeat 0 0; left:0; top:126px; overflow:hidden;}
.topMenu menu, .topMenu li, .topMenu a{margin:0; padding:0; display:inline-block;}
.topMenu a{color:#fff; text-decoration:none; font-size:16px; height:46px; text-align:center; line-height:1.2em;}
.tc .topMenu a{font-size:18px;}
.topMenu a:hover{color:#fcdf21; text-decoration:none;}
.topMenu a table td{height:48px;}

.topMenu menu{margin-left:48px;}
.topMenu li{float:left; background:url(../images/top_menu_separator.gif) no-repeat 0 0; height:46px; overflow:hidden; visibility:hidden;}

.pt .topMenu a{font-size:15px; line-height:1em;} 


.homeIcon{background:url(../images/btn_home.png) no-repeat 0 0; width:55px !important; height:46px !important; left:0; top:0; z-index:100; padding:0 !important;}
.homeIcon:hover{background-position:0 -46px;}









.outer{width:100%; z-index:2000; padding-top:8px;}

.topInquiriesNum{right:0; top:76px;}


.topBanner{display:block; width:100%; margin-bottom:8px;}

.headPattern{background:url(../images/bg_head.png) repeat-x left bottom; height:355px; width:100%; left:0; top:0; margin:0; padding:0;}
.front .headPattern{height:310px;}





/*----------------------
	Left column
-----------------------*/
.colLeft{width:632px; float:left; margin-right:7px;}
.colLeft .porlet{width:632px; background:url(../images/portlet_bg.png) no-repeat left bottom; color:#fff; position:relative; padding-bottom:30px;}
.colLeft .porlet h1{font-size:18px; font-weight:bold; color:#fff; display:inline-block; position:absolute; left:22px; top:10px; padding:5px; background:no-repeat 0 0;}
.colLeft .porlet > dt{width:100%; height:44px; background:url(../images/portlet_tit_bg.png) no-repeat 0 0;}
.colLeft .porlet > dd{color:#616161; width:572px; margin:0 30px; padding:17px 0;}
.colLeft .porlet h2{color:#053f5a; font-size:18px; display:block; font-weight:bold; font-weight:bold; margin-bottom:10px;}
.colLeft .porlet h2 a{color:#053f5a;}
.colLeft .porlet h2 a:hover{color:#3287ae;}

.colLeft .porlet h3{color:#075b05; font-size:16px;}

.sectFrontPromo{height:250px;}
.sectFrontPromo .thumb{margin-right:10px;}
.sectFrontPromo .detail{width:400px; position:absolute; left:16px; top:56px;}
.sectFrontPromo .detail p{margin-bottom:10px;}
.sectFrontPromo h1{background-image:url(../images/ico_promo.png) !important; padding-left:40px !important;}
.en .sectFrontPromo .detail{font-size:96%;}

.sectFrontPromo .btn{position:absolute; right:0; top:159px;}
.sectFrontPromo .tab{background:url(../images/front_promo_tab_bg.png) no-repeat 0 0; width:199px; height:220px; position:absolute; left:433px; top:45px;}
.sectFrontPromo .tab a{background:url(../images/front_tab_pattern.jpg) repeat-x 0 0; width:188px; height:71px; display:inline-block; margin-left:8px; font-size:18px; font-weight:bold; margin-bottom:3px;}
.sectFrontPromo .tab a:hover{background-position:0 -71px; color:#053f5a;}
.en .sectFrontPromo .tab a{font-size:14px;}


.sectFrontPromo .ico span{display:inline-block; width:98px; height:43px; background:no-repeat 0 0; padding-left:90px; padding-top:28px;}
.sectFrontPromo .ico:hover span{background-position:0 -71px;}
.sectFrontPromo .icoPrint span{background-image:url(../images/ico_print.png);}
.sectFrontPromo .icoArticle span{background-image:url(../images/ico_article.png);}
.sectFrontPromo .icoTv span{background-image:url(../images/ico_desktop.png);}


.pt .sectFrontPromo .tab a{font-size:14px; line-height:1.3em;}
.pt .sectFrontPromo .ico span{padding-left:80px;}


.sectFrontDownload > dd{padding-bottom:0 !important; padding-top:10px !important;}
.sectFrontDownload .thumb{margin-right:10px;}
.sectFrontDownload .detail{width:620px; margin-left:-10px;}
.sectFrontDownload .detail p{margin-bottom:10px;}
.sectFrontDownload h1{background-image:url(../images/ico_download.png) !important; padding-left:40px !important;}
.sectFrontDownload .detail dt{color:#fff; text-align:center; font-size:16px;}
.sectFrontDownload .detail dl{width:32%; float:left; margin-right:3px;}
.sectFrontDownload .detail dt, .sectFrontDownload .detail dd{width:100%; padding:7px 0;}
.sectFrontDownload .detail dd{background:red url(../images/ico_download_green.png) no-repeat 92% center; margin-top:3px;}
.sectFrontDownload .detail dd a{display:inline-block; margin-left:16px; width:150px;}
.sectFrontDownload .detail .temp1 dt{background-color:#607a86;}
.sectFrontDownload .detail .temp1 dd{background-color:#dadada;}
.sectFrontDownload .detail .temp2 dt{background-color:#608669;}
.sectFrontDownload .detail .temp2 dd{background-color:#dae7dd;}
.sectFrontDownload .detail .temp3 dt{background-color:#96a065;}
.sectFrontDownload .detail .temp3 dd{background-color:#e8eadd;}

.sectFrontDownload .btn{right:10px; top:6px;}



/* default button */
.wrapper .btn{padding-left:17px;}
.wrapper .btn span{padding-right:17px; color:#fff !important; padding-top:6px; padding-bottom:5px; #padding-top:8px; #padding-bottom:3px; background-position:right 0; height:20px;}
.wrapper .btn, .wrapper .btn span{background-image:url(../images/btn_bg_green.jpg); display:inline-block;}
.wrapper .btn:hover{background-position:left -31px;}
.wrapper .btn:hover span{background-position:right -31px;}

.sectFrontDownload .btn, .sectFrontDownload .btn span{background-image:url(../images/btn_bg_white.jpg); color:#0a4a68 !important;}

.tbCal .form{width:580px;}
.tbCal td{padding:8px 0;}
.tbCal td.label {COLOR:#FFFFFF; BACKGROUND-COLOR:#0066AA; padding:4px 0;}
.tbCal a {COLOR:blue;}
.tbCal input.btn {WIDTH:100px;}
.tbCal table.result {FONT-WEIGHT:bold;FONT-SIZE:18px;COLOR:red;}
.tbCal .remark td{padding:2px 0;}
.tbCal input{border:1px solid #ccc; padding:2px;}
.tbCal input[type="radio"] {border:0;}
#Button1, #Button2{background-color:#0b4b69 !important; background-image:none !important; padding:5px 10px !important; border:0; color:#fff !important;}
#Button1:hover, #Button2:hover{background-color:#3287ae !important;}
.tbCal #Radio2{margin-left:15px;}
.tbCal .remark{width:570px;}



.tbEvent{width:560px;}
.tbEvent th, .tbEvent td{padding:5px; border-bottom:1px solid #ccc;}
.tbEvent thead *{font-weight:bold;}
.tbEvent th{width:120px;}
.tbEvent td{width:440px;}

.pt .tbEvent th{width:120px;}
.pt .tbEvent td{width:440px;}


/*----------------------
	Right column
-----------------------*/
.colRight{width:311px; float:left;}
.colRight .porlet{position:relative; padding-bottom:24px;}
.colRight .porlet dl{width:275px; background:no-repeat 0 0; padding:18px; padding-bottom:0; color:#fff; position:relative; z-index:100;}
.colRight .porlet h5{font-size:18px; font-weight:bold; color:#fff; display:inline-block; margin-bottom:6px; line-height:1.2em; width:184px;}
.colRight .porlet dt{width:100%;}
.colRight .porlet .icon{display:inline-block; width:44px; height:80px; background:no-repeat 0 0; left:232px; top:12px;}
.colRight .porlet dd{color:#6dcbf6; width:auto; margin:auto;}
.colRight .porlet p{color:#fff;}
.colRight .porlet a{color:#fff;text-decoration:underline;}
.colRight .porlet a:hover{color:#eee;text-decoration:underline;}
.colRight .porlet .bgBtm{width:100%; height:34px; background:no-repeat left bottom; display:block; position:absolute; left:0; bottom:0; z-index:0;}


.colRight .sectNews dl{background-image:url(../images/bg_color_green.png); min-height:113px;}
.colRight .sectNews p{margin-top:9px;}
.colRight .sectNews .bgBtm{background-image:url(../images/bg_color_green.png);}

.colRight .sectApply dl, .colRight .sectCal dl{background-image:url(../images/bg_color_blue.png); min-height:58px;}
.colRight .sectApply .icon{background-image:url(../images/ico_apply.png);}
.colRight .sectCal .icon{background-image:url(../images/ico_cal.png);}
.colRight .sectApply .bgBtm, .colRight .sectCal .bgBtm{background-image:url(../images/bg_color_blue.png);}

.colRight .sectContact dl{background-image:url(../images/bg_color_deepblue.png); min-height:92px;}
.colRight .sectContact .bgBtm{background-image:url(../images/bg_color_deepblue.png);}

.colRight h6{color:#134f11}

.colRight .sectApply, .colRight .sectCal{cursor:pointer !important;}



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

.footer{width:950px; margin:0 auto; border-top:1px solid #666; color:#666; overflow:hidden; padding:2px 0;}
.footer p{padding:10px 0;}





@media print {
   .header .misc{display:none;}
}