@import url('style.css');

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


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:800px;
               margin:0 0;
              position:relative;
}


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

#bgright{
width:800px;
}

#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:800px;
}

.mt600{margin:600px 0 0;}

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

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


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

#media #body{
	width:800px;
	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:80px;
top:65px;
display:inline-block;
float:left;
}

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

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

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

}

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

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

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

#contact #map{
margin-top:30px;
width:700px;
height:510px;
}

#contact .map_frame{
width:700px;
height:510px;
}

#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:142px;
	}

/*****************************************************
MESSAGE-問與答
*****************************************************/

#contact div #content_message{
left:75px;
width:700px;
}

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

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

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


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


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

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

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

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

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

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

#section #main #content div#featured .shadow {
	float:left;
	margin:3px 0 3px 20px;
	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 10px 0px;
}

#section #main #content div#featured #area p {
	margin-left:0px;	
}


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

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

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

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

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

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