﻿div { text-align:left; margin:0 auto; padding:0;}
/*Page Header*/
.SectionHeaderContainer { margin:0; padding:0; width:100%;}
.SectionHeader{ width:1000px; height:90px; min-height:90px; position:relative; }
.SectionHeader .LogoBox{ width:290px; height:90px; float:left; background:#fff url(images/logo2.jpg) no-repeat;}
.SectionHeader .LogoBox a { display:block; width:290px; height:90px; cursor:pointer;}
.SectionHeader .EntryBox{ width:710px; height:90px; float:right; text-align:right; position:relative;}
.SectionHeader .EntryBox a { display:block; width:188px; height:51px; cursor:pointer; position:absolute; top:20px; right:13px;}
/*Main Menu*/
.SectionMenuContainer{ margin:0; padding:0; width:100%; height:36px; background:url(images/Menus/menu-bg.png) repeat-x;}
.SectionMenu{ width:1000px; height:36px;}
.SectionMenu ul li { margin:0; padding:0; width:250px; height:36px; float:left;}
.SectionMenu ul li a{display:block; width:250px; height:36px; }

.SectionMenu ul li.menuHome a {  background: url(images/Menus/consumer/home-normal.png);} 
.SectionMenu ul li.menuHome a:hover{ background:url(images/Menus/consumer/home-rollover.png);}
.SectionMenu ul li.menuHome a.currentMenu{ background:url(images/Menus/consumer/home-click.png);}  

.SectionMenu ul li.menuFeatures a {  background: url(images/Menus/consumer/features-normal.png);} 
.SectionMenu ul li.menuFeatures a:hover{ background:url(images/Menus/consumer/features-rollover.png);}
.SectionMenu ul li.menuFeatures a.currentMenu{ background:url(images/Menus/consumer/features-click.png);}  

.SectionMenu ul li.menuDownload a {  background: url(images/Menus/consumer/download-normal.png);} 
.SectionMenu ul li.menuDownload a:hover{ background:url(images/Menus/consumer/download-rollover.png);}
.SectionMenu ul li.menuDownload a.currentMenu{ background:url(images/Menus/consumer/download-click.png);}  

.SectionMenu ul li.menuAboutUs a {  background: url(images/Menus/consumer/about-us-normal.png);} 
.SectionMenu ul li.menuAboutUs a:hover{ background:url(images/Menus/consumer/about-us-rollover.png);}
.SectionMenu ul li.menuAboutUs a.currentMenu{ background:url(images/Menus/consumer/about-us-click.png);}  

/*Body Class Path:*/
/*.SectionBodyContainer > .SectionBody > .subTitle...Container > .subTitle...  */
/*.SectionBodyContainer > .SectionBody > .mainBodyContainer > .mainBody > .mainBodyHeaderContainer */
/*.SectionBodyContainer > .SectionBody > .mainBodyContainer > .mainBody > .headerBg...
/*.SectionBodyContainer > .SectionBody > .mainBodyContainer > .mainBody > .contentBodyContainer > 'LeftBar' */
/*.SectionBodyContainer > .SectionBody > .mainBodyContainer > .mainBody > .contentBodyContainer > .contentBody */

.SectionBodyContainer{ width:100%; min-height:225px; height:auto !important; height:225px;}
.SectionBodyContainer:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .SectionBodyContainer {height: 1%;}/*Hides from IE-mac */

.mainBodyContainer{width:100%; text-align:center;}
.mainBodyContainer .mainBody{ position:relative;  margin:0 auto; text-align:center;}

/*Main Content*/
.mainBodyContainer .mainBody .contentBodyContainer{ width:100%; margin:0 auto; text-align:left;}
.mainBodyContainer .mainBody .home{ position:relative;}
.home .mainShowTopContainer{ width:100%; height:20px; min-height:20px; background:#ff9500 url(images/Home/mainshowtop_bg.jpg) repeat-x; margin:0 auto;} 
.home .mainShowTopContainer .mainShowTop {width:1000px; height:20px; min-height:20px; background:url(images/Home/mainshowtop.jpg) no-repeat;}
.home .mainShowContainer{ width:100%; height:375px; min-height:375px; background:#ff9500; margin:0 auto;} 
.home .mainShowContainer .mainShow {width:1000px; height:375px; min-height:375px; position:relative; }
.home .mainShowBottomContainer{ width:100%; height:84px; min-height:84px; margin:0 auto; background:#ff9500;} 
.home .mainShowBottomContainer .mainShowBottom {width:1000px; height:84px; min-height:84px;  position:relative;}
.home .contentBox{ width:1000px; height:164px; margin:0 auto; position:relative; font-size:12px;}
.home .contentBox .title{ color:#ff7200; font-size:24px; font-weight:bold; height:25px;}

.mainShow .imageBar{ float:left; width:617px; height:375px;}
.mainShow .actionBar{ float:right; width:383px; height:375px;}
.mainShowBottom .imageBar{float:left; width:617px; height:84px;}
.mainShowBottom .actionBar{float:right; width:383px; height:84px;}
.mainShow .imageBar .r1{ background:url(images/Home/center_r1_c1.jpg); width:617px; height:110px;}
.mainShow .imageBar .r2{ background:url(images/Home/center_r2_c1.jpg); width:617px; height:265px;}
.mainShowBottom .imageBar .r3{background:url(images/Home/center_r3_c1.jpg); width:617px; height:84px;}
.mainShow .actionBar .r1{ background:url(images/Home/center_r1_c2.jpg); width:383px; height:200px;}
.mainShow .actionBar .loginbox{ width:383px;}
.loginbox .inputField{ width:383px; height:121px; min-height:121px; max-height:121px;}
.loginbox .inputField dl { margin: 0 0 0 178px;}
.loginbox .inputField dl dd { font-size:13px; margin:0; margin:0 0 5px 0;}
.loginbox .inputField input{font-size:13px; border:solid 1px #aaa; width:177px;}
.loginbox .inputField #rbtnRemember{font-size:12px; border:none 0; width:15px; margin:0 10px 0 0 ;}
.loginbox .buttonField{ width:383px; position:relative; height:79px; min-height:79px;}
.loginbox .buttonField .loginBtn{ position:absolute; left:178px; top:0;}
.loginbox .buttonField .registerBtn{ position:absolute;left:267px; top :0;}
.mainShow .actionBar .r2{ background:url(images/Home/center_r2_c2.jpg); width:383px; height:175px; position:relative;}
.mainShow .actionBar .r2 img { margin:0; padding:0; border:0; position:absolute; top:62px; left:89px;}
.mainShowBottom .actionBar .r3{background:url(images/Home/center_r3_c2.jpg); width:383px; height:84px;}
.contentBox .contentText{ width:590px; float:left; padding:0 0 0 55px;}
.contentBox .contentImg{ position:absolute; bottom:1px; right:55px; z-index:10; width:300px; height:170px; background:url(images/Home/people.jpg) no-repeat;}

.mainBodyContainer .mainBody .features{position:relative;}
.features .mainShowContainer{ width:100%; height:185px; min-height:185px;background:#ff9500 url(images/Features/mainshowtop_bg.jpg) repeat-x top; margin:0 auto;}
.features .mainShowContainer .mainShow{ width:1000px; margin:0 auto; text-align:center; position:relative;}
.mainShow .c1{ float:left; background:url(images/Features/mainshowleft.jpg); width:620px; height:185px;}
.mainShow .c2{ float:right;background:url(images/Features/mainshowright.jpg); width:380px; height:185px;}
.features .contentBox{width:1000px; height:457px; min-height:457px; margin:0 auto; position:relative; font-size:12px;}
.contentBox .subTitleBox{ float:left; width:300px;height:457px; min-height:457px; background:url(images/Features/MidPage_bg.gif) no-repeat 95% 0;}
.contentBox .subTitleBox ul.subTitleFeatures{ list-style:disc outside; margin:85px 0 0 90px;}
.subTitleFeatures li { }
.subTitleFeatures li span{ display:block; min-height:32px;}
.subTitleFeatures .currentTitle,.subTitleFeatures .currentTitle span { color:#ff7200;font-size:17px; font-weight:bold;}
.subTitleFeatures li a,.subTitleFeatures li a:hover,.subTitleFeatures li a:visited{ color:#505050; text-decoration:none; font-size:17px; font-weight:bold;}
.subTitleFeatures li a:hover {color:#ff7200;}
.contentBox .contentBodyBox{ float:right; width:700px; position:relative;height:457px; min-height:457px; }
.contentBodyBox .featuresContent{ float:left; width:400px;}
.contentBodyBox .featuresContent .title { padding:0 0 0 20px; margin:10px 0 0 0; color:#ff7200; font-weight:bold; font-size:18px; height:50px; min-height:50px; width:300px;}
.contentBodyBox .featuresContent .desc {padding:0 0 0 20px; font-size:12px; margin:0; width:345px; margin:0;}
.contentBodyBox .featuresContent .desc .emphasize{color:#ff7608;}
.contentBodyBox .featuresContent .itemBox {padding:20px 0 0 20px; position:relative;height:53px; min-height:53px;}
.contentBodyBox .featuresContent .itemBox li{ clear:both; width:345px;height:53px; min-height:53px;}
.contentBodyBox .featuresContent .itemBox span{ display:block; float:left; width:53px; height:53px; min-height:53px; min-width:53px;}
.contentBodyBox .featuresContent .itemBox h4{ display:block; margin:0 0 0 53px; color:#333; font-weight:bold;}
.contentBodyBox .featuresContent .itemBox p{display:block;  margin:0 0 0 53px; color:#676767;}
.contentBodyBox .featuresShow{ float:right; width:300px; height:350px; position:relative;}

.contentBodyBox .featuresShow .imgBox{ margin:60px 0 0 16px; height:300px;}
.contentBodyBox .featuresShow .imgBoxSwitch{ width:250px; height:30px; text-align:center;}
.contentBodyBox .featuresShow .imgBoxSwitch span{cursor:pointer; margin:0 10px; color:#0071BC;}
.contentBodyBox .featuresShow .imgBoxSwitch .activeSlide{ color:#000;}
.contentBodyBox .featuresShow  .nav{width:250px; height:30px; text-align:center;} 
.contentBodyBox .featuresShow  .nav a span{cursor:pointer; display:block; float:left; width:16px; height:16px; min-height:16px; min-width:16px; background:url(images/Features/images/unclick.jpg) no-repeat;}
.contentBodyBox .featuresShow  .nav a.activeSlide span{width:16px; height:16px; float:left; background:url(images/Features/images/click.jpg) no-repeat;}


.mainBodyContainer .mainBody .download{position:relative;}
.download .mainShowContainer{ width:100%; height:185px; min-height:185px;background:#ff9500 url(images/Download/mainshowtop_bg.jpg) repeat-x top; margin:0 auto;}
.download .mainShowContainer .mainShow{ width:1000px; margin:0 auto; text-align:center; position:relative;}
.mainShow .c1{ float:left; background:url(images/Download/mainshowleft.jpg); width:620px; height:185px;}
.mainShow .c2{ float:right;background:url(images/Download/mainshowright.jpg); width:380px; height:185px;}
.download .contentBodyBox{width:1000px; margin:0 auto; text-align:left; position:relative;}
.contentBodyBox .subject{ width:1000px; position:relative; }
.contentBodyBox .subject .snap{ width:370px; height:150px; min-height:150px; float:left; }
.contentBodyBox .subject .snap h3{padding:20px 0 0 20px; margin:10px 0 0 50px; color:#ff7200; font-weight:bold; font-size:18px; height:50px; min-height:50px; width:300px;}
.contentBodyBox .subject .snap .snapImg{background:url(images/Download/downloadsnap.jpg) no-repeat 60px center;border-right:solid 1px #d4d4d4; width:350px; height:124px;}
.contentBodyBox .subject .desc{width:630px; float:right; font-size:12px; text-align:left; color:#676767; margin:70px 0 0 0;height:150px; min-height:150px;}
.contentBodyBox .subject .desc p{width:475px; margin:0 0 0 60px; padding:0;}
.contentBodyBox .subject .desc p.title{ color:#000; font-weight:bold; width:475px; margin:0 0 0 60px; padding:0; height:20px;}
.contentBodyBox .subject .desc ul{ width:600px; list-style:disc outside; margin:0 0 0 60px; }
.contentBodyBox .subject .desc ul li{ float:left; display:block; width:220px; }
.contentBodyBox .subject .desc ul li span{ padding:0 10px; }
.contentBodyBox .dlDetail {color:#676767; font-size:12px; height:115px; border-top:solid 1px #d4d4d4; padding:15px 0 0 60px; margin:0 60px;}
.contentBodyBox .dlDetail h4{ color:#000; font-weight:bold; height:25px;}
.contentBodyBox .dlDetail p{ margin:0; padding:0; height:20px;}
.contentBodyBox .dlDetail p.title{ color:#d4d4d4; font-weight:bold; padding:0; height:20px;}
.contentBodyBox .downloadGuide{ font-size:12px;}
.contentBodyBox .downloadGuide h4{ padding:20px 0 0 20px; margin:10px 0 0 50px; color:#ff7200; font-weight:bold; font-size:18px; height:50px; min-height:50px;}
.contentBodyBox .downloadGuide .step1{ text-align:left; padding:0 0 0 20px;}
.contentBodyBox .downloadGuide .step1 h3,.contentBodyBox .downloadGuide .step2 h3{ font-weight:bold; margin:0 0 0 60px;  color:#333;}
.contentBodyBox .downloadGuide .step1 .plateforms{position:relative; text-align:left;margin:0 0 0 60px; }
.contentBodyBox .downloadGuide .step1 .plateforms .plateformSelector{position:relative; height:24px;}
.contentBodyBox .downloadGuide .step1 .plateforms .plateformSelector span{color:#333;}
.contentBodyBox .downloadGuide .step1 .plateforms .plateformDetail{  position:relative; height:70px;}
.contentBodyBox .downloadGuide .step2 { border-top:solid 1px #d4d4d4;padding:20px 0 0 20px; margin:0 60px;}
.contentBodyBox .downloadGuide .step2 ul{ list-style:none; text-align:center; width:700px;margin:0 0 0 60px; }
.contentBodyBox .downloadGuide .step2 ul li{width:220px; float:left;}
.contentBodyBox .downloadGuide .step3{ text-align:center; width:700px; padding:20px 0;margin:0 0 0 60px; }
.plateformDetail h5 { float:left; width:450px; height:70px; text-align:left;}
.plateformDetail span { display:block; float:left; width:250px; height:70px; text-align:center;}


.mainBodyContainer .mainBody .aboutus{position:relative;}
.aboutus .contentBodyBox{width:1000px; margin:0 auto; text-align:left; position:relative;}
.aboutus .mainShowContainer{ width:100%; height:185px; min-height:185px;background:#ff9500 url(images/AboutUs/mainshowtop_bg.jpg) repeat-x top; margin:0 auto;}
.aboutus .mainShowContainer .mainShow{ width:1000px; margin:0 auto; text-align:center; position:relative;}
.mainShow .c1{ float:left; background:url(images/AboutUs/mainshowleft.jpg); width:620px; height:185px;}
.mainShow .c2{ float:right;background:url(images/AboutUs/mainshowright.jpg); width:380px; height:185px;}

.PolicyText { width:1000px; margin:0 auto; text-align:left; padding:40px 0 0 0;}
.PolicyText h2{padding:10px 40px 20px 40px; font-size:16px; font-weight:bold; color:#ff7200;}
.PolicyText h4{ padding:10px 40px 0 40px;  margin:0; font-size:12px; font-weight:bold; color:#333;}
.PolicyText p{ padding:0 40px 10px 40px; font-size:12px;color:#676767;}
.PolicyText dl{padding:0 40px 10px 40px;font-size:12px;color:#676767;}
.PolicyText dl dd,.PolicyText dl dd p{ padding:0;color:#676767;}

.title { width:230px; height:50px; }
.title h3.contentTitle{ font-size:16px; font-weight:bold; line-height:30px;color:#333;} 
.title h3.contentTitle span{ color:#ff7200; font-size:18px; font-weight:bold;}
.title h4.contentTitle{font-size:13px; font-weight:bold;color:#333;} 

/*Page Footer*/
.SectionFooterContainer{ margin:0; padding:0; width:100%; min-height:31px;height:auto; background:#fff url(images/consumerPageFooter_bg.jpg) repeat-x left top; position:relative;}
.SectionFooter{ width:1000px; height:31px; position:relative;}
.SectionFooter .footerText{ padding:7px 0 0 15px; color:#333;position: relative;  font-size:12px; bottom:0;}
.SectionFooter .footerText a:link,
.SectionFooter .footerText a:visited, 
.SectionFooter .footerText a:hover ,
.SectionFooter .footerText a:active { text-decoration:none;color:#676767;}
.SectionFooter .footerText a:hover { text-decoration: underline; color:#000;}
.SectionFooter .footerText .copyright { position:absolute; top:7px; right:16px; color:#a0a0a0;}

.SectionFooter .langSelectBox{ position:absolute; text-align:right; right:16px; top:7px;}
