/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167


/*header*/


@font-face {
    font-family: 'GothamRounded-Bold';
    src: url('../fonts/GothamRounded-Bold.eot') format('eot');
    src: url('../fonts/GothamRounded-Boldd41d.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/GothamRounded-Bold.otf')  format('opentype'),
         url('../fonts/GothamRounded-Bold.woff') format('woff'), 
         url('../fonts/GothamRounded-Bold.ttf')  format('truetype'),
         url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
}



@font-face {
    font-family: 'GothamRounded-BoldItalic';
    src: url('../fonts/GothamRounded-BoldItalicd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-BoldItalic.otf')  format('opentype'),
         url('../fonts/GothamRounded-BoldItalic.woff') format('woff'), 
         url('../fonts/GothamRounded-BoldItalic.ttf')  format('truetype'),
         url('../fonts/GothamRounded-BoldItalic.svg#GothamRounded-BoldItalic') format('svg');
}


@font-face {
    font-family: 'GothamRounded-Book';
    src: url('../fonts/GothamRounded-Bookd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-Book.otf')  format('opentype'),
         url('../fonts/GothamRounded-Book.woff') format('woff'), 
         url('../fonts/GothamRounded-Book.ttf')  format('truetype'),
         url('../fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
}


@font-face {
    font-family: 'GothamRounded-BookItalic';
    src: url('../fonts/GothamRounded-BookItalicd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-BookItalic.otf')  format('opentype'),
         url('../fonts/GothamRounded-BookItalic.woff') format('woff'), 
         url('../fonts/GothamRounded-BookItalic.ttf')  format('truetype'),
         url('../fonts/GothamRounded-BookItalic.svg#GothamRounded-BookItalic') format('svg');
}


/*    font-family: 'HelveticaNeueLight';
    src: url('helvetica45light.eot');
    src: url('helvetica45light.eot') format('embedded-opentype'),
         url('helvetica45light.woff') format('woff'),
         url('helvetica45light.ttf') format('truetype'),
         url('helvetica45light.svg#HelveticaNeueLight') format('svg');*/


@font-face {
    font-family: 'GothamRounded-Light';
    src: url('../fonts/GothamRounded-Lightd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-Light.otf')  format('opentype'),
         url('../fonts/GothamRounded-Light.woff') format('woff'), 
         url('../fonts/GothamRounded-Light.ttf')  format('truetype'),
         url('../fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
}

@font-face {
    font-family: 'GothamRounded-LightItalic';
    src: url('../fonts/GothamRounded-LightItalicd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-LightItalic.otf')  format('opentype'),
         url('../fonts/GothamRounded-LightItalic.woff') format('woff'), 
         url('../fonts/GothamRounded-LightItalic.ttf')  format('truetype'),
         url('../fonts/GothamRounded-LightItalic.svg#GothamRounded-LightItalic') format('svg');
}



@font-face {
    font-family: 'GothamRounded-Medium';
    src: url('../fonts/GothamRounded-Mediumd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-Medium.otf')  format('opentype'),
         url('../fonts/GothamRounded-Medium.woff') format('woff'), 
         url('../fonts/GothamRounded-Medium.ttf')  format('truetype'),
         url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
}

@font-face {
    font-family: 'GothamRounded-MediumItalic';
    src: url('../fonts/GothamRounded-MediumItalicd41d.eot?') format('eot'), 
         url('../fonts/GothamRounded-MediumItalic.otf')  format('opentype'),
         url('../fonts/GothamRounded-MediumItalic.woff') format('woff'), 
         url('../fonts/GothamRounded-MediumItalic.ttf')  format('truetype'),
         url('../fonts/GothamRounded-MediumItalic.svg#GothamRounded-MediumItalic') format('svg');
}



  
html{ 
    background-color: rgb(80,167,220)  
} 
  
body{ 
    margin: 0 auto; 
} 

.GothamRounded-Bold{
    font-family: "GothamRounded-Bold";
}

.GothamRounded-BoldItalic{
    font-family: "GothamRounded-BoldItalic";
}

.GothamRounded-Book{
    font-family: "GothamRounded-Book";
}

.GothamRounded-BookItalic{
    font-family: "GothamRounded-BookItalic";
}

.GothamRounded-Light{
    font-family: "GothamRounded-Light";
}

.GothamRounded-LightItalic{
    font-family: "GothamRounded-LightItalic";
}

.GothamRounded-Medium{
    font-family: "GothamRounded-Medium";
}

.GothamRounded-MediumItalic{
    font-family: "GothamRounded-MediumItalic";
}
  
strong{
    font-family: "GothamRounded-Bold";
}


.smallSize{ 
    font-size: 12px; 
} 
  
.middleSize{ 
    font-size: 19px; 
} 
  
.bigSize{ 
    font-size: 20px; 
} 
  
  
#container img{ 
    width: 100%; 
} 
  
#headerTop{ 
    position: fixed; 
    z-index: 9999; 
    width:100%; 
    height:115px; 
    background:url('../images/home/menu_bg.png') top center no-repeat; 


} 

