@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}

#wrapper{
	margin:0px auto;
	padding:0px;
}

.main{
	margin:0px auto;
	padding:0px;
	width:100%;
}

.main_box{
	margin:0px auto;
	padding:0px;
	width:100%;
	overflow:hidden;
}

/*--------------------logo--------------------*/

.logo_box{
	width:100%;
    background:url(../images/bg04.png) repeat center top;	
	position:fixed;                                                /* 固定選單不滑動 */
}

.logo_box .logo_box_in{
	margin:0px auto;
	width:990px;
	height:150px;
	position:relative;                                             /* tag定位 */
	background:url(../images/logo02.png) repeat center top;
}

.logo_box_in .icon_00{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:191px;
	top:0px;
	width:510px;
	height:150px;
}

.logo_box_in .icon_01{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:772px;
	top:105px;
	width:69px;
	height:16px;
}

.logo_box_in .icon_02{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:852px;
	top:105px;
	width:64px;
	height:16px;
}

.logo_box_in .icon_03{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:926px;
	top:101px;
	width:24px;
	height:24px;
}

.logo_box_in .icon_04{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:956px;
	top:101px;
	width:24px;
	height:24px;
}

.logo_box_in .menu{
	position:absolute;                                             /* tag定位 */
	z-index:9;
	left:880px;
	top:140px;
	width:110px;
	height:410px;
	background:url(../images/menu_bg.png) no-repeat center top;
}

.logo_box_in .menu .menu_in{
	margin:0px auto;
	padding:0px;
	width:110px;
	height:410px;
}

