@charset "big5";

#container {background:#030101}

#container #home,
#container #home-ceo,
#container #home-protect,
#container #home-tohr,
#container #home-tojobseeker,
#container #tryjob,
#container #tryjob-tvc,
#container #tryjob-other,
#container #hrsupport,
#container #trap,
#container #trap-ad,
#container #tips-home,
#container #tips-pcpd,
#container #tips-police,
#container #report {position:relative; width:992px; height:690px; left:0px; top:0px}

#container #mainFrame{position:relative; width:992px; height:690px; left:0px; top:0px; background:#030101}
#container #mainFrame *{text-align:left}

#container .tvcLink{position:absolute; left:10px; top:460px; z-index:199}

#container #home-tvc{position:absolute; width:992px; height:690px; left:0px; top:0px; z-index:200; display:none}
#container #home-tvc #homeTVCplayer{position:absolute; left:100px; top:35px}
#container #home-tvc a{position:absolute; left:896px; top:30px}
#container #home-tvc .bgMask{position:absolute; width:992px; height:690px; left:0px; top:0px; background:#000; opacity:0.6; filter:alpha(opacity=60)}

#container .social {position:absolute; left:900px; top:10px; margin:0; padding:0; list-style:none; margin:0; padding:0; z-index:99;}
#container .social li {margin:0 0 0 10px; padding:0; float:left;}
#container .social li a{width:29px; height:29px; background:url(../images/social-button.png) 0 0 no-repeat; display:block; margin:0; padding:0}
#container .social li a.twitter{background-position:0 0}
#container .social li a.twitter:hover{background-position:-29px 0}
#container .social li a.facebook{background-position:0 -29px}
#container .social li a.facebook:hover{background-position:-29px -29px}

#container .menu {position:absolute; left:10px; top:0px; *top:-1px; margin:0; padding:0}
#container .menu ul {list-style:none; margin:0; padding:0}
#container .menu ul li {margin:0; padding:0; display:inline}
#container .menu span{display:none;}
#container .menu a.menubutton{width:170px; height:55px; display:block; margin:0; padding:0}
#container .menu a.menubutton:hover{background-position:right top;}
#container .menu a.btn1{background:url(../images/menu_01.png) no-repeat;}
#container .menu a.btn2{background:url(../images/menu_02.png) 0 0 no-repeat;}
#container .menu a.btn3{background:url(../images/menu_03.png) 0 0 no-repeat;}
#container .menu a.btn4{background:url(../images/menu_04.png) 0 0 no-repeat;}
#container .menu a.btn5{background:url(../images/menu_05.png) 0 0 no-repeat;}
#container .menu a.btn6{background:url(../images/menu_06.png) 0 0 no-repeat;}
#container .menu a.selected{background-position:right top;}

.dropdown_1, .dropdown_2, .dropdown_3, .dropdown_4, .dropdown_5 {margin:4px auto; position:absolute; left:170px; text-align:left; padding:0; border-top:none; background:#ffcb05; z-index:300; display:none}

#container  .menu li .dropdown_1,
#container  .menu li .dropdown_2,  
#container  .menu li .dropdown_3,  
#container  .menu li .dropdown_4,  
#container  .menu li .dropdown_5  {  
    position:absolute; left:170px; top:-3px
} 
#container  .menu li .dropdown_2 {top:52px}
#container  .menu li .dropdown_4 {top:162px}
#container  .menu li .dropdown_5 {top:217px}

#container .menu ul li div ul {list-style:none; margin:0; padding:0}
#container .menu ul li div ul li {margin:16px 3px 16px 0; padding:0; display:block}
#container .menu ul li div ul li a {width:160px; height:20px; display:block}

.dropdown_1 ul li a {background:url(../images/menu-sub1.png) 0 0 no-repeat}
.dropdown_2 ul li a {background:url(../images/menu-sub2.png) 0 0 no-repeat}
.dropdown_4 ul li a {background:url(../images/menu-sub4.png) 0 0 no-repeat}
.dropdown_5 ul li a {background:url(../images/menu-sub5.png) 0 0 no-repeat}

#container .menu ul li div ul li a.s11 {background-position:0 0}
#container .menu ul li div ul li a.s11:hover {background-position:-160px 0}
#container .menu ul li div ul li a.s12 {background-position:0 -20px}
#container .menu ul li div ul li a.s12:hover {background-position:-160px -20px}
#container .menu ul li div ul li a.s13 {background-position:0 -40px}
#container .menu ul li div ul li a.s13:hover {background-position:-160px -40px}
#container .menu ul li div ul li a.s14 {background-position:0 -60px}
#container .menu ul li div ul li a.s14:hover {background-position:-160px -60px}


