@charset "utf-8";
/* CSS Document */
.container{
width: 980px;
margin: 0 auto;
background: url(../images/bg.gif) top left repeat-y;
font-family: Arial, Helvetica, sans-serif;
/**/
line-height: 1.25em;
}
/*----------Common Style----------*/
.contentBox .floatLeft{
float: left;	
}
.contentBox .floatRight{
float: right;	
}
.remarks{
font-size: 11px;
color: #999;
}
ol.olList{
padding: 0 0 0 18px;
list-style: decimal;
}
ol.olList li{
margin: 0 0 5px 0;	
}
/*input*/
.contentBox .inputTextField{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
border: 1px solid #D2D2D2;	
}
.contentBox .inputBtn{
background: url(../images/btn_bg.gif) top left repeat-x;
font-size: 11px;
color: #333;
border: 1px solid #D2D2D2;	
cursor: pointer;
}
/*Typography*/
/*h3 style*/
.contentBox h3{
font-size: 16px;
color: #C03;
line-height: 20px;
margin: 0 0 5px 0;
font-weight: bold;
}
.contentBox h3.titleChoose{
background: url(../images/title_choose.gif) top left no-repeat;
text-indent: -9999px;
}
.contentBox p.textParagarph{
	margin: 0 0 18px 0;
	/*letter-spacing: 0.15em;*/
	letter-spacing: 0.15em;
	line-height: 1.5em;
}

