@charset "utf-8"; @font-face { font-family: 'TrajanProBold'; src: url('trajanpro-bold-webfont.eot?') format('eot'), url('trajanpro-bold-webfont.woff') format('woff'), url('trajanpro-bold-webfont.ttf') format('truetype'), url('trajanpro-bold-webfont.svg#webfontRy2t5oPb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TrajanProRegular'; src: url('trajanpro-regular-webfont.eot?') format('eot'), url('trajanpro-regular-webfont.woff') format('woff'), url('trajanpro-regular-webfont.ttf') format('truetype'), url('trajanpro-regular-webfont.svg#webfontBoBGyLPP') format('svg'); font-weight: normal; font-style: normal; } * html div#map img { behavior: none; } body {text-align:center;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:12px;color:#666666;background:#ffffff url(images/bg02.png) top repeat-x;} a {text-decoration:none;} a:hover {text-decoration:underline;} .cyan {color:#29ABE2;} .txt_red {color:#c00;} .txt_remove {text-decoration:line-through;} .cyan {color:#29ABE2;} .txt_big_red {color:#fc0008;font-size:14px;font-weight:bold;} .txt_big {font-size:17px;font-weight:bold;} .txt_big2 {font-size:22px;font-weight:normal;} .txt_12_brown {font-size:12px; color:#603813; text-decoration:none} .txt_orange {color:#ff9400;} .txt_black {color:#000000;} .back2top {margin:-50px 0 0 0;text-align:right;float:right;} .dot-list {list-style:disc;margin-left:10px;padding-left:10px;} .dot-list li {line-height:1.5em;} .remarks {width:auto;font-size:11px;line-height:1.5em;text-align:left;text-justify:auto;} #page_top {width:1027px;height:30px;margin:0 auto;text-align:left;background:url(images/bg_shadow_page_top.png) center top no-repeat;} #page_top .counter {margin-left:15px;font-size:10px;color:#999999;} #page_top .counter {display:none;} #container {width:1000px;margin:0 auto;text-align:left;} #container_v3 {width:1000px;height:auto;margin:0 auto;text-align:left;background:#ffffff;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;} #header {width:1000px;margin:0 0 15px 0;float:left;background:#ffffff;} #header ul,#header li {width:664px;margin:0;padding:0;list-style:none;vertical-align:top;float:right;} #header .logo {margin:20px 0 0 20px;float:left;} #header .topleft {width:233px;height:55px;margin:0;padding:0;} #header .topleft img {margin:9px 0 0 30px;border:0;} #header .topright {width:365px;height:55px;margin:0;padding:0;} #header .enquiry-phone {margin:10px 20px 10px 10px;float:right;} #header_v3 {width:1000px;margin:0 0 0 0;list-style:none;background:#ffffff;float:left;} #header_v3 .header_top {width:100%;margin:0 0 15px 0;padding:0;} #header_v3 .logo {margin:20px 0 15px 15px;float:left;} #header_v3 .phone {margin:35px 20px 0 0;float:right;} #header_v3 .slogan {margin:28px 0 0 10px;float:;} #header_v4 {width:1000px;margin:0 0 0 0;list-style:none;background:#ffffff;float:left;} #header_v4 .header_top {width:100%;margin:0 0 15px 0;padding:0;} #header_v4 .logo {margin:20px 0 15px 35px;float:left;} #header_v4 .phone {margin:48px 20px 0 0;float:right;} #header_v4 .slogan {margin:50px 0 0 10px;float:;} /* #menu_v2 {width:664px;height:31px;margin:34px 0 0 35px;padding:0;float:left;background:#f5f5f5;} #menu_v2 a {display:block;width:83px;height:31px;margin:0;padding:0;float:left;} #menu_v2 .menu1{background:url(images/tmenu01.png) top;} #menu_v2 .menu1:hover {background:url(images/tmenu01.png) bottom;} #menu_v2 .menu2{background:url(images/tmenu02.png) top;} #menu_v2 .menu2:hover {background:url(images/tmenu02.png) bottom;} #menu_v2 .menu3{background:url(images/tmenu03.png) top;} #menu_v2 .menu3:hover {background:url(images/tmenu03.png) bottom;} #menu_v2 .menu4{background:url(images/tmenu04.png) top;} #menu_v2 .menu4:hover {background:url(images/tmenu04.png) bottom;} #menu_v2 .menu5{background:url(images/tmenu05.png) top;} #menu_v2 .menu5:hover {background:url(images/tmenu05.png) bottom;} #menu_v2 .menu6{background:url(images/tmenu06.png) top;} #menu_v2 .menu6:hover {background:url(images/tmenu06.png) bottom;} #menu_v2 .menu7{background:url(images/tmenu07.png) top;} #menu_v2 .menu7:hover {background:url(images/tmenu07.png) bottom;} #menu_v2 .menu8{background:url(images/tmenu08.png) top;} #menu_v2 .menu8:hover {background:url(images/tmenu08.png) bottom;} */ #menu_v3 {width:967px;height:31px;margin:0 0 0 15px;padding:0;float:left;background:#f5f5f5;} #menu_v3 a {display:block;height:31px;margin:0;padding:0;background:url(images/menu_v4.png);float:left;} #menu_v3 .menu1 {width:74px;background-position:0 0;} #menu_v3 .menu1:hover {width:74px;background-position:0 31px;} #menu_v3 .menu1o {width:74px;background-position:0 31px;} #menu_v3 .menu2 {width:83px;background-position:-74px 0;} #menu_v3 .menu2:hover {width:83px;background-position:-74px 31px;} #menu_v3 .menu2o {width:83px;background-position:-74px 31px;} #menu_v3 .menu3 {width:82px;background-position:-157px 0;} #menu_v3 .menu3:hover {width:82px;background-position:-157px 31px;} #menu_v3 .menu3o {width:82px;background-position:-157px 31px;} #menu_v3 .menu4 {width:82px;background-position:-240px 0;} #menu_v3 .menu4:hover {width:82px;background-position:-240px 31px;} #menu_v3 .menu4o {width:82px;background-position:-240px 31px;} #menu_v3 .menu5 {width:82px;background-position:-322px 0;} #menu_v3 .menu5:hover {width:82px;background-position:-322px 31px;} #menu_v3 .menu5o {width:82px;background-position:-322px 31px;} #menu_v3 .menu6 {width:82px;background-position:-405px 0;} #menu_v3 .menu6:hover {width:82px;background-position:-405px 31px;} #menu_v3 .menu6o {width:82px;background-position:-405px 31px;} #menu_v3 .menu7 {width:82px;background-position:-487px 0;} #menu_v3 .menu7:hover {width:82px;background-position:-487px 31px;} #menu_v3 .menu7o {width:82px;background-position:-487px 31px;} #menu_v3 .menu8 {width:82px;background-position:-569px 0;} #menu_v3 .menu8:hover {width:82px;background-position:-569px 31px;} #menu_v3 .menu8o {width:80px;background-position:-569px 31px;} #menu_v3 .menu9 {width:62px;background-position:-651px 0;} #menu_v3 .menu9:hover {width:62px;background-position:-651px 31px;} #menu_v3 .menu9o {width:62px;background-position:-651px 31px;} #menu_v3 .menuXX {width:128px;background-position:-651px 0;} #menu_v3 .menu10 {width:82px;background-position:-778px 0;} #menu_v3 .menu10:hover {width:82px;background-position:-778px 31px;} #menu_v3 .menu10o {width:82px;background-position:-778px 31px;} #menu_v3 .menu11 {width:107px;background-position:-860px 0;} #menu_v3 .menu11:hover {width:107px;background-position:-860px 31px;} #menu_v3 .menu11o {width:107px;background-position:-860px 31px;} /* #menu1 {width:597px;height:29px;margin:0;padding:0;background:url(images/mnu_bg21.png) top;float:right;} #menu1 a {display:block;width:79px;height:29px;margin:0 5px 0 0;float:right;} #menu1 .menu0{background:url(images/mnu_contact1.png) top;} #menu1 .menu0:hover {background:url(images/mnu_contact1.png) bottom;} #menu1 .menu1{background:url(images/mnu_case1.png) top;} #menu1 .menu1:hover {background:url(images/mnu_case1.png) bottom;} #menu1 .menu2{background:url(images/mnu_company1.png) top;} #menu1 .menu2:hover {background:url(images/mnu_company1.png) bottom;} #menu1 .menu3{background:url(images/mnu_event1.png) top;} #menu1 .menu3:hover {background:url(images/mnu_event1.png) bottom;} #menu1 .menu4{background:url(images/mnu_course1.png) top;} #menu1 .menu4:hover {background:url(images/mnu_course1.png) bottom;} #menu1 .menu5{background:url(images/mnu_about1.png) top;} #menu1 .menu5:hover {background:url(images/mnu_about1.png) bottom;} #menu1 .menu6{background:url(images/mnu_home1.png) top;} #menu1 .menu6:hover {background:url(images/mnu_home1.png) bottom;} #menu1 .menu7 {width:4px;background:url(images/mnu_rounded1.png) top;} */ /* #menu2 {width:365px;height:22px;margin:0;padding:0;background:url(images/mnu2_bg2.png) top;float:right;} #menu2 a {display:block;width:79px;height:22px;margin:0 5px 0 0;float:right;} #menu2 .menu0{width:5px;} #menu2 .menu1{background:url(images/mnu2_twitter.png) top;} #menu2 .menu1:hover {background:url(images/mnu2_twitter.png) bottom;} #menu2 .menu2{background:url(images/mnu2_facebook.png) top;} #menu2 .menu2:hover {background:url(images/mnu2_facebook.png) bottom;} #menu2 .menu3{background:url(images/mnu2_online.png) top;} #menu2 .menu3:hover {background:url(images/mnu2_online.png) bottom;} #menu2 .menu4{background:url(images/mnu2_jobdb.png) top;} #menu2 .menu4:hover {background:url(images/mnu2_jobdb.png) bottom;} #menu2 .menu5 {width:14px;background:url(images/mnu2_rounded2.png) top;} */ /* .menu_course, .menu_course li {list-style:none;} .menu_course .subtitle {margin:0 0 8px 0;border:0;background:none;} .menu_course .subtitle a {padding:0;border:0;background:none;} .menu_course .subtitle a:hover {padding:0;border:0;background:none;} .menu_course .subtitle h3 {margin:0 0 10px 0;font-size:13px;font-weight:normal;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .menu_course li {margin:2px 0 2px 0;padding:2px 0 0 0;border-top:1px solid #696aa8;} .menu_course li a {padding:1px 1px 1px 5px;border:solid #333333;border-width:1px 2px 2px 1px;} .menu_course li a:hover {padding:2px 1px 1px 6px;background:#ededf6;border:solid #333333;border-width:1px 1px 1px 1px;} .menu_course li li a {padding:1px 1px 1px 5px;border:0;} .menu_course li li a:hover {padding:1px 1px 1px 10px;background:none;border:0;} .menu_course li a {height:18px;padding:5px 1px 1px 28px;background:url(images/vmnu_bg_1.png);} .menu_course li a:hover {padding:5px 1px 1px 28px;background:url(images/vmnu_bg_1o.png);} .menu_course li li a {padding:5px 1px 1px 46px;background:url(images/vmnu_bg_2.png);} .menu_course li li a:hover {padding:5px 1px 1px 46px;background:url(images/vmnu_bg_2o.png);} */ .menu_course_v3 {margin:0 0 15px 0;padding:0;} .menu_course_v3 a {display:block;width:180px;height:30px;margin:0 0 2px 0;padding:0;} .menu_course_v3 .mnu0 {background:url(images/vmenu01.png) left bottom;} .menu_course_v3 .mnu0o {background:url(images/vmenu01.png) left top;} .menu_course_v3 .mnu0:hover {background:url(images/vmenu01.png) left top;} .menu_course_v3 .mnu1 {background:url(images/vmenu02a.png) left bottom;} .menu_course_v3 .mnu1o {background:url(images/vmenu02a.png) left top;} .menu_course_v3 .mnu1:hover {background:url(images/vmenu02a.png) left top;} .menu_course_v3 .mnu2 {background:url(images/vmenu03a.png) left bottom;} .menu_course_v3 .mnu2o {background:url(images/vmenu03a.png) left top;} .menu_course_v3 .mnu2:hover {background:url(images/vmenu03a.png) left top;} .menu_course_v3 .mnu3 {background:url(images/vmenu04a.png) left bottom;} .menu_course_v3 .mnu3o {background:url(images/vmenu04a.png) left top;} .menu_course_v3 .mnu3:hover {background:url(images/vmenu04a.png) left top;} .menu_course_v3 .mnu4 {background:url(images/vmenu05.png) left bottom;} .menu_course_v3 .mnu4o {background:url(images/vmenu05.png) left top;} .menu_course_v3 .mnu4:hover {background:url(images/vmenu05.png) left top;} .menu_course_v3 .mnu5 {background:url(images/vmenu06.png) left bottom;} .menu_course_v3 .mnu5o {background:url(images/vmenu06.png) left top;} .menu_course_v3 .mnu5:hover {background:url(images/vmenu06.png) left top;} .menu_course_v3 .mnu6 {background:url(images/vmenu07.png) left bottom;} .menu_course_v3 .mnu6o {background:url(images/vmenu07.png) left top;} .menu_course_v3 .mnu6:hover {background:url(images/vmenu07.png) left top;} .menu_course_v3 .mnu10 {background:url(images/vmenu10.png) left bottom;} .menu_course_v3 .mnu10o {background:url(images/vmenu10.png) left top;} .menu_course_v3 .mnu10:hover {background:url(images/vmenu10.png) left top;} .menu_course_v3 .mnu11 {background:url(images/vmenu11.png) left bottom;} .menu_course_v3 .mnu11o {background:url(images/vmenu11.png) left top;} .menu_course_v3 .mnu11:hover {background:url(images/vmenu11.png) left top;} .menu_course_v3 .mnu12 {background:url(images/vmenu12.png) left bottom;} .menu_course_v3 .mnu12o {background:url(images/vmenu12.png) left top;} .menu_course_v3 .mnu12:hover {background:url(images/vmenu12.png) left top;} .menu_course_v3 .mnu13 {background:url(images/vmenu13.png) left bottom;} .menu_course_v3 .mnu13o {background:url(images/vmenu13.png) left top;} .menu_course_v3 .mnu13:hover {background:url(images/vmenu13.png) left top;} .menu_course_v3 .mnu14 {background:url(images/vmenu13-01a.png) left bottom;} .menu_course_v3 .mnu14o {background:url(images/vmenu13-01a.png) left top;} .menu_course_v3 .mnu14:hover {background:url(images/vmenu13-01a.png) left top;} .menu_course_v3 .mnu15 {background:url(images/vmenu13-02a.png) left bottom;} .menu_course_v3 .mnu15o {background:url(images/vmenu13-02a.png) left top;} .menu_course_v3 .mnu15:hover {background:url(images/vmenu13-02a.png) left top;} .menu_course_v3 .mnu16 {background:url(images/vmenu13-03a.png) left bottom;} .menu_course_v3 .mnu16o {background:url(images/vmenu13-03a.png) left top;} .menu_course_v3 .mnu16:hover {background:url(images/vmenu13-03a.png) left top;} .menu_course_v3 .mnu17 {background:url(images/vmenu13-04.png) left bottom;} .menu_course_v3 .mnu17o {background:url(images/vmenu13-04.png) left top;} .menu_course_v3 .mnu17:hover {background:url(images/vmenu13-04.png) left top;} .menu_course_v3 .mnu18 {background:url(images/vmenu13-05.png) left bottom;} .menu_course_v3 .mnu18o {background:url(images/vmenu13-05.png) left top;} .menu_course_v3 .mnu18:hover {background:url(images/vmenu13-05.png) left top;} .menu_course_v3 .mnu19 {background:url(images/vmenu13-06.png) left bottom;} .menu_course_v3 .mnu19o {background:url(images/vmenu13-06.png) left top;} .menu_course_v3 .mnu19:hover {background:url(images/vmenu13-06.png) left top;} .menu_course_v3 .mnu20 {background:url(images/vmenu13-07a.png) left bottom;} .menu_course_v3 .mnu20o {background:url(images/vmenu13-07a.png) left top;} .menu_course_v3 .mnu20:hover {background:url(images/vmenu13-07a.png) left top;} .menu_course_v3 .mnu21 {background:url(images/vmenu13-08a.png) left bottom;} .menu_course_v3 .mnu21o {background:url(images/vmenu13-08a.png) left top;} .menu_course_v3 .mnu21:hover {background:url(images/vmenu13-08a.png) left top;} .menu_course_v3 .mnu22 {background:url(images/vmenu13-09a.png) left bottom;} .menu_course_v3 .mnu22o {background:url(images/vmenu13-09a.png) left top;} .menu_course_v3 .mnu22:hover {background:url(images/vmenu13-09a.png) left top;} .menu_course_v3 .mnu23 {background:url(images/vmenu14.png) left bottom;} .menu_course_v3 .mnu23o {background:url(images/vmenu14.png) left top;} .menu_course_v3 .mnu23:hover {background:url(images/vmenu14.png) left top;} .menu_course_v3 .mnu24 {background:url(images/vmenu15.png) left bottom;} .menu_course_v3 .mnu24o {background:url(images/vmenu15.png) left top;} .menu_course_v3 .mnu24:hover {background:url(images/vmenu15.png) left top;} .menu_course_v3 .mnu25 {background:url(images/vmenu16.png) left bottom;} .menu_course_v3 .mnu25o {background:url(images/vmenu16.png) left top;} .menu_course_v3 .mnu25:hover {background:url(images/vmenu16.png) left top;} .menu_course_v3 .mnu26 {background:url(images/vmenu26.png) left bottom;} .menu_course_v3 .mnu26o {background:url(images/vmenu26.png) left top;} .menu_course_v3 .mnu26:hover {background:url(images/vmenu26.png) left top;} .menu_course_v3 .mnu27 {background:url(images/vmenu27.png) left bottom;} .menu_course_v3 .mnu27o {background:url(images/vmenu27.png) left top;} .menu_course_v3 .mnu27:hover {background:url(images/vmenu27.png) left top;} .menu_course_v3 .mnu28 {background:url(images/vmenu28.png) left bottom;} .menu_course_v3 .mnu28o {background:url(images/vmenu28.png) left top;} .menu_course_v3 .mnu28:hover {background:url(images/vmenu28.png) left top;} .menu_course_v3 .mnu29 {background:url(images/vmenu29.png) left bottom;} .menu_course_v3 .mnu29o {background:url(images/vmenu29.png) left top;} .menu_course_v3 .mnu29:hover {background:url(images/vmenu29.png) left top;} .menu_course_v3 .mnu30 {background:url(images/vmenu30.png) left bottom;} .menu_course_v3 .mnu30o {background:url(images/vmenu30.png) left top;} .menu_course_v3 .mnu30:hover {background:url(images/vmenu30.png) left top;} .menu_course_v3 .mnu31 {background:url(images/vmenu31.png) left bottom;} .menu_course_v3 .mnu31o {background:url(images/vmenu31.png) left top;} .menu_course_v3 .mnu31:hover {background:url(images/vmenu31.png) left top;} .menu_course_v3 .mnu32 {background:url(images/vmenu32.png) left bottom;} .menu_course_v3 .mnu32o {background:url(images/vmenu32.png) left top;} .menu_course_v3 .mnu32:hover {background:url(images/vmenu32.png) left top;} .menu_course_v3 .mnu33 {background:url(images/vmenu33.png) left bottom;} .menu_course_v3 .mnu33o {background:url(images/vmenu33.png) left top;} .menu_course_v3 .mnu33:hover {background:url(images/vmenu33.png) left top;} .menu_course_v3 .mnu34 {background:url(images/vmenu34.png) left bottom;} .menu_course_v3 .mnu34o {background:url(images/vmenu34.png) left top;} .menu_course_v3 .mnu34:hover {background:url(images/vmenu34.png) left top;} .menu_course_v3 .mnu35 {background:url(images/vmenu35.png) left bottom;} .menu_course_v3 .mnu35o {background:url(images/vmenu35.png) left top;} .menu_course_v3 .mnu35:hover {background:url(images/vmenu35.png) left top;} .menu_course_v3 .mnu36 {background:url(images/vmenu36.png) left bottom;} .menu_course_v3 .mnu36o {background:url(images/vmenu36.png) left top;} .menu_course_v3 .mnu36:hover {background:url(images/vmenu36.png) left top;} .menu_course_v3 .mnu37 {background:url(images/vmenu37.png) left bottom;} .menu_course_v3 .mnu37o {background:url(images/vmenu37.png) left top;} .menu_course_v3 .mnu37:hover {background:url(images/vmenu37.png) left top;} .menu_course_v3 .mnu38 {background:url(images/vmenu38.png) left bottom;} .menu_course_v3 .mnu38o {background:url(images/vmenu38.png) left top;} .menu_course_v3 .mnu38:hover {background:url(images/vmenu38.png) left top;} .menu_course_v3 .mnu39 {background:url(images/vmenu39.png) left bottom;} .menu_course_v3 .mnu39o {background:url(images/vmenu39.png) left top;} .menu_course_v3 .mnu39:hover {background:url(images/vmenu39.png) left top;} .menu_course_v3 .mnu40 {background:url(images/vmenu40.png) left bottom;} .menu_course_v3 .mnu40o {background:url(images/vmenu40.png) left top;} .menu_course_v3 .mnu40:hover {background:url(images/vmenu40.png) left top;} .menu_course_v3 .mnu41 {background:url(images/vmenu41.png) left top;} .menu_course_v3 .mnu41o {background:url(images/vmenu41.png) left top;} .menu_course_v3 .mnu41:hover {background:url(images/vmenu41.png) left top;} .menu_course_v3 .mnu42 {background:url(images/vmenu42.png) left top;} .menu_course_v3 .mnu42o {background:url(images/vmenu42.png) left top;} .menu_course_v3 .mnu42:hover {background:url(images/vmenu42.png) left top;} .menu_course_v3 .mnu42a {background:url(images/vmenu42a.png) left top;} .menu_course_v3 .mnu42ao {background:url(images/vmenu42a.png) left top;} .menu_course_v3 .mnu42a:hover {background:url(images/vmenu42a.png) left top;} .menu_course_v3 .mnu43 {background:url(images/vmenu43.png) left top;} .menu_course_v3 .mnu43o {background:url(images/vmenu43.png) left top;} .menu_course_v3 .mnu43:hover {background:url(images/vmenu43.png) left top;} .menu_course_v3 .mnu44 {background:url(images/vmenu44.png) left bottom;} .menu_course_v3 .mnu44o {background:url(images/vmenu44.png) left top;} .menu_course_v3 .mnu44:hover {background:url(images/vmenu44.png) left top;} /* .menu_course a {display:block;width:180px;height:12px;margin:15px 0 15px 15px;} .menu_course .mnu0 {width:240px;height:30px;margin:0;} .menu_course .mnu1 {background:url(images/mnu_c1.png) bottom;} .menu_course .mnu1o {background:url(images/mnu_c1.png) top;} .menu_course .mnu1:hover {background:url(images/mnu_c1.png) top;} .menu_course .mnu2 {background:url(images/mnu_c2.png) bottom;} .menu_course .mnu2o {background:url(images/mnu_c2.png) top;} .menu_course .mnu2:hover {background:url(images/mnu_c2.png) top;} .menu_course .mnu3 {background:url(images/mnu_c3.png) bottom;} .menu_course .mnu3o {background:url(images/mnu_c3.png) top;} .menu_course .mnu3:hover {background:url(images/mnu_c3.png) top;} .menu_course .mnu4 {background:url(images/mnu_c4.png) bottom;} .menu_course .mnu4o {background:url(images/mnu_c4.png) top;} .menu_course .mnu4:hover {background:url(images/mnu_c4.png) top;} .menu_course .mnu5 {background:url(images/mnu_c5.png) bottom;} .menu_course .mnu5o {background:url(images/mnu_c5.png) top;} .menu_course .mnu5:hover {background:url(images/mnu_c5.png) top;} .menu_course .mnu6 {background:url(images/mnu_c6.png) bottom;} .menu_course .mnu6o {background:url(images/mnu_c6.png) top;} .menu_course .mnu6:hover {background:url(images/mnu_c6.png) top;} .menu_course .mnu7 {margin:10px 0 10px 30px;background:url(images/mnu_s1.png) bottom;} .menu_course .mnu7:hover {background:url(images/mnu_s1.png) top;} .menu_course .mnu8 {margin:10px 0 10px 30px;background:url(images/mnu_s2.png) bottom;} .menu_course .mnu8:hover {background:url(images/mnu_s2.png) top;} .menu_course .mnu9 {margin:10px 0 10px 30px;background:url(images/mnu_s3.png) bottom;} .menu_course .mnu9:hover {background:url(images/mnu_s3.png) top;} .menu_course .mnu10 {margin:10px 0 10px 30px;background:url(images/mnu_s4.png) bottom;} .menu_course .mnu10:hover {background:url(images/mnu_s4.png) top;} */ #notice_set {width:941px;height:20px;margin:0 0 20px 4px;padding:5px 10px 5px 10px;line-height:1.5em;border:1px solid #E2C822;background:#fff9d7;float:left;} #notice_set a{text-decoration:none;color:#0088DC;} /* notice style from Sino FD pages added on 2010-06-30 */ .fd_notice {width:955px;font-size:14px;font-weight:bold;line-height:1.5em;margin:0 0 0 0;padding:7px;text-align:center;border:1px solid #E2C822;background:#fff9d7;color:#4d4d4d;} .fd_notice b {font-weight:bold;color:#333333;line-height:1.5em;} .fd_notice p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .fd_notice a {color:#0088DC;} /* notice style from Sino FD pages added on 2010-06-30 */ .fd_notice2 {width:98%;font-size:12px;font-weight:normal;line-height:1.5em;margin:0 0 15px 0;padding:5px;text-align:center;border:1px solid #E2C822;background:#fff9d7;color:#4d4d4d;} .fd_notice2 b {font-weight:bold;color:#333333;line-height:1.5em;} .fd_notice2 p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .fd_notice2 a {color:#0088DC;} /* notice style from 2011-02-10 */ .fd_notice3 {list-style:none;width:560px;height:50px;margin:0 0 15px 0;text-align:center;background:url(images/notice_line.png) center bottom no-repeat;} .fd_notice3 li {float:left;} .fd_notice3 #bell {width:34px;padding:5px 0 5px 0;} .fd_notice3 #note {width:516px;padding:5px;font-size:12px;font-weight:normal;line-height:1.5em;color:#4d4d4d;} .fd_notice3 b {font-weight:bold;color:#333333;line-height:1.5em;} .fd_notice3 p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .fd_notice3 a {color:#0088DC;} /* notice style from Sino FD pages added on 2010-06-30 */ .fd_notice_index {width:955px;font-size:14px;font-weight:bold;line-height:1.5em;margin:0 0 0 0;padding:5px;text-align:center;border:1px solid #E2C822;background:#fff9d7;color:#4d4d4d;} .fd_notice_index b {font-weight:bold;color:#333333;line-height:1.5em;} .fd_notice_index p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .fd_notice_index a {color:#0088DC;} .notice1 {width:941px;margin:0 0 15px 4px;padding:5px 10px 5px 10px;line-height:1.5em;border:1px solid #E2C822;background:#fff9d7;float:left;text-align:left;} .notice1 a {text-decoration:none;color:#0088DC;} .notice2 {width:948px;margin:0 0 0 0;padding:5px 10px 5px 10px;line-height:1.5em;border:1px solid #ED1C24;background:url(images/bg-notice2.png) left top repeat-x #EDCECF;text-align:center;color:#882C00;font-size:16px;font-weight:bold;float:left;} .notice2 a {text-decoration:none;color:#0088DC;} .content .notice4 {margin:15px 0 0 0;} .notice4 {width:954px;font-size:12px;font-weight:normal;line-height:1.5em;margin:15px 0 0 15px;padding:5px;text-align:center;border:1px solid #E2C822;background:#fff9d7;color:#4d4d4d;float:left;} .notice4 b {font-weight:bold;color:#333333;line-height:1.5em;} .notice4 p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .notice4 a {color:#0088DC;} .content .notice5 {margin:15px 0 0 0;} .notice5 {width:957px;height:25px;font-size:14px;font-weight:bold;line-height:1.5em;margin:15px 0 0 15px;padding:5px 5px 5px 5px;text-align:center;background:url(images/notice5.gif);color:#fff;float:left;} .notice5 b {font-weight:bold;color:#333333;line-height:1.5em;} .notice5 p {margin:0 0 7px 0;padding:0;line-height:1.5em;} .notice5 a {display:block;width:947px;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;} /* .notice2 {width:941px;margin:0 0 15px 4px;padding:5px 10px 5px 10px;line-height:1.5em;border:1px solid #33ff00;background:#ccffcc;float:left;text-align:left;color:#ff3399;font-size:18px;font-weight:bold;} */ /* .notice2 .b1 {text-decoration:none;margin:0 5px 0 5px;color:#ff3399;font-size:18px;font-weight:bold;} .notice2 .b2 {text-decoration:none;color:#0088DC;font-size:18px;font-weight:bold;} .notice2 .b3 {text-decoration:none;color:#ff3333;font-size:18px;font-weight:bold;} */ .notice3 {width:676px;margin:20px 0 20px 4px;padding:5px 10px 5px 10px;line-height:1.5em;border:1px solid #E2C822;background:#fff9d7;float:left;text-align:center;} .notice3 a {text-decoration:none;color:#0088DC;} .txt_blue {color:#008fd5;} .index_content2 {width:970px;margin:15px 0 0 0;padding:0 15px 10px 15px;float:left;} .index_content2 .logo {margin:0 0 0 0;float:left;} .index_content2 .index_left {width:709px;margin:15px 0 0 0;float:left;} .index_content2 .index_right {width:261px;margin:15px 0 0 0;float:left;} .index_content2 .index_right p {margin:0 0 0 0;line-height:1.5em;} .youtube-index {width:261px;margin:0 0 15px 0;padding:0;} .index_content3 {width:980px;margin:0;padding:0 0 5px 20px;float:left;background:#ffffff;} .index_content3 p {margin:0 0 20px 0;padding:0;line-height:1.5em;} .index_content3 h1 {margin:0 0 20px 0;padding:0;line-height:1.5em;font-size:18px;font-weight:bold;color:#0076a3;} .index_content3 .index_full {width:980px;margin:5px 0 0 0;padding:0;float:left;} .index_content3 .index_left {width:381px;margin:20px 0 0 0;float:left;} .index_content3 .index_middle {width:298px;margin:20px 20px 0 20px;float:left;} .index_content3 .index_right {width:243px;margin:20px 0 0 0;float:left;} .index_content3 .index_right img {margin:0 0 10px 0;float:left;} /* index_content4 */ #index_content4 {width:1000px;margin:15px 0 0 0;padding:0 0 0 0;} #index_content4 a {color:#29abe2;} #index_content4 #index_banners {width:967px;height:327px;margin:15px 0 0 15px;list-style:none;background:#e5ded4;float:left;} #index_content4 #index_banners li {position:relative;width:967px;height:327px;margin:0 0 0 0;padding:0 0 0 0;background:#e5ded4;float:left;} #index_content4 #index_banners a.link {position:absolute;top:0;left:0;z-index:500;width:967px;height:327px;} #index_content4 #index_banners div.flash {position:absolute;top:254px;left:372px;z-index:250;width:457px;height:35px;} #index_content4 #index_banners #index_banner2 {background:url(images/bg-index-banner.png) 0 0 no-repeat;} #index_content4 #index_banners #index_banner2 #video {margin:20px 61px 0 0;float:right;} #index_content4 #index_banners #index_banner2 #video2 {position:relative;z-index:999;left:490px;top:-305px;} #index_content4 #index_banners #index_banner2 #link {width:114px;height:20px;margin:240px 0 0 297px;float:left;background:url(images/btn_learnmore.png) 0 0 no-repeat;} #index_content4 #index_banners #index_banner2 #link:hover {background:url(images/btn_learnmore.png) 0 -21px no-repeat;} #index_content4 #index_banners #index_banner2 #link2 {position:relative;z-index:10;display:block;width:967px;height:327px;margin:0;background:url(images/bg-index-banner02.png) 0 0 no-repeat;} #index_content4 #index_banners #index_banner2 #link2:hover {background:url(images/bg-index-banner02.png) 0 -327px no-repeat;} #index_content4 #index_banners #index_banner3 {background:url(images/HKHTA_wide_banner_4.jpg) 0 0 no-repeat;} #index_content4 #index_banners #index_banner3 #video {margin:60px 55px 0 0;float:right;} #index_content4 #index_banners #index_banner3 #video2 {position:relative;z-index:999;left:490px;top:-305px;} #index_content4 #index_banners #index_banner3 #link {width:114px;height:20px;margin:240px 0 0 297px;float:left;background:url(images/btn_learnmore.png) 0 0 no-repeat;} #index_content4 #index_banners #index_banner3 #link:hover {background:url(images/btn_learnmore.png) 0 -21px no-repeat;} #index_content4 #index_banners #index_banner3 #link2 {position:absolute;z-index:10;display:block;width:967px;height:327px;margin:0;} #index_content4 #index_banners #index_banner4 {background:url(images/HKHTA_wide_banner_41.png) 0 0 no-repeat;} #index_content4 #index_banners #index_banner4 #flash {width:580px;float:left;} #index_content4 #index_banners #index_banner4 #video {width:306px;margin:70px 0 0 40px;float:left;} #index_content4 #nav_index_banners {width:967px;height:18px;margin:0 0 15px 15px;padding:0 0 0 0;line-height:1em;/*position:relative;top:0px;z-index:999999;*/font-size:10px;background:#E5DED4;float:left;} #index_content4 #nav_index_banners a {display:block;width:8px;height:8px;font-size:0; margin:0 -5px 0 17px; padding:0; border: 1px solid #999; background: #ddd; text-decoration: none;color:#ddd; float:left;} #index_content4 #nav_index_banners a.activeSlide { background: #807854;color:#807854; } #index_content4 #nav_index_banners a:focus { outline: none; } #index_content4 #index_boxes {width:967px;margin:0 0 0 15px;list-style:none;} #index_content4 #index_boxes li {height:160px;margin:0 0 0 0;padding:10px;float:left;overflow:hidden;} #index_content4 #index_boxes li:last-child {border:0;} #index_content4 #index_boxes li h2 {position:relative;top:-180px;margin:0 0 10px 0;font-size:16px;font-weight:bold;color:#1c75bb;line-height:1em;} #index_content4 #index_boxes li h2 a {color:#1c75bb;} #index_content4 #index_boxes li p {position:relative;top:-180px;width:auto;margin:0 0 10px 0;line-height:1.5em;text-align:justify; text-justify: inter-ideograph;float:left;} #index_content4 #index_boxes li .pic {margin:0 15px 0 0;float:left;} #index_content4 #index_boxes li p.link {width:auto;margin:0 0 0 0;padding:0 0 0 0;text-align:auto;text-justify:auto;} #index_content4 #index_boxes .index_box01 {display:block;width:225px;height:160px;margin:0;} #index_content4 #index_boxes .index_box01 h2 {font-size:16px;color:#fff;} #index_content4 #index_boxes .index_box01 a {color:#fff;} #index_content4 #index_boxes .index_box01 p {font-size:14px;color:#fff;} #index_content4 #index_boxes .index_box01:hover {display:block;width:225px;height:160px;margin:0;background:url(images/index-box6.jpg) 0 0;} #index_content4 #index_boxes .index_box01 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:245px;height:180px;margin:0;padding:0;cursor:pointer;} #index_content4 #index_boxes .index_box02 {display:block;width:236px;height:180px;padding:0;background:none;} #index_content4 #index_boxes .index_box02:hover {display:block;width:236px;height:180px;padding:0;background:none;} #index_content4 #index_boxes .index_box02 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:235px;height:180px;cursor:pointer;} #index_content4 #index_boxes .index_box03 {display:block;width:221px;height:160px;background:url(images/index-box5.jpg) -481px 0;} #index_content4 #index_boxes .index_box03:hover {display:block;width:221px;height:160px;background:url(images/index-box5.jpg) -481px -180px;} #index_content4 #index_boxes .index_box03 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:241px;height:180px;cursor:pointer;} #index_content4 #index_boxes .index_box04 {position:relative;display:block;width:245px;height:180px;margin:0;padding:0;background:url(images/index-box5.jpg) -722px 0;line-height:1em;} #index_content4 #index_boxes .index_box04:hover {display:block;width:245px;height:180px;margin:0;padding:0;background:url(images/index-box5.jpg) -722px -180px;line-height:1em;} #index_content4 #index_boxes .index_box04 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:235px;height:180px;cursor:pointer;} #index_content4 #index_boxes .index_box07 {display:block;width:245px;height:180px;padding:0;background:url(images/index-box07.png) 0 0;} #index_content4 #index_boxes .index_box07:hover {display:block;width:245px;height:180px;padding:0;background:url(images/index-box07.png) 245px 0;} #index_content4 #index_boxes .index_box07 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:241px;height:180px;cursor:pointer;} /* #index_content4 #index_boxes .index_box04 .hd3 {display:inline;margin:0 0 0 0;padding:0 0 0 0;font-size:14px;font-weight:bold;color:#1c75bb;line-height:1.5em;} #index_content4 #index_boxes .index_box04 .hd3 a {color:#1c75bb;} #index_content4 #index_boxes .index_box04 .pic {margin:0 10px 30px 0;padding:0 0 0 0;} #index_content4 #index_boxes .index_box04 h2 {position:relative;top:auto;} #index_content4 #index_boxes .index_box04 p {position:relative;top:auto;} #index_content4 #index_boxes .index_box04 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:245px;height:180px;cursor:pointer;} */ /* StudentBoxes */ #StudentBoxes {position:absolute;top:0;list-style:none;margin:0 0 0 0;padding:0 0 0 0;background:none;} #StudentBoxes li {position:absolute;top:0;width:225px;height:160px;margin:0 0 0 0;padding:10px;background:none;} #StudentBoxes li:hover {width:225px;height:160px;margin:0 0 0 0;padding:10px;background:none;} #StudentBoxes li .hd3 {display:inline;margin:0 0 0 0;padding:0 0 0 0;font-size:14px;font-weight:bold;color:#1c75bb;line-height:1.5em;} #StudentBoxes li .hd3 a {color:#1c75bb;} #StudentBoxes li .pic {margin:0 10px 30px 0;padding:0 0 0 0;} /* #StudentBoxes li h2 {position:absolute;top:auto;} #StudentBoxes li p {position:relative;top:auto;} #index_content4 #index_boxes .index_box04 a.link {display:block;position:relative;z-index:999;left:0;top:0;width:245px;height:180px;cursor:pointer;} */ /* advBoxes */ #advBoxes {position:relative;list-style:none;width:235px;height:180px;margin:0 0 0 0;padding:0 0 0 0;background:none;} #advBoxes li {width:235px;height:180px;margin:0 0 0 0;padding:0;background:;} #advBoxes li:hover {width:235px;height:180px;margin:0 0 0 0;padding:0;background:;} /*#index_boxes .index_box01 #advBoxes a.link {display:block;position:relative;z-index:999;left:0;top:0;width:245px;height:180px;margin:0;padding:0;cursor:pointer;}*/ #advBoxes #advBox01 {background:url(images/index-box02-02.png) -1px 0;} #advBoxes #advBox01:hover {background:url(images/index-box02-02.png) 235px 0;} #advBoxes #advBox02 {background:url(images/index-box02-03.png) -1px 0;} #advBoxes #advBox02:hover {background:url(images/index-box02-03.png) 235px 0;} #advBoxes #advBox03 {background:url(images/index-box02-01.png) -1px 0;} #advBoxes #advBox03:hover {background:url(images/index-box02-01.png) 235px 0;} #advBoxes #advBox04 {background:url(images/index-box02-04.png) -1px 0;} #advBoxes #advBox04:hover {background:url(images/index-box02-04.png) 235px 0;} .news_v3 {width:298px;margin:0 0 20px 0;padding:5px 0 0 0;border-top:1px solid #d6dce5;list-style:none;float:left;} .news_v3 li {width:298px;margin:0;padding:0;float:left;} .news_v3 p {margin:0;padding:0;line-height:1.5em;} .news_v3 .date {width:55px;margin:0 15px 0 0;padding:0;font-size:11px;} .news_v3 .desc {width:228px;margin:0;padding:0;} .news_v3 .desc h4 {margin:0;padding:0;line-height:1.5em;color:#0076a3;font-weight:bold;font-size:14px;} .news-footer {width:298px;margin:0 0 20px 0;padding:5px 0 0 0;line-height:1.5em;color:#0076a3;border-top:1px solid #d6dce5;text-align:right;float:left;} .news-footer a {color:#0076a3;} .content {width:970px;margin:5px 0 0 0;padding:0 15px 10px 15px;float:left;} .content p {margin:0 0 20px 0;padding:0 0 0 0;line-height:1.6em;} .content h1 {margin:0 0 15px 0;padding:0 0 0 0;font-size:18px;font-weight:bold;color:#137AAC;line-height:1.6em;} .content h2 {margin:20px 0 5px 0;padding:0 0 0 0;font-size:14px;font-weight:bold;line-height:1.6em;} .content .logo {margin:0 0 0 3px;float:left;} .content .no_menu {width:960px;margin:10px 0 0 0;padding:0;float:left;} /* ipod promotion */ .content #ipod {width:937px;height:484px;margin:10px 0 0 0;padding:15px 15px 0 15px;float:left;background:#e5dfd5;} .content #ipod .txt_blue {color:#27AAE1;} .content #ipod .txt_orange {color:#F7941E;} .content #ipod .txt_purple {color:#EC008C;} .content #ipod h1 {margin:0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:32px;color:#666666;} .content #ipod p {margin:0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:18px;color:#666666;line-height:1.5em;} .content #ipod img {margin:0;padding:0;border:0;float:left;} .content #ipod #left {width:757px;margin:0;padding:0;border:0;overflow:hidden;float:left;} .content #ipod #left #ipod01 {margin:0;padding:0;border:0;float:left;} .content #ipod #left #ipod02 {width:231px;height:237px;margin:0;padding:40px 0 0 0;border:0;background:#ffffff;float:left;} .content #ipod #left .text02a {width:447px;height:107px;margin:0;padding:100px 0 0 15px;border:0;background:#ffffff;float:left;} .content #ipod #left .text02b {width:231px;height:277px;margin:0;padding:0;border:0;background:url(images/ipod03.png) left bottom repeat-x #ffffff;float:left;} .content #ipod #right {width:180px;height:470px;margin:0;padding:0;border:0;background:#ffffff;overflow:hidden;float:left;} .content #ipod .submit_2 {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#30496b;} .content #ipod .submit_2:hover {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#869fc7;} .content #ipod .submit_2 a {width:100%;display:block;padding:4px 0 4px 0;color:#ffffff;} /* ipod touch promotion */ .content #itouch {width:937px;height:514px;margin:10px 0 0 0;padding:15px 15px 0 15px;float:left;background:#e5dfd5;} .content #itouch .rules {margin:30px 10px 10px 10px;font-size:12px;color:#666666;float:left;} .content #itouch #frame1 {width:937px;height:484px;float:left;background:#BE1E2D;overflow:hidden;} .content #itouch #frame2 {width:902px;height:450px;margin:15px;float:left;background:#fff;border:2px solid #BE1E2D;overflow:hidden;} .content #itouch .txt_blue {color:#27AAE1;} .content #itouch .txt_orange {color:#F7941E;} .content #itouch .txt_purple {color:#EC008C;} .content #itouch .txt_green {color:#8dc63f;} .content #itouch .txt_black {color:#000000;font-weight:bold;} .content #itouch .txt_big {font-size:22px;} .content #itouch h1 {margin:0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:28px;color:#666666;} .content #itouch p {margin:0 0 10px 0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:14px;color:#666666;line-height:1.5em;} .content #itouch #left {width:670px;margin:0;padding:0;border:0;overflow:hidden;float:left;} .content #itouch #left #itouch01 {list-style:none;width:700px;height:397px;margin:0;padding:0;border:0;background:url(images/ipod-touch.jpg) 0 118px no-repeat;float:left;} .content #itouch #left #itouch01 li {float:left;} .content #itouch #left .text01 {width:200px;height:60px;margin:0;padding:0 0 0 0;border:0;#ffffff;float:left;} .content #itouch #left .text02 {width:440px;height:36px;margin:0;padding:24px 0 0 0;border:0;#ffffff;float:left;} .content #itouch #left .text02 .txt_big {font-size:18px;} .content #itouch #divider {width:22px;height:500px;margin:0;padding:0;border:0;background:url(images/ipod-touch-divider.jpg) left center no-repeat;overflow:hidden;float:left;} .content #itouch #right {width:210px;height:500px;margin:0;padding:0;border:0;background:none;overflow:hidden;float:left;} .content #itouch .submit_2 {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#30496b;} .content #itouch .submit_2:hover {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#869fc7;} .content #itouch .submit_2 a {width:100%;display:block;padding:4px 0 4px 0;color:#ffffff;} .content #itouch .enq_form {width:170px;padding:7px 9px 9px 9px;color:#666666;background:#ffffff;} .content #itouch .enq_form .page_title h2 {margin:7px 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .content #itouch .enq_form form {background:none;} .content #itouch .enq_form form input {margin:0 10px 10px 0;padding:4px;line-height:auto;color:#666666;border:1px solid #bfbfbf;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content #itouch .enq_form form select {height:26px;margin:0 10px 10px 0;padding:4px 4px 4px 0;color:#666666;border:1px solid #bfbfbf;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content #itouch .enq_form form input:focus {border:1px solid #FFCC00;background:#fff9d7;} .content #itouch .enq_form form .focus {color:#9F9F9F;} .content #itouch .enq_form form .typing {color:#333333;} .content #itouch .enq_form form td {width:auto;height:auto;line-height:1em;} .content #itouch .enq_form form .text {width:63px;float:left;} .content #itouch .enq_form form .email {width:155px;} .content #itouch .enq_form form .input_2 {width:165px;} .content #itouch .enq_form form .input_2:focus {border:1px solid #FFCC00;background:#fff9d7;} .content #itouch .enq_form form .quali {width:115px;} .content #itouch .enq_form form .exp {width:115px;} .content #itouch .enq_form form .input_3 {width:155px;margin:0 0 10px 0;padding:4px;color:#666666;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content #itouch .enq_form form .input_3:focus {border:1px solid #FFCC00;background:#fff9d7;} .content #itouch .enq_form form .submit_1 {margin:0 10px 15px 0;padding:0;border:none;color:#333333;} .content #itouch .enq_form form .privacy {margin:0 10px 0 0;padding:0;font-size:12px;color:#666666;} .content #itouch .enq_form form .privacy:visited {color:#666666;} /* ipad nano promotion */ .content #ipodnano {width:937px;height:514px;margin:10px 0 0 0;padding:15px 15px 0 15px;float:left;background:#e5dfd5;} .content #ipodnano .rules {margin:195px 10px 10px 5px;font-size:12px;color:#666666;float:left;} .content #ipodnano .close {margin:25px 10px 10px 10px;font-size:12px;color:#008fd5;float:right;} .content #ipodnano #frame1 {width:937px;height:484px;float:left;background:#BE1E2D;overflow:hidden;} .content #ipodnano #frame2 {width:902px;height:450px;margin:15px;float:left;background:url(images/ipod-nano2.jpg) -5px 160px no-repeat #fff;border:2px solid #BE1E2D;overflow:hidden;} .content #ipodnano .txt_blue {color:#27AAE1;} .content #ipodnano .txt_orange {color:#F7941E;} .content #ipodnano .txt_purple {color:#EC008C;} .content #ipodnano .txt_green {color:#8dc63f;} .content #ipodnano .txt_big {font-size:22px;} .content #ipodnano h1 {margin:0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:28px;color:#666666;} .content #ipodnano p {margin:0 0 5px 0;padding:0;border:0;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;font-size:14px;color:#666666;line-height:1.4em;} .content #ipodnano #left {width:659px;margin:0;padding:0;border:0;overflow:hidden;float:left;} .content #ipodnano #left #ipodnano01 {list-style:none;width:700px;height:237px;margin:0;padding:0;border:0;background:none;float:left;} .content #ipodnano #left #ipodnano01 li {float:left;} .content #ipodnano #left #ipodnano01 .ipodnano_left {width:309px;height:237px;} .content #ipodnano #left #ipodnano01 .ipodnano_right {width:350px;height:237px;} .content #ipodnano #left .text01 {width:309px;height:210px;margin:0;padding:0 0 0 0;border:0;#ffffff;float:left;} .content #ipodnano #left .text02 {width:350px;height:210px;margin:0;padding:0 0 0 0;border:0;#ffffff;float:left;} .content #ipodnano #divider {width:20px;height:500px;margin:0;padding:0;border:0;background:url(images/ipod-touch-divider.jpg) center center no-repeat;overflow:hidden;float:left;} .content #ipodnano #right {width:221px;height:500px;margin:0;padding:0;border:0;background:none;overflow:hidden;float:left;} .content #ipodnano .submit_2 {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#30496b;} .content #ipodnano .submit_2:hover {width:120px;margin:20px 0 0 60px;text-align:center;font-size:14px;font-weight:bold;border:2px solid #869fc7;color:#ffffff;background:#869fc7;} .content #ipodnano .submit_2 a {width:100%;display:block;padding:4px 0 4px 0;color:#ffffff;} .content .pad_left {width:860px;margin:15px 0 0 100px;padding:0;float:left;} .content .pad_left80 {width:860px;margin:15px 0 0 80px;padding:0;float:left;} .content .event_ex {margin:0 0 25px 0;padding:0 0 0 0;float:left;} .content .col_main .event_ex {margin:0;padding:0;clear:both;} .content .event_ex li {margin:0 0 0 0;padding:0 0 0 0;float:left;} .content .event_ex .txt {width:180px;margin:0 15px 0 0;padding:0 0 0 0;line-height:1.5em;} .content .event_ex .pic {width:665px;margin:0 0 0 0;padding:0 0 0 0;} .content .event_ex .pic a {margin:0 5px 0 0;} .content .event_ex .more {width:700px;margin:0 0 0 0;padding:15px 0 10px 0;border-bottom:1px solid #dddddd;font-weight:bold;color:#3192bf;text-align:right;} .content .event_ex .more a {color:#3192bf;} .content .event_ex2_group_class {width:475px;margin:0 0 0 5px;float:left;} .content .event_ex2_group_class .event_ex2 {background:#d9efff;color:#999999;} .content .event_ex2_group_class h1 {margin:0 0 15px 0;padding:0 0 0 0;font-size:18px;font-weight:bold;color:#adbfcc;line-height:1em;} .content .event_ex2_group_class h2 {margin:5px 5px 0 0;padding:0 100px 0 0;font-size:14px;font-weight:bold;border-bottom:1px solid #999999;color:#999999;line-height:1.2em;float:right;} .content .event_ex2_group {width:475px;margin:0 0 0 5px;float:left;} .content .event_ex2_group .event_ex2 {background:#fff4bf;color:#999999;} .content .event_ex2_group h1 {margin:0 0 15px 0;padding:0 0 0 0;font-size:18px;font-weight:bold;color:#ccc399;line-height:1em;} .content .event_ex2_group h2 {margin:5px 5px 0 0;padding:0 100px 0 0;font-size:14px;font-weight:bold;border-bottom:1px solid #999999;color:#999999;line-height:1.2em;float:right;} .content .event_ex2 {width:450px;height:150px;margin:0 0 15px 0;padding:10px;float:left;-moz-border-radius: 10px; border-radius: 10px;} .content .event_ex2 li {width:450px;margin:0 0 0 0;padding:0 0 0 0;float:left;} .content .event_ex2 .header {width:450px;height:44px;margin:0 0 5px 0;padding:0 0 0 0;line-height:1.5em;} .content .event_ex2 .header h2 {float:right;} .content .event_ex2 b {margin:0 15px 0 0;font-weight:bold;font-size:16px;line-height:1.4em;float:left;} .content .event_ex2 .pic {margin:0 0 0 0;padding:0 0 0 0;} .content .event_ex2 .pic img {width:105px;margin:0 0 0 0;padding:0 0 0 0;} .content .event_ex2 .pic a {margin:0 7px 0 0;float:left;} .content .event_ex2 .footer {width:450px;margin:5px 0 0 0;} .content .event_ex2 .footer a {color:#3192bf;margin:5px 0 0 0;padding:0 0 0 0;font-weight:bold;color:#3192bf;float:right} .content .event_ex2_video {width:928px;height:150px;margin:0 0 15px 7px;padding:17px 10px 17px 10px;list-style:none;background:#ededee;float:left;-moz-border-radius: 10px; border-radius: 10px;} .content .event_ex2_video li {width:218px;height:150px;margin:0 8px 0 7px;padding:0 0 0 0;float:left;} .content .event_ex2_video li p {margin:0 0 0 0;padding:0 0 0 0;line-height:1.2em;} .content .index_full {width:760px;margin:15px 0 0 0;padding:0;float:left;} .content .index_left {width:560px;margin:20px 20px 0 0;float:left;} .content .index_left h2 {margin:0 0 10px 0;color:#137AAC;font-size:16px;font-weight:bold;} .content .index_left h2 a {color:#137AAC;} .content .index_left h3 {margin:0 0 15px 0;color:#333333;font-size:14px;font-weight:bold;line-height:1.6em;} .content .index_left h4 {margin:0 0 15px 0;color:#ec297b;font-size:14px;font-weight:bold;line-height:1.6em;} .content .index_left h5 {margin:0 0 5px 0;color:#333333;font-size:12px;font-weight:bold;line-height:1.6em;} .content .index_left b {color:#333333;font-weight:bold;line-height:1.6em;} .content .index_left a {color:#3192bf;} .content .index_left p {text-align:justify;text-justify: newspaper;} .content .index_left .prog-list {margin:0 0 15px 20px;list-style:disc;} .content .index_left .prog-list li {line-height:1.8em;} .content .index_left .pic-txt {margin:0 0 20px 0;float:left;} .content .index_left .pic-txt li {margin:0 0 0 0;float:left;} .content .index_left .pic-txt .pic {width:204px;margin:0 10px 0 10px;} .content .index_left .pic-txt .txt {width:246px;} .content .course_intro {width:560px;margin:0 0 10px 0;padding:0;list-style:none;} .content .course_intro p {margin:0 0 10px 0;padding:0;} .content .course_intro li {width:265px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;float:left;} .content .course_list {width:546px;margin:0 0 20px 14px;padding:0;list-style:disc;} .content .course_list li {width:258px;height:50px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;float:left;} .content .course_list li h2 {margin:0 0 0 0;line-height:1.2em;font-size:14px;} .content .course_list li h2.eng {margin:0 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#999999;font-size:9px;font-weight:normal;} .content .course_list p {} .content .course_list2 {width:560px;margin:0 0 20px 0;padding:0;list-style:none;} .content .course_list2 li {width:265px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;float:left;} .content .course_list2 p {} .content #notebar {list-style:none;width:560px;border-bottom:1px solid #2785B3;} .content #notebar li {float:left;} .content #notebar p {margin:0 5px 0 0;padding:0 0 0 0;line-height:1em;} .content #notebar img {margin:0 0 0 5px;padding:0 0 0 0;line-height:1em;} .content #notebar #pmenu {margin:0 0 0 0;padding:0 0 0 0;float:right;} .content #notebar #pmenu a {margin:0 0 0 5px;vertical-align:top;} /* .content .course_list {width:528px;margin:0 0 20px 0;padding:15px;list-style:none;border:1px solid #e3da9f;background:#fffdf0;color:#4d4d4d;} .content .course_list li {width:249px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;float:left;} .content .course_list p {} .content .course_list2 {width:528px;margin:0 0 20px 0;padding:15px;list-style:none;border:1px solid #cccccc;background:#f5f5f5;color:#4d4d4d;} .content .course_list2 li {width:249px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;float:left;} .content .course_list2 p {} */ .content .dht_landing {width:560px;margin:9px 20px 0 0;float:left;} .content .dht_landing h2 {margin:0 0 15px 0;color:#137AAC;font-size:16px;font-weight:bold;} .content .dht_landing h2 a {color:#137AAC;} .content .dht_landing h3 {margin:0 0 15px 0;color:#333333;font-size:14px;font-weight:bold;line-height:1.6em;} .content .dht_landing h4 {margin:0 0 15px 0;color:#ec297b;font-size:14px;font-weight:bold;line-height:1.6em;} .content .dht_landing b {color:#333333;font-weight:bold;} .content .dht_landing a {color:#3192bf;} .content .dht_landing p {text-align:justify;text-justify: newspaper;} .content .dht_landing .prog-list {margin:0 0 15px 20px;list-style:disc;} .content .dht_landing .prog-list li {line-height:1.8em;} .content .dht_landing .pic-txt {margin:0 0 20px 0;float:left;} .content .dht_landing .pic-txt li {margin:0 0 0 0;float:left;} .content .dht_landing .pic-txt .pic {width:204px;margin:0 10px 0 10px;} .content .dht_landing .pic-txt .txt {width:246px;} .content .index_right {width:180px;margin:0 0 0 0;float:left;} .content .contactX {width:710px;margin:0 0 0 40px;padding:0;float:left;} .content .contactX td {padding:0 0 8px 0;line-height:1.5em;vertical-align:top;} .content .contact-h1 {margin:15px 0 0 0;} .content .contact_left {width:345px;margin:15px 0 15px 0;float:left;} .content .contact_left .contact_title {width:98%;margin:0 0 10px 0;padding:0;border:1px solid #999999;float:left;} .content .contact_left .contact_title h2 {width:88%;margin:0;padding:7px;line-height:1em;border-right:1px solid #999999;background:#f6f6f6;} .content .contact_left .page_content {margin-left:8px;} .content .contact_right {width:350px;margin:15px 0 15px 15px;float:left;} .content .contact_enquiry {width:180px;margin:0 0 0 0;padding:0 0 0 9px;float:left;} .content .contact_enquiry p {margin:0 0 10px 0;padding:0;} .content .enq_form {width:162px;padding:7px 9px 9px 9px;color:#666666;background:#ffffff;} .content .enq_form .page_title h2 {margin:7px 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .content .enq_form form {background:none;} .content .enq_form form input {margin:0 10px 10px 0;padding:4px;line-height:auto;color:#666666;border:1px solid #bfbfbf;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content .enq_form form select {height:26px;margin:0 10px 10px 0;padding:4px 4px 4px 0;color:#666666;border:1px solid #bfbfbf;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content .enq_form form input:focus {border:1px solid #FFCC00;background:#fff9d7;} .content .enq_form form .focus {color:#9F9F9F;} .content .enq_form form .typing {color:#333333;} .content .enq_form form td {width:auto;height:auto;line-height:1em;} .content .enq_form form .text {width:63px;float:left;} .content .enq_form form .email {width:147px;} .content .enq_form form .input_2 {width:157px;} .content .enq_form form .input_2:focus {border:1px solid #FFCC00;background:#fff9d7;} .content .enq_form form .quali {width:107px;} .content .enq_form form .exp {width:107px;} .content .enq_form form .input_3 {width:147px;margin:0 0 10px 0;padding:4px;color:#666666;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .content .enq_form form .input_3:focus {border:1px solid #FFCC00;background:#fff9d7;} .content .enq_form form .submit_1 {margin:0 10px 15px 0;padding:0;border:none;color:#333333;} .content .enq_form form .privacy {margin:0 10px 0 0;padding:0;font-size:12px;color:#666666;} .content .enq_form form .privacy:visited {color:#666666;} .menu_bar {width:180px;margin:10px 15px 0 0;float:left;} .contact_left {width:480px;float:left;} .contact_right {width:480px;margin:0 0 0 20px;float:left;} .jobdb_content {width:500px;margin:0 0 0 10px;padding:0 5px 5px 5px;float:left;} .jobdb_title h1 {margin:10px 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .jobdb_v2-menu {width:700px;} .jobdb_v2-menu .tag {display:block;width:140px;height:20px;margin:0 -1px -1px 0;padding:10px 0 0 0;text-align:center;border:1px solid #F2AE3B;background:url(images/bg_jobdb_mnu02.png) left top repeat-x;color:#333333;} .jobdb_v2 #loginForm input {width:140px;margin:0 0 0 10px;padding:4px;line-height:auto;color:#666666;border:1px solid #bfbfbf;font-size:12px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .jobdb_v2 #loginForm input:focus {border:1px solid #FFCC00;background:#fff9d7;} .jobdb_v2 #loginForm .reminder {width:556px;font-size:12px;font-weight:normal;line-height:1.5em;margin:15px 0 0 0;padding:5px;text-align:center;border:1px solid #E2C822;background:#fff9d7;color:#4d4d4d;} .jobdb_v2 #loginForm .login {width:auto;cursor:pointer;margin:0 0 0 10px;padding:2px 12px 2px 12px;border:1px solid #F2AE3B;background:url(images/bg_jobdb_mnu02.png) left top repeat-x;} .jobdb_v2-menu #logoutForm {margin-top:-23px;float:right;} .jobdb_v2-menu #logoutForm .logout {cursor:pointer;padding:2px 12px 2px 12px;border:1px solid #F2AE3B;background:url(images/bg_jobdb_mnu02.png) left top repeat-x;float:right;} .jobdb_v2-header {width:700px;margin:0 0 15px 0;} .jobdb_v2-header td {padding:15px;line-height:1em;} .jobdb_v2-header .header-left {width:250px;height:188px;background:#f1f1f2;} .jobdb_v2-header .header-left h1 {margin:0 0 8px 0;line-height:1em;font-size:18px;font-weight:bold;color:#f38620;} .jobdb_v2-header .header-left p {margin:0 0 8px 0;line-height:1em;font-size:14px;font-weight:bold;color:#333333;} .jobdb_v2-header .header-right {width:390px;height:188px;background:#f38620;} .jobdb_v2-header .header-right p {margin:0 0 15px 0;line-height:1.5em;font-size:14px;font-weight:bold;color:#fefefe;} .jobdb_v2-header .header-right a {color:#fefefe;} .jobdb_v2_sidebox {width:180px;height:703px;padding:0;background:#bcbec0 url(images/bg-company.png) center top no-repeat;text-align:center;} .jobdb_v2_sidebox div {margin:33px 6px 7px 6px;} .jobdb_v2_content {width:700px;margin:0 0 0 10px;padding:0 5px 5px 5px;float:left;} .jobdb_v2_title h1 {margin:10px 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .jobdb_v2 {width:698px;padding:15px 0 15px 0;text-align:left;border:1px solid #F2AE3B;} .jobdb_v2 table {margin:0 20px 0 20px;} .jobdb_v2 td {line-height:1.8em;} .jobdb_v2 .topline {border-top:1px solid #cfcde2;} .jobdb_v2 .bottomline {border-bottom:1px solid #cfcde2;} .jobdb_v2 .sub {font-size:12px;font-weight:normal;background:none;} .jobdb_v2 .col1 {width:167px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .jobdb_v2 .col2 {width:87px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .jobdb_v2 .col3 {width:132px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .jobdb_v2 .col4 {width:182px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .jobdb_v2 .col5 {width:92px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .job_detail_v2 {width:680px;} .job_detail_v2-header {width:680px;margin:0 0 15px 0;text-align:left;border-bottom:4px solid #F2AE3B;} .job_detail_v2-header .phone {float:right;} .job_detail_v2 td {width:405px;line-height:1.5em;} .job_detail_v2 .sub {width:75px;} .job_detail_v2 .1line {width:100%;} .job_detail_v2-main {width:478px;margin:15px 15px 15px 0;padding:0 0 10px 0;text-align:left;font-size:14px;border:1px solid #333333;color:#333333;float:left;} .job_detail_v2-main h1 {margin:25px 0 0 0;padding-left:10px;color:#ffffff;background:#151743;line-height:1.8em;} .job_detail_v2-main h2 {margin:10px 0 0 0;padding:0 0 0 10px;font-size:18px;} .job_detail_v2-main p {margin:0 0 0 0;padding:0 0 0 10px;line-height:1.5em;} .job_detail_v2-main table {margin:0 0 0 10px;} .job_detail_v2-applynow {width:680px;height:30px;} .job_detail_v2-applynow a {display:block;width:80px;height:23px;padding:7px 0 0 0;color:#ffffff;background:#151743;text-decoration:none;font-weight:bold;float:left;} .job_detail_v2-applynow a:hover {width:78px;height:20px;color:#151743;background:#ffffff;border:1px solid #151743;} .job_detail_v2-right {width:185px;margin:15px 0 0 0;text-align:left;font-size:12px;border:1px solid #333333;float:left;} .job_detail_v2-right td {padding:0 0 0 5px;line-height:1.8em;} #online_thanks {list-style:none;margin:0;padding:0;float:left;} #online_thanks li {text-align:center;margin:0;padding:0;float:left;} #online_x4 {width:628px;margin:0 auto;list-style:none;} #online_x4 p {margin:0 0 15px 0;padding:0;line-height:1.5em;} #online_x4 .txt_small {font-size:10px;} #online_x4 .txt_normal {font-size:12px;} #online_x4 .txt_big {font-size:14px;} #online_x4 .txt_bigw {font-size:14px;font-weight:bold;color:#ffffff;} #online_x4 .txt_pink {color:#E71D73;} #online_x4 .txt_cyan {color:#36A9E1;} #online_x4 h1 {font-family:新細明體, 細明體, Georgia, "Times New Roman", Times, serif;color:#5584A9;} #online_x4 h1 {font-size:22px;margin:0 0 10px 0;padding:0;line-height:1em;text-align:left;} #online_x4 h1 img {vertical-align:middle;} #online_x4 h2 {font-family:新細明體, 細明體, Georgia, "Times New Roman", Times, serif;color:#EA5B0B;} #online_x4 h2 {font-size:18px;margin:0 0 10px 0;padding:0;line-height:1em;text-align:left;} #online_x4 h2 img {vertical-align:middle;} #online_x4 .logo {margin:15px 10px 0 0;float:right;} #online_x4 .slogan {margin:22px 30px 0 0;float:right;} #online_x4 li {width:628px;padding:0;text-align:left;font-size:12px;float:left;} #online_x4_table {list-style:none;margin:15px 0 0 25px;padding:0 0 0 0;float:left;} #online_x4_table li {margin:0 5px 5px 0;padding:10px;text-align:center;} #online_x4_table .ltblank {width:60px;height:12px;} #online_x4_table .ttitle {font-family:新細明體, 細明體, Georgia, "Times New Roman", Times, serif;width:225px;height:12px;font-weight:bold;} #online_x4_table .ltitle {font-family:新細明體, 細明體, Georgia, "Times New Roman", Times, serif;width:60px;height:30px;margin:0 5px 0 0;font-weight:bold;background:#F5F1EC;line-height:1.5em;} #online_x4_table .content {width:225px;height:30px;margin:0 5px 0 0;line-height:1.5em;background:#C6C6C6;} #online_x4_table .hkhtatitle {width:245px;background:#5584A9;font-size:14px;font-weight:bold;color:#ffffff;} #online_x4_table .othertitle {width:205px;background:#B2B2B2;} #online_x4_table .hkhta {width:245px;background:#5584A9;color:#dddddd;} #online_x4_table .other {width:205px;background:#C6C6C6;} #online_x4 .gift01 {width:175px;margin:15px 0 0 28px;line-height:1.5em;font-size:12px;float:left;} #online_x4 .gift02 {width:130px;margin:15px 0 0 198px;line-height:1.5em;font-size:12px;float:left;} #online_x4 .search {width:170px;margin:5px 15px 0 0;float:right;} /* notice style from 2011-02-10 */ #online_x4 .online_x_notice {width:628px;height:45px;margin:0 0 10px 20px;list-style:none;background:url(images/notice_line.png) 10px bottom no-repeat;} #online_x4 .online_x_notice li {float:left;} #online_x4 .online_x_notice #bell {width:34px;padding:5px 0 5px 0;} #online_x4 .online_x_notice #note {width:554px;height:34px;padding:5px;font-size:12px;font-weight:normal;line-height:1.5em;color:#36A9E1;text-align:left;} #online_x4 .online_x_notice #note p {margin:8px 0 0 0;padding:0;border:0;line-height:1em;float:left;} #online_x4 .online_x_notice #note img {margin:0 0 0 5px;padding:0;border:0;float:left;} #online_x4 .online_x_notice b {font-weight:bold;color:#333333;line-height:1.5em;} #online_x4 .online_x_notice p {margin:0 0 7px 0;padding:0;line-height:1.5em;} #online_x4 .online_x_notice a {color:#0088DC;} .page_banner {width:970px;margin:0 0 20px 15px;float:left;} #banner {display:none;margin:15px 0 15px 0;padding:0;float:left;} #banner li {margin:0;padding:0;float:left;} .page_title h1 {margin:0 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_title h2 {margin:0 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_title h3 {margin:0 0 10px 0;font-size:13px;font-weight:normal;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .sidebox-index .page_title h3 {margin:0 0 10px 0;font-size:13px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .sidebox .page_title h3 {margin:0 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#666666;border-bottom:none;} .page_title p {margin:0 0 20px 0;} .page_title_event {margin:0 50px 20px 95px;} .page_title_event h1 {margin:0 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_title_event h2 {margin:0 0 10px 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_title_event h3 {margin:0 0 10px 0;font-size:13px;font-weight:normal;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_title_event p {margin:0 0 20px 0;} .page_content h1 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border-bottom:1px solid #137AAC;} .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:14px;font-weight:bold;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_content h3 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:13px;font-weight:normal;line-height:1.5em;color:#008fd5;border-bottom:1px solid #008fd5;} .page_content img {border:10px solid whtie;float:left;} .page_content .logo {border:0;clear:both;} .page_content b {line-height:1.8em;color:#a3620a;font-weight:normal;} .page_content p {margin:0 0 10px 0;line-height:1.8em;} .page_content .enq_form td {line-height:2.5em;} .page_content .enq_form .input_1 {width:230px;height:18px;border:1px solid #bfbfbf;font-size:12px;font-family:Arial, Helvetica, sans-serif; padding-top:3px;} .page_content .enq_form .input_2 {width:233px;height:21px;font-size:12px;} .page_content .enq_form .input_3 {width:228px;font-size:12px;} .page_content .enq_form .input_4 {width:156px;margin:4px 0 0 0;font-size:12px;float:left;} #about {color:#666666;} #about .page_title {width:560px;height:114px;margin:0 0 15px 0;padding:0 0 -2px 0;background:url(images/about01-title2.jpg) right bottom no-repeat;border-bottom:2px solid #f7931e;float:left;} #about .page_title img {color:#999999;vertical-align:bottom;} #about .page_title h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #about .page_title h1 {margin:40px 0 0 0;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #about .page_title h1.eng {margin:3px 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:18px;font-weight:normal;} #about .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #about .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #about .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #about .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #about .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #about .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #about .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #about .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #about .page_content img {border:0;} #about .page_content .events {width:155px;margin:2px 0 0 0;padding:0;border:0;line-height:1em;} #about .page_content .events .tt {/*display:block;width:155px;*/display:inline;margin:0;padding:0;border:0;line-height:1.5em;color:#666666;} #about .page_content .events a {/*display:block;width:155px;*/margin:0;padding:0;border:0;/*line-height:1.5em;*/color:#666666;} /*#about .page_content .events .tooltip {width:auto;height:auto;margin:15px 0 0 0;padding:5px;border:2px solid #f7931e;background:#cccccc;}*/ #about .page_content .events .tooltip { display:none; background:transparent url(images/grey_box.png) 0 0 no-repeat; font-size:12px; width:173px; height:118px; margin:0 0 0 10px; /*margin:20px 0 0 -39px;*/ padding:20px; color:#fff; } #about .page_content .events .tooltip img {border:1px solid #000000;} #dht_landing {color:#666666;} #dht_landing .page_title {width:560px;height:126px;margin:-15px 0 15px 0;padding:0 0 -2px 0;background:url(images/dht_landing01-title.jpg) right bottom no-repeat;border-bottom:2px solid #137AAC;float:left;} #dht_landing .page_title img {color:#999999;vertical-align:bottom;} #dht_landing #flash_title {margin:10px 0 0 0;} #dht_landing .page_title h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #dht_landing .page_title h1 {margin:20px 0 0 0;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #dht_landing .page_title h1.eng {margin:3px 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:18px;font-weight:normal;} #dht_landing .page_content .txt_black a {color:#666666;} #dht_landing .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #dht_landing .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #dht_landing .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #dht_landing .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #dht_landing .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #dht_landing .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #dht_landing .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #dht_landing .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #dht_landing .page_content img {border:0;} #summer {color:#666666;} #summer .page_title {width:560px;height:154px;margin:-39px 0 15px 0;padding:0 0 -2px 0;background:url(images/sumemr_banner01.png) 0 0 no-repeat;border-bottom:2px solid #137AAC;float:left;} #summer .page_title img {color:#999999;vertical-align:bottom;} #summer #flash_title {margin:0 0 0 0;} #summer .page_title h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #summer .page_title h1 {margin:110px 0 0 0;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #summer .page_title h1.eng {margin:3px 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:18px;font-weight:normal;} #summer .page_content .txt_black a {color:#666666;} #summer .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #summer .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #summer .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #summer .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #summer .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #summer .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #summer .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #summer .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #summer .page_content img {border:0;} #recruit {color:#666666;} #recruit .page_title {width:560px;height:154px;margin:-39px 0 15px 0;padding:0 0 -2px 0;background:url(images/sumemr_banner01.png) 0 0 no-repeat;border-bottom:2px solid #137AAC;float:left;} #recruit .page_title img {color:#999999;vertical-align:bottom;} #recruit #flash_title {margin:0 0 0 0;} #recruit .page_title h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #recruit .page_title h1 {margin:110px 0 0 0;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #recruit .page_title h1.eng {margin:3px 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:18px;font-weight:normal;} #recruit .page_content .txt_black a {color:#666666;} #recruit .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #recruit .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #recruit .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #recruit .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #recruit .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #recruit .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #recruit .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #recruit .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #recruit .page_content img {border:0;} #recruit .recruit-header {width:540px;margin:0;padding:15px 10px 11px 10px;background:#f07e05;color:#ffffff;font-weight:bold;font-size:16px;} #recruit .recruit-content {width:540px;margin:0;padding:6px;border:4px solid #f07e05;background:#ffffff;color:#333333;} #recruit .recruit-footer {width:540px;margin:0;padding:11px 10px 15px 10px;background:#f07e05;color:#ffffff;} #prog-elective {color:#666666;} #prog-elective .page_title {width:560px;margin:-20px 0 15px 0;padding:0 0 -2px 0;border-bottom:2px solid #137AAC;float:left;} #prog-elective .page_title img {color:#999999;vertical-align:bottom;} #prog-elective #flash_title {margin:10px 0 0 0;} #prog-elective .page_title h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #prog-elective .page_title h1 {margin:20px 0 0 0;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #prog-elective .page_title h1.eng {margin:3px 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:18px;font-weight:normal;} #prog-elective .page_content .txt_black a {color:#666666;} #prog-elective .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog-elective .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog-elective .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog-elective .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog-elective .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #prog-elective .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #prog-elective .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #prog-elective .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #prog-elective .page_content img {border:0;} #prog-elective #prog-elective-table {list-style:none;margin:0 0 0 45px;} #prog-elective #prog-elective-table li {width:141px;border:1px solid #dddddd;margin:0 15px 15px 0;padding:0 0 5px 0;float:left;} #prog-elective #prog-elective-table li img {margin:0 0 5px 0;} #prog-elective #prog-elective-table li p {margin:0;padding:0 5px 0 0;line-height:1.5em;text-align:right;} #prog {color:#666666;} #prog .page_title {width:560px;height:114px;margin:0 0 15px 0;padding:0 0 -2px 0;background:url(images/prog01-title.jpg) right bottom no-repeat;border-bottom:2px solid #f7931e;float:left;} #prog .page_title img {color:#999999;vertical-align:bottom;} #prog .page_title h1 {margin:0 0 0 5px;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} #prog .page_title h1 {margin:70px 0 0 5px;padding:0 0 0 0;line-height:1em;border:0;font-size:20px;font-weight:bold;color:#137AAC;text-align:left;} #prog .page_title h1.eng {margin:5px 0 0 5px;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:11px;font-weight:normal;} #prog .page_content .txt_black a {color:#666666;} #prog .page_content h1 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog .page_content h2 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog .page_content h3 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog .page_content h4 {font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;text-align:left;} #prog .page_content h1 {font-size:18px;line-height:1.5em;color:#137AAC;border:0;} #prog .page_content h2 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} #prog .page_content h3 {font-size:14px;margin:0 0 10px 0;padding:0 10px 0 0;line-height:1.5em;color:#137AAC;border:0;} #prog .page_content h4 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;line-height:1.5em;color:#137AAC;border:0;} #prog .page_content img {border:0;} #prog h2 {margin:0 0 0 0;line-height:1.4em;} #prog h2.eng {margin:0 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#999999;font-size:12px;font-weight:normal;} #prog .course_intro h2 {margin:0 0 0 0;line-height:1.2em;} #prog .course_intro h2.eng {margin:0 0 15px 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#cbbba0;font-size:14px;font-weight:normal;} #prog .course_intro #toolbar {width:560px;border-bottom:1px solid #2785B3;} #prog .course_intro #toolbar img {vertical-align:middle;} #prog .course_intro #toolbar div {margin:0 15px 0 0;float:left;} #prog .course_intro #toolbar div.right {margin:0 0 0 15px;padding-top:8px;float:right;} #prog .course_list3 {width:560px;margin:0 0 15px 0;padding:0;list-style:none;float:left;} #prog .course_list3 li {width:560px;margin:0 15px 15px 0;padding:0 0 0 0;line-height:1.5em;border-bottom:1px solid #B8CBE1;float:left;} #prog .course_list3 li div {margin:0 15px 0 0;float:left;} #prog .course_list3 li#header {width:560px;height:50px;background:url(images/bg-prog01.gif) left bottom repeat-x;border:0;} #prog .course_list3 li#header div {width:280px;margin:0;text-align:left;float:left;} #prog .course_list3 li#header div.right {padding-top:5px;line-height:1.5em;color:#999999;text-align:right;vertical-align:bottom;float:left;} #prog .course_list3 li#header h2 {margin:0 0 0 0;line-height:1.4em;} #prog .course_list3 li#header h2.eng {margin:0 0 0 0;font-family:TrajanProRegular, Georgia, "Times New Roman", Times, serif;color:#999999;font-size:12px;font-weight:normal;} #alliance .page_content b {margin:10px 0 5px 0;line-height:1.5em;color:#333333;font-weight:normal;float:left;} #alliance .page_content p {margin:0 0 10px 0;line-height:1.8em;clear:both;} #alliance .page_content h1 {margin:0 0 0 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border-bottom:1px solid #137AAC;} #alliance .page_content h2 {margin:45px 0 10px 0;padding:0 10px 0 0;font-size:18px;font-weight:bold;line-height:1.5em;color:#666666;border:0;} #alliance .page_content h3 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:14px;font-weight:bold;line-height:1.5em;color:#137AAC;border:0;} .facilities h1 {display:block;width:100%;margin:0 0 15px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;color:#137AAC;clear:both;} .facilities h2 {display:block;width:100%;margin:0 0 10px 0;padding:0 10px 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#137AAC;border-bottom:1px solid #137AAC;clear:both;} .facilities h3 {margin:0 0 10px 0;padding:0 10px 0 0;font-size:13px;font-weight:normal;line-height:1.5em;color:#008fd5;border:none;} .facilities img {clear:both;} .index_left h2 {margin:15px 0 5px 0;padding:0 0 0 0;font-size:14px;font-weight:bold;color:#137AAC;line-height:1.5em;} .index_left .reference td {vertical-align:top;} .news h1 {border-bottom:1px solid #008fd5;color:#008fd5;font-size:18px;font-weight:bold;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;line-height:1.5em;} .news h2 {border:0;color:#666666;margin:0 0 0 0;font-size:16px;font-weight:bold;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .news h3 {border:0;color:#F7941E;font-size:16px;font-weight:bold;font-family:"Microsoft JhengHei", 微軟正黑體, "Lucida Grande", Arial, Helvetica, sans-serif;} .news a {text-decoration:none;} .news p {margin:0 0 20px 0;line-height:1.8em;} .news table {margin:0 0 20px 0;padding:0;} .news td {margin:0;padding:0 5px 0 5px;line-height:1.8em;} .news .left {width:485px;margin:0 15px 0 0;padding:0;float:left;} .news .right {width:260px;margin:0;padding:0;float:left;} .news #enq_form td {padding:0 5px 5px 5px;} .news #enq_form .input_1 {width:205px;} .news #enq_form .input_2 {width:210px;} /* course -- course box */ .course_box {width:560px;margin:0 0 60px 0;padding:0;} .course_box .small {font-size:11px;} .course_box h2 {width:100%;margin:0 0 10px 0;padding:0 0 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;} .course_box .salary_table {width:560px;margin:0 0 0 0;padding:0;float:left;} .course_box .salary_table td {line-height:1.8em;padding:3px;text-align:center;color:#333333;border:1px solid #d0d3d8;} .course_box .salary_table td.header {font-size:16px;font-weight:bold;text-align:left;border:0;color:#137AAC;} .course_box .salary_table td.title {font-weight:bold;background:#2b5c84;color:#def;} .course_box .salary_table td.col1 {background:#d0d3d8;} .course_box .salary_table td.col2 {background:#ddddd5;} .course_box .salary_table td.footer {font-size:10px;text-align:right;border:0;color:#999999;} /*.course_desc h2 {margin:0 0 10px 0;padding:0 0 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;}*/ /*.course_desc2 h2 {margin:0 0 10px 0;padding:0 0 0 0;font-size:16px;font-weight:bold;line-height:1.5em;color:#008fd5;}*/ .course_img {width:205px;margin:0 10px 0 10px;padding:0;border:0;float:left;} .course_img2 {width:450px;margin:0 10px 0 10px;padding:0;border:0;float:left;} .course_img3 {width:560px;margin:0 0 0 0;padding:0;border:0;float:left;} .course_desc {width:335px;margin:0 0 0 0;padding:0;float:left;} .course_desc td {vertical-align:top;line-height:1.6em;} .course_desc .small {font-size:11px;} .course_desc a {color:#008fd5;} .course_desc a:hover {color:#008fd5;text-decoration:underline;} .course_desc b {line-height:2em;color:#754c24;font-size:15px;font-weight:normal;} .course_desc p {margin:0 0 20px 0;line-height:1.6em;text-align:justify;text-justify: newspaper;} .course_desc2 {width:560px;margin:0 0 0 0;padding:0;float:left;} .course_desc2 h1 {margin:0 0 15px 0;padding:0 0 0 0;font-size:18px;font-weight:bold;color:#137AAC;line-height:1.6em;} .course_desc2 td {vertical-align:top;} .course_desc2 .small {font-size:11px;} .course_desc2 a {color:#008fd5;} .course_desc2 a:hover {color:#008fd5;text-decoration:underline;} .course_desc2 b {line-height:2em;color:#754c24;font-size:15px;font-weight:normal;} .course_desc2 p {margin:0 0 20px 0;line-height:1.6em;text-align:justify;text-justify: newspaper;} .banner {margin:0 0 0 4px;float:left;} /* frame1 -- index frame box */ .frame1 {width:232px;height:170px;margin:10px 0 0 -2px;padding:9px 0 0 0;text-align:center;float:left;background:url(images/shadow-box.png) center top no-repeat;} /* frame2 -- sidebox frame box */ .frame2 {width:60px;height:61px;margin:0;padding:8px 0 0 0;text-align:center;float:left;background:url(images/shadow-box2.png) center top no-repeat;} .frame2_desc {width:150px;height:69px;margin:0 0 0 10px;float:left;} .frame2_desc a {color:#666666;} .frame2_desc a:hover {color:#666666;text-decoration:none;} .frame2_desc b {margin:0;color:#a3620a;font-weight:normal;} .frame2_desc p {margin:0;} /* frame3 -- case frame box */ .frame3_box {width:722px;height:122px;margin:0 0 25px 0;padding:0;} .frame3 {width:122px;height:114px;margin:0;padding:8px 0 0 0;text-align:center;float:left;background:url(images/shadow-box3.png) center top no-repeat;} .frame3_desc1 {width:375px;height:112px;margin:0 0 0 10px;padding:5px;float:left;background:#f6fbf6;} .frame3_desc1 a {color:#666666;} .frame3_desc1 a:hover {color:#666666;text-decoration:none;} .frame3_desc1 b {line-height:2em;color:#754c24;font-size:15px;font-weight:normal;} .frame3_desc1 p {margin:0;line-height:1.5em;} .frame3_desc2 {width:185px;margin:0 0 0 10px;padding:5px;float:left;} .frame3_desc2 a {color:#666666;} .frame3_desc2 a:hover {color:#666666;text-decoration:underline;} .frame3_desc2 b {margin:0;color:#754c24;font-weight:normal;} .frame3_desc2 p {margin:0;;line-height:1.5em;} /* StudentShare */ .StudentShare {width:365px;height:230px;margin:0 15px 25px 0;padding:0;list-style:none;float:left;} .StudentShare li {margin:0;padding:0;float:left;} .StudentShare .pic {width:122px;height:114px;margin:0;padding:8px 0 0 0;text-align:center;background:url(images/shadow-box3.png) center top no-repeat;} .StudentShare .profile {width:223px;height:114px;margin:0 0 0 10px;padding:5px;} .StudentShare .profile a {color:#137AAC;text-decoration:none;} .StudentShare .profile b {color:#754c24;font-weight:normal;} .StudentShare .profile h2 {margin:0 0 15px 0;padding:0;font-size:14px;line-height:1em;color:#754c24;} .StudentShare .profile h2 a {color:#754c24;} .StudentShare .profile p {margin:0 0 8px 0;padding:0;line-height:1.5em;} .StudentShare .profile_wide {width:365px;height:114px;margin:0 0 0 0;padding:5px;} .StudentShare .profile_wide a {color:#137AAC;text-decoration:none;} .StudentShare .profile_wide b {color:#754c24;font-weight:normal;} .StudentShare .profile_wide h2 {margin:0 0 15px 0;padding:0;font-size:14px;line-height:1em;color:#754c24;} .StudentShare .profile_wide h2 a {color:#754c24;} .StudentShare .profile_wide p {margin:0 0 8px 0;padding:0;line-height:1.5em;} .StudentShare .desc {width:365px;margin:10px 0 0 0;padding:0;background:#f6fbf6;} .StudentShare .desc a {color:#666666;} .StudentShare .desc a:hover {color:#666666;text-decoration:underline;} .StudentShare .desc p {margin:0;padding:5px;line-height:1.5em;} /* StudentShareDetail */ .StudentShareDetail {width:760px;margin:0 25px 25px 0;padding:0;list-style:none;float:left;} .StudentShareDetail li {margin:0;padding:0;float:left;} .StudentShareDetail .pic {width:200px;height:300px;margin:0;padding:8px 0 0 0;text-align:center;} .StudentShareDetail .profile {width:540px;margin:0 0 0 10px;padding:5px;} .StudentShareDetail .profile h1 {font-size:20px;font-weight:bold;color:#f7931e;} .StudentShareDetail .profile h2 {font-size:16px;font-weight:bold;color:#0071bc;} .StudentShareDetail .profile p {width:100%;margin:0 0 15px 0;line-height:1.5em;text-align:justify;text-justify:inter-ideograph;} .StudentShareDetail .profile a {color:#000000;} /* #index_boxes #StudentBoxes li {width:225px;height:160px;margin:0 0 0 0;padding:10px;background:transparent;} #index_boxes #StudentBoxes li:hover {width:225px;height:160px;margin:0 0 0 0;padding:10px;background:transparent;} #StudentBoxes li {display:block;width:225px;height:160px;margin:0 0 0 0;padding:10px;background:url(images/index-box3.png) -722px 0;} #StudentBoxes li:hover {display:block;width:225px;height:160px;margin:0 0 0 0;padding:10px;background:url(images/index-box3.png) -722px -180px;} #StudentBoxes .pic {width:74px;height:102px;} #StudentBoxes li a {display:block;width:245px;height:180px;margin:0 0 0 0;padding:0 0 0 0;background:url(images/box_v2_all.png);} #StudentBoxes li .StudentBoxe01 {background-position:0 0;} #StudentBoxes li .StudentBoxe01:hover {background-position:-244px 0;} #StudentBoxes li .StudentBoxe02 {background-position:0 -180px;} #StudentBoxes li .StudentBoxe02:hover {background-position:-244px -180px;} #StudentBoxes li .StudentBoxe03 {background-position:0 -360px;} #StudentBoxes li .StudentBoxe03:hover {background-position:-244px -360px;} #StudentBoxes li .StudentBoxe04 {background-position:0 -540px;} #StudentBoxes li .StudentBoxe04:hover {background-position:-244px -540px;} #StudentBoxes li .StudentBoxe05 {background-position:0 -720px;} #StudentBoxes li .StudentBoxe05:hover {background-position:-244px -720px;} #StudentBoxes li .StudentBoxe06 {background-position:0 -900px;} #StudentBoxes li .StudentBoxe06:hover {background-position:-244px -900px;} */ /* StudentShareSpeedLearning */ .StudentShareSpeedLearning {margin:0 25px 25px 0;padding:0;list-style:none;float:left;} .StudentShareSpeedLearning li {margin:0;padding:0;float:left;} .StudentShareSpeedLearning .pic {width:122px;height:114px;margin:0;padding:8px 0 0 0;text-align:center;background:url(images/shadow-box3.png) center top no-repeat;} .StudentShareSpeedLearning .profile_wide {width:560px;margin:0 0 0 0;padding:5px;background:#f6fbf6;} .StudentShareSpeedLearning .profile_wide a {color:#137AAC;text-decoration:none;} .StudentShareSpeedLearning .profile_wide b {color:#754c24;font-weight:normal;} .StudentShareSpeedLearning .profile_wide h2 {margin:0 0 15px 0;padding:0;font-size:14px;line-height:1em;color:#754c24;} .StudentShareSpeedLearning .profile_wide h2 a {color:#754c24;} .StudentShareSpeedLearning .profile_wide p {margin:0 0 0 0;padding:0;line-height:1.5em;} .StudentShareSpeedLearning .desc {width:560px;margin:0 0 0 0;padding:5px;background:#f6fbf6;border-top:2px solid #ffffff;} .StudentShareSpeedLearning .desc a {color:#666666;} .StudentShareSpeedLearning .desc a:hover {color:#666666;text-decoration:underline;} .StudentShareSpeedLearning .desc p {margin:0;padding:0;line-height:1.5em;} /* media*/ .media {width:740px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #666666;list-style:none;float:left;} .media li {margin:0 10px 0 0;padding:0;float:left;} .media a {text-decoration:none;color:#29ABE2;} .media a:hover {text-decoration:underline;} .media .pic {width:200px;} .media .pic img {margin:0 0 5px 0;border:0;} .media .desc {width:520px;} .media .desc h2 {margin:0 0 15px 0;padding:0;font-size:16px;font-weight:bold;color:#333333;} .media .desc h3 {margin:0 0 10px 0;padding:0;font-size:14px;font-weight:bold;color:#333333;} .media .desc div {height:210px;margin:0 0 5px 0;overflow:hidden;} .media .desc p {margin:0 0 15px 0;padding:0;font-size:12px;color:#666666;line-height:1.5em;} .media .desc table {margin:0 0 15px 0;} .media .desc td {padding:0 5px 5px 5px;vertical-align:top;line-height:1.5em;} .media .desc .buttons {float:right;} .media .desc .buttons a {margin:0 0 0 15px;cursor:pointer;} /* ActualLive */ .ActualLive {margin:0 0 30px 0;} .network-list {list-style:disc;margin:0 0 15px 20px;} .network-list li {line-height:1.5em;text-align:left;} /* getinfo */ .getinfo {margin:0;padding:0;list-style:none;float:left;} .getinfo ul {margin:0;padding:0;list-style:none;float:left;} .getinfo li {width:717px;margin:0;padding:0 11px 0 12px;line-height:1em;float:left;} .getinfo .top {height:11px;background:url(images/online/box_top2.gif) left top no-repeat;} .getinfo .body {background:url(images/online/box_bg2.gif) left top repeat-y;} .getinfo .bottom {height:12px;background:url(images/online/box_bottom2.gif) left bottom no-repeat;} .getinfo .button {width:725px;margin:15px 0 0 0;text-align:right;} .getinfo .title {width:715px;margin:0;padding:0;line-height:1em;border-bottom:1px solid #e5e5e5;} .getinfo .line_bottom {width:715px;margin:0 0 15px 0;padding:15px 0 15px 0;border-bottom:1px solid #e5e5e5;} .getinfo .no_line_bottom {width:715px;margin:0 0 15px 0;padding:15px 0 15px 0;border-bottom:0;} .getinfo img {float:left;} .getinfo td {line-height:1.5em;} .getinfo .input_1 {width:204px;height:18px;border:1px solid #bfbfbf;font-size:12px;font-family:Arial, Helvetica, sans-serif; padding-top:3px;} .getinfo .input_2 {width:204px;height:21px;font-size:12px;} .getinfo .input_3 {width:202px;font-size:12px;} /* frame4 -- about network frame box */ .frame4_box {width:310px;height:107px;margin:0 20px 20px 0;padding:0;float:left;} .frame4 {width:119px;height:107px;margin:0;padding:0 0 0 0;text-align:center;float:left;background:none;} .frame4_desc1 {width:181px;height:82px;margin:15px 0 0 0;padding:5px;float:left;background:none;} .frame4_desc1 a {color:#666666;} .frame4_desc1 a:hover {color:#666666;text-decoration:none;} .frame4_desc1 b {line-height:1.5em;color:#754c24;font-size:12px;font-weight:normal;} .frame4_desc1 p {margin:0;line-height:1.5em;} /* frame5 & 6 -- about network frame box */ .frame5_box {width:135px;height:85px;margin:0 40px 0 0;padding:0;float:left;} .frame5 {width:135px;margin:0;padding:0;text-align:left;vertical-align:bottom;float:left;background:none;} .frame5_desc1 {width:135px;margin:5px 0;padding:0;float:left;color:#636363;font-size:11px;line-height:1.5em;} .frame6_box {width:135px;height:100px;margin:0 40px 0 0;padding:0;float:left;} .frame6 {width:135px;margin:0;padding:0;text-align:left;vertical-align:bottom;float:left;background:none;} .frame6_desc1 {width:135px;margin:5px 0;padding:0;float:left;color:#636363;font-size:11px;line-height:1.5em;} .index_content2 .sidebox {width:240px;margin:0 0 30px 0;padding:0 10px 0 0;line-height:1.5em;clear:both;} .sidebox {width:210px;margin:0 0 15px 0;padding:0 0 0 0;line-height:1.5em;clear:both;} .sidebox a {display:block;color:#333333;} .sidebox a:hover {color:#666666;text-decoration:none;} .sidebox b {margin:0;color:#a3620a;font-weight:normal;} .sidebox p {margin:0 0 8px 0;} .sidebox .btn {padding:1px 1px 1px 5px;border:solid #333333;border-width:1px 2px 2px 1px;} .sidebox .btn:hover {padding:2px 1px 1px 6px;background:#ededf6;border:solid #333333;border-width:1px 1px 1px 1px;} .index_content2 .sidebox-event {width:240px;margin:0 0 30px 0;padding:0 10px 0 0;line-height:1.5em;clear:both;} .sidebox-event {width:210px;margin:0 0 30px 0;padding:0 0 0 0;line-height:1.5em;clear:both;} .sidebox-event a {display:block;color:#333333;} .sidebox-event a:hover {color:#666666;text-decoration:none;} .sidebox-event b {margin:0;color:#a3620a;font-weight:normal;} .sidebox-event p {margin:0 0 8px 0;} .sidebox-event .btn {padding:1px 1px 1px 5px;border:solid #333333;border-width:1px 2px 2px 1px;} .sidebox-event .btn:hover {padding:2px 1px 1px 6px;background:#ededf6;border:solid #333333;border-width:1px 1px 1px 1px;} .sidebox-event img {display:none;} .enquiry_box .input_1 {width:224px;height:18px;border:1px solid #bfbfbf;font-size:12px;font-family:Arial, Helvetica, sans-serif; padding-top:3px;} .enquiry_box .input_2 {width:110px;height:21px;font-size:12px;} .enquiry_box .input_3 {width:225px;font-size:12px;} .enquiry_box .submit_1 {margin:16px 0 0 0;} .enquiry_box .subject {margin:8px 0 0 0;} .enquiry_box p {margin:0;padding:0;} #footer {width:1000px;margin:20px 0 0 0;float:left;font-size:11px;background:#ffffff;} #footer .footer_row1 {width:980px;height:24px;margin:0 0 0 10px;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;float:left;} #footer .footer_row1 ul {width:525px;margin:0 0 0 10px;float:left;} #footer .footer_row1 li {margin:0 12px 0 0;padding:7px 0 0 0;float:left;list-style:none;} #footer .footer_row1 .menu_footer {width:430px;float:left;} #footer .footer_row1 .menu_footer li {margin:0 0 0 9px;float:right;} #footer .footer_row1 .menu_footer a {color:#0099FF;text-decoration:none;margin:0 6px 0 0;} #footer .footer_row1 .menu_footer a:hover {text-decoration:none;} #footer .footer_row2 {width:1000px; margin:40px 0 0 0;text-align:center;} #footer .footer_row2 img {margin:15px 15px 0 0;} .clear {content:".";display:block;height:0;clear:both;visibility:hidden;} /* fonts */ .txt_red {color:#FF0000;} .txt_small {font-size:10px;} /* copy from old css */ .col_main { margin: 20px 15px 0 95px; padding: 0; width:565px; float: left; background:#ffffff; /*#E7E7E7;*/ text-align:left; } .col_main_case { margin: 0 0 0 95px; padding: 0; width:798px; float: left; background:#ffffff; /*#E7E7E7;*/ text-align:left; } .tbl_main { margin: 0 0 0 0; padding: 0; width: 580px; font-size: 12px; float: left; } .tbl_main li { list-style: none; } .tbl_index_title { margin: 0 384px 8px 0; padding: 0; width: 176px; color: #008fd5; font-size: 16px; font-weight: bold; float: left; } .tbl_index_subject { margin: 0 276px 8px 0; padding: 3px 3px 3px 9px; width: 284px; color:#ffffff; background: #008fd5; font-size: 14px; font-weight: normal; line-height:1.5em; float: left; } .tbl_index_title_ppl { margin: 0 482px 8px 0; padding: 0; width: 186px; color: #EC008C; font-size: 16px; font-weight: bold; float: left; } .tbl_index_title_ppl a { color: #EC008C; } .tbl_index_subject_ppl { margin: 0 264px 8px 0; padding: 3px 3px 3px 9px; width: 164px; color:#ffffff; background: #EC008C; font-size: 14px; font-weight: normal; float: left; } .tbl_title { margin: 0 0 8px 0; padding: 0; width: 560px; color: #008fd5; font-size: 16px; font-weight: bold; float: left; } .tbl_subject { margin: 0 0 26px 0; padding: 5px 0 5px 8px; width: 146px; color: #ffffff; background: #008fd5; float: left; } .tbl_content { margin: 0 0 26px 18px; padding: 5px 0 5px 0; width: 406px; float: left; line-height:1.5em; } .tbl_news_tbl { float: left; } .tbl_index_content_left { margin: 0 8px 18px 0; padding: 0; width: 138px; float: left; } .tbl_index_content_right { margin: 0 0 18px 0; padding: 0; width: 414px; color: #000000; background: #ffffff; font-size: 12px; font-weight: normal; float: left; line-height: 1.5em; } .table_case td {line-height:1.5em;} .table_case .photo { width:125px; border-right: 5px solid #ffffff; margin: 0; padding: 0; } .table_case .desp { width:270px; border-right: 5px solid #ffffff; margin: 0; padding: 3px; background-color:#f6fbf6; color:#666666; } .table_case .desp a {text-decoration:none; color:#666666;} .table_case .desp a:hover {text-decoration:underline; color:#666666;} .table_case .desp a:visited {color:#666666;} .table_case .desp strong a{text-decoration:none; font-size:15px; color:#754C24; font-weight:bold;} .table_case .desp strong a:hover {text-decoration:underline; color:#754C24;} .table_case .desp strong a:visited {color:#754C24;} .table_case .list { border-left:1px solid #bfd9cd; margin: 0; padding: 3px 3px 3px 5px; color:#666666; } .table_case .list a {text-decoration:none; color:#666666;} .table_case .list a:hover {text-decoration:underline; color:#666666;} .table_case .list a:visited {color:#666666;} .table_case .list p {margin:0 0 5px 0; } .table_case .list strong { font-size:13px; color:#754C24; } .table_case .list p { margin: 0 0 6px 0; padding: 0; } .case_msg {line-height:1.5em;font-size:20px; color:#006837; text-decoration:none; padding:40px 0 40px 20px} .case_msg a {font-size:20px; color:#006837; text-decoration:none;} .case_msg a:hover {font-size:20px; color:#006837; text-decoration:underline;} .case_msg a:visited {font-size:20px; color:#006837;} .case_title {font-size:16px; font-weight:bold; color:#754C24; text-decoration:none; padding:0 0 15px 10px} .case_details {font-size:14px; color:#666666; text-decoration:none; padding-left:10px; line-height:1.5em;} .case_details p {margin:0 0 15px 0; line-height:1.5em;} .case_details a {font-size:14px; color:#666666; text-decoration:none;} .case_details a:hover {font-size:14px; color:#666666; text-decoration:underline;} .case_details a:visited {font-size:14px; color:#666666;} .index_content { margin: 0 0 18px 0; padding: 0; width:570px; color: #000000; background: #ffffff; font-size: 12px; font-weight: normal; line-height:1.5em; } .index_content_2 { width: 175px; margin: 0 0 56px 0; padding: 0; color: #000000; background: #ffffff; font-size: 12px; font-weight: normal; line-height:1.5em; float: left; } .index_content_3 { width: 390px; margin: 0 0 56px 0; padding: 0; color: #000000; background: #ffffff; font-size: 12px; font-weight: normal; line-height:1.5em; float: left; } .index_content_3 img {border:0;} .index_content_case { margin: 0 0 18px 0; padding: 0; width:788px; color: #000000; background: #ffffff; font-size: 12px; font-weight: normal; line-height:1.5em; } .p1 { margin:24px 0 16px 0;width:406px;font-size:12px;color:#fff;} .p2 { padding:5px 10px 5px 10px;margin:0 8px 8px 60px;background:#008FD4;float:left;} .p3 { height:26px;margin:0 8px 0 0;float:left;} .p4 { padding:5px 10px 5px 10px;margin:0 8px 8px 0;background:#008FD4;float:left;} .p5 { width:26px;margin:0 60px 8px 300px;float:left;} .p6 { padding:5px;margin:0 8px 8px 225px;background:#008FD4;float:left;text-align:center;} .p7 { width:26px;margin:0 60px 8px 300px;float:left;} .p8 { padding:5px 0 5px 0;margin:0 0 24px 0;width:406px;background:#008FD4;float:left;} .p9 { padding:0 5px 0 5px;margin:3px 0 0 0;float:left;border-right:1px solid #fff;font-size:14px;} .p10 { padding:0 8px 0 8px;margin:0 0 0 0;float:left;} .p11 { padding:0 8px 0 8px;margin:0 0 0 0;float:left;} /* companyX */ .companyX {margin:0 0 25px 0;} .companyX h2 {font-size:16px;font-weight:bold;color:#0076a3;} .companyX td {width:231px;height:100px;padding:15px 0 10px 0;line-height:1.5em;text-align:center;vertical-align:center;border-bottom:1px solid #666666;} .companyX a {color:#666666;} .companyX a:hover {text-decoration:none;color:#000000;} .companyX img {margin:0 0 5px 0;} #company_main {width:760px;margin:0 0 15px 10px;float:left;text-align:left;} .company_banner {width:760px;height:200px;margin:5px 0 15px 10px;background:url(images/bg-company-header.png) 469px 0 no-repeat #e4e0d5;float:left;} .company_banner #company_banner_set {list-style:none;float:left;} .company_banner #company_banner_set li {} .company_banner_video {width:259px;margin:16px 16px 0 0;float:right;} .company_title {width:760px;margin:0 0 15px 10px;float:left;text-align:left;font-size:16px;} .company_desc {width:760px;margin:0 0 15px 10px;float:left;text-align:left;} .company_desc p {margin:2px 0 4px 0;line-height:1.5em;} .company_help {width:218px;margin:0 0 15px 15px;float:left;text-align:left;} .company_content {width:760px;margin:0 0 15px 10px;float:left;text-align:left;} .company_content a {color:#666666;} .company_content h3 {font-size:14px;line-height:1.8em;color:#137AAC;} .company_content p {margin:2px 0 4px 0;line-height:1.5em;} .company_content img {border:0;margin:0;float:left;} .company_tbl {width:278px;margin:15px 0 40px 15px;float:left;text-align:left;} .company_tbl td {width:203px;line-height:1.5em;} .company_tbl .sub {width:75px;} .company_tbl2 {width:480px;margin:15px 0 15px 15px;text-align:left;font-size:14px;} .company_tbl2 td {width:405px;line-height:1.5em;} .company_tbl2 .sub {width:75px;} .company_tbl2 .1line {width:100%;} .company_tbl3 {width:475px;margin:15px 0 0 0;text-align:left;} .company_tbl3 td {line-height:1.8em;} .company_tbl3 .topline {border-top:1px solid #cfcde2;} .company_tbl3 .bottomline {border-bottom:1px solid #cfcde2;} .company_tbl3 .sub {font-size:12px;font-weight:normal;} .company_tbl3 .col1 {width:150px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .company_tbl3 .col2 {width:50px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .company_tbl3 .col3 {width:125px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .company_tbl3 .col4 {width:75px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .company_tbl3 .col5 {width:75px;line-height:1.8em;border-bottom:1px solid #cfcde2;text-align:left;} .company_1col {width:278px;margin:0 0 15px 0;float:left;text-align:left;} .company_1col p {margin:2px 0 4px 0;line-height:1.5em;padding:0;color:#666666;} .company_1col a, .company_1col a:visited {color:#666666;} .company_2col {width:279px;margin:0 0 15px 25px;float:left;text-align:left;} .company_2col p {margin:2px 0 4px 0;line-height:1.5em;padding:0;color:#666666;} .company_2col a, .company_2col a:visited {color:#666666;} .company_3col {width:278px;margin:0 0 15px 25px;float:left;text-align:left;} .company_3col p {margin:2px 0 4px 0;line-height:1.5em;padding:0;color:#666666;} .company_3col a, .company_3col a:visited {color:#666666;} .navi_job {font-size:12px;width:50%;} #footer2 {width:952px; margin:23px 0 30px 22px; font-size:12px; color:#888888;} #footer2 .menu a{color:#999999; text-decoration:none; margin:0 12px;} #footer2 .menu a:hover{text-decoration:none;} .line_bottom {border-bottom:1px solid #e5e5e5;} .hku_line {border-bottom:1px solid #e5e5e5; padding:10px 2px;} .hku_bullet {padding:6px 0 0 0} .hku_content {padding-right:8px;} .course_box:after, .container:after, .counter:after, .index_content:after, .tbl_news_tbl:after, .box_side:after, .content .course_intro:after, .content .course_list:after, .content .course_list2:after, #online_x4:after, .clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }