@charset "utf-8";
@import url("reset.css");
@import url("ajax.css");
@import url("sprites.css");
body { font-family: Tahoma, Arial, "微軟中黑體", "新細明體"; background: #000 url(../images/body.png) repeat-x left top; }
a { color: #666;  noFocusLine:expression(this.onFocus=this.blur());}
:focus {-moz-outline-style: none;}
:active, :focus{
outline:none;
}
h1 { background: url(../images/logo-trans.png) no-repeat; text-indent: -9999; margin: 16px 0 0 21px; height: 100px; width: 240px; display: block; float: left; padding: 0px; }
#header h1 a { display: block; width: 240px; float: left; margin: 0px; height: 100px; text-indent: -9999px; }
.extra .lang { float: right; padding-top: 10px; background: url(../images/select_bg.png) no-repeat left 10px; height: 25px; width: 112px; margin-right: 1px; }
.speaker_select { float: right; padding-top: 10px; background: url(../images/select_bg.png) no-repeat left 10px; height: 25px; width: 112px; margin-right: 1px; }
#fix {background: url(../images/fix.png) no-repeat right bottom; width: 1000px; margin: 0 auto; position: relative; }
#header { height: 110px; clear: both; position: relative; }
#home #header{height: 130px;}
input { font-family: Tahoma, Geneva, sans-serif; }
#menu { margin-left: 270px; }
#menu li { float: left; }
#menu li ul { display: block; visibility: visible; }
.extra { position: absolute; right: 23px; top: 10px; width:153px; }
#banner { width: 813px; padding:0; }
#info { float:right; width: 180px; padding-top: 0px; }
#content {float:left; padding-bottom: 20px; }
#news{ width: 280px; float: left; }
#hot { width: 400px; float: left; }
.hide, #hot h3{ position: absolute; left: -9999px; }
#menu li { display: block; float: left; font-size: 16px; padding: 0; font-weight: normal; }
#menu li:first-child { border-left: 0; }
#menu li:last-child { border-right: 0; }
#menu a { display: block; text-decoration: none; color: #c9c9c9; font-weight: normal; background: url(../images/menu_bar.png) no-repeat right top; padding: 10px 13px 10px 10px; }
#menu li a:hover { color: #f29304; }
.mabout .m1 a,.mproduct .m2 a,.mreviews .m3 a,.msupport .m4 a,.mcontact .m5 a,.mwtb .m6 a { color: #f29304; border-top: 2px solid #f29304; padding-top: 7px; }
.mabout .m1 li a,.mproduct .m2 li a,.mreviews .m3 li a,.msupport .m4 li a,.mcontact .m5 li a,.mwtb .m6 li a{ color: #f29304; border-top: 0px none; padding-top: 7px; }

#banner { padding:10px 1px 1px; }
.search { height: 24px; padding: 0; background: url(../images/search.png) right 5px no-repeat; }
.search input[type=text] { background: transparent; border: none; width: 90px; height: 18px; padding: 0 5px; margin: 0; color: #FFF; }
.search #search { width: 45px; height: 30px; background: transparent; border: none; color: #fff; }
.speaker_select { float:right; margin: 0px }
.event_banner img { margin-top:10px; }
.event_banne h3 { font-size: 12px; color: #FFF; display: none; clear: both; }
#page .search { height: 24px; background: url(../images/search.png) left 10px no-repeat; clear:both; padding: 5px 3px 0 0; }
#page .search input[type=text] { background: transparent; border: none; width: 90px; height: 18px; padding: 0 5px; margin: 0; color: #FFF; }
#page .search #search { width: 45px; height: 30px; background: transparent; border: none; color: #fff; }
#news { color: #808080; background: url(../images/news.png) no-repeat; margin-top: 23px; margin-right: 25px; margin-left: 20px;position:relative; }
#news .wrap { margin:10px 20px 20px;}
#news h3 { background: url(../images/news-logo-trans.png) no-repeat left center; height: 25px; margin: 10px 0 0 20px; color: #F9F9F9; padding-right: 40px; font: 16px/25px Tahoma; display: block; padding-top: 10px; padding-bottom: 5px; }
#news a { color: #419aad; text-decoration:none; font-size: 11px; line-height: 1.5em; }
#news a:hover { color: #39C9F9; }
#news li { padding: 0 0 5px; margin-bottom: 10px; border-bottom: 1px dotted #4B4B4B; font-size: 11px; line-height: 16px; }
#news span.more{ top:15px; right:16px; position: absolute; }
#news span.more a{ color: #CCC; text-decoration: underline; }
#news span.more a:hover{text-decoration: none; }

.highlight { margin-top: -3px; margin-left: -5px; width: 265px; float:left;}
.highlight a img:hover{filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}


#hot { color: #fff; font-size: 11px; margin-top: 20px; background: url(../images/hot-trans.png) no-repeat; margin-left: 20px; }
#hot a { color: #419aad; }
#hot a:hover { color: #39C9F9; text-decoration: none; }
#hot .thumbnail { float: left; margin-right: 10px; }
#hot ul { margin-left: 20px; margin-top: 10px; }
#hot li { clear: both; display: block; padding-top: 5px; width: 285px; }
#hot .item-title { color: #f29304; font-size: 12px; margin: 5px 0; }
#left_col { float:left; width:197px; }
#left_col h3 { background: url(../images/title_about.png) no-repeat left top; text-indent: -9999px; display: block; float: left; height: 55px; width: 197px; clear: both; }
#left_col .submenu { padding:0px 0px 40px; float: right; background: #2b2b2b; border: 1px solid #3e3e3e; }
#left_col h3.product { background: url(../images/title_product.png) no-repeat left top; }
#left_col h3.review { background: url(../images/title_review.png) no-repeat left top; }
#left_col h3.support { background: url(../images/title_support.png) no-repeat left top; }
#left_col h3.product { background: url(../images/title_product.png) no-repeat left top; }
#left_col h3.shop { background: url(../images/title_shop.png) no-repeat left top; }
#left_col h3.contact { background: url(../images/title_contact.png) no-repeat left top; }
#left_col h3.news { background: url(../images/title_news.png) no-repeat left top; }

.submenu li { background: url(../images/submenu_li.png) no-repeat right bottom; display: block; padding-bottom: 3px; clear: both; float: right; width: 150px; }
.submenu li a, .submenu li.current a { text-decoration: none; text-align: left; display: block; clear: both; font: 16px Arial, Helvetica, sans-serif; color: #afaeae; background: url(../images/menu_li_icon.png) no-repeat left -23px; padding: 10px 10px 7px 25px; float: right; width: 100px; }
.submenu li.current a, .submenu li a:hover { background: url(../images/menu_li_icon.png) no-repeat left 7px; color: #ffcc00; }
.submenu .p li, .submenu .r li { width: 200px; }
.submenu .p li a, .submenu .p li.current a { width: 160px;font-size: 14px;}
.submenu .r li a, .submenu .r li.current a { width: 160px; font-size: 14px; }
.submenu li.current ul li{ background: url(none); }
#left_col .submenu li.current ul li a{ font-size: 12px; background: url(../images/menu_arrow.png) no-repeat left 8px; color: #B4B4B4; width:130px; padding-left: 18px; }
#left_col .submenu li.current ul li a:hover{ background: url(../images/menu_arrow.png) no-repeat 3px 8px; color: #FFF; }
#left_col .submenu li.current ul li.last a{ border-bottom-width: 1px; border-bottom-style: none; }
#left_col .submenu li.current ul{ padding-bottom:10px; display: block; float: left; }

#right_col { float:left; width: 650px; padding: 20px 40px; color: #FFF; background: #2B2B2B url(../images/content_bg.png) no-repeat right top; margin-left: 20px; margin-bottom: 40px; border: 1px solid #333;min-height:450px;max-height:10000px; }
#main h3 { color: #990; font: italic normal 25px Georgia, "Times New Roman", Times, serif; padding-bottom: 20px; border-bottom: 1px solid #1B1B1B; padding-top: 10px; }
#main a { color: #CC3; }
#main a:hover { text-decoration: none; }
.article, .r_list,.p_list,.n_list{ padding:20px 0; border-top: 1px solid #454545; }
.n_list{float:left;}
.article p, .r_list p, .r_content p { padding-top: 5px; padding-bottom: 5px; font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color: #CCC; text-align: justify; }
.article .inner { float:left; background: url(../images/article_dec.png) no-repeat 100px bottom; width: 430px; padding-bottom: 35px; }
.article .pic { float: left; padding-right: 20px; padding-top: 10px; }
#page .event_banner { float:left; text-align: center; width: 195px; padding-top: 15px; }
#page .event_banner img { text-align: center; margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px dotted #232323; padding-right: 10px; padding-left: 10px; }
.blog_title { float: left; padding-left: 20px; width: 100%;clear:both;_width: 580px;}
.blog_title h4 { font: normal 22px/30px Tahoma, Geneva, sans-serif; color: #FFF; }
span.author { display:block; float:left; width: 450px; padding-left: 20px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; text-align: left; color: #CCC; }
span.author em { color: #F90; }
span.author a, .r_list .blog a.read_ex { color: #CC3; padding-left: 22px; background: url(../images/link_arrow.png) no-repeat 5px center; }
span.author a:hover, .r_list .blog a.read_ex:hover { text-decoration: none; background-position: 7px center; }
.r_list .inner{ margin-bottom: 10px; border: 1px solid #484848; background: #363636; padding: 20px; float: left; }
.n_list .inner{ padding:10px; float: left; margin-bottom: 5px; border-top: 1px dotted #666;width:620px;}
.n_list .inner:first-child{border:none;}
.n_list .inner .blog_title { padding-left: 5px;  margin: 0px;clear:both;display:block; }
.n_list .inner .blog_title h4{ font-size: 16px; color: #EFEFEF; line-height: 24px; padding-bottom: 5px; }
.r_list .blog, .r_content .blog{ clear: both; font-size: 12px; line-height: 16px; padding: 5px 15px 5px 20px; }
.n_list .blog{ padding-left: 5px;  }
.r_list .blog p, .r_content .blog p, .s_list,.b_list,.n_list .blog p{ font: 14px/20px "Times New Roman", Times, serif; }
.n_list .blog p{ color: #999; }
.r_list .blog a.read_in ,.n_list .blog a.read_in { color: #CC3; padding-left: 25px; background: url(../images/link_inter.png) no-repeat 5px 2px; font: 12px Arial, Helvetica, sans-serif; }
.r_list .blog a.read_in:hover,.n_list .blog a.read_in:hover  { text-decoration: none; background-position: 5px -17px; }
#box { background: #363636; }
.r_content { padding: 20px; border-top: 1px solid #333;}
.r_content h5 { font-size: 14px; color: #9C0; padding-top: 15px; padding-bottom: 5px; }
.r_content p{ color: #CCCCCC; }
.r_content p img { float: left; border: 5px solid #666; margin-right: 10px; margin-bottom: 10px; }
.r_content .blog_title{width:650px;}
#page_content { clear:both; padding: 20px 10px 20px 20px; }
.page_nav { clear: both; float: left; width: 600px; padding-top: 10px; padding-left: 0px; }
.n_list .page_nav{padding-top:20px;}
.page_nav a { font-size: 12px; color: #999; display: block; float: left; height: 20px; width: 23px; text-decoration: none; line-height: 20px; text-align: center; margin-right: 5px; margin-top: 3px; background: #1F1F1F; border: 1px solid #373737; }
.page_nav a:hover { color: #FFF; background: #1F1F1F; border: 1px solid #373737; border: 1px solid #666; text-decoration: none; background: #333; }
.page_nav a.current { color: #F90; background: #1F1F1F; border: 1px solid #373737; border: 1px solid #666; text-decoration: none; background: #333; }
.page_nav a.pre, .page_nav a.nxt { background: url(../images/page_nav.png) no-repeat -10px -9px; width: 90px; border-width: 0px; border-style: none; text-indent: -9999px; height: 30px; margin-top: 0px; margin-left: 10px; }
.page_nav a.pre { background: url(../images/page_nav.png) no-repeat -133px -9px; margin-left: 0px; margin-right: 10px; }
.page_nav a.nxt:hover { background: url(../images/page_nav.png) no-repeat -10px -53px; }
.page_nav a.pre:hover { background: url(../images/page_nav.png) no-repeat -133px -53px; }
.s_list,.m_list,.r_form,.b_list,.product_detail{ padding:10px 0 20px; border-top: 1px solid #454545; }
.s_list p { padding-top: 5px; padding-bottom: 5px; }
.s_list a { }
.s_list img{ float:left; padding-right: 20px; }

.inner_block{ padding: 15px 20px; }
.inner_block h4,.m_list h4{ color: #F90; padding-bottom: 5px; font: 16px Georgia, "Times New Roman", Times, serif; }
.inner_block p{ padding-top: 5px; padding-bottom: 0px; }
.s_list .inner_block,.b_list .inner_block{ background: #3D3D3D; border: 1px solid #5B5B5B; margin: 12px 0px 10px; float: left; width: 380px; }
.inner_block h5{ font-size: 12px; color: #999; float: left; background: #1F1F1F; border: 1px solid #151515; padding: 2px 10px; margin-top: 10px; display: block; }
.inner_block .col p{ float: left; width:270px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; }
.inner_block .col{ width:240px; float:left; padding-top: 0px; padding-bottom: 5px; padding-left: 10px; border-left: 2px solid #3E3E3E; margin-top: 20px; margin-bottom: 20px; }

.m_list h4{padding-top: 20px; padding-bottom: 5px }
.m_list{ padding-bottom: 30px; float: left; }
.m_list li{ width:300px; float:left; font-size: 12px; line-height: 20px; color: #999; padding-left: 20px; }
.m_list li li{padding-left:0}
.m_list li ul{}
.m_list li li a{ display: block; padding-top: 5px; background: url(../images/manual_icon.png) no-repeat left center; padding-left: 20px; padding-bottom:2px; }
.r_form{ font-size: 12px; color: #CCC; }
.r_form td{ padding:3px 10px 5px 25px;width: 380px;  }
.r_form th{ padding:5px 10px 3px 25px; }
.r_form table{ float:left; }
.r_form div.wrap{ background: #232323; border: 1px solid #1F1F1F; padding: 15px; float: left; margin: 10px; width: 600px; position: relative; }
.r_form input{ background: #9A9A9A url(../images/filter_select2.png) repeat-x left bottom; width: 220px; border: 1px solid #000; font-size: 12px; line-height: 18px; height: 18px; padding: 3px 2px 1px; color: #09F; }
.r_form textarea{width:540px;}
#reg .r_form div.wrap{ background: #232323; border: 1px solid #1F1F1F; padding: 15px; float: left; margin: 10px; width: 570px; position: relative; }
#reg .r_form{border:none;padding-top:20px;float:left;}
#reg .r_form textarea{width:500px;}

.r_form em{ background: url(../images/required.png) no-repeat right 6px; padding-top: 13px; padding-right: 82px; }
#epaper{ width: auto; margin: 0px; padding: 0px; float: left; height: auto; }

.btn_wrap{ text-align: center; margin-top: 5px; padding-top: 15px; border-top: 1px dotted #5D5D5D; }
input.btn{ padding: 3px 10px; width: auto; height: auto; color: #FFF; background: #DE7814 url(../images/btn.png) repeat-x left top; border: 1px solid #9D5804; margin-right: 5px; margin-left: 5px; font-size: 14px; line-height: 24px; }
.r_form div.wrap .badge{ height: 100px; width: 100px; position: absolute; top: 0px; right: 0px; display: block;z-index:1 }

.s_content,.u_content { padding: 25px 40px; border-top: 1px solid #333; float: left; background: url(../images/world_map.jpg) no-repeat fixed right bottom; }
.u_content{ background: url(none); }

.area{ float: left; width: 203px; font-size: 12px; padding: 8px; line-height: 16px; }
.area .name{}
.area ul{ background: #6C8FAC; border-top: 1px solid #86AFC6; border-bottom: 1px solid #5672A0; color: #293A49; padding-bottom: 10px; border-right: 1px solid #86AFC6; border-left: 1px solid #86AFC6; }
.area h3{ font: 16px Georgia, "Times New Roman", Times, serif; color: #CCC; padding-top: 5px; padding-bottom: 5px; }
.area .type{ color: #ACC0D0; text-align: right; background: #4F718C; float: right; padding: 3px 5px; border-bottom: 1px solid #47667E; border-left: 1px solid #47667E; }
.area .name{ padding-top: 10px; padding-bottom: 10px; color: #FC0; }
.area .title{ color: #B1C5D3; }
.area ul li{ padding-right: 10px; padding-left: 10px; }
.area a{ color: #CFDBE2; text-decoration: none; }
.area a:hover{ color: #FFF; text-decoration: none; }

.u_content h3{font: 16px Georgia, "Times New Roman", Times, serif; color: #CCC; padding-top: 5px; padding-bottom: 5px;}
.u_content .area{ width: 250px;}
.u_content .area ul{ width: 250px; height: 170px; }


#usa_map{ background: url(../images/usa_map.gif) no-repeat left top; height: 460px; width: 610px; position: relative;margin-top:15px; }
#usa_map a{ display: block; position: absolute; text-align: center; padding-top:40px; font-size: 15px; color: #000; text-decoration: none; left: 58px; top: 375px; }
#usa_map a:hover{ color: #000; text-decoration: underline; }

#usa_map .nw a{ height: 61px; width: 166px; top: 24px; right: 371px }
#usa_map .ca a{left: 21px; top: 103px; height: 113px; width: 57px; }
#usa_map .sw a{ left: 84px; top: 127px; width: 141px; height: 123px;}
#usa_map .hl a{ left: 235px; top: 38px; width: 105px; height: 88px;padding-top:70px; }

#usa_map .st a{ left: 210px; top: 202px; height: 108px; width: 166px; }
#usa_map .mw a{ left: 346px; top: 55px; width: 95px; height:54px;padding-top:70px;}
#usa_map .se a{ left: 373px; top: 160px; height: 131px; width: 136px; }
#usa_map .ne a{ left: 438px; top: 23px; width: 127px; height: 70px; padding-top:55px; }
#usa_map .ha a{ left: 67px; top: 296px; width: 111px; height: 99px; }
.b_list .inner_block{ margin-bottom: 20px; margin-right: auto; margin-left: auto; width: 610px; } 
.i_button{ display: block; height: 76px; width: 200px; position: absolute; right: 0px; bottom: 0px; background: url(../images/internation_button.png) no-repeat left top; padding: 20px; }
#usa_map .i_button a{ position: relative; margin: 0px; padding:5px 0px; left: 0px; top: 0px; right: 0px; bottom: 0px;color: #265F6C;   width: 200px; font: normal 15px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#usa_map .i_button a:hover{ text-decoration: none;color: #FFF; }
.i_button p{ padding-top:8px; color: #AAA; }
.p_list{ font-size: 16px; padding-bottom: 20px; float: left; padding-top: 10px; }
.p_list h4{ color: #FFF; padding-bottom: 5px; font: 16px Georgia, "Times New Roman", Times, serif; }
.p_list .row{ float: left; width: 650px; border-top: 1px dotted #5A5A5A; padding-top: 5px; padding-bottom: 10px; }
.p_list .row:first-child{ border-width: 0px; border-style: none; }
.p_list .cat{ float: left; width: 215px; padding: 10px 0px 10px 0px; }
.p_list ul{ padding-top: 10px; }
.p_list ul li{ font-size: 13px; clear: both; line-height: 18px; padding-bottom:10px; }
.p_list ul li  img{ float: left; border: 2px solid #525252; margin-right: 8px;margin-bottom:5px}
.p_list ul li img:hover{border: 2px solid #F60; }
#main .p_list ul li a{ text-decoration: none; color: #CC0; display: block;  }
#main .p_list ul li a:hover{ color: #F60; }
.banner{padding-bottom:10px}
.dec{ font-size: 12px; padding-top: 10px; padding-bottom: 10px; line-height:18px; color: #CCC; }
.dec p{ padding-bottom:10px; }
.tabs p{ padding:0 0 10px 0; color: #E7E7E7; }
.tabs em{ font-weight: normal; color: #F60; }
.tabs blockquote{ font: italic 20px Georgia, "Times New Roman", Times, serif; padding: 30px 30px 10px 70px; color: #5F5F5F; background: url(../images/blockquote.png) no-repeat 20px 10px; }
#spe table{ border-collapse:collapse; border: 1px solid #404040; width: 600px; margin-top: 20px; margin-bottom: 20px; }

#spe table th{ padding: 5px; background: #141414 url(../VGA/images/spec_th_1.gif) no-repeat left top; color: #CCC; border: 1px solid #272727; }
#spe table td{ padding: 5px; color: #FFF; background: #444 url(../VGA/images/spec_td_1.gif) no-repeat left top; border: 1px solid #272727; }
#spe table tr.alt th{ background: #111 url(../VGA/images/spec_th_1.gif) no-repeat left top; }
#spe table tr.alt td{  color: #FFF; background: #575757 url(../VGA/images/spec_td_1.gif) no-repeat left top;  }

#com{ font-size: 12px; }
#pre .r_list{ width: 620px; border-width: 0px; border-style: none; }
#pre .r_list .blog{ width: 450px;  }
#pre .r_list .blog p{color: #CCC;}
#pre .r_list ul{padding-left:5px;}
#pre .r_list ul li{ padding-top: 5px; padding-bottom: 5px; }

#int .des img{ float: left; margin-right: 20px; margin-bottom: 5px; border: 3px solid #404040; }
#int .des{padding-top:10px;clear:both}
#reg { padding-left: 0px; }
#reg .r_form em{color:#CCC}
#reg .r_form h4{ color:#9CC; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-bottom: 10px; }
#search_list{ padding:10px; border-top: 1px solid #454545; font-size: 14px;min-height:450px;_height:450px;overflow:show;}
#search_list ul{ padding:10px 30px 10px 10px; }
.search_for{ padding-bottom: 5px; padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; padding-top: 10px; }
#search_list ul li{ padding-bottom:10px; border-top: 1px dotted #5A5A5A; padding-top: 10px; }
#search_list ul li p{ font-size: 13px; color: #A5A5A5; padding-top: 5px; padding-left: 5px; }
#search_list ul li .breadcrumbs a{ color: #CC0; padding-right: 5px; padding-left: 5px; }
#search_list ul li .breadcrumbs {color: #CC0;}
#search_list ul li em.keyword,.search_for em{ color: #FFF; font-style: italic; }
.review{ display: block; float: right; clear: both;height: 42px; width: 100px;}
.review a{ height: 42px; width: 110px; background: url(../images/review_bt.png) no-repeat left top; display: block; text-indent: -9999px; }
.review a:hover{background: url(../images/review_bt.png) no-repeat left -41px;}

.extra {top:7px;}
#vga-link{ background: url(../images/event-1.png) right top; display:block; width:127px; height:81px; margin-left: 20px; }
#vga-link a{display:block;width:127px;height:81px;text-indent:-9999px;}

#footer .totop { position: relative; display: block; width: 54px; height: 20px; top: -18px; float: right; right: 40px; }
#footer .totop a{ text-align: center; display: block; width: 54px; height: 20px; background: url(../images/gotop-trans.png) no-repeat; color: #419aad; text-decoration: none; line-height: 20px; position: absolute; left: 0px; top: 0px; }
#footer { background: url(../images/footer-trans.png) repeat-x; color: #ccc; padding: 20px 15px 15px; font-size: 12px; clear: both; text-align: center; position: relative; height: 40px; }
#footer p{ clear:both; text-align: center; width: 980px; float: left; }

.blog a.read2 { color: #CC3; padding-left: 22px; background: url(../images/link_arrow.png) no-repeat 6px center; font: 12px Arial, Helvetica, sans-serif;}
.filter select{ font-family: Tahoma, Arial; }

#message{ width:450px; float: left; background: url(../images/message-icon.jpg) no-repeat right bottom; height:230px; position: relative;}
#message p{font-family: Tahoma, Arial; }

#message .close{ display: block; position: absolute; top: -20px;left: 440px;width:40px;height:40px }
#message .close a{background:url(../images/controls.png) -29px 0 no-repeat;width:40px;height:40px;display: block;text-indent:-9999px;}
#message .close a:hover{background:url(../images/controls.png) -29px -111px no-repeat;}

.wrap table{z-index:10000000}
#r_product_list{ z-index:10000000; position: absolute; }