@charset "UTF-8";
/*(@)peng*/
html, body { height: 100%; }
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; list-style-type: 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; }
body { background:#222; margin:0 ;font-size: 14px; font-family: 微軟正黑體,'Microsoft JhengHei',Verdana, Arial, Helvetica,'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif; }

/*清除浮動*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
a { outline: none; /* for Firefox */ hlbr: expression(this.onFocus=this.blur()); /* for IE */ cursor: pointer; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
/*共用設定*/
.fl{ float:left;}
.fr{ float:right;}
.cor1{ color:#ff9600;}
.cor2{ color:#F00;}
.cor3{ color:#FFF;}
.marB{ margin-bottom:20px;}
.marB30{ margin-bottom:30px;}
.cnt{ text-align:center;}

/*header*/
.header{width:980px;height:85px; margin:0 auto; padding-top:8px;}
/*主視覺*/
.slideBox{background:#484747; height:356px;}
.picBox {width:980px;height:356px;position:relative; margin:0 auto;}
#slides{top:15px;left:4px;z-index:100;}
#slides .prev {background:url(../img/ind/nextBg.gif) no-repeat;width: 16px;height: 31px;text-indent:-2000px;display: block;position:absolute; left: 8px;
top: 160px; z-index:100 }
#slides .prev:hover { background-position: 0 -34px}
#slides .next {background: url(../img/ind/nextBg.gif) no-repeat 0 -69px;width: 16px;height: 31px;text-indent: -2000px;display: block; position:absolute; right: 8px;
top: 160px; z-index:100 }
#slides .next:hover {background-position: 0 -105px}
#slides .next:focus,#slides .prev:focus { outline:0; }
.slidesCon {width:980px;height:356px;overflow:hidden;position:relative;}
.slidesCon li { width:240px;}
	.slidesCon li span { display:block; line-height:26px;}
		.slidesCon li span a {color:#599100; text-decoration:none}
	.pagination { display:none;}

/*page1_主體內容*/
.fousBox,.fileKnowBox{width:870px; background: #333;padding:45px 55px;color:#878686;margin: 0 auto;}
.txtBox{width:450px; height:950px; float:left; text-align:justify;}
	.txtBox h1{color:#00a9ff; font-size:18px; margin-bottom:20px; border-bottom:1px solid #878686; padding-bottom:20px;}
	.txt{fonti-size:14px;color:#878686;line-height:24px;margin-bottom:30px;}
.mgBox{width:330px;float:right;}
	.imgCon{width:330px;float: right;margin-bottom:20px;}
/*footer*/	
.footer{background:#a30a10;height:70px; color:#FFF;}
	.footer a{ text-decoration:none;}
	.linkBox{width:980px; height:45px;margin: 0 auto; padding-top:25px;}
	.addBox{border-right:1px solid #FFF; padding-right: 10px;float: left;margin-right: 10px;color: #fff; position:relative;  display:block;}
		.addA,.addB,.addC,.addD{ width:255px; background:#000; color:#fff; box-shadow:#000; padding:15px; display:none;position:absolute;top:-154px; left:-100px; line-height: 24px;z-index:9999; border-radius:3px;}
		.addC{ top:-106px; left:-112px; width:270px;}
		.addD{left:-95px;}
		/*箭頭*/
		.arrA,.arrB,.arrD{ width: 90px; height: 18px; background: url(../img/ind/icon.png)no-repeat 20px 9px; display:none;position:absolute; top: -13px; left: 0px;z-index:9999;}
		.arrB{ left:-8px;} 
		.addBox:hover > .addA,.addBox:hover > .arrA,.addBox:hover > .addB,.addBox:hover > .arrB,.addBox:hover > .addC,.addBox:hover > .addD,.addBox:hover > .arrD{ display:block;}	
/*作品呈現*/
.imgBox{width:280px; height:215px; background:#96C; margin-right:10px; position:relative;}
	.imgTxt{ width: 240px; height: 175px; background:#000; opacity: 0.8; position:absolute; display:none;z-index:1; top: 0px; font-size: 16px; padding: 20px;}
	.imgBox:hover .imgTxt{ display:block;}
	.imgTit{color:#ff9600;line-height: 340px;float: left;}
.number a{ text-align: center; color:#FFF; font-size:20px; text-decoration:none; margin-right:10px;}
.number a:hover{ color:#ff9600;}
/*製稿須知:加工製作關鍵語*/
.fileKnowBox h1{font-size:30px; color:#00a9ff; border-left: 5px solid #00a9ff; padding: 0 0 0 5px; font-weight: bold;margin-bottom: 35px;}	
.fileKnowBox h2{font-size:20px; color:#00a9ff; font-weight:bold;margin-bottom: 15px;}	
.fileKnowBox p {color:#fff;margin-bottom: 15px; line-height: 22px; width: 875px;}

/*選單*/
.nav{float:left; position: relative; line-height:45px;color: #FFF;  z-index:9999;width:800px;margin-top:10px;}
.nav *{text-decoration:none;font-size:9pt;}
.nav a{text-decoration:none; color:#fff;}
.nav li{float:right;border-top:3px solid #fff;position:relative;width:120px;text-align: center; margin-right:5px;}
.nav li:hover {text-decoration:none; border-top:3px solid #00a9ff;}
.nav li a{font-size:16px;}
.nav li a:focus{ -moz-outline-style:none;}
.nav li .sub-nav{position:absolute;	top:39px;left:-1px;list-style:none;	background-color:#333;display:none;}
.nav li .sub-nav li{text-align:center;clear:left;width:122px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;	padding:0;display:inline-block; font-size:14px;}

/*點我下載*/
.quoteUse{ width:820px; height:1159px; display:block; background: #f00; position: relative;}
.clickMe{background: url(../img/ind/icon.png) no-repeat 0 -98px; width:145px; height:53px; position: absolute; display:none; z-index: 1;left:740px;top: 380px;}
.quoteUse:hover .clickMe{display:block;}
/*FB*/
.fb{width: 20px;height:20px; background:url(../img/ind/icon.png)no-repeat 0 -9px;}
/*關於巧展*/
.aboutCjBox{width:870px;height:630px; background: #333;padding:45px 55px;color:#878686;margin: 0 auto;}
.infoBox{margin-right:10px;}
.gear{background:url(../img/ind/icon.png) no-repeat 0 -151px ;width:261px; height:413px; margin:70px 15px 0 10px;}
.infoTxtCon{width: 250px; padding: 15px; color:#FFF; margin-bottom:20px; border:1px solid #333;}
	.infoTxtCon h1{border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px;font-size:20px;}
	.infoTxtCon p {color:#fff;line-height: 24px; text-decoration:none;}
	.infoTxtCon a { color:#ff9600; text-decoration:none;}
.infoTxtCon:hover{background:#424141;border-radius:10px; border:1px solid #ccc;}	
/*活動頁*/
.saleIcon{ background: url(../img/ind/icon.png) no-repeat 0 -29px; width:23px; height:14px;margin: 3px 3px 0 0; }
.salePage,.cjBook{ color:#FFF;margin-right:10px; padding-right:8px; text-decoration:none; border-right:1px solid #fff;}
.salePage:hover,.cjBook:hover{color:#FF0; text-decoration:none;}
/*我們的服務*/
#wrapper {position: absolute; width:870px;}
#carousel {width: 735px;position:vrelative;	height: 450px;}
#carousel ul {list-style: none;	display: block;margin: 0;padding:0 10px;}
.imgBox{ background:#060;}
#carousel .imgBox {width:233px; height:430px; margin-right:20px;float: left;position:relative;background: #fff; padding:20px 24px 40px 20px; left:-10px;}
#carousel .imgBox img {height:400px;}
.clearfix {float: none;clear: both;}
#carousel .prev, #carousel .next {background: url(../img/ind/nextBg.gif)  no-repeat;width: 16px;height: 31px;text-indent: -999px;display: block;overflow: hidden;
	margin-left:-15px;position: absolute;top:200px;}
#carousel .prev {background-position: 0 0;left: -30px;}
#carousel .next {background-position: 0 -69px;right: -45px;}
#source {text-align: center;width: 100%;position: absolute;	bottom: 10px;left: 0;}
#source, #source a {font-size: 12px;color: #999;}
#donate-spacer {height: 100%;}
#donate {border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;}
#donate p, #donate form {margin: 0;float: left;}
#donate p {width: 650px;}
#donate form {width: 100px;}
.imgBox a{background:#fff; color:#222;line-height:27px; font-size:16px; text-decoration:none;}
div .caroufredsel_wrapper{ height:455px!important;width:870px!important;}/*寫!important要跟前面樣式緊貼著*/