/*from Google Early Access */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);  /*黑體*/

body {
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, 'cwTeXHei', sans-serif;
}

.BodyWrapper {
    margin: 0 auto;
    width: 974px;
    text-align: left;
    background-color: #fff;
}

.BodyWrapper1 {
    text-align: left;
}

.NavigationBullet {
    width:11px; height:11px;
    background:transparent url('/ImageSlider/include/bullet.png');
    background-position: 0px 0px;
    cursor:pointer;
    margin-right:20px;
    float: left;
    overflow: hidden;
}

.NavigationBulletActive {
    width:11px; height:11px;
    background:transparent url('/ImageSlider/include/bullet.png');
    background-position: 0px 11px;
    cursor:pointer;
    margin-right:20px;
    float: left;
    overflow: hidden;
}

div.NavigationBulletDiv {
    width: 160px;
    height: 12px;
    float: left;
}

.ShowBoxBorder {
    width: 290px;
    height: 187px;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #E5E5E5;
    border-left: 1px solid #DDDDDD;
    background-color: #fff;
}

.ShowBoxPic {
    width: 143px;
    height: 115px;
    background-color: #989898;
    float: left;
    margin-left: 11px;
    margin-top: 10px;
}

.ShoxBoxContentTitle {
    width: 108px;
    height: 40px;
    margin-left: 166px;
    float: left;
    margin-top: 10px;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.ShoxBoxContent {
    width: 108px;
    height: 75px;
    margin-left: 166px;
    float: left;
    margin-top: 50px;
    position: absolute;
    font-size: 13px;
}


.ShoxBoxContentTitle1 {
    width: 118px;
    height: 115px;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    font-weight: bold;
    text-align: left;
}

.ShoxBoxContent1 {
    width: 268px;
    height: 40px;
    margin-left: 11px;
    float: left;
    margin-top: 12px;
}

.IndexFoodTitle {
    width: 612px;
    height: 35px;
    background-color: #FFB924;
    float: left;
    margin-left: 1px;
    margin-top: 2px;
    position: absolute;
}

.IndexFoodBigPic {
    width: 296px;
    height: 171px;
    float: left;
    margin-left: 25px;
    margin-top: 57px;
    position: absolute;
    background-repeat: no-repeat;
}

.IndexFoodSmallPic1 {
    width: 98px;
    height: 78px;
    float: left;
    margin-left: 329px;
    margin-top: 57px;
    position: absolute;
}

.IndexFoodSmallText1 {
    width: 150px;
    height: 78px;
    float: left;
    margin-left: 432px;
    margin-top: 57px;
    position: absolute;
    text-align: left;
}

.IndexFoodSmallPic2 {
    width: 98px;
    height: 78px;
    background-color: #000;
    float: left;
    margin-left: 329px;
    margin-top: 150px;
    position: absolute;
}

.IndexFoodSmallText2 {
    width: 150px;
    height: 78px;
    float: left;
    margin-left: 432px;
    margin-top: 150px;
    position: absolute;
    text-align: left;
}

.IndexFoodBigPicBox {
  width:296px;
  height:68px;
  margin-top: 160px;
  margin-left: 25px;
  background-color: #000;
  position: absolute;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  color: white;
  text-align: left;
}

.IndexGoogleAdLeaderboard {
    width: 728px;
    height: 90px;
    margin-right: auto ;
    margin-left: auto ;
    background-color: #fff;
}

.IndexGoogleAdBannerLeft {
    width: 468px;
    height: 60px;
    float: left;
    background-color: #fff;
}

.IndexGoogleAdBannerRight {
    width: 468px;
    height: 60px;
    float: right;
    background-color: #fff;
}

.IndexGoogleAdLargeRect {
    width: 336px;
    height: 280px;
    float: left;
    background-color: #ff0;
}

.IndexGoogleAdMedianRect {
    width: 300px;
    height: 250px;
    float: right;
    background-color: #f00;
}

.IndexChannel {
    width: 904px;
    height: 33px;
    position: absolute;  
}

.IndexChannelBar {
    background-color: #B5B5B5;
    height: 20px;
    width: 1px;
    position: absolute;
    float: left;
}

.IndexYoutubeImg {
    width: 140px;
    height: 100px;
    margin-left: 3px;
    margin-top: 4px;
    position: absolute;
}

.IndexNewsTitle {
    margin-left: 10px;
    margin-top: 110px;
    width: 127px;
    height: 53px;
    position: absolute;
    font-size: 14px;
    text-align: left;
}

.IndexNewsDate {
    margin-left: 10px;
    margin-top: 160px;
    width: 127px;
    height: 23px;
    position: absolute;
    font-size: 14px;
}

.NewsTitle_Bar {
    width: 624px;
    height: 35px;
    float: left;
}

.NewsBox_Hover {
    width: 146px; 
    height: 200px; 
    float: left;
    background-color: #FFFFFF;
}

.NewBox_Picture {
    width: 138px;
    height: 100px;
    margin: 4px;
    float: left;
}

.NewBox_Title {
    width: 138px;
    height: 53px;
    margin-left: 4px;
    margin-right: 4px;
    float: left;
}

.NewBox_Date {
    width: 138px;
    height: 23px;
    margin-left: 4px;
    margin-right: 4px;
    float: left;
}

.NewsBox_Hover:hover {
    width: 146px; 
    height: 191px; 
    float: left;
    background-color: #90BAFF;
}

.DivContent {
    width: 1396px;
    height: 100%;
    margin: 0 auto;
}

.IndexImageSlider {
    width: 974px;
    height: 460px;
    float: left;
    background-color: #fff;
}

.IndexDivBlankSpace {
    width: 974px;
    height: 20px;
    float: left;
    background-color: #fff;
}

.RowDiv {
    width: 974px;
    height: auto;
    float: left;
    background-color: #fff;
}

.RowDiv_NewsDiv {
    width: 652px;
    height: 270px;
    float: left;
    background-image: url('/Images/Default/NewsBackground.jpg');
}

.RowDiv_NewsDiv_MoreNews {
    width: 126px;
    height: 35px;
    margin: 7px 24px 7px 502px;
}

.RowDiv_NewsDiv_NewsDiv {
    width: 600px;
    height: 183px;
    margin: 20px 24px 0px 28px;
    float: left;
}

.RowDiv_NewsDiv_Nav {
    width: 21px;
    height: 100%;
    float: left;
}

.RowDiv_NewsDiv_Nav_LeftButton {
    width:45px;height:150px;
    background:transparent url(/ImageSlider/include/navButtons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    margin-left: -15px;
    margin-top: 10px;
}

.RowDiv_NewsDiv_Nav_LeftButton {background-position:50px 0;} 

.RowDiv_NewsDiv_Nav_RightButton {
    width:45px;height:150px;
    background:transparent url(/ImageSlider/include/navButtons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    margin-left: -15px;
    margin-top: 10px;
}

.RowDiv_NewsDiv_Nav_RightButton {background-position:50px -150px;} 


.RowDiv_NewsDiv_News {
    width: 128px;
    height: 100%;
    float: left;
}

.RowDiv_NewsDiv_News_Thumbnail {
    width: 100%;
    height: 90px;
    margin-bottom: 7px;
    float: left;
}

.RowDiv_NewsDiv_News_Text {
    width: 124px;
    height: 86px;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
}

.RowDiv_NewsDiv_Space {
    width: 15px;
    height: 100%;
    float: left;
}

.RowDiv_NewsAd {
    width: 300px;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.RowDiv_ShowAdDiv {
    width: 300px;
    height: 329px;
    margin-top: 10px;
    margin-left: 16px;
    margin-bottom: 11px;
    float: left;
}

.RowDiv_ShowAdDiv_FB {
    width: 100%;
    height: 67px;
    margin-bottom: 12px;
    float: left;
}

.RowDiv_ShowAdDiv_Ad {
    width: 300px;
    height: 250px;
    float: left;
}

.RowDiv_ShowDiv {
    width: 636px;
    height: 350px;
    float: left;
}

.RowDiv_ShowDiv_ShowDiv {
    width: 212px;
    height: 175px;
    float: left;
    background-image: url('/Images/Default/Show/ShowBackground.png');
}

.RowDiv_ShowDiv_ShowDiv_Title {
    width: 174px;
    height: 26px;
    margin: 10px 20px 5px 18px;
    float: left;
}

.RowDiv_ShowDiv_ShowDiv_Image {
    width: 85px;
    height: 68px;
    margin: 0px 11px 0px 18px;
    float: left;
}

.RowDiv_ShowDiv_ShowDiv_ShowTitle {
    width: 80px;
    height: 50px;
    margin: 8px 0px 10px 0px;
    float: left;
}

.RowDiv_ShowDiv_ShowDiv_Desc {
    width: 183px;
    height: 33px;
    margin-top: 5px;
    margin-left: 18px;
    float: left;
}

.RowDiv_EpisodeDiv {
    width: 636px;
    height: 287px;
    margin-left: 16px;
    float: left;
    background-image: url('/Images/Default/EpisodeBackground.jpg');
}

.RowDiv_EpisodeDiv_BigImageDiv {
    width: 295px;
    height: 172px;
    margin: 77px 21px 0px 29px;
    float: left;
    background-color: #ff0;
}

.RowDiv_EpisodeAdDiv {
    width: 300px;
    height: 250px;
    margin-top: 17px;
    float: left;
}

.RowDiv_EpisodeDiv_BigImageDiv_Text {
  width: 295px;
  height: 53px;
  margin-top: 196px;
  margin-left: 29px;
  background-color: #000;
  position: absolute;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  color: white;
  text-align: left;
}

.RowDiv_EpisodeDiv_SmallImageDiv {
    width: 263px;
    height: 172px;
    margin-top: 77px;
    float: left;
}

.RowDiv_EpisodeDiv_SmallImageDiv_RowDiv {
    width: 100%;
    height: 68px;
    float: left;
}

.RowDiv_EpisodeDiv_SmallImageDiv_RowDiv_Image {
    width: 98px;
    height: 100%;
    float: left;
}

.RowDiv_EpisodeDiv_SmallImageDiv_RowDiv_Text {
    width: 160px;
    height: 100%;
    margin-left: 5px;
    float: left;
}

.IndexNewsRow {
    width: 974px;
    height: 360px;
    float: left;
    background-color: #fff;
}

.IndexNewsRowLeft {
    width: 635px;
    margin-left: 21px;
    float: left;
}

.IndexNewsRowRight {
    width: 300px;
    margin-right: 18px;
    float: right;
}

.IndexShowRow {
    width: 974px;
    height: 530px;
    float: left;
    background-color: #fff;
}

.IndexShowRowContent {
    width: 934px;
    height: 500px;
    margin: 0px auto;
    background-color: #f0f0f0;
}

.FoodRow {
    width: 974px;
    height: 280px;
    float: left;
    background-color: #fff;
}

.FoodRowLeft {
    width: 615px;
    height: 250px;
    margin-left: 23px;
    float: left;
    background-color: #f0f0f0;
}

.FoodRowRight {
    width: 300px;
    margin-right: 19px;
    float: right;
}

.IndexChannelRow {
    width: 974px;
    height: 68px;
    float: left;
    background-color: #fff;
}

.IndexChannelRowContent {
    width: 904px;
    height: 68px;
    margin: 0px auto;
}
