@charset "utf-8";
/* CSS Document */
img,ol,ul,p,li,h1,h2,h3,h4,h5,h6,th,b{margin: 0px;padding: 0px;list-style-type: none;font-weight: normal;font-size: 100%;border:0px;}
fieldset { border: 0;}
object, embed {outline: 0;}
object{position: absolute;outline: none;}
a {outline: none;behavior:expression(this.onFocus=this.blur());}
body {margin:0px; padding:0px; -webkit-text-size-adjust:none;}

#wrapper {position:absolute; top:592px; width:100%; z-index:2;}
#wrapper #wramin {min-width:1000px; }
#wrapper #wrapperbox #wrawid  {margin:0px auto; width:1000px;}

#ct_zone{width: 1000px; margin: 0 auto; z-index:1px; *margin-top:-19px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ #ct_zone{width: 1000px; margin: 0 auto; z-index:1px;} } 

.cr{ width:100%; height:97px; background-color:#e0e0e0; clear:both;}
.cr .cr_content{ width: 980px;  margin:25px auto 0 auto;}
.cr p{float:left;width:380px;font-size:10px;line-height:15px;text-align:left;margin: 10px 0px 0px 10px;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;}
:root .cr p{letter-spacing: 0.02em\9;}
.cr h2{float:left;margin:8px 0 0 0;}
.cr h3{float:left;margin:0 0 0 3px;}
.cr h4{float:left;margin:3px 0 0 10px ;width: 1px; height: 40px; background-color:#939393;}	
.cr h5{float:left;width:150px;font-size:12px;line-height:15px;text-align:left;margin: 10px 0px 0px 10px;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; color:#6d6d6d;}
.cr h6{float:left;margin:13px 10px 0 10px;}
.cr_btn{float:right; margin:-3px 3px 0 0; width:101px;height:50px; background:url(/images/btn_inreturn.png) no-repeat;}
.cr_btn:hover{background-position:0px -50px;}
.warning{clear:both;margin-left:220px;font-size:14px;font-family:Arial,"微軟正黑體";}

#rfloatzone{ width: 81px; position: fixed; z-index: 10; right:10px; bottom:80px;}
#rfloatzone .headerbg { float: left; width: 81px; height:81px; margin: 0; background: url(/images/rfloat_headerbg.png) center top no-repeat;}
#rfloatzone .headerbg .btnguide{position:absolute; margin:30px 0 0 11px; width:58px;height:45px; background:url(/images/rfloat_guide1.jpg) no-repeat;}
#rfloatzone .headerbg .btnguide:hover{background:url(/images/rfloat_guide2.gif) no-repeat;}
#rfloatzone .centerbg { float: left; width: 81px; height:113px; background: url(/images/rfloat_centerbg.png) center top no-repeat;}
#rfloatzone .centerbg .btnfb{ float: left; width: 44px; height:48px; background: url(/images/rfloat_btnfb.png) center top no-repeat;margin:4px 0 5px 19px;}
#rfloatzone .centerbg .btnbaha{ float: left; width: 44px; height:48px; background: url(/images/rfloat_btnbaha.png) center top no-repeat;margin:4px 0 5px 19px;}
#rfloatzone .centerbg .btnfb:hover,#rfloatzone .centerbg .btnbaha:hover{background-position:0px bottom;}
#rfloatzone .footerbg { float: left; width: 81px; height:52px; margin: 0; background: url(/images/rfloat_footerbg.png) center top no-repeat;}
#rfloatzone .footerbg .btngotop{position:absolute; margin:2px 0 0 29px; width:24px;height:25px; background:url(/images/rfloat_gotop.jpg) no-repeat;}
#rfloatzone .footerbg .btngotop:hover{background-position:0px -25px;}

.text_ct {width: 100%; background:url(/images/pctbg.png) repeat-y;}
.text_ct img{ margin:10px; border:1px solid #878787;padding:4px; background-color:#efefef;}
.text_ct ul{width: 741px; margin:0 auto; font-size:12px; padding:15px 0 10px 0; text-align:center; font-family: Tahoma,"微軟正黑體";*font-family: 微軟正黑體, 黑体, MHeiHK-Medium, 新細明體, 細明體, arial, tahoma, helvetica;}
.text_ct p{color:#7e7e7e;text-align:left; padding-left:10px; font-family: "細明體";}
.text_ct h1{ font-size:20px; line-height: 19px; color:#ff6804; font-weight:bold; margin:10px 0; text-align:left; background:url(/images/titleicon.png) no-repeat; padding-left:24px;}
.text_ct h2{ font-size:14px; line-height: 14px; color:#4c4949; margin:5px 0; text-align:left; padding-left:10px; font-weight:bold;}
.text_ct h3{ font-size:12px; line-height: 20px; color:#fff; margin:5px 0; text-align:left; padding-left:10px; font-weight:bold; background:url(/images/titlebg01.png) 6px top no-repeat;}
.text_ct h4{ font-size:12px; line-height: 19px; color:#fff; margin:10px 0; text-align:left; padding-left:28px; font-weight:bold; background:url(/images/titlebg02.png) 5px top no-repeat;}
/*.text_ct li{text-align:left; width:740px; height:22px; line-height: 22px; float:left; margin-bottom:5px;}*/
.text_ct h5{font-size:11px; color:#007509; font-weight:bold; margin:0 0 0 20px; text-align:center; background:url(/images/titleicon2.png) 1px top no-repeat; width:25px; height:22px;font-family: arial; padding-top:4px;}
/*.text_ct h6{ width:600px; color:#7e7e7e;text-align:left; padding: 1px 0 0 5px; font-family: "細明體";}*/
.text_ct a{ text-decoration: underline; color:#06F;font-weight:bold;}
.text_ct a:hover{ color:#F90;}

.text_ct2 {width: 100%; background:url(/images/pctbg.png) repeat-y;}
.text_ct2 ul{width: 741px; margin:0 auto; font-size:12px; padding:15px 0 10px 0; text-align:center; font-family: Tahoma,"微軟正黑體";*font-family: 微軟正黑體, 黑体, MHeiHK-Medium, 新細明體, 細明體, arial, tahoma, helvetica;}
.text_ct2 p{color:#7e7e7e;text-align:left; padding-left:10px; font-family: "細明體";}
.text_ct2 h1{ font-size:20px; line-height: 19px; color:#ff6804; font-weight:bold; margin:10px 0; text-align:left; background:url(/images/titleicon.png) no-repeat; padding-left:24px;}
.text_ct2 h2{ font-size:14px; line-height: 14px; color:#4c4949; margin:5px 0; text-align:left; padding-left:10px; font-weight:bold;}
.text_ct2 h3{ font-size:12px; line-height: 20px; color:#fff; margin:5px 0; text-align:left; padding-left:10px; font-weight:bold; background:url(/images/titlebg01.png) 6px top no-repeat;}
.text_ct2 h4{ font-size:12px; line-height: 19px; color:#fff; margin:10px 0; text-align:left; padding-left:28px; font-weight:bold; background:url(/images/titlebg02.png) 5px top no-repeat;}
.text_ct2 h5{font-size:11px; color:#007509; font-weight:bold; margin:0 0 0 20px; text-align:center; background:url(/images/titleicon2.png) 1px top no-repeat; width:25px; height:22px;font-family: arial; padding-top:4px;}
.text_ct2 h6{ width:600px; color:#7e7e7e;text-align:left; padding: 1px 0 0 5px; font-family: "細明體";}
.text_ct2 a{ text-decoration: underline; color:#06F;font-weight:bold;}
.text_ct2 a:hover{ color:#F90;}

.dl_zone{width:100%;float:left; background:url(/images/pctbg.png) repeat-y;}
.dl_list {width:708px;*width:720px;font-size: 12px;line-height: 16px;margin: 10px 0 10px 32px;color:#333335;
border-left-width: 1px;border-left-style: solid;border-left-color: #b0bdd0;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #b0bdd0; float:left;font-family: Tahoma,"微軟正黑體";*font-family: 微軟正黑體, 黑体, MHeiHK-Medium, 新細明體, 細明體, arial, tahoma, helvetica;}
.dl_list th {border-right:1px solid #b0bdd0;border-bottom:1px solid #b0bdd0;padding:4px;font-weight:bold;color:#fff;
             background:#235183;}
.dl_list td {border-right:1px solid #b0bdd0;border-bottom:1px solid #b0bdd0;padding:4px;}
.dl_list h2{float:left;margin:2px 0 2px 0; width:100%;}
.dl_list p{float:left;margin:10px 5px 10px 5px;color:#0326fd;text-align: center;}
.dl_list p a{color:#0326fd;text-decoration: underline;}
.dl_list p a:hover{color:#fd0303;text-decoration: underline;}

.dl_list2 {width:500px;font-size: 12px;line-height: 16px;margin: 15px 0 15px 20px;color:#462802;
border-left-width: 1px;border-left-style: solid;border-left-color: #97daff;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #97daff; float:left;}
.dl_list2 th {border-right:1px solid #97daff;border-bottom:1px solid #97daff;padding:4px;font-weight:bold;color:#595959;
             background:#d8efff;}
.dl_list2 td {border-right:1px solid #97daff;border-bottom:1px solid #97daff;padding:4px; background:#fff; color:#1e537b;}

.dl_list2now {font-size: 12px;line-height: 16px;margin: 15px 0 15px 40px;color:#462802;
border-left-width: 1px;border-left-style: solid;border-left-color: #97daff;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #97daff; float:left;}
.dl_list2now th {border-right:1px solid #97daff;border-bottom:1px solid #97daff;padding:4px;font-weight:bold;color:#595959;
             background:#d8efff;}
.dl_list2now td {border-right:1px solid #97daff;border-bottom:1px solid #97daff;padding:4px; background:#fff; color:#1e537b;}

.dl_list3 {width:auto;font-size: 12px;line-height: 16px;margin: 5px auto;color:#462802;
border-left-width: 1px;border-left-style: solid;border-left-color: #878787;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #878787;}
.dl_list3 th {border-right:1px solid #878787;border-bottom:1px solid #878787;padding:4px;font-weight:bold;color:#595959;
             background:#d8efff;}
.dl_list3 td {border-right:1px solid #878787;border-bottom:1px solid #878787;padding:4px; background:#fff; color:#1e537b;}

.dl_list4 {width:auto;font-size: 12px;line-height: 16px;margin: 0 auto;color:#462802;text-align: center;}
.dl_list4 th {padding:4px; color:#595959;background:#d8efff;}
.dl_list4 td {padding:4px; background:#fff; color:#1e537b;}

.dl_list5 {width:auto;font-size: 12px;line-height: 16px;margin:0;color:#462802;
border-left-width: 1px;border-left-style: solid;border-left-color: #878787;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #878787;}
.dl_list5 th {border-right:1px solid #878787;border-bottom:1px solid #878787;padding:4px;font-weight:bold;color:#008b6f;
             background:#05ddb2;}
.dl_list5 td {border-right:1px solid #878787;border-bottom:1px solid #878787;padding:4px; background:#fff; color:#1e537b;}

.dl_list6 {width:650px;font-size: 12px;line-height: 16px;margin: 0 auto;color:#462802;text-align: center;}
.dl_list6 th {padding:4px; color:#595959;background:#d8efff;}
.dl_list6 td {padding:4px; background:#fff; color:#1e537b;}

.dl_list7 {width:auto;font-size: 12px;line-height: 16px;margin:0 0 0 10px;*margin:0 0 0 -18px;color:#462802;
border-left-width: 1px;border-left-style: solid;border-left-color: #b1cbf2;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #b1cbf2;}
.dl_list7 th {border-right:1px solid #b1cbf2;border-bottom:1px solid #b1cbf2;padding:4px;font-weight:bold;color:#254f68;
             background:#e9efff;}
.dl_list7 td {border-right:1px solid #b1cbf2;border-bottom:1px solid #b1cbf2;padding:4px; background:#fff; color:#1e537b;}

.dl_list7_1 {width:auto;font-size: 12px;line-height: 16px;margin:0 0 0 10px;*margin:0 0 0 -18px;color:#462802;}
.dl_list7_1 th {padding:4px; font-weight: bold;color:#254f68; background:#e9efff;}
.dl_list7_1 td {padding:4px; background:#fff; color:#1e537b;}

.dl_list8 { width:auto; font-size: 12px; line-height: 16px; margin: 5px auto; text-align: center; color:#fff; font-weight:bold; font-family: 細明體, arial;}
.dl_list8_1 { width:102px; height:64px; background: url(/images/titlebg04.png) center top no-repeat; text-align:center; margin: 0 4px;}

.dl_list9 {width:auto;font-size: 12px;line-height: 16px;margin: 10px auto; border:1px solid #0072bb;/*background-color:#0072bb;*/ height:222px;}

.dl_list9_1 {width:128px; font-size: 12px; line-height: 16px ;margin: 0; color:#fff;
border-left-width: 1px;border-left-style: solid;border-left-color: #0072bb;text-align: center;border-top-width: 1px;
border-top-style: solid;border-top-color: #0072bb;}
.dl_list9_1 th {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; background: url(/images/titlebg05.jpg) center top repeat-x;}
.dl_list9_1 td {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb;}

.dl_list9_2 {width:auto; font-size: 12px; line-height: 16px ;margin: 0; text-align: center; border-left: 1px solid #0072bb; border-top: 1px solid #0072bb;}
.dl_list9_2 img{ width:42px; height:42px; margin: 0 5px;}
.dl_list9_2 span{position: relative;display: inline-block;width: 42px;height: 42px;text-align: left;vertical-align: middle;}
.dl_list9_2 em{display: inline-block; vertical-align: middle; font-style: normal; padding-left:10px;}
.dl_list9_2 th {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; background-color:#b3e1ff; color:#4796c8;}
.dl_list9_2 td {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; color:#000;text-align: left; padding-left:5px;}

.dl_list9_3 {width:auto; font-size: 12px; line-height: 16px ;margin: 0; text-align: center;
border-left-width: 1px;border-left-style: solid;border-left-color: #0072bb;border-top-width: 1px;
border-top-style: solid;border-top-color: #0072bb;}
.dl_list9_3 th {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; background-color:#b3e1ff; color:#4796c8;}
.dl_list9_3 td {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; color:#000;}

.dl_list10 { width:auto; font-size: 12px; line-height: 16px; margin: 0 auto 20px auto; text-align: center; color:#fff; font-weight:bold; font-family: 細明體, arial;}
.dl_list10_1 { width:102px; height:64px; background: url(/images/titlebg04.png) center top no-repeat; text-align:center; margin: 0 4px;}

.dl_list11 {width:720px; font-size: 12px; line-height: 16px ;margin: 0 auto 20px auto; text-align: center; border-left: 1px solid #0072bb; border-top: 1px solid #0072bb;}
.dl_list11 th {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; background-color:#b3e1ff; color:#4796c8;}
.dl_list11 td {border-right:1px solid #0072bb;border-bottom:1px solid #0072bb; font-weight:bold; color:#000; text-align: center; padding-left:5px;}

.dl_list12 {width:680px; font-size: 12px; line-height: 16px ;margin: 0 auto 20px auto; text-align: center;border-left:1px solid #878787;border-top:1px solid #878787;}
.dl_list12 img{ padding:5px;}
.dl_list12 th {border-right:1px solid #878787;border-bottom:1px solid #878787; font-weight:bold; background-color:#1d79b8; color:#fff;}
.dl_list12 td {border-right:1px solid #878787;border-bottom:1px solid #878787; color:#1e537b; text-align: left; padding:5px;}
.dl_list12 ol{margin:5px 0px;}
.dl_list12 ol li{margin:0px 0px 8px 20px;list-style-type: decimal;}


.gray1{color:#767676;}
.gray1_ll{color:#767676; line-height: 14px; letter-spacing: 1px;}
.gray2{color:#869eb3; font-weight:normal; font-size:11px; margin:0 2px;}
.gray3{color:#8299b1; font-size:20px; font-weight:bold; font-family: arial; padding-left:10px;}
.black1{color:#000;}
.blue1_b{color:#288eff; font-weight:bold;}
.blue2{color:#28598f;}
.blue3{color:#28598f; line-height: 22px; letter-spacing: 0.5px;}
.blue3_2{color:#28598f; line-height: 16px; letter-spacing: 0.5px;}
.blue4{color:#0072bb; font-size:30px;font-family: arial; font-weight:bold;}
.blue5{color:#0072bb;}
.blue6{color:#0072bb; font-size:40px; font-weight:bold; font-family: Tahoma,"微軟正黑體"; *font-family: 微軟正黑體, 黑体, MHeiHK-Medium, 新細明體, 細明體, arial, tahoma, helvetica;}
.blue7{color:#c5e4ff;}
.blue2_tp{color:#28598f; text-align:left; padding: 0 10px;}
.yellow1_b{color:#ffa805; font-weight:bold;}
.yellow2_llf{color:#ff8a00; line-height: 24px; letter-spacing: 0.5px; font-size:16px;}
.red1{color:#d35a0a;}

.txtspace01{ margin-left:5px; *padding: 10px 0 0 0;}
.txtspace02{ margin: 0 0 0 5px; padding-bottom:10px; *padding: 10px 0 0 0;}
.txtspace03{ padding-bottom:20px;}
.txtspace04{ padding-bottom:10px;}
.txtspace05{ padding:5px 0;}


.main-visual { width:100%; height:700px; background: url(/images/main-visual.jpg) no-repeat top center; }
.logozone{ width:100%; position:relative; max-width:1000px; margin:0px auto 0; padding:0; z-index: 99;}
.logo { position: absolute; left:20px; top: 70px;}

.btn-login { position: absolute; left: 38px; top: 270px; width: 216px; height: 188px; background:url(/images/btn-login.png) center top no-repeat;}

.btn-open { position: absolute; left: 26px; top: 469px; width: 122px; height: 31px; background:url(/images/btn-open.png) center top no-repeat;}

.btn-download { position: absolute; left: 150px; top: 469px; width: 122px; height: 31px; background:url(/images/btn-download.png) center top no-repeat;}

.btn-login:hover,.btn-open:hover,.btn-download:hover { background-position: center bottom;}

/* 選單 */
#menu { z-index:999; position:absolute; width: 875px; left:153px; top: 533px;}
#menu li { margin: 0 0px; padding: 0; float: left;}
#menu li a { display: block; text-decoration: none;}
.menuItem a { width:125px; height:37px; display: block;}
li.menu1 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_news.png) 0 0 no-repeat;}
li.menu2 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_guide.png) 0 0 no-repeat;}
li.menu3 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_system.png) 0 0 no-repeat;}
li.menu4 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_mall.png) 0 0 no-repeat;}
li.menu5 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_download.png) 0 0 no-repeat;}
li.menu6 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_service.png) 0 0 no-repeat;}
li.menu7 span.menuItem { text-indent:-9999px; display:block; width:125px; height:37px; background:url(/images/menu_ranking.png) 0 0 no-repeat;}

li.menu1 span.menuItem:hover,li.menu2 span.menuItem:hover,li.menu3 span.menuItem:hover,li.menu4 span.menuItem:hover,li.menu5 span.menuItem:hover,li.menu6 span.menuItem:hover,li.menu7 span.menuItem:hover { background-position: 0 -37px;}

#menu li ul.menuList { position:absolute; bottom:37px; width: 125px;display: none; z-index:10;}
#menu li ul.menuList li {float: none; font-size:15px; line-height:25px; margin: 0px 0 0 0px; margin: 0 0 0 0px\9; font-weight: bolder; background:url(/images/menubgcenter.png) 0 0 repeat-y;}
#menu li ul.menuList li a { margin:0px 0; width:125px; height:25px; color:#c9c9c9; text-align:center; }
#menu li ul.menuList li a:hover { color:#fff; font-weight:bold;}
.menubgtop{ margin-bottom: -4px; }