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

@import url(reset.css);

body{
	font-family:Arial, Helvetica, sans-serif;}

/*css3*/
a{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.noEase{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}
	
/*頁尾資訊*/
.footer{
	width: 100%;
	height: 42px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #000;
	font-size: 10px;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}

.footer .wrap{
	padding:0 10px;
	width:980px;
	margin:0 auto;}

.footer .fbBox{
	float:left;}

h5.copyright{/*copyright文字*/
	float:left;
	padding-top:10px;
	width:47%;
	font-weight:normal;
	font-size:11px;
	color:#898989;}

.translateIbest{
	float:right;
	padding-top:10px;
	width:122px;}

#google_translate_element{
	width:122px;}

.translateIbest .design{
	float:right;}

.translateIbest .design span{/*網頁設計‧烏普斯*/
	display: block;
	float: left;
	font-size:9pt;
	color: #898989;
	line-height: 20px;
	line-height: 23px\9;}

.translateIbest .design a{/*網頁設計‧烏普斯*/
	color: #898989;
	text-decoration: none;}
	
.translateIbest .design a:hover{
	text-decoration: underline;}

.translateIbest .design a.login{
	display: block;
	float: left;
	background: url(../images/lock.gif) no-repeat center 3px;
	text-indent: -10000px;
	height: 20px;
	width: 20px;}

/*********************/
/***********內頁************/
.topAreaIns{
	position:fixed;
	width:100%;
	height:65px;
	background:#5d4c27;
	box-shadow:0 3px 3px #cbcbcb;
	z-index:9999;}

.topAreaIns .wrap{
	width:940px;
	margin:0 auto;}

.topAreaIns h1{
	float:left;
	position:relative;}

.topAreaIns h1 a{
	display:block;
	background:url(../images/logo_ins.jpg) no-repeat;
	width:190px;
	height:65px;
	text-indent:-9999px;}

/*--↓靜態-menu--------------*/
ul.menuIns{
	float:left;
	padding-left:6px;
	position:relative;}

ul.menuIns li{
	float:left;}

ul.menuIns li a{
	display:block;
	width:92px;
	height:65px;
	text-indent:-9999px;}

ul.menuIns li a.menu01{
	background:url(../images/menu_ins/menu01.gif) no-repeat;}
ul.menuIns li a.menu02{
	background:url(../images/menu_ins/menu02.gif) no-repeat;}
ul.menuIns li a.menu03{
	background:url(../images/menu_ins/menu03.gif) no-repeat;}
ul.menuIns li a.menu04{
	background:url(../images/menu_ins/menu04.gif) no-repeat;}
ul.menuIns li a.menu05{
	background:url(../images/menu_ins/menu05.gif) no-repeat;}
ul.menuIns li a.menu06{
	background:url(../images/menu_ins/menu06.gif) no-repeat;}
ul.menuIns li a.menu07{
	background:url(../images/menu_ins/menu07.gif) no-repeat;}
ul.menuIns li a.menu08{
	background:url(../images/menu_ins/menu08.gif) no-repeat;}

.mainArea{
	clear:both;
	padding-top:65px;
	background:url(../images/bg_ins.jpg) repeat-x center 65px;
	min-height:500px;}

.mainArea .wrap{
	width:940px;
	margin:0 auto;
	padding-bottom:80px;}

.sectionTitle{
	padding-top:30px;
	border-bottom:1px solid #d9d9d9;}

ul.classLink{
	float:right;
	padding-right:8px;
	padding-top:70px;}

ul.classLink li{
	float:left;
	margin-right:1px;
	padding-left:10px;
	background:url(../images/class_before.png) no-repeat;
	height:25px;}

ul.classLink li b{
	display:block;
	padding-right:10px;
	background:url(../images/class_after.png) no-repeat right top;
	height:25px;
	font-weight:normal;
	line-height:25px;}

ul.classLink li b a{
	display:block;
	height:31px;
	line-height:25px;
	font-size:12px;
	color:#FFF;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

ul.classLink li.current{
	background:url(../images/class_before.png) no-repeat left bottom;}
ul.classLink li.current b{
	background:url(../images/class_after.png) no-repeat right bottom;}
ul.classLink li.current b a{
	background:url(../images/arrow.png) no-repeat center bottom;}

ul.classLink li:hover{
	background:url(../images/class_before.png) no-repeat left bottom;}
ul.classLink li:hover b{
	background:url(../images/class_after.png) no-repeat right bottom;}
ul.classLink li:hover a{
	background:url(../images/arrow.png) no-repeat center bottom;}
ul.classLink li:hover a.back{
	background:none;}

.bannerBox{
	height:400px;
	overflow:hidden;
	padding-top:25px;}

/*bx箭頭*/
.bannerBox .bx-prev{
	background:url(../images/bx_arrow_prev.png) !important;
	left:auto !important;
	right:25px;
	top:auto !important;
	bottom:0;
	width:25px !important;
	height:25px !important;}

.bannerBox .bx-next{
	background:url(../images/bx_arrow_next.png) !important;
	right:0 !important;
	top:auto !important;
	bottom:0;
	width:25px !important;
	height:25px !important;}

/*****intro文字編輯器*******/
.introBox{
	clear:both;
	padding:25px 20px;
	font-size:13px;
	color:#636363;
	line-height:1.8;
	text-align:justify;}

.introBox h3{
	font-family:微軟正黑體;
	font-weight:normal;
	font-size:26px;
	color:#a08653;}

.introBox ul{
	list-style:disc outside;
	padding-left:30px;}

.introBox ol{
	list-style:decimal outside;
	padding-left:30px;}

.introBox a{
	color:#06F;}

.introBox a:hover{
	text-decoration:underline;}

/******列表一******/
.mediaList{
	padding:40px 0 0 0;}

.mediaList li{
	float:left;
	margin:0 40px 40px 40px;}

.mediaList li .Img{
	float:left;
	width:110px;
	height:110px;
	padding-right:9px;
	position:relative;}

.mediaList li .Img a.movie-icon{
	display:block;
	background:url(../database/images/but-play.png) no-repeat;
	width:32px;
	height:32px;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-16px;
	margin-top:-16px;}

.mediaList li .Txt{
	float:left;
	width:270px;}

.mediaList li .Txt h3{
	font-size:17px;
	font-family:微軟正黑體;
	font-weight:normal;
	color:#8d7442;
	width:270px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.mediaList li .Txt h3 a{
	font-size:17px;
	font-family:微軟正黑體;
	color:#8d7442;}

.mediaList li .Txt h3 a:hover{
	color:#E7075B;}

.mediaList li .Txt p{
	padding-top:5px;
	font-size:13px;
	color:#4d4d4d;
	line-height:1.6;
	max-height:60px;
	overflow:hidden;}

.mediaList li .Txt b{
	display:block;
	padding-top:2px;
	font-size:12px;
	font-weight:normal;
	color:#868686;}

.mediaList li .Txt i{
	display:block;
	padding-top:2px;
	font-size:12px;
	font-style:normal;
	color:#868686;
	
	width:270px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.mediaList li .Txt i a{
	color:#06F;}
	
.mediaList li .Txt i a:hover{
	text-decoration:underline;}

/***分享按鈕****/
ul.shareBox{
	clear:both;
	text-align:right;
	
	padding:15px 8px;
	border-bottom:1px solid #d9d9d9;}

ul.shareBox li{
	display:inline-block;
	vertical-align:middle;}

ul.shareBox li a.btn_contact{
	display:block;
	background:url(../images/btn_contact.png) no-repeat;
	width:85px;
	height:24px;
	text-indent:-9999px;}

.insfooter{
	border-top:1px solid #d0d0d0;
	position:relative;
	bottom:auto;
	height:auto;}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}