@charset "utf-8";

/*******************************************************
*************** HEADER STYLE BEGIN *********************
*******************************************************/ 
#header                         {height: 105px; background-color: #000; width: 100%;}
.w960 #header                           {width: 960px;}
#header-main            {height: 105px; width:960px; margin: 0px auto; position: relative;z-index:100;}
#header-userInfo        {float: right;margin-right: 17px;}
#sonyLogo                       {overflow: hidden; display: inline;}
#sonyLogo a                     {float: left; width:100px; height: 57px; text-indent: -1000px; background: url(image/index/sonyLogo20131220.jpg) no-repeat 0 center; margin-left: 16px;}
/*HEADER NAV BEGIN*/
#headerNav                                              {width: 100%; height: 48px;}
#headerNav li,#headerNav a.menu               {float: left; height: 48px;position: relative;z-index:100}
#headerNav a.menu                                     {background-image: url(image/common/sony_nav.gif); background-repeat: no-repeat; overflow: hidden; text-indent: -1000px;}
#headerNav li .subMenuBlock     {position: absolute; display: none; width: 960px; background: #fff; top: 48px; left: 0px; z-index: 100;}                  
#headerNav li.hover .subMenuBlock       {display: block;}
#headerNav li .subMenuBlock                     {-webkit-box-shadow:0px 1px 10px #555; -moz-box-shadow:0px 1px 10px #555; box-shadow:0px 1px 10px #555;}
#headerNav li .NavMenuBlock     {position: absolute; display: none; width: 1190px; height: 445px;left: -218px;top: 48px;z-index: 100; background-color: #000000;}                  
#headerNav li.hover .NavMenuBlock       {display: block;}
#headerNav01.hover a.menu{background-position: 0px -48px}
#headerNav01 a.menu                                 {width: 103px; background-position: 0px 0px;}
#headerNav02 a.menu                                 {width: 124px; background-position: -103px 0px;}
#headerNav03 a.menu                                  {width: 110px; background-position: -222px 0px;}
#headerNav04 a.menu                                  {width: 96px; background-position: -337px 0px;}
#headerNav05 a.menu                                  {width: 95px; background-position: -433px 0px;}
#headerNav06 a.menu                                  {width: 90px; background-position: -528px 0px;}
#headerNav01 a:hover,#headerNav01 a.active        {background-position: 0px -48px;}
#headerNav02 a:hover,#headerNav02 a.active        {background-position: -103px -48px;}
#headerNav03 a:hover,#headerNav03 a.active        {background-position: -222px -48px;}
#headerNav04 a:hover,#headerNav04 a.active        {background-position: -337px -48px;}
#headerNav05 a:hover,#headerNav05 a.active        {background-position: -433px -48px;}
#headerNav06 a:hover,#headerNav06 a.active        {background-position: -528px -48px;}
#headerNav li .subMenuContentLeft                {float: left; width: 640px;}
#headerNav li .subMenuContentRight                {float: left; width: 320px;}
#headerNav li .subMenuBlock .subHeader            {height: 60px;}
#headerNav li .subMenuBlock .subMenuContentLeft .subHeader            {background: #f0f1f2;}
#headerNav li .subMenuBlock .subMenuContentRight .subHeader            {background: #e6e6e8;}
#headerNav li .subMenuBlock .subMenuContentLeft .subTitle            {margin-top: 25px; margin-left: 14px; float: left;}
#headerNav li .subMenuBlock .subMenuContentRight .subTitle            {margin-top: 25px; margin-llineft: 19px; float: left;}
#headerNav li .subMenuBlock .subMenuList        {}
#headerNav li .subMenuBlock .subList            {float: left; width: 160px;}
#headerNav li .subMenuBlock .subList dl            {padding-left: 14px; margin-top: 29px;}
#headerNav li .subMenuBlock .subList dt            {margin: 0px 0px 5px; padding-left: 0px;}
#headerNav li .subMenuBlock .subList dd            {padding: 0px 0px; line-height: 22px; display: block;}
#headerNav li .subMenuBlock .subList dd    a        {display: block; font-size: 12px; line-height: 22px; color: #949494; padding-left: 10px; background: url(image/index/navMenuIcon.gif) 0px 8px no-repeat #ffffff;font-family:"Microsoft YaHei",Arial}
#headerNav li .subMenuBlock .subList dd    a:hover    {background: #fff url(image/common/navMenuIcon.gif) 0px -88px no-repeat; color: #50BCFD;}
#headerNav li .NavMenuBlock .AboutSonyBlock  {width: 522px;height: 445px;float: left;color: #ffffff;font-family: SL-Simplified;font-weight: 300;}
#headerNav li .NavMenuBlock .subMenuRight img {padding-top:32px;padding-right: 30px;padding-bottom: 85px;}
#headerNav li .NavMenuBlock dl.submenu a{color: inherit;font-family: SL-Simplified;}
#headerNav li .NavMenuBlock dl.submenu dd{padding-top: 34px;font-weight: 300;width: 242px;height: 22px;font-size: 16px;line-height: 20px;}
#headerNav li .NavMenuBlock dl.submenu dd:hover{color: #4f83df;}
#headerNav li .NavMenuBlock dl.submenu dd:hover::after{border-top: solid;border-right: solid;border-width: 1px 1px 0 0;}
#headerNav li .NavMenuBlock dd.d1{padding-left: 30px;padding-top: 46px;float: left;}
#headerNav li .NavMenuBlock dd.d2{padding-left: 316px;padding-top: 113px;}
#headerNav li .NavMenuBlock dd#sub-tit{font-size: 18px;line-height: 18px;font-weight: normal;padding-top:0px}
#headerNav li .NavMenuBlock dl.submenu dd#sub-tit::after{margin: 0 0 1px 10px;}
#headerNav li .NavMenuBlock dd#value{padding-top: 42px;}
#headerNav li .NavMenuBlock dd#report{padding-top: 0px;}
#headerNav li .NavMenuBlock dl.submenu dd::after{content: "";display:inline-block;width: 7px;height: 7px;border:solid #999999;border-width:1px 1px 0 0 ; transform: rotate(45deg);margin: 0 0 1px 30px;transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition-property: transform, margin;}