#container #home{background:url(../images/home_bg.jpg) 0 0 no-repeat}

#container #home .tvc {position:absolute; left:10px; top:400px; margin:0; padding:0}

#container #home .article{position:absolute; left:783px; width:198px; background:url(../images/home-article_bg.png) 0 0; display:block}
#container #home .a1{position:absolute; top:186px; height:74px; background-position:0 0;}
#container #home .a1:hover{background-position:-198px 0}
#container #home .a2{position:absolute; top:280px; height:124px; background-position:0 -94px;}
#container #home .a2:hover{background-position:-198px -94px}
#container #home .a3{position:absolute; top:426px; height:107px; background-position:0 -240px;}
#container #home .a3:hover{background-position:-198px -240px}

#container #home .linking{position:absolute; left:785px; top:555px; list-style:none; margin:0; padding:0}
#container #home .linking li {margin:0 0 8px 0; padding:0; display:block}
#container #home .linking li a{width:99px; height:15px; background:url(../images/home-linking_bg.png) 0 0; display:block}
#container #home .linking li a.l1{background-position:0 0;}
#container #home .linking li a.l1:hover{background-position:-99px 0}
#container #home .linking li a.l2{background-position:0 -15px;}
#container #home .linking li a.l2:hover{background-position:-99px -15px}
#container #home .linking li a.l3{background-position:0 -30px;}
#container #home .linking li a.l3:hover{background-position:-99px -30px}
#container #home .linking li a.l4{background-position:0 -45px;}
#container #home .linking li a.l4:hover{background-position:-99px -45px}

#container #home-ceo{background:url(../images/home_ceo.jpg) 0 0 no-repeat}
#container #home-protect{background:url(../images/home_protect.jpg) 0 0 no-repeat}
#container #home-tohr{background:url(../images/home_tohr.jpg) 0 0 no-repeat}
#container #home-tojobseeker{background:url(../images/home_tojobseeker.jpg) 0 0 no-repeat}

.topbutton-wrapper{width:100%}
a.topbutton{position:relative; width:94px; height:35px; background:url(../images/btn_top.png) 0 0 no-repeat; display:block; float:right}
a.topbutton:hover{background-position:0 -35px}

#home-ceo .context {position:absolute; width:600px; left:256px; top:130px}
#home-ceo .context img{padding:0 30px 10px 0}
#home-ceo .context p{font-size:13px; line-height:24px; color:#FFFFFF; padding:0; margin:0; text-align:left;}
#home-ceo .context p b{line-height:30px; font-size:20px; color:#ffcb05}


#home-protect .listener{position:absolute; width:172px; height:172px; left:255px; top:258px; display:block}
#home-protect .m2 {left:474px}
#home-protect .m3 {left:683px}
#home-protect .overtext{position:absolute; width:600px; height:147px; left:255px; top:442px; background:url(../images/home_protect_hover-txt.png) 0 0 no-repeat; display:block}
#home-protect a.report{position:absolute; width:94px; height:35px; left:888px; top:637px; background:url(../images/btn_report.png) 0 0 no-repeat; display:block}
#home-protect a.report:hover{background-position:0 -35px}
#home-protect a.emailink{position:absolute; width:150px; height:20px; left:469px; top:664px; display:block}
#home-protect img.leftArrow{position:absolute; left:392px; top:328px; display:none}
#home-protect img.rightArrow{position:absolute; left:616px; top:328px; display:none}

#container #tryjob{background:url(../images/tryjob.jpg) 0 0 no-repeat}
#tryjob .context {position:absolute; width:590px; height:528px; left:256px; top:130px}
#tryjob .context p{font-size:13px; line-height:24px; color:#FFFFFF; padding:0; margin:0; text-align:left;}
#tryjob .context p b{line-height:30px; font-size:20px; color:#ffcb05}


#container #tryjob-tvc{background:url(../images/tryjob-tvc.jpg) 0 0 no-repeat}
#container #tryjob-tvc #tryjob-player{position:absolute; left:410px; top:188px}
#tryjob-tvc a.tvc1{position:absolute; width:94px; height:35px; left:755px; top:132px; background:url(../images/tryjob-tvc_btn.png) left top no-repeat; display:block}
#tryjob-tvc a.tvc2{position:absolute; width:94px; height:35px; left:861px; top:132px; background:url(../images/tryjob-tvc_btn-makingof.png) left top no-repeat; display:none}
#tryjob-tvc a.tvc1:hover, #tryjob-tvc a.tvc2:hover{background-position:left bottom}