#headerTop a img{
     border:none;
}
  
  
#headerTop #logo { 
    position: relative; 
    top: 9px; 
    float: left; 
} 
  
#headerTop ul { 
    position: relative; 
    margin: 0; 
    padding: 0 0 0 10px; 
    display: block; 
    float: left; 
} 
  
#headerTop #mainNav li  { 
    list-style-type: none; 
    margin: 0 0px; 
    display: block; 
    float: left; 
    position: relative; 
  
} 
  
  
  
/*#headerTop #mainNav li,#headerTop #mainNav li img   { 
    width: 196px; 
    display: block; 
}*/
  
  
  
#headerTop #mainNav li .btnItem{ 
    position: absolute; 
    z-index: 99; 
    top: 8px; 
    left: 122px; 
} 
  
  
#headerTop #innerHeader{ 
    margin: 0 auto; 

  
} 
  
#headerTop #innerHeader #switchLanguage{ 
    background: url('../images/home/lan.png') center center no-repeat; 
    width: 34px; 
    height: 39px; 
    float: left; 
    margin-left: 2px; 
    background-position: 0px -41px; 
    position: relative; 
} 
  
#headerTop #innerHeader #switchLanguage div{ 
    color: #fff; 
    text-align: center; 
    font-size: 10px; 
    margin-top: 3px; 
} 
.outercontainer{ 
    width:100%; 
    margin: 0 auto; 
    position: relative; 
    overflow: hidden;
} 
  
.container{ 
    width:1280px; 
    margin: 0 auto; 
    position: relative; 
} 
  


/*comment css*/

  
.clearBoth{ 
    clear:both ; 
    float: none !important;
    padding: 0px !important;
} 
  
.positionAbsolute{ 
    position: absolute; 
} 

.positionRelative{ 
    position: relative; 
} 

.mainBody #birdOuterContainer{
margin-top: 150px;
position: relative;
height: 910px;
}
  

  
/*footer apps dowload*/
  
  
#footer #downloadApps{ 
    background-color: #fff; 
    height:186px; 
} 
  
#footer #downloadApps #buyAppsDesc{ 
    padding: 40px 0 30px 0; 
} 
  
#footer #downloadApps #storeIcon{ 
} 
  
#footer #downloadApps .storeLogoLeft{ 
    margin-right: 5px; 
    border: none;
} 
  
#footer #downloadApps .storeLogoRight{ 
    margin-left: 5px; 
     border: none;
} 
  




/*footer*/
  
#footer{ 
    width: 100%; 
    margin: 0 auto; 
} 
  
#footerDesc{ 
    background-color: rgb(241,25,128) ; 
    height: 42px; 
} 
  
#footerDesc #copyright{ 
    color: #fff; 
    padding: 14px 0 0px 0px; 
    float: left;
} 

#footerDesc #social{
    float: right;
    padding: 5px 0 0px 0px;
    margin-right: 8px;
}

#footerDesc #social > a{
    cursor: pointer;
}


#footerDesc #social img{
    margin-right: 3px;
}
  
#footerDesc #social img{
     border:none;
}
  
#footerDesc #storeIcon a{
     border:none;
}

.outercontainerForParllex{
    width:100%;
     overflow: hidden;
}


.whatshotmenu{
    width: 197px;
}

.whatshottopline{
    min-height: 35px;
}

.greenmenu{
    background: url('../images/submenu/green/menu-sub-btn_02.png');
}