.logo_box_in .menu .menu_in ul{
	list-style-type: none;
	margin:0;                                      /* 清除項目清單的外間距 */
	padding:0;                                     /* 清除項目清單的內間距 */
}
.logo_box_in .menu .menu_in li.m1 a{
	display: block;
	background: url(../images/m1.png);
	width: 100px;
	height: 54px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m1 a:hover{
	background: url(../images/m1.png);
	background-position: bottom;
}
.logo_box_in .menu .menu_in li.m2 a{
	display: block;
	background: url(../images/m2.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m2 a:hover{
	background: url(../images/m2.png);
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m3 a{
	display: block;
	background: url(../images/m3.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m3 a:hover{
	background: url(../images/m3.png);
	background-position: bottom;
}
.logo_box_in .menu .menu_in li.m4 a{
	display: block;
	background: url(../images/m4.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m4 a:hover{
	background: url(../images/m4.png);
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m5 a{
	display: block;
	background: url(../images/m5.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m5 a:hover{
	background: url(../images/m5.png);
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m6 a{
	display: block;
	background: url(../images/m6.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m6 a:hover{
	background: url(../images/m6.png);
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m7 a{
	display: block;
	background: url(../images/m7.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m7 a:hover{
	background: url(../images/m7.png);
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m8 a{
	display: block;
	background: url(../images/m8.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
}
.logo_box_in .menu .menu_in li.m8 a:hover{
	background: url(../images/m8.png);
	background-position: bottom;
}



.logo_box_in .menu .menu_in li.m1_over a{
	display: block;
	background: url(../images/m1.png);
    width: 100px;
	height: 54px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m2_over a{
	display: block;
	background: url(../images/m2.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m3_over a{
	display: block;
	background: url(../images/m3.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m4_over a{
	display: block;
	background: url(../images/m4.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m5_over a{
	display: block;
	background: url(../images/m5.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m6_over a{
	display: block;
	background: url(../images/m6.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m7_over a{
	display: block;
	background: url(../images/m7.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box_in .menu .menu_in li.m8_over a{
	display: block;
	background: url(../images/m8.png);
	width: 100px;
	height: 41px;
	text-indent: -9999px;
	background-position: bottom;
}

.logo_box .dot{
	width:100%;
	height:14px;
	background:url(../images/bg06.png) repeat center top;	
}


/*--------------------pic--------------------*/
.pic_box{
	width:100%;
	padding-top:164px;         /* fix原因，所以要往下推164px */
}

.pic_box_in{
	margin:0 auto;
    width:100%;
	height:525px;
	background:url(../images/spots/banner06.png) no-repeat center top;
}


.pic_box_in .aa{
	margin:0 auto;
	width:990px;
}

.pic_box .dot{
	width:100%;
	height:14px;
	background:url(../images/bg06.png) repeat center top;	
}




/*--------------------pic05--------------------*/
.pic05_box{
	width:100%;
	padding-top:164px;         /* fix原因，所以要往下推164px */
}

.pic05_box_in{
	margin:0 auto;
    width:100%;
	height:525px;
	background:url(../images/spots/banner05.png) no-repeat center top;
}


.pic05_box_in .aa{
	margin:0 auto;
	width:990px;
}

.pic05_box .dot{
	width:100%;
	height:14px;
	background:url(../images/bg06.png) repeat center top;	
}


/*--------------------pic07--------------------*/
.pic07_box{
	width:100%;
	padding-top:164px;         /* fix原因，所以要往下推164px */
}

.pic07_box_in{
	margin:0 auto;
    width:100%;
	height:525px;
	background:url(../images/spots/banner07.png) no-repeat center top;
}


.pic07_box_in .aa{
	margin:0 auto;
	width:990px;
}

.pic07_box .dot{
	width:100%;
	height:14px;
	background:url(../images/bg06.png) repeat center top;	
}




/*--------------------content--------------------*/

.content_box{
	width:100%;
    background:url(../images/bg07.png) repeat center top;	
}

.content_box_in{
	margin:0 auto;
	padding:35px;
	width:920px;
}

.content_box_in .con01{
	margin-bottom:70px;
}

.con01 .title01{
	margin-bottom:30px;
}

.con01 p{
	display:block;
	margin-bottom:40px;
	padding:10px;
    font-family: "微軟正黑體", "新細明體";
	font-size:14px;
	color:#333333;
	line-height:26px;
}

.con01 .imgimg{
	margin-bottom:10px;
}

.con01 .imgimg ul{
	list-style-type: none;
	margin:0;                                      /* 清除項目清單的外間距 */
	padding:0;                                     /* 清除項目清單的內間距 */
}

.con01 .imgimg li{
	float:left;
	padding-right:17px;                                    /* 圖片距離 */
}

.con01 .imgimg li.last{
	padding-right:0px;                                     /* 圖片距離 */
}




.content_box_in .con02{
	margin-bottom:0px;
}

.con02 .title01{
	margin-bottom:30px;
}

.con02 h1{
	margin-bottom:10px;
	display:block;
    font-family: "微軟正黑體", "新細明體";
	font-size:20px;
	color:#997620;
}

.con02 p{
	display:block;
    font-family: "微軟正黑體", "新細明體";
	font-size:14px;
	color:#333333;
	line-height:26px;
}

.con02 .imgimg{}

.con02 .imgimg .left{
	width:450px;
	float:left;
}

.con02 .imgimg .left .txt_box{
	padding:10px;
}


.con02 .imgimg .left .txt_box .txt{
	padding:0 10px;
	border-left: #eebe45 5px solid;
}



.con02 .imgimg .right{
	width:450px;
	float:right;
}

.con02 .imgimg .right .txt_box{
	padding:10px;
}


.con02 .imgimg .right .txt_box .txt{
	padding:0 10px;
	border-left: #eebe45 5px solid;
}






.content_box_in .con03{
	margin-bottom:70px;
}

.con03 .title01{
	margin-bottom:30px;
}

.con03 .video01{
	width:900px;
	height:490px;
	margin-bottom:20px;
	padding:30px 10px;
	background:url(../images/spots/img06_8.png) no-repeat center top;
}

.con03 p{
	display:block;
    font-family: "微軟正黑體", "新細明體";
	font-size:20px;
	color:#333333;
	line-height:26px;
}

.con03 .txt_box{
	margin-bottom:15px;

}


.con03 .txt_box .txt{

}





















/*--------------------footer--------------------*/

.footer_box{
	width:100%;
	height:30px;
    background:url(../images/bg05.jpg) repeat center top;
}

.footer{
	width:990px;
	margin:0 auto;
}

.footer p{
	font-family: Verdana, Geneva, sans-serif;
    color:#ffffff;
	font-size:11px;
	text-align:center;
	line-height:30px;
}