.contentBox p.remarks{
margin: 0 0 18px 0;
}
ul.picList li{
padding: 0 0 0 35px;
margin: 0 0 10px 0 ;
height: 35px;
line-height: 18px;
}
html>body ul.picList li{
height: auto;
min-height: 35px;
background: #3C9;
}
ul.picList li.list01{background: url(../images/no_1.gif) top left no-repeat;}
ul.picList li.list02{background: url(../images/no_2.gif) top left no-repeat;}
ul.picList li.list03{background: url(../images/no_3.gif) top left no-repeat;}
ul.picList li.list04{background: url(../images/no_4.gif) top left no-repeat;}
ul.picList li.list05{background: url(../images/no_5.gif) top left no-repeat;}
/*sideList*/
ul.sideList{
margin: 10px 0;	
}
ul.sideList li{
border-bottom: 1px solid #A0A0A0;	
line-height: 35px;
text-indent: 5px;
}
ul.sideList li a,
ul.sideList li a:link,
ul.sideList li a:visited{
color: #666;	
}
ul.sideList li a:hover,
ul.sideList li a:active{
color: #C03;	
}
ul.sideList li.ison{
color: #C03;	
}
/*----------Header & Footer----------*/
.header{
width: 100%;
height: 30px;
background: url(../images/corner_top.gif) top left no-repeat;
}
.header h1{
text-indent: -9999px;	
}
.footer{
width: 100%;
min-height: 30px;
background: url(../images/corner_bottom.gif) bottom left no-repeat;
margin: 0 0 10px 0;
}
/*CoCompany*/
.footer ul.footerCo{
background: url(../images/co_title.gif) top left no-repeat;
margin: 0 0 0 90px;
padding: 0 0 0 70px;
display: block;
float: left;
}
html>body .footer ul.footerCo{
margin: 0 0 0 180px;	
}
.footer ul.footerCo li{
float: left;	
}
.footer ul.footerCo li a{
width: 95px;
height: 45px;
text-indent: -9999px;
margin: 0 5px 0 0;
line-height: 32px;
}
.footer ul.footerCo li.nokia a,
.footer ul.footerCo li.nokia a:link,
.footer ul.footerCo li.nokia a:visited{
background:url(../images/co_nokia.gif) top left no-repeat;
float: left;
}
.footer ul.footerCo li.smartone a,
.footer ul.footerCo li.smartone a:link,
.footer ul.footerCo li.smartone a:visited{
background:url(../images/co_smartone.gif) top left no-repeat;
float: left;
}
.footer ul.footerCo li.wilson a,
.footer ul.footerCo li.wilson a:link,
.footer ul.footerCo li.wilson a:visited{
background:url(../images/co_wilson.gif) top left no-repeat;
float: left;
}
/*On site*/
.footer ul.footerSite{
margin: 15px 15px 0 0;
float: right;	
}
html>body .footer ul.footerSite{
margin: 15px 30px 0 0;
height: 40px;
}
.footer ul.footerSite li{
height: 12px;
display: block;
float: left;
text-indent: -9999px;
}
.footer ul.footerSite li a,
.footer ul.footerSite li a:link,
.footer ul.footerSite li a:visited{
height: 12px;
display: block;	
}
.footer ul.footerSite li.hksite{
width: 140px;
background: url(../images/footer_hk.gif) top left no-repeat;
}
.footer ul.footerSite li.tw{
width: 40px;
background: url(../images/footer_btn_totw.gif) top left no-repeat;
}
.footer ul.footerSite li.twsite{
width: 140px;
background: url(../images/footer_tw.gif) top left no-repeat;
}
.footer ul.footerSite li.hk{
width: 40px;
background: url(../images/footer_btn_tohk.gif) top left no-repeat;
}
/*----------Sidebar----------*/
.sidebar{
width: 160px;
display: block;
float: left;
}
.sidebar ul.sidebarMenu{
margin: 0 0 30px 15px;	
width: 120px;
}
.sidebar ul.sidebarMenu li{
width: 100%;
line-height: 35px;
text-indent: -9999px;
border-bottom: 1px solid #a0a0a0;
display: block;
}
.sidebar ul.sidebarMenu li a{
width: 100%;
height: 35px;
display: block;
}
/*for btn pic*/
.sidebar ul.sidebarMenu li.logo a,.sidebar ul.sidebarMenu li.logo a:link,.sidebar ul.sidebarMenu li.logo a:visited{
height: 200px;
background: url(../images/menu_logo.gif) top left no-repeat;
}
/*btn: index*/
.sidebar ul.sidebarMenu li.index a,
.sidebar ul.sidebarMenu li.index a:link,
.sidebar ul.sidebarMenu li.index a:visited{
background: url(../images/menu_btn_index.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.index a:hover,
.sidebar ul.sidebarMenu li.index a:active{
background: url(../images/menu_btn_index.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.indexison{
background: url(../images/menu_btn_index.gif) 0 -35px no-repeat;	
}
/*btn: download*/
.sidebar ul.sidebarMenu li.download a,
.sidebar ul.sidebarMenu li.download a:link,
.sidebar ul.sidebarMenu li.download a:visited{
background: url(../images/menu_btn_download.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.download a:hover,
.sidebar ul.sidebarMenu li.download a:active{
background: url(../images/menu_btn_download.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.downloadison{
background: url(../images/menu_btn_download.gif) 0 -35px no-repeat;	
}
/*btn: howtouse*/
.sidebar ul.sidebarMenu li.howtouse a,
.sidebar ul.sidebarMenu li.howtouse a:link,
.sidebar ul.sidebarMenu li.howtouse a:visited{
background: url(../images/menu_btn_howtouse.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.howtouse a:hover,
.sidebar ul.sidebarMenu li.howtouse a:active{
background: url(../images/menu_btn_howtouse.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.howtouseison{
background: url(../images/menu_btn_howtouse.gif) 0 -35px no-repeat;	
}
/*btn: model*/
.sidebar ul.sidebarMenu li.model a,
.sidebar ul.sidebarMenu li.model a:link,
.sidebar ul.sidebarMenu li.model a:visited{
background: url(../images/menu_btn_model.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.model a:hover,
.sidebar ul.sidebarMenu li.model a:active{
background: url(../images/menu_btn_model.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.modelison{
background: url(../images/menu_btn_model.gif) 0 -35px no-repeat;	
}
/*btn: point*/
.sidebar ul.sidebarMenu li.point a,
.sidebar ul.sidebarMenu li.point a:link,
.sidebar ul.sidebarMenu li.point a:visited{
background: url(../images/menu_btn_point.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.point a:hover,
.sidebar ul.sidebarMenu li.point a:active{
background: url(../images/menu_btn_point.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.pointison{
background: url(../images/menu_btn_point.gif) 0 -35px no-repeat;	
}
/*btn: faq*/
.sidebar ul.sidebarMenu li.faq a,
.sidebar ul.sidebarMenu li.faq a:link,
.sidebar ul.sidebarMenu li.faq a:visited{
background: url(../images/menu_btn_faq.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.faq a:hover,
.sidebar ul.sidebarMenu li.faq a:active{
background: url(../images/menu_btn_faq.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.faqison{
background: url(../images/menu_btn_faq.gif) 0 -35px no-repeat;	
}
/*btn: terms*/
.sidebar ul.sidebarMenu li.terms a,
.sidebar ul.sidebarMenu li.terms a:link,
.sidebar ul.sidebarMenu li.terms a:visited{
background: url(../images/menu_btn_terms.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.terms a:hover,
.sidebar ul.sidebarMenu li.terms a:active{
background: url(../images/menu_btn_terms.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.termsison{
background: url(../images/menu_btn_terms.gif) 0 -35px no-repeat;	
}
/*btn: add value - HK*/
.sidebar ul.sidebarMenu li.addvalueHk a,
.sidebar ul.sidebarMenu li.addvalueHk a:link,
.sidebar ul.sidebarMenu li.addvalueHk a:visited{
background: url(../images/menu_btn_addvalue_hk.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.addvalueHk a:hover,
.sidebar ul.sidebarMenu li.addvalueHk a:active{
background: url(../images/menu_btn_addvalue_hk.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.addvalueHkison{
background: url(../images/menu_btn_addvalue_hk.gif) 0 -35px no-repeat;	
}
/*btn: add value - TW*/
.sidebar ul.sidebarMenu li.addvalueTw a,
.sidebar ul.sidebarMenu li.addvalueTw a:link,
.sidebar ul.sidebarMenu li.addvalueTw a:visited{
background: url(../images/menu_btn_addvalue_tw.gif) top left no-repeat;
}
.sidebar ul.sidebarMenu li.addvalueTw a:hover,
.sidebar ul.sidebarMenu li.addvalueTw a:active{
background: url(../images/menu_btn_addvalue_tw.gif) 0 -35px no-repeat;
}
/*ison*/
.sidebar ul.sidebarMenu li.addvalueTwison{
background: url(../images/menu_btn_addvalue_tw.gif) 0 -35px no-repeat;	
}
/*----------Main Body----------*/
/*----------Content----------*/
.contentBox{
width: 780px;
margin: 20px 30px 20px 0;
letter-spacing: 0.15em;
float: right;
}
/*standard style*/
.contentBoxTitleBox h2{
width: 100%;
height: 65px;
text-indent: -9999px;
}
/*2-column style*/
.contentBoxLeft{
width: 385px;
float: left;
}
.contentBoxRight{
width: 385px;
float: right;
}
/*3-column style*/
.contentBox3colLeft{
width: 170px;
margin: 0 10px 0 0;
float: left;
}
.contentBox3colMid{
width: 250px;
float: left;
}
.contentBox3colRight{
width: 330px;
float: right;
}
.contentBoxFull{
width: 99%;
float: left;
}

/*Header Box*/
.contentBoxTitleBox h2.nextMobi{
background: url(../images/title_nextmobi.gif) top left no-repeat;
}
.contentBoxTitleBox h2.download{
background: url(../images/title_download.gif) top left no-repeat;
}
.contentBoxTitleBox h2.howtouse{
background: url(../images/title_howtouse.gif) top left no-repeat;
}
.contentBoxTitleBox h2.model{
background: url(../images/title_model.gif) top left no-repeat;
}
.contentBoxTitleBox h2.point{
background: url(../images/title_point.gif) top left no-repeat;
}
.contentBoxTitleBox h2.faq{
background: url(../images/title_faq.gif) top left no-repeat;
}
.contentBoxTitleBox h2.terms{
background: url(../images/title_terms.gif) top left no-repeat;
}
.contentBoxTitleBox h2.addvalueHk{
background: url(../images/title_addvalue_hk.gif) top left no-repeat;
}
.contentBoxTitleBox h2.addvalueTw{
background: url(../images/title_addvalue_tw.gif) top left no-repeat;
}
/*VideoBox*/
/*----------Pages Specified Module----------*/
/*----------Rounded Corner Box----------*/
.contentBoxRoundedBox{
width: 380px;
background: url(../images/download_instr_body.gif) top left repeat-y;
margin: 0 0 15px 0;
display: block;
}
.roundedBoxHeader{
height: 38px;
text-indent: -9999px;	
}
.contentBoxRoundedBoxFooter{
height: 38px;
background: url(../images/download_instr_footer.gif) top left no-repeat;
}
/*Full Width*/
.contentBoxRoundedBoxFull{
width: 760px;
background: url(../images/download_instr_body_full.gif) top left repeat-y;
margin: 0 0 15px 0;
display: block;
}
.contentBoxRoundedBoxFooterFull{
height: 38px;
background: url(../images/download_instr_footer_full.gif) top left no-repeat;
}
/*Different Header*/
.roundedBoxHeaderWebDL{background: url(../images/download_rounded_header_web.gif) top left no-repeat;}
.roundedBoxHeaderMobiDL{background: url(../images/download_rounded_header_mobi.gif) top left no-repeat;}
.roundedBoxHeaderMobiFaq{background: url(../images/download_rounded_header_faq.gif) top left no-repeat;}
.roundedBoxHeaderMobiFaqTW{background: url(../images/download_rounded_header_faqtw.gif) top left no-repeat;}
.roundedBoxHeaderMobiWilson{background: url(../images/download_rounded_header_wilson.gif) top left no-repeat;}
.roundedBoxHeaderMobiNokia{background: url(../images/download_rounded_header_nokia.gif) top left no-repeat;}
.roundedBoxHeaderMobiSamsung{background: url(../images/download_rounded_header_samsung.gif) top left no-repeat;}
.roundedBoxHeaderMobiSe{background: url(../images/download_rounded_header_se.gif) top left no-repeat;}
.roundedBoxHeaderMobiToshiba{background: url(../images/download_rounded_header_toshiba.gif) top left no-repeat;}
.roundedBoxHeaderMobiApple{background: url(../images/download_rounded_header_apple.gif) top left no-repeat;}
.roundedBoxHeaderMobiBb{background: url(../images/download_rounded_header_bb.gif) top left no-repeat;}
.roundedBoxHeaderMobiHtc{background: url(../images/download_rounded_header_htc.gif) top left no-repeat;}
.roundedBoxHeaderMobiLg{background: url(../images/download_rounded_header_lg.gif) top left no-repeat;}
.roundedBoxHeaderMobiAcer{background: url(../images/download_rounded_header_acer.gif) top left no-repeat;}
.roundedBoxHeaderMobiMota{background: url(../images/download_rounded_header_mota.gif) top left no-repeat;}
.roundedBoxHeaderMobiComing{background: url(../images/download_rounded_header_coming.gif) top left no-repeat;}
/*TW*/
.roundedBoxHeaderMobiDLTW{background: url(../images/download_rounded_header_mobitw.gif) top left no-repeat;}
.roundedBoxHeaderWebDLTW{background: url(../images/download_rounded_header_webtw.gif) top left no-repeat;}
/*List with Large Numerial Pic*/
.contentBoxRoundedBox ul.picList{
margin: 0 20px 10px 20px;	
}
.contentBoxRoundedBox ul.picList li{
}
/*----------download Box----------*/
.dlnextMobiBox{
height: auto;
min-height: 180px;
border-left: 1px solid #CCC;
border-top: 1px solid #FFF;
padding: 15px 0 15px 20px;
}
.dlnextMobi legend{
display: none;	
}
ul.list{
margin: 0 0 10px 0;	
}
ul.list li{
margin: 0 0 10px 0;	
}
ul.list li span.title{
width: 100px;	
letter-spacing: 0;
line-height: 20px;
display: block;
float: left;
}
/*----------Wilson List------*/
.contentBoxRoundedBox ul.wilsonList{
margin: 0 20px 10px 20px;	
}
.contentBoxRoundedBox ul.wilsonList ul.wilsonListSubCom{
margin: 0 0 15px 10px;	
}
.contentBoxRoundedBox ul.wilsonList ul.wilsonListSubCom li{
margin: 0 0 2px 0;
padding: 0 0 0 18px;
line-height: 16px;
}
.contentBoxRoundedBox ul.wilsonList li.shop{background: url(../images/icon_wilson_add.gif) top left no-repeat;}
.contentBoxRoundedBox ul.wilsonList li.tel{background: url(../images/icon_wilson_tel.gif) top left no-repeat;}
.contentBoxRoundedBox ul.wilsonList li.workingHour{background: url(../images/icon_wilson_whour.gif) top left no-repeat;}
/*----------FAQ----------*/
.faqList{
/*margin: 0 20px 10px 20px;	*/
margin: 0 auto 10px auto;
width: 90%;
background-color: #eee;
}
.faqList ol.olList{
margin: 15px;
}
.faqList ol.olList li{
margin-left: 15px;	
}
.faqListTw{
/*width: 720px;	*/
}
.faqList div {
padding: 10px 0 0 0;
}
.faqList p.textParagarph{
padding: 5px 10px;
margin: 0 0 10px 0;
}
.faqList a {
background: url(../images/faq_bg_title.gif) top left repeat-x;
cursor:pointer;
display:block;
padding:5px;
font-weight: bold;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #999;
}
.faqList a:hover {
color: #822635;
background: url(../images/faq_bg_title_hover.gif) top left repeat-x;
}
.faqList a.selected {
color: #822635;
background: url(../images/faq_bg_title_hover.gif) top left repeat-x;
}
.faqList div.content{
margin: 10px;
}
.faqList h3{
margin: 0 0 0 10px;
}
/*----------Model table----------*/
.contentBoxRoundedBox table.tableModel{
width: 340px;
margin: 0 20px;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px
}
/*----------Terms----------*/
ol.termsList{
list-style: decimal;
margin: 10px;
padding: 0 0 0 28px;
}
html>body ol.termsList{
padding: 0 0 0 20px;	
}
ol.termsList li{
margin: 0 0 10px 0;
line-height:16px;
}
/*----------Others----------*/
#sendProductDownloadSuccessDiv{
width: 70%;
margin: 10px 0 10px 44px;
color: #C00;
font-size: 11px;
background: #EBEBEB;
border: 1px solid #CCC;
line-height: 80px;
text-align: center;
}
/*----------Special Banner for promotion----------*/
.bannerIndex{
margin: 10px 0;	
}