#container #tryjob-other{background:url(../images/tryjob-other.jpg) 0 0 no-repeat}
#tryjob-other #theSlider {position:absolute; left:271px; top:241px}

#slides {z-index:100}
.slides_container {width:570px; height:270px; overflow:hidden; position:relative; display:none}
#slides .slide {padding:20px; width:530px; *width:570px; height:230px; display:block; background:#FFF}
#slides .next,#slides .prev {position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101}
#slides .next {left:585px;}
.pagination {position:relative; margin:26px auto 0; width:120; *left:180px}
.pagination li {float:left; margin:0 1px; list-style:none;}
.pagination li a {display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/lsr/pagination.png); background-position:0 0; float:left; overflow:hidden; font-size:1px}
.pagination li.current a {background-position:0 -12px;}


#container #hrsupport{background:url(../images/hrsupport.jpg) 0 0 no-repeat}
#hrsupport .context {position:absolute; width:680px; height:460px; left:242px; top:220px}
#hrsupport .context td{color:#FFF; text-align:left}
#hrsupport .context td img{display:block; background:#000}
#hrsupport .context td b{color:#ffcb05}


#container #trap{background:url(../images/trap.jpg) 0 0 no-repeat}
#container #trap .list{position:absolute; left:254px; top:234px}
#trap b {font-size:20px; color:#ffcb05}
#trap li, #trap a{color:#FFF}
#trap a{text-decoration:none}
#trap a:hover{text-decoration:underline}


#container #trap-ad{background:url(../images/trap-ad.jpg) 0 0 no-repeat}


#container #tips-home {background:url(../images/tips.jpg) 0 0 no-repeat}


#container #tips-pcpd {background:url(../images/tips-pcpd.jpg) 0 0 no-repeat}
#tips-pcpd .article1  .context,
#tips-pcpd .article2  .context{position:absolute; left:0; right:0}
#tips-pcpd .article1  .context,
#tips-pcpd .article2  .context{position:absolute; width:600px; height:518px; left:256px; top:120px}
#tips-pcpd .context p, #tips-pcpd li, #tips-pcpd td{font-size:13px; line-height:24px; color:#FFFFFF; padding:0; margin:0; text-align:left;}
#tips-pcpd .context p b{line-height:30px; font-size:20px; color:#ffcb05}
#tips-pcpd .context p td{line-height:15px;}
#tips-pcpd .context .stat tr td{padding:10px; text-align:center;}
#tips-pcpd .context li{line-height:15px; padding-bottom:15px}
#tips-pcpd a.ab1{position:absolute; width:57px; height:21px; left:651px; top:62px; background:url(../images/tips-pcpd-btn-tohr.png) left top no-repeat; display:block}
#tips-pcpd a.ab2{position:absolute; width:69px; height:21px; left:747px; top:62px; background:url(../images/tips-pcpd-btn-tojobseeker.png) left top no-repeat; display:block}
#tips-pcpd a.theSeletor:hover{background-position:left bottom}


#container #tips-police {background:url(../images/tips-police.jpg) 0 0 no-repeat}
#tips-police .context {position:absolute; width:600px; height:518px; left:256px; top:150px}
#tips-police .context p, #tips-police .context li{font-size:13px; line-height:24px; color:#FFFFFF; padding:0; margin:0; text-align:left;}
#tips-police .context p b{line-height:30px; font-size:20px; color:#ffcb05}


#container #report{background:url(../images/report.jpg) 0 0 no-repeat}
#container #report a.emailink{position:absolute; width:216px; height:21px; left:279px; top:303px; display:block}
#container #report a.goSubmit{position:relative; width:94px; height:35px; background:url(../images/tips-submit_btn.png) left top no-repeat; display:block}
#container #report a.goSubmit:hover{background-position:left bottom}

#container #report .theRateFrame{position:absolute; left:370px; top:0}
#container #report a.theRateImage{width:50px; height:50px; background:url(../images/report-rating.png) left top no-repeat; display:block; opacity:0.5; filter:Alpha(opacity=50);}
#container #report a.selected{opacity:1; filter:Alpha(opacity=100);}
#container #report a.hovered{opacity:0.80; filter:Alpha(opacity=80);}

#container #report .formReport{position:absolute; left:256px; top:110px; color:#FFF}
#container #report * {color:#FFF}


#container #report input, #container #report textarea {color:#000}