@charset "UTF-8";
/* layout style */
body{margin:0px; padding:0px; font-size:14px; font-family:Helvetica, Arial, serif, sans-serif; color:#676767; background:#f1f1f1; text-shadow:0 1px #fff;}

/* all style */
ul,li,p,h1,h2,h3,h4,h5,h6,form{padding:0px; margin:0px;}
ul{list-style:none;}
img{border:none;}
a{text-decoration:none !important; color:#676767;}
a:hover{text-decoration:none;}
.Font_Weight{font-weight:bold;}
.Float_Left{float:left;}
.Float_Right{float:right;}
.Clear{clear:both;}
.Display_Block{display:block;}
.Margin_Top{margin-top:24px;}
.border{border-bottom:1px dashed #676767;}

.bodyWidth{width:1002px; margin:auto;}
.backtotop a{background:url(../images/backtop.gif) no-repeat top; width:50px; height:23px; display:block; margin-right:30px; margin-top:30px;}
.backtotop a:hover{background:url(../images/backtop.gif) no-repeat bottom;}

/* support styele */
#css_feedback{position:fixed; top:30%; right:-2px; width:50px; height:129px; display:block; text-indent:-999999px; overflow:hidden; background:url(../images/feedback.png) no-repeat 0 0;}
#css_feedback:hover{right:0px;}
#css_feedback:active{top:30%; right:0px;}

/* header style */
.header{height:83px; padding-top:30px; width:982px; margin:auto;}
.header .logo_tab{font-size:14px; font-weight:bold; text-align:right; width:203px; height:31px; margin-left:4px;}
.header .logo_tab .logo_font{margin-top:7px; color:#848484;}
.header .nav{margin-top:22px;}
.header .nav ul li{padding-right:21px; padding-left:16px; float:left; background:url(../images/nav_dot.png) right center no-repeat;}
.header .nav ul li.last{background:none;}
.header .nav ul li a{font-size:13px; font-weight:bold;}
.header .nav ul li a:hover{color:#ff9a00;}
.header .nav ul li a.active{color:#ff9a00;}
.header .logo_tab .logotype{background:url(../images/logo.png) no-repeat top; width:203px; height:31px; display:block;}
.header .logo_tab .logotype span{display:none;}
.header .logo_tab .logotype span.hover{background:url(../images/logo.png) no-repeat bottom left; position:absolute; width:203px; height:31px; display:block;}

/* banner style */
.banner{width:986px; margin:auto; height:418px; background:url(../images/skin_bg.gif) no-repeat; padding-left:4px; padding-top:3px;}
.banner .Clear{overflow:hidden;}
.banner .controls{position:absolute; margin-top:390px; margin-left:430px;}
.banner .controls ul.selects li{float:left; margin-left:9px; margin-right:9px;}
.banner .controls ul.selects li a{display:block;width:12px;height:12px;background:url(../images/banner_selects.png) no-repeat 0 0;cursor:pointer;}
.banner .controls ul.selects li a:hover{background:url(../images/banner_selects.png) no-repeat 0 -12px;}
.banner .controls ul.selects li a.active{background:url(../images/banner_selects.png) no-repeat 0 -24px;cursor:default;}
.banner .product{width:982px; height:413px;}
.banner .product .banner_images div{height:413px; width:18800px;}
.banner .product .banner_images div img{float:left;}
.banner .product div.previous, div.next{position:absolute; z-index:100; margin:179px 0 0 29px}
.banner .product div.next{margin:179px 0 0 893px;}
.banner .product div.previous a{display:block; width:60px; height:60px; cursor:pointer; background:url(../images/arrows.png) no-repeat 0 -120px;}
.banner .product div.previous a:hover{background:url(../images/arrows.png) no-repeat 0 -180px;}
.banner .product div.next a{display:block; width:60px; height:60px; cursor:pointer; background:url(../images/arrows.png) no-repeat 0 0;}
.banner .product div.next a:hover{background:url(../images/arrows.png) no-repeat 0 -60px;}

/* index page style */

.products_index .tip{position: relative;}
.products_index a{width:318px; height:136px; display:block; float:left; margin-left:8px; margin-right:8px; cursor:pointer;}
.products_index a .hover{width:318px; height:136px;}
.products_index a.tb{background:url(../images/twitbird_index_btn.png) no-repeat top;}
.products_index a.tb span.hover{background:url(../images/twitbird_index_btn.png) no-repeat bottom;}
.products_index a.mr{background:url(../images/moblierss_index_btn.png) no-repeat top;}
.products_index a.mr .hover{background:url(../images/moblierss_index_btn.png) no-repeat bottom;}
.products_index a.tl{background:url(../images/translator_index_btn.png) no-repeat top;}
.products_index a.tl .hover{background:url(../images/translator_index_btn.png) no-repeat bottom;}
.products_index span{display:none;}
.products_index span.hover {position: absolute; top: 0; left: 0; display: none; height: 136px; width: 318px;}
.mocha span.hover {display: block;}

/* products style */
.products_tab_bg{background:url(../images/products_tab_bg.png) repeat-x; width:982px; height:163px; margin:auto;}
.products_tab_bg_left{background:url(../images/products_tab_bg_left.png) no-repeat left top; width:982px; height:163px;}
.products_tab_bg_right{background:url(../images/products_tab_bg_right.png) no-repeat right top; width:982px; height:163px;}
.products{text-align:center; width:594px; margin:auto;}
.products span{display:none; position:absolute;}
.products .bt{float:left; margin-left:38px; margin-right:38px; margin-top:23px;}
.products .twitbird{background:url(../images/twitbird_logo_button.png) no-repeat bottom; width:122px; height:141px;}
.products .twitbird .hover,.products .lock_twitbird{background:url(../images/twitbird_logo_button.png) no-repeat top; width:122px; height:141px;}
.products .mobilerss{background:url(../images/mobilerss_logo_button.png) no-repeat bottom; width:122px; height:141px;}
.products .mobilerss .hover,.products .lock_mobilerss{background:url(../images/mobilerss_logo_button.png) no-repeat top; width:122px; height:141px;}
.products .translator{background:url(../images/translator_logo_button.png) no-repeat bottom; width:122px; height:141px;}
.products .translator .hover,.products .lock_translator{background:url(../images/translator_logo_button.png) no-repeat top; width:122px; height:141px;}
.products .lock span{display:none;}

/* introduction style */
.introduction{padding-left:50px; padding-bottom:0px !important;}
.intro_tab{padding-top:40px; padding-bottom:16px; clear:both; height:100%; overflow:hidden;}
.intro{width:982px; margin:auto;}
.intro_top{padding-bottom:58px;}
.intro ul li.iphone_bg{width:319px; height:556px; background:url(../images/products_iphone.png) no-repeat; margin-right:36px;}
.intro ul li.iphone_bg img{margin-left:50px; margin-top:82px;}
.intro ul li.name{padding-top:24px;}
.intro ul li.text{font-size:16px; line-height:24px; padding-top:27px; padding-right:30px;}
.intro ul li.free_download a.btn{background:url(../images/free_download_btn.gif) no-repeat top; width:237px; height:62px; display:block;}
.intro ul li.free_download a:active{background:url(../images/free_download_btn.gif) no-repeat bottom;}
.intro ul li.faq{width:560px;}
.intro ul li.faq a{display:block; float:left; margin-right:15px;}
.intro ul li.faq .faq_btn{background:url(../images/service_buttons.png) no-repeat top left; width:48px; height:48px;}
.intro ul li.faq .faq_btn:hover{background:url(../images/service_buttons.png) no-repeat left -48px;}
.intro ul li.faq .faq_btn:active{background:url(../images/service_buttons.png) no-repeat left -96px;}
.intro ul li.faq .twitter_btn{background:url(../images/service_buttons.png) no-repeat -48px top; width:48px; height:48px;}
.intro ul li.faq .twitter_btn:hover{background:url(../images/service_buttons.png) no-repeat -48px -48px;}
.intro ul li.faq .twitter_btn:active{background:url(../images/service_buttons.png) no-repeat -48px -96px;}
.intro ul li.faq .store_btn{background:url(../images/service_buttons.png) no-repeat -96px top; width:108px; height:48px;}
.intro ul li.faq .store_btn:hover{background:url(../images/service_buttons.png) no-repeat -96px -48px;}
.intro ul li.faq .store_btn:active{background:url(../images/service_buttons.png) no-repeat -96px -96px;}

.intro .title, .intro .txt{width:382px;}
.intro .title{color:#316085; font-size:18px; line-height:32px;}
.intro .txt{line-height:24px; font-size:16px; margin-top:30px;}

.intro .flash_photo{width:510px; height:597px;}
.intro .flash_photo .tabs{display:none !important}
.intro .flash_photo .Clear{overflow:hidden;}
.intro .flash_photo .controls{position:absolute; margin-top:520px; margin-left:170px;}
.intro .flash_photo .tl_controls{margin-left:145px;}
.intro .flash_photo .tb_controls{margin-left:180px;}
.intro .flash_photo .controls ul.selects li{float:left; margin-left:9px; margin-right:9px;}
.intro .flash_photo .controls ul.selects li a{display:block;width:12px;height:12px;background:url(../images/banner_selects.png) no-repeat 0 -36px;cursor:pointer;}
.intro .flash_photo .controls ul.selects li a:hover{background:url(../images/banner_selects.png) no-repeat 0 -12px;}
.intro .flash_photo .controls ul.selects li a.active{background:url(../images/banner_selects.png) no-repeat 0 -24px; cursor:default;}
.intro .flash_photo .product{width:510px; height:597px;}
.intro .flash_photo .product .pro_images div{height:597px; width:18800px;}
.intro .flash_photo .product .pro_images div img{float:left;}
.intro .flash_photo .product div.previous, div.next{position:absolute; z-index:100; margin:279px 0 0 39px}
.intro .flash_photo .product div.next{margin:279px 0 0 393px;}
.intro .flash_photo .product div.previous a{display:block; width:60px; height:60px; cursor:pointer; background:url(../images/arrows.png) no-repeat 0 -120px;}
.intro .flash_photo .product div.previous a:hover{background:url(../images/arrows.png) no-repeat 0 -180px;}
.intro .flash_photo .product div.next a{display:block; width:60px; height:60px; cursor:pointer; background:url(../images/arrows.png) no-repeat 0 0;}
.intro .flash_photo .product div.next a:hover{background:url(../images/arrows.png) no-repeat 0 -60px;}

/* FAQ style */
.faq_title_bg{background:url(../images/faq_title_bg.gif) repeat-x bottom; width:982px; height:85px; margin:auto; padding-top:17px;}
.faq_title_bg .faq_title_bg_left{background:url(../images/faq_title_bg_left.gif) no-repeat left top; width:982px; height:85px;}
.faq_title_bg .faq_title_bg_left .faq_title_bg_right{background:url(../images/faq_title_bg_right.gif) no-repeat right top; width:982px; height:85px;}
.faq_title .faq_icon{background:url(../images/faq_icon.gif) no-repeat 25px 1px; height:85px; width:982px;}
.faq_title .faq_font{background:url(../images/faq_font.gif) no-repeat 780px 12px; height:85px; width:982px;}

.faq_body{width:982px; margin:auto; padding-top:25px;}
.faq_body .faq_text{width:810px;}
.faq_body .faq_text ul{padding-right:30px; list-style:inside; margin-bottom:20px;}
.faq_body .faq_text h2{font-size:18px; color:#316085; line-height:20px; margin-bottom:8px;}
.faq_body .faq_text ul li{font-size:14px; line-height:16px; margin-bottom:8px;}
.faq_body .faq_text ul li.note{list-style:none; font-size:14px; text-indent:14px;}
.faq_body .faq_text ul li a{color:#ff9a00; font-weight:bold;}
.faq_body .faq_text ul li a:hover{color:black;}

/* about style */
.banner_other{width:982px; margin:auto; padding-bottom:26px;}
.about_body{width:982px; margin:auto;}
.about_tab_bg_tm{background:url(../images/about_tab_tm.gif) repeat-x top white; width:664px;}
.about_tab_bg_rc{background:url(../images/about_tab_rc.gif) repeat-y right top; width:664px;}
.about_tab_bg_lc{background:url(../images/about_tab_lc.gif) repeat-y top left; width:664px;}
.about_tab_bg_bm{background:url(../images/about_tab_bm.gif) repeat-x bottom; width:664px;}
.about_tab_bg_lt{background:url(../images/about_tab_lt.gif) no-repeat left top; width:664px;}
.about_tab_bg_rt{background:url(../images/about_tab_rt.gif) no-repeat right top; width:664px;}
.about_tab_bg_lb{background:url(../images/about_tab_lb.gif) no-repeat left bottom; width:664px;}
.about_tab_bg_rb{background:url(../images/about_tab_rb.gif) no-repeat right bottom; padding:30px;}
.about_text h1{font-size:36px; color:#c8c8c8;}
.about_text p{padding:21px; line-height:24px; font-size:16px;}

/* contact style */
.contact{width:242px;}
.contact_tab_bg_lc{background:url(../images/contact_tab_lc.gif) repeat-y left;}
.contact_tab_bg_rc{background:url(../images/contact_tab_rc.gif) repeat-y right;}
.contact_tab_bg_tm{background:url(../images/contact_tab_tm.gif) repeat-x top;}
.contact_tab_bg_bm{background:url(../images/contact_tab_bm.gif) repeat-x bottom;}
.contact_tab_bg_lt{background:url(../images/contact_tab_lt.gif) no-repeat left top;}
.contact_tab_bg_rt{background:url(../images/contact_tab_rt.gif) no-repeat right top;}
.contact_tab_bg_lb{background:url(../images/contact_tab_lb.gif) no-repeat left bottom;}
.contact_tab_bg_rb{background:url(../images/contact_tab_rb.gif) no-repeat right bottom; width:216px; padding:13px;}
.contact .follow{line-height:30px; font-size:18px; border-bottom:1px solid #adadad; background:url(../images/about_twitbird.gif) no-repeat 15px right; padding-bottom:10px; padding-top:10px;}
.contact .follow a{color:#ff9a00; font-weight:bold;}
.contact .follow a:hover{color:#000;}
.contact .mail{padding-top:15px; padding-bottom:30px; border-top:1px solid white; text-indent:10px;}
.contact .mail a span{display:none;}
.contact .mail a{width:20px; height:15px; background:url(../images/footer_mail.png) no-repeat top; display:block;}
.contact .mail a .hover{background:url(../images/footer_mail.png) no-repeat bottom; width:20px; height:15px; display:block;}
.contact .address{line-height:24px;}
.contact .pdf{margin-top:10px; margin-left:30px;}
.contact .pdf a{background:url(../images/pdf_button.gif) no-repeat; width:167px; height:40px; display:block; line-height:40px; font-size:12px; font-weight:bold; text-indent:38px; color:#7b7b7b; text-shadow:0 1px #fff;}
.contact .pdf a:hover{text-shadow:0 1px #fff; color:#3d4147;}
.contact .product_buttons a{float:left; margin:20px 30px 0px 30px; width:59px; height:60px; display:block;}

/* careers style */
.careers_intro{width:982px; margin:auto;}
.careers_intro .title{font-size:30px; color:#848484;}
.careers_intro .txt{line-height:24px; padding:20px 40px 20px 40px; font-size:16px;}
.careers_list{width:982px; margin:auto;}
.careers_list ul.border{overflow:hidden; padding:13px;}
.careers_list ul li.title{font-size:18px; color:#316085; line-height:50px; font-weight:bold;}
.careers_list ul li.title img{margin-right:16px;}
.careers_list ul li.intro{width:326px; margin-left:28px;}
.careers_list ul li.intro ul{padding:10px;}
.careers_list ul li.intro ul li{font-size:14px; line-height:24px;}
.careers_list ul li.intro ul h2{font-size:14px; float:left; padding-right:5px;}
.careers_list ul li .careers_tab_tm{background:url(../images/careers_tab_tm.gif) repeat-x top #eaeaea;}
.careers_list ul li .careers_tab_bm{background:url(../images/careers_tab_bm.gif) repeat-x bottom;}
.careers_list ul li .careers_tab_lc{background:url(../images/careers_tab_lc.gif) repeat-y left;}
.careers_list ul li .careers_tab_rc{background:url(../images/careers_tab_rc.gif) repeat-y right;}
.careers_list ul li .careers_tab_lt{background:url(../images/careers_tab_lt.gif) no-repeat left top;}
.careers_list ul li .careers_tab_rt{background:url(../images/careers_tab_rt.gif) no-repeat right top;}
.careers_list ul li .careers_tab_lb{background:url(../images/careers_tab_lb.gif) no-repeat bottom left;}
.careers_list ul li .careers_tab_rb{background:url(../images/careers_tab_rb.gif) no-repeat bottom right;}
.careers_list ul li.txt{padding-left:20px; line-height:24px; width:578px;}
.careers_list ul li a,.careers_intro .txt a{text-decoration:underline !important;}
.careers_list ul li a:hover,.careers_intro .txt a:hover{color:#ff9a00; text-decoration:none !important;}

/* back buttons */
.back_product{margin-left:52px;}
.twitbird_back_btn{background:url(../images/twitbird_back_button.gif) no-repeat top; width:59px; height:60px; display:block;}
.twitbird_back_btn:hover{background:url(../images/twitbird_back_button.gif) no-repeat left -60px; width:59px; height:60px;}
.twitbird_back_btn:active{background:url(../images/twitbird_back_button.gif) no-repeat bottom; width:59px; height:60px;}
.mobilerss_back_btn{background:url(../images/mobilerss_back_button.gif) no-repeat top; width:59px; height:60px; display:block;}
.mobilerss_back_btn:hover{background:url(../images/mobilerss_back_button.gif) no-repeat left -60px; width:59px; height:60px;}
.mobilerss_back_btn:active{background:url(../images/mobilerss_back_button.gif) no-repeat bottom; width:59px; height:60px;}
.translator_back_btn{background:url(../images/translator_back_button.gif) no-repeat top; width:59px; height:60px; display:block;}
.translator_back_btn:hover{background:url(../images/translator_back_button.gif) no-repeat left -60px; width:59px; height:60px;}
.translator_back_btn:active{background:url(../images/translator_back_button.gif) no-repeat bottom; width:59px; height:60px;}

/* language */
.language .title{font-size:12px; color:#848484; text-align:center; background:url(../images/language_tab.gif) no-repeat; width:162px; height:45px; line-height:36px;}
.language ul{margin-top:10px; margin-left:65px;}
.language ul li{margin-top:10px;}
.language ul li,.language ul li a{width:32px; height:32px; display:block;}
.usa .lock,.usa a:hover{background:url(../images/country.gif) no-repeat center -64px;}
.usa{background:url(../images/country.gif) no-repeat center -96px;}
.Japanese{background:url(../images/country.gif) no-repeat center -32px;}
.Japanese .lock,.Japanese a:hover{background:url(../images/country.gif) no-repeat top;}

/* location */
.location{margin-top:30px; margin-left:10px;}
.location_tab_bg{background:url(../images/back_tab_bg.gif) repeat-x; height:28px;}
.location_tab_left{background:url(../images/back_tab_left.gif) left top no-repeat; height:28px;}
.location_tab_right{background:url(../images/back_tab_right.gif) right top no-repeat; padding-right:14px; line-height:28px; height:28px;}
.location a, .location span{float:left;}
.location a{padding-left:6px; padding-right:22px; background:url(../images/back_split_line.gif) no-repeat right center; height:28px; display:block; color:#848484;}
.location a:hover{color:#000;}
.location .back_home_btn span{display:block; width:22px; height:21px; background:url(../images/back_home_icon.gif) no-repeat bottom; margin-top:4px; margin-left:6px;}
.location .back_home_btn:hover span{background:url(../images/back_home_icon.gif) no-repeat top;}
.location span{font-weight:bold; padding-left:6px; margin-top:1px;}

/* footer style */
.footer{text-align:center; font-size:12px; padding-bottom:20px;}
.footer .buttons{width:220px; margin:auto;}
.footer .copyright{width:1002px; padding-top:20px;}
.footer a{display:block; float:left; cursor:pointer; margin-left:15px; margin-right:15px;}
.footer a span{display:none;}

.footer a.facebook_link{background:url(../images/footer_facebook.png) no-repeat top; width:19px; height:20px;}
.footer a.facebook_link .hover{width:19px; height:20px; background:url(../images/footer_facebook.png) no-repeat bottom;}
.footer a.twitter_link{background:url(../images/footer_twitter.png) no-repeat top; width:17px; height:20px;}
.footer a.twitter_link .hover{width:17px; height:20px; background:url(../images/footer_twitter.png) no-repeat bottom;}
.footer a.mail_link{background:url(../images/footer_mail.png) no-repeat top; width:20px; height:15px; margin-top:3px;}
.footer a.mail_link .hover{background:url(../images/footer_mail.png) no-repeat bottom; width:20px; height:15px;}
.footer a.flickr_link{background:url(../images/footer_flickr.png) no-repeat top; width:25px; height:13px; margin-top:4px;}
.footer a.flickr_link .hover{background:url(../images/footer_flickr.png) no-repeat bottom; width:25px; height:13px;}
.footer a.youtube_link{background:url(../images/footer_youtube.png) no-repeat top; width:44px; height:17px; margin-top:2px;}
.footer a.youtube_link .hover{background:url(../images/footer_youtube.png) no-repeat bottom; width:44px; height:17px;}