@import url('style.css');

html {
       /*max-width: 1660px;
       min-width: 100%;
       min-height: 100%;*/
      width:600px;
    }


body {
       background-color: #fff;
       font-family:'微軟正黑體', "Microsoft JhengHei",sans-serif !important;
       height:100%;
       width:100%;
margin:0;
/*min-width:600px;
max-width:2000px;*/

}

#header {
	background: url(../images/bg_header.jpg) repeat;
	background-position: 0 bottom;
	text-align: right;
	height:120px;
              width:640px;
               margin:0 0;
              position:relative;
}

/** Logo **/
#logo {
	float: left;
	display: inline-block;	
               margin-top:15px;
	padding: 0 5px;
             position:absolute;
             left:50px;
}


/*
#aside{ 
   background:url("../images/bg_left.jpg") no-repeat;
    width: 105px;
    height: 778px;
   position:absolute;
   top:0;
left:0;
}
*/

#bgright{
width:600px;
}


#leftbg-product {
    position: absolute;
    width: 465px;
    height:780px;
    background-color: #DDD; 
    background:url("../images/bg_feature.jpg") repeat;
    top: 0;
    left:105px;
    bottom: 0;
   z-index:-1;
}

.move_left {margin-left:105px;}


#footer {
	border-top:solid 8px #A98963;
	/*box-shadow:0 4px 10px #999;*/
    -webkit-box-shadow: 0px -2px 3px #ccc;
    -moz-box-shadow:    0px -2px 3px #ccc;
    box-shadow:         0px -2px 3px #ccc;
    /*top:780px;*/
               width:640px;
}

.mt600{margin:600px 0 0;}

/*****************************************************
SLIDER
*****************************************************/
.slider1{position: relative; width: 640px; height: 780px;left:-105px; z-index:-1;	}
.slider1-stage{cursor: move; position: absolute; left: 0px; top: 0px; width: 640px; height: 780px;  overflow:hidden; z-index:-1;	}

.slider2{position: relative; top: 0px; left: -105px; width: 600px; height: 780px; overflow: hidden; }
.slider2-stage{cursor: move; position: absolute; left: 0px; top: 0px; width: 638px; height: 780px; overflow: hidden; margin:0; z-index:-1;}



/*****************************************************
MEDIA-媒體報導
*****************************************************/
#media #main {
	background:url("../images/bg_left.jpg");
	width:600px;
	height:780px;
	background-position: center center; 
	background-repeat: repeat-x;
	background-color: #464646;
}

#media #body{
	width:600px;
	margin:0 auto;
	padding:0;
	background:url("../images/bg_feature.jpg") repeat;
}

#media #menu_img{
position:absolute; 
width:36px; 
height:100px; 
z-index:1; 
left:30px;
top:65px;
display:inline-block;
float:left;
}

#media div #video{
padding:55px 0 60px 85px;
position:relative; 
}

#media div #video ul{
	display: inline-block;
	margin: 0 0px 0px 10px;               
	list-style: none;
	overflow: hidden;
	padding: 0px 0px 10px;
}

#media div #video ul li{
	width: 212px;
	height: auto;
	float: left;
	margin: 0 40px 30px 0px;

}

/*****************************************************
Contact-我有興趣
*****************************************************/

#contact div #box{
background:url("../images/bg_feature.jpg") repeat;
position:relative; 
width:600px;
height:780px;
margin:0 auto;
}

#contact div #content{
position:absolute; 
display:inline-block;
top:65px;
left:75px;
width:490px;
margin:0 auto;
/*padding:0px 0 60px 60px;*/
}

#contact #map{
margin-top:30px;
width:490px;
height:470px;
}

#contact .map_frame{
width:490px;
height:470px;
}

#contact  #menu_img{
position:absolute; 
z-index:1; 
left:26px;
top:65px;
display:inline-block;
float:left;
}

#contact div #info p .ml_address{
	margin-left:160px;
	}

#contact div #info p .ml_address2{
	margin-left:205px;
	}


/*****************************************************
MESSAGE-問與答
*****************************************************/
#contact div #content_message{
left:75px;
width:490px;
}

#contact div #hide{
left:40px;
width:490px;
}

#contact .message_frame{
width:490px;
height:680px;
}

/*****************************************************
INDEX-首頁
*****************************************************/


#index #bg{
	background: url(../images/bg_index.jpg) no-repeat;
	width:600px;
	height:591px;
	margin:0 auto;	
	overflow: hidden;
              position: relative;
}


#index #bg div{
	background-position: 0 bottom;
	height:350px;
	width: 600px;
	margin: 0 auto;
}

#index #logo {
        padding-top:25px;
	padding-left:0px;
}

#section {
	background:url("../images/bg_feature.jpg") repeat;
	width:600px;
	height:auto;
	background-color: #F9F8E8;
	padding:20px 0 10px;
}

#section #main #content {
	width:600px;
	margin:0 auto;
	padding:0;
}

#section #main #content div#featured {
	width:600px;
	padding:0px;
	overflow:hidden;
	background:url("../images/bg_feature.jpg");
	background-repeat:repeat;
}

#section #main #content div#featured #area {
	float:right;
	width:325px;
	padding:10px 10px 0 0px;
}

#section #main #content div#featured .shadow {
	float:left;
	margin:3px 0 3px 0px;
	padding:5px;
	background:#fff;
	-webkit-box-shadow: -3px 3px 5px 3px #bbb;
	-moz-box-shadow: -3px 3px 5px 3px #bbb;
	box-shadow: -3px 3px 5px 3px #bbb;
	border:solid 1px #ccc;
              }

#section #main #content div#featured .img_text{
margin:10px 0 5px 5px;
}

#section #main #content div#featured #area p {
	margin-left:5px;
	line-height:22px;	
}

#section #main #content div#featured #img_left{
	width:250px;
             height:190px;
}


#items {
	margin:0 auto;
	width: 600px;
	height:237px;	
	padding-left:5px;
}

#items div ul li {
	float: left;
	list-style: none;
	width: 196px;		
	}

#items div ul li a img {
	border: 0;
	margin-top:24px;
	width: 185px;
              height:185px;
	
}
	

/*------------------------------ AD ------------------------------*/

#adbox .link img{
	margin: 20px 0px 30px 250px;
}

#adbox #link{
	margin: 0 auto;
	width: 600px;
}

#adbox #link ul {
	width: 420px;
               margin:0 auto;
	display:block;
	overflow: hidden;
	padding:0;
	}