#headerNav li .subMenuBlock .subList dl.subListLink2            { margin-top: 0px;}
#headerNav li .subMenuBlock .subList dl.subListLink2 .absolute    {top: 16px;}
#headerNav li .subMenuBlock .subList dl.subListLink2 .absolute .xiaofei{background:url(image/common/top_xiaofei_pic.gif) no-repeat;height:11px;width:130px;text-indent:-1000px;display:block;margin-top:10px;margin-left:-2px;line-height:11px;overflow:hidden;}
#headerNav li .subMenuBlock .subList dl.subListLink2 .absolute .xiaofei:hover{background-position:0 -11px;}
#headerNav li .subMenuBlock .subList dl.subListLink2 a            {color: #000;}
#headerNav li .subMenuBlock .subList dl.subListLink2 a:hover    {color: #33b2fc;}
#headerNav01 #gotoStoreButton                {width: 139px; height: 60px; overflow: hidden; background-image: url(image/common/gotoStoreButton.gif); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -1000px; float: right; margin-right: 20px;}
#headerNav01 #gotoStoreButton:hover            {background-position: 0px -60px;}
#headerNav01 #gotoForum               {width: 139px; height: 60px; overflow: hidden; background-image: url(image/common/gotoStoreButton.gif); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -1000px; float: right; margin-right: 20px;}
#headerNav01 #gotoForum:hover            {background-position: 0px -60px;}
#headerNav01 #gotoSystemButton                {width: 106px; height: 60px; overflow: hidden; background-image: url(image/common/gotoSystemButton.gif); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -1000px; float: right; margin-right: 20px;}
#headerNav01 #gotoSystemButton:hover        {background-position: 0px -60px;}
.subMenuFooter                {height: 36px; padding-top: 28px; padding-left: 24px;}


 /*HEADER SEARCH BEGIN*/
#headerSearch                                   {position: absolute; top: 58px; right: 13px;}
#search-input                    {border-width: 2px 0px 2px 2px; border-style: solid; border-color: #424242; height: 16px; width: 138px; float: left; background-color:black;color:#595959;padding:10px;font-family:arial;font-size:14px;}
#btn-go                            {border-width: 2px 0px; border-style: solid; border-color: #424242; width: 40px; background: #424243 url(image/index/searchBg.gif) center right no-repeat; height: 26px; text-indent: -1000px; overflow: hidden; float: left; padding: 5px 0px;}
#header-userInfo a                {display: block; float:left; margin-top:10px; overflow: hidden; text-indent: -1000px;}
#sonyGroup                        {width:112px; height:24px; background: url("image/index/sonychina_20131220_pic3.jpg") no-repeat; margin-right:9px;}
#sonyGroup:hover                  {background-position: 0 -24px;}
#sonyGlobeHome                    {width:150px; height:24px; background-image: url("../../../content/dam/sonyportal/images/Grouplink_White_EN.png");background-repeat:  no-repeat;background-position-y: 4px;}
#sonyGlobeHome:hover             {background-image:url("../../../content/dam/sonyportal/images/GroupLink_White_Hober_EN.png")}
#header-userInfo #sonyChinaButton                {width: 48px; height: 24px; background-image: url(image/index/sonychina_20131220_pic1.jpg); background-repeat: no-repeat; cursor:default;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}
html,body{-webkit-text-size-adjust:none;}
body			{font-family:"Microsoft YaHei",Arial,"Hiragino Sans GB",Sans-Serif; font-size: 12px; width: 100%;overflow-x: hidden;}
.w960 body		{width: 960px; overflow-x: scroll;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix		{ *zoom: 1; }
ol,ul {list-style: none;}
a,a:link		{text-decoration: none;}
a:hover			{text-decoration: none;}
a.button:hover	{text-decoration: none;}
img,a img		{border: 0px;}
img.block		{display: block;}

