@charset "utf-8";
/* CSS Document */


/* --------------------------------------------RESET-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */
.content{ width:980px; height:auto; display:block;
		position:absolute; left:50%; margin:100px 0 0 -490px;}
.content .title{ font-size:22px; line-height:22px; color:#7a7357; margin: 20px 0 5px 0;}
.content .date{ font-size:14px; line-height:30px; color:#aca487;}
.content .intr{ font-size:16px; line-height:30px; color:#7a7357;}

.content .intr_980{ width:980px; height:auto; display:block;font-size:16px; line-height:30px; color:#7a7357;}

.photo{ position:absolute; left:50%; margin:15px 0 0 -20px;}

.content .btn_more a{ width:120px; height:40px; display:block; background:url(images/btn_more.png); cursor:pointer; z-index: 20;}
	.content .btn_more a:hover{ background-position:0 -40px;}
.content .btn_more { color:#7a7357;}


.btn_pre a,.btn_next a{ width:64px; height:54px; display:block; position:fixed; top:300px;
	cursor:pointer; background:url(images/btn_page.png); z-index: 20;}
	.btn_pre a{ left:20px;}.btn_pre a:hover{ left:18px;}
	.btn_next a{ right:20px; background-position:-64px 0;}.btn_next a:hover{ right:18px;}


.showweb{ width:980px; height:505px; display:block; background:url(images/computer.jpg); background-repeat: no-repeat;}
.showweb .titleright{ width:340px; height:300px; display:block;  margin: 0 0 0 640px; }
.showweb .empty{ width:340px; height:100px; display:block;}
.showweb iframe{ position: absolute; margin: 24px 0 0 24px;}

.showbanner{ width:980px; height:auto; display:block;}
.showbanner .titleright{ width:340px; height:500px; display:block;  margin: 0 0 0 640px; }
.showbanner .empty{ width:340px; height:100px; display:block;}
.showbanner img{ position: absolute; margin: 24px 0 0 24px;}

.showmobile{ width:980px; height:auto; display:block;}
.showmobile .titleright{ width:340px; height:300px; display:block;  margin: 0 0 0 640px; }
.showmobile .empty{ width:340px; height:100px; display:block;}
.showmobile iframe{ position: absolute; margin: 24px 0 0 24px;}



body{overflow-x:hidden;/*X軸卷軸*/
 overflow-y:auto;/*Y軸卷軸*/
 position:relative;/*fix ie7 overflow*/}