@import "reset.css";
@import "slideStyle.css";
@import "contactform.css";

body{border-top:3px #e8cfd0 solid; font-size:13px; background:url(../img/bg.png) 0 top #e4e4e4 repeat-x!important; font-family: Arial,New Roman, Microsoft JhengHei, MingLiU, sans-serif!important;}
html {overflow-y:scroll; -webkit-text-size-adjust:100%; }
div.container{width:100%!important;}

/*header*/
header #logo,header #topContact,header #mainNav,header #fb-icon  {position:absolute;}
header {width:1046px; height:118px; margin:0 auto; }
header #logo { width:283px; height:69px; background:url(../img/logo.png) 0 0 no-repeat; margin:0 0 0 20px; cursor:pointer;}
header #topContact {top:48px; margin:0 0 0 468px;}



header #topContact li {float:left; margin:0 0 0 20px;}

header #fb-icon {width:114px; height:37px; border:0;  background:url(../img/facebook-icon.jpg) 0 0 no-repeat; top:30px; left:50%; margin:0 0 0 386px;}
header #fb-icon:hover {background-position:bottom!important;}

header #mainNav {width:1046px; height:49px; background:url(../img/navBg.png) 0 0 no-repeat; top:72px;  z-index:9999; }
header #mainNav ul li {width:199px; height:29px; float:left; color:#fff; 
font-size:16px; font-weight:bold;   text-align:center; padding:10px 0 0 0; background:url(../img/navHr.png) right 0 no-repeat; cursor:pointer;}
header #mainNav ul li:last-child {background-image:none!important;}

header #mainNav ul li:hover {border-bottom:2px solid #ba353f!important;}
header #mainNav ul li.active {border-bottom:2px solid #ee0101!important; color:#ffd5d9!important}

header  #mainNav #drop,header  #mainNav #drop li  {width: 260px;}

header  #mainNav #drop { 
position:absolute; 
z-index:9999; 
background: #efefef;
margin: 29px 0px 0px 392px;
border-radius: 5px;
display:none;
}
header  #mainNav #drop li {position:relative; text-align:center; clear:both; display:block!important; color:#325b7b!important;  }
header  #mainNav #drop li:hover {background:#ffd5d9; border-bottom:none!important;}
header  #mainNav #drop li:last-child {border:none;}