.greenmenuline{
        background: url('../images/submenu/green/menu-sub-btn_01.png') no-repeat;
}

.purplemenu{
    background: url('../images/submenu/purple/menu-sub-btn_02.png');
}

.purplemenuline{
        background: url('../images/submenu/purple/menu-sub-btn_01.png') no-repeat;
}

.redmenu{
    background: url('../images/submenu/red/menu-sub-btn_02.png');
}

.redmenuline{
        background: url('../images/submenu/red/menu-sub-btn_01.png') no-repeat;
}


.whatshottext{
    padding-left: 40px;
    padding-top: 12px;
    text-decoration: none;
}

.submenuBottom{
    display: block;
}

.submenu{
    width: 1280px;
    position: fixed;
    margin-top: 82px;
    display:none;

    color: #fff;
    font-size: 17px;
    font-family: "GothamRounded-Bold";
 }

.submenu_block > a{
      text-decoration: none;
      color:#fff;font-size:17px;
}

.submenu_block > a:hover{
      text-decoration: underline;
}



.submenu .submenu_col{
    min-height: 30px;
}


@media screen and (min-width: 1680px) { 
  
#footer{ 
    width: 1680px; 
    margin: 0 auto; 
} 

.outercontainer{
    width:1680px; 
        overflow: hidden;
}

.outercontainerForParllex{
    width:1680px;
     overflow: hidden;
     margin: 0 auto;
}
  
} 
@media screen and (max-width: 1280px) { 
      
#headerTop{ 
    width:1280px; 
} 

.outercontainer{
    width:1280px; 
            overflow: hidden;

}

.mainBody .slide{ 
    position: relative; 
    width:1280px; 
    height:910px; 
} 

.outercontainerForParllex{
    width:1280px;
     overflow: hidden;
}
  
  
#footer{ 
    width: 1280px; 
    margin: 0 auto; 
} 
}


/*for mobile version*/

.mob #headerTop{
  z-index: 100;
}


#mobContainer{
    width: 1000px;
    overflow:hidden;
    margin:0 auto;
}

#mobLeftContent{
    width: 100%;
/*    float: left;*/
}

#mobLeftContent #headerTop{
/*    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 115px;
    background: url('../images/home/menu_bg.png') top center no-repeat;*/
    background: url('../images/mobile_image/menu/menu-bg.png') top center no-repeat;
    position: absolute;
    width: 1000px;
    height: 250px;
    background-size: 1000px 250px;
}

#headerTop #innerHeader{
  z-index: 102;
}

#mobLeftContent #headerTop #logo{
margin-left: 12px;
top: 13px;

}

#mobLeftContent #headerTop #logo img{

}
#mobLeftContent #headerTop .menuButton{
margin-top: 31px;
margin-left: 71px;
cursor: pointer;
}



#mobRightMenu{
    width: 1000px;
    float: left;
}

#mobContainer .outercontainer{
        width:100%; 
        overflow: hidden;
}

#mobContainer .container{
    width: 100%;
}


#mobContainer #footer{
    width: 100%;
border-top: 2px solid white;
}

#mobContainer #footerDesc{
    height: 120px;
}

#mobContainer #footerDesc .fullwebsite{
    color: #fff;
    font-size: 60px;
    text-decoration: none;
    float: right;
    padding: 30px 30px 0px 30px;
}



#mobContainer #footerDesc #social{
    float: left;
    margin-left: 13px;
    padding: 10px 10px 0px 9px;

}



#mobContainer #footerDesc #social >a >img{

    margin-right: 8px;
}


#mobContainer .unFixedHeightBackground{
padding-top: 360px;
    position: relative;
    padding-bottom: 60px;
}


#mobContainer .innerMenu{
    font-size: 100px;
      color: white;
      text-decoration: none;
    position: relative;
    text-align: center;
    margin-top: 350px;
    line-height: 180px;
}

#mobContainer .innerMenu a{
      color: white;
      text-decoration: none;
}

#mobContainer .innerMenu a:hover{
      color: black;
      text-decoration: underline;
}


#mobContainer .innerMenu .subsubmenu{
      font-size: 70px;
    line-height: 150px;
    display: none;
}

#mobContainer .innerMenu  .menuItem{
    cursor: pointer;
}