/*section*/
section,section h2,article,section #banner  {position:relative; color:#000!important; }
section {width:1027px; height:auto; padding:0 0 0px 0; margin:0 auto; background:url(../img/bgSection.png) repeat-y; top:-9px; line-height:22px;}
h1{color:#a2042a!important; font-size:24px!important; margin:0!important; padding:0!important;}
section h2 {width:999px; height:96px; background:url(../img/colBg_other.png) no-repeat; color:#a2042a!important; text-indent:100px; padding:25px 0 0 0; top:150px;}
section #banner {top:-11px; z-index:9998;}

/*section.home*/
section.home button,
section.home #col.bottom button, section.home  #col.bottom #btnmovie {position:absolute;}

section.home  #col.top,
section.home  #col.top div.col-left,
section.home  #col.top div.col-right,
section.home  #col.bottom ,
section.home  #col.bottom #btnmovie button:last-child,
section.home  #col.bottom {position:relative; top:20px;}

section.home {height:820px!important;}
section.home  button{width:34px; height:29px; background:url(../img/btnMore.png) no-repeat; border:0!important;}
section.home  #col.top {width:999px; height:172px; margin:0 auto; background:url(../img/colBg.png) no-repeat; top:-78px; z-index:9999;}
section.home  #col.top div {width:356px; height:100px; float:left;}
section.home  #col.top div.col-left {left:60px;} 
section.home  #col.top div.col-right {left:220px;}
section.home  #col.top div p {margin:0 0 0 2px!important;}
section.home  #col.top div button {top:7px; left:200px;}
section.home  #col.bottom {width:898px; height:382px; margin:0 auto;  background:url(../) right 38px no-repeat; top:-70px; left:10px;}
section.home  #col.bottom  p{width:898px; height:128px; text-align:justify;}
section.home  #col.bottom #btnmovie {width:322px!important; height:39px!important; top:200px!important;  margin:20px 0 0 575px!important;}
section.home  #col.bottom #btnmovie button{ height:39px!important; margin:0 0 0 0!important; }
section.home  #col.bottom #btnmovie button:first-child{width:161px!important; background:url(../img/btnVideoYouku.png)  no-repeat!important;}
section.home  #col.bottom #btnmovie button:last-child{width:161px!important; background:url(../img/btnVideoYouTube.png)  no-repeat!important; top:0px!important; left:162px!important;}
section.home  #col.bottom button {top:0px; margin:7px 0 0 130px;}
section.home  #col.bottom #btnmovie button:hover,section.home button:hover {background-position:bottom!important;}

/*section.profile*/  
section.profile {padding:0 0 70px 0;}
section.profile #banner {width:999px; height:185px; margin:0 auto; background:url(../img/bannerProfile.png) no-repeat;}
article.profile {width:890px; height:890px; top:60px; left:80px; background:url(../img/imgProfile.png) right -29px no-repeat; }
article.profile p {width:540px; text-align:justify; }
 
/*section.contact*/
section.contact {padding:0 0 90px 0;}
section.contact #banner {width:999px; height:185px; margin:0 auto; background:url(../img/bannerContact.png) no-repeat;}
article.contact {width:890px; height:630px; top:60px; left:80px; background:url(../img/imgContact.png) right -29px no-repeat; }
article.contact p {width:650px; text-align:justify;} 

/*section.inquiry*/
section.inquiry {padding:0 0 90px 0;}
section.inquiry #banner {width:999px; height:185px; margin:0 auto; background:url(../img/bannerContact.png) no-repeat;}
article.inquiry {width:890px; height:630px; top:60px; left:80px; background:url(../img/imgContact2.png) right -29px no-repeat; }
article.inquiry p {width:650px; text-align:justify;} 

/*section.products*/

#product-cate,#product-cate img,section.products #pageGin {position:relative;}

section.products {padding:0 0 90px 0;}
section.products #banner {width:999px; height:185px; margin:0 auto; background:url(../img/bannerProfile.png) no-repeat;}
section.products #pageGin {top:70px;}

#product-cate {width:296px; background-color:#e6e6e6; float:left; margin:20px 0 0 15px; left:35px; top:40px; border-right:#e6e6e6 3px solid;}  
#product-cate #img,#product-cate img{width:298px; }
#product-cate img {top: 50%; transform: translateY(-50%);}
#product-cate #img{height:298px; background-color:#fff;  }
#product-cate #desc,#product-cate #desc p {width:298px; height:30px;}
#product-cate #desc p{text-align:center; font-size:15px; font-weight:bold; padding:5px 0 0 0}
#product-cate:hover{background-color:#ffd5d9!important;}

#product-detail {width:750px; margin:60px auto 0 auto;}
#product-detail #img img {width:750px; border:5px #e6e6e6 solid;}
#product-detail #title {}
#product-detail #desc {}

#product-detail #title , #product-detail #desc,#product-detail p {padding:15px 0 5px 0; border-bottom:1px #000 dotted; font-size:22px;}

#productBack {position:absolute; left:50%; margin:50px 0 0 -32px;}

section.products img {cursor:pointer;}
section.products img {filter:alpha(opacity=100); opacity:1.0;}
section.products img:hover,section.products img:hover {filter:alpha(opacity=80); opacity:0.8;}

section.products  #product-detail #img img:hover {filter:alpha(opacity=100); opacity:1!important;  cursor: default; }
/*footer*/ 
footer  p {position:relative;}
footer { width:1027px; height:74px; background:url(../img/bgFooter.png) no-repeat; margin:0 auto; position:relative; top:-9px}
footer  p {text-align:center; width:1027px; height:74px; margin:0 auto; top:30px;}

span.bold {font-weight:bold;}
span.cateClass {font-size:14px!important;}

a:link{color: #000!important;}
a:visited{color: #000!important;}
a:hover{color: #000!important; text-decoration:none!important;}
a:active{color: #000!important;}