@charset "utf-8";
/*	==========================================	*/

	/* font-size */
	.font-small { font-size:10pt; }
	.font-xsmall { font-size:11pt; }
	.font-normal { font-size:12pt; }
	.font-xnormal { font-size:13pt; }
	.font-middle { font-size:14pt; }
	.font-xmiddle { font-size:15pt; }
	.font-large { font-size:16pt; }
	.font-larger { font-size:18pt; }
	.font-largest { font-size:20pt; }
	.font-xlargest { font-size:22pt; }
	.font-xxlargest { font-size:24pt; }
	.font-xxxlargest { font-size:26pt; }
	.font-xl { font-size:30pt; }
	.font-xxl { font-size:40pt; }
	.font-xxxl { font-size:50pt; }
	.font-xxxxxl { font-size:60pt; }
	
	/* font-weight  */
	.font-lighter { font-weight:lighter; }
	.font-bolder { font-weight:bolder; }
	.font-bold { font-weight:bold; }
	.font-boldnone { font-weight:normal; }
	
	/* font-decoration */
	.font-decoration,
	.font-decoration:hover { text-decoration:underline; }
	
	/* font-color */
	.text-white,
	.text-white a { color:#FFF; }
	.text-black,
	.text-black a { color:#000; }
	a.text-blue,
	.text-blue,
	.text-blue a { color:#1769b4; }
	.text-gray,
	.text-gray a { color:#959595; }	
	.text-gray,
	.text-dkgray a { color:#333333; }
	.text-orange,
	.text-orange a { color:#F18A13; }

	/*  font-wordspacing */
	.word-spacing-1 { word-spacing:1px; }
	.word-spacing-2 { word-spacing:2px; }
	.word-spacing-3 { word-spacing:3px; }
	.word-spacing-4 { word-spacing:4px; }
	.word-spacing-5 { word-spacing:5px; }
	.word-spacing-6 { word-spacing:6px; }

	/* font-letterspacing */
	.letter-spacing-none { letter-spacing:initial; }
	.letter-spacing-1 { letter-spacing:1px; }
	.letter-spacing-2 { letter-spacing:2px; }
	.letter-spacing-3 { letter-spacing:3px; }
	.letter-spacing-4 { letter-spacing:4px; }
	.letter-spacing-5 { letter-spacing:5px; }
	.letter-spacing-6 { letter-spacing:6px; }
	.letter-spacing-10 { letter-spacing:10px; }
	
	.letter-spacing-48 { letter-spacing:48px; }
	
	/* font-lineheight */
	.line-height-1-5 { line-height:1.5; }
	.line-height-2 { line-height:2; }
	
	/* font-family */
	/*.font-pacifico { font-family: 'Pacifico', cursive; }*/
	
	/*  text-indent  */
	/*.text-indent-23 { text-indent: -23px;}*/
	
/*	==========================================	*/
	
	/*	bg	*/
	.bg-white { background-color:#fff;}
	.bg-black { background-color:#000;}
	.bg-orange { background-color:#F18A13; }

	
/*	==========================================	*/

	/*	btn	*/
	.viewbtn { display: inline-block; padding:3px 20px; border-radius:5px;
		background: rgb(194,194,194);
		background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(77,77,77,1) 65%);
		background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(77,77,77,1) 65%);
		background: linear-gradient(to bottom, rgba(194,194,194,1) 0%,rgba(77,77,77,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#4d4d4d',GradientType=0 );	
	}
	.browsebtn { display: inline-block; padding:5px 20px; border-radius:5px;
		background: rgb(192,226,216);
		background: -moz-linear-gradient(top, rgba(192,226,216,1) 0%, rgba(0,165,153,1) 65%);
		background: -webkit-linear-gradient(top, rgba(192,226,216,1) 0%,rgba(0,165,153,1) 65%);
		background: linear-gradient(to bottom, rgba(192,226,216,1) 0%,rgba(0,165,153,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e2d8', endColorstr='#00a599',GradientType=0 );		
	}
	.downloadbtn { display: inline-block; padding:5px 20px; border-radius:5px;
		background: rgb(194,194,194);
		background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(77,77,77,1) 65%);
		background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(77,77,77,1) 65%);
		background: linear-gradient(to bottom, rgba(194,194,194,1) 0%,rgba(77,77,77,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#4d4d4d',GradientType=0 );			
	}
	
	
	/* class-menu */
	.classbtnbox { padding:10px 0; text-align:center; }
	.class-menubtn { color:#d4d4d4; font-size:25pt; }
	.class-closebtn { display:none; color:#d4d4d4; font-size:25pt; }
	.classbtnbox.active .class-menubtn { display:none; }
	.classbtnbox.active .class-closebtn { display:block; }
	/*
	.class { max-height:0; overflow:hidden;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}	
	.class.active { max-height:1000px; }
	*/
/*	==========================================	*/

	/*	display	*/
	.blocknone { display:none;}
	.block { display:block;}
	.inlineblock { display:inline-block;}
	.inlineblock-full { display:inline-block; width:100%; }
	
	/*	box	*/
	.box-small { width:600px; margin:0 auto;}
	
/*	==========================================	*/

	/*	dialog*/
	#dialog-message { position:initial;}
	
/*	==========================================	*/
	.btn { display:inline-block; border:0; border-radius:3px; color:#FFF; padding:8px 16px;}
	.btn-primary {
		
		background: rgb(167,212,255);
		background: -moz-linear-gradient(top, rgba(167,212,255,1) 0%, rgba(23,105,180,1) 65%);
		background: -webkit-linear-gradient(top, rgba(167,212,255,1) 0%,rgba(23,105,180,1) 65%);
		background: linear-gradient(to bottom, rgba(167,212,255,1) 0%,rgba(23,105,180,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d4ff', endColorstr='#1769b4',GradientType=0 );
	}
	/*	text-align	*/
	.text-center { text-align:center;}
	.text-left {text-align:left;}
	.text-right {text-align:right;}
	.text-justify { text-align:justify;}
	.break-all { word-break:break-all;}
	
/*	==========================================	*/

/*	CSS3 Loading	*/
	.nodata { padding:15px; margin:15px auto; color:#F00;}
	.loadingbox { width:100%; height:100%; left:0; top:0; z-index:9999; position:fixed; /*background:url(../images/loading.gif1) center no-repeat ;*/ background:rgba(0,0,0,0.5); text-align:center; display:none;}
	.loadingbox:before { content:""; display:inline-block; height:100%; vertical-align:middle;}
	.loadingalign { vertical-align:middle; display:inline-block;}
	.spinner { margin: 100px auto 0; width: 70px; text-align: center;}
	.spinner > div { width: 18px; height: 18px; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
	.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
	.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
	@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
	@keyframes sk-bouncedelay { 0%, 80%, 100% {    -webkit-transform: scale(0);   transform: scale(0); } 40% {    -webkit-transform: scale(1.0);   transform: scale(1.0); }}
/*	==========================================	*/

	/*	h-tag	 */
	.title-sub { width:150px; margin:20px 0; display:inline-block; text-align:center; }
	.title-sub:before { content:""; position:absolute; left:59px; top:25px; width:33px; border-bottom:3px solid #2b0b00; }
	
	
	.title-sub-2 { margin-bottom:15px; padding:15px 25px; border: 1px solid #fff; letter-spacing:2px;}
	.news-sub { padding-bottom:15px; border-bottom:1px solid #000;}
	
/*	==========================================	*/
	
/*	form	*/
	.label-control { font-size:12pt; color:#000; float:left; width:130px; margin-right:10px; padding-top:13px;}
	.select-control { font-size:12pt; color:#4d4d4d; height:32px; border-radius:3px; border:1px solid #d0d0d0; background-color:#fff;  padding:4px 15px; margin:8px 0; width:100%; box-sizing:border-box; }
	.form-control { font-size:12pt; color:#4d4d4d; height:32px; border-radius:3px; border:1px solid #d0d0d0; background-color:#fff;  padding:8px 15px; margin:8px 0; width:auto; box-sizing:border-box; }
	select.form-control { padding:0 15px;}
	.hint-txt { font-size:12px; color:#F00;}
	.formlicontent,
	.formliinput { display:inline-block;}
	.formlicontent { width:100px; text-align:justify;}
	.form-code { width:10px;}
	.textarea-control{ font-size:12pt; color:#4d4d4d; padding:8px 15px; border-radius:3px; margin:8px 0; width:100%; min-height:158px; background-color:#fff; border:1px solid #d0d0d0; resize:none; box-sizing:border-box; }
	.code-control { border-radius:3px;  border:1px solid #d0d0d0;  padding:8px 15px; margin:5px 0; margin-right:15px; width:150px; box-sizing:border-box; }
	.radio-control { margin:10px; color:#4d4d4d; width:15px; height:15px; }
	.label-control.label-gender { padding-top:8px; }


	.formbox { width: 100%; padding:0 0 5px 0; }
	.inputblock { width:80%; float:left;}
	
	.table-10 { width:10%;}
	.table-15 { width:15%;}
	.table-20 { width:20%;}
	.table-30 { width:30%;}	
	.table-40 { width:40%;}
	.table-45 { width:45%;}
	.table-50 { width:50%;}
	.table-100 { width:100%;}
	
	/* check */
	.form-check { display: none; }
	.form-check + label {  position: relative; display: inline-block; cursor: pointer; vertical-align: middle; }
	.form-check + label:before { content:" "; position:absolute; left:0; top:-11px; border: 1px solid #d0d0d0;  width:18px; height:18px; }
	.form-check + label:after { content:"✔"; display:none; position: absolute; top:-11px; left: 4px; font-size:12pt; color:#000; }
	.form-check:checked + label:after { display: block; }	
	
	/* check */	
	.form-radio { display: none; }
	.form-radio + label {  position: relative; display: inline-block; cursor: pointer; vertical-align: middle; padding-right:20px; }
	.form-radio + label:before { content:" "; position:absolute; left: 5px; top:-7px; border: 1px solid #b7b7b7; border-radius:50px; width:14px; height:14px; }
	.form-radio + label:after { content:""; position: absolute; display: none; top:-6px;  left: 6px; border: 5px solid #2482e2; border-radius:50px; width:5px; height:5px; }
	.form-radio:checked + label:after { display: block; }	
/*	==========================================	*/

/*	border	*/
	.border-all { border:1px solid #e4e4e4;}
	.border-bottom {  border-bottom: 1px dotted #959595; }
	.border-left { border-left:1px solid #808080;}
	.subject-bline { border-bottom:1px solid #eeeae9;}
	.groupline-right { border-right:1px solid #808080;}
	.groupline-right:last-child { border:0;}
	.border-darkgray { border:1px solid #CCC;}
	.border-radius-50 { border-radius:50px}
/*	==========================================	*/
	
/*	v-margin,v-padding,v-align	*/
	.v-padding-15 { padding:15px 0;}
	.v-margin-15 { margin:15px auto;}
	.v-margin-40 { margin:40px auto;}
	.valign-middle:before { content:""; height:100%; vertical-align:middle; display:inline-block; }
	.valign-middle { vertical-align:middle; display:inline-block; }
	.vertical-bottom { vertical-align:bottom;}
	.inline-block { display:inline-block;}
	.abs-bottom { position:absolute; bottom:0; left:0; width:100%;}
	.abs { position:absolute; }
	.abs-block { width:100%; }
	.abs-lb { position:absolute; left:0; bottom:0;}
	.abs-rb { position:absolute; right:0; bottom:0;}
/*	table	*/
	.tb-cell { display:table-cell; vertical-align:middle;}
	.tb-box-50 { /*display:table-row;*/ height:50%; width:100%; position:relative;}

	.table-row:before {  content: "";  height: 100%;  display: inline-block; vertical-align: middle; }
	.table-col { display: inline-block;  vertical-align: middle;}
	
	.table-10 { width:10%; }	
	.table-15 { width:15%; }
	.table-20 { width:20%; }
	.table-25 { width:25%; }	
	.table-30 { width:30%; }
	.table-40 { width:40%; }

	/*.rwdmember-sub:before { content:attr(data-sub); display:inline-block; margin:0 10px;}*/
/*	==========================================	*/

	/*	cols	*/
	.cols-box { width:100%; }
	.cols-per-10 { float:left; width:10%; }
	.cols-per-12 { float:left; width:12%; }
	.cols-per-15 { float:left; width:15%; }
	.cols-per-20 { float:left; width:20%; }
	.cols-per-22 { float:left; width:22%; }
	.cols-per-23 { float:left; width:23%; }
	.cols-per-25 { float:left; width:25%; }
	.cols-per-30 { float:left; width:30%; }
	.cols-per-32 { float:left; width:32%; }
	.cols-per-33 { float:left; width:33%; }
	.cols-per-34 { float:left; width:34%; }
	.cols-per-35 { float:left; width:35%; }
	.cols-per-40 { float:left; width:40%; }		
	.cols-per-41 { float:left; width:41%; }
	.cols-per-44 { float:left; width:44%; }
	.cols-per-45 { float:left; width:45%; }	
	.cols-per-48 { float:left; width:48%; }	
	.cols-per-49 { float:left; width:49%; }
	.cols-per-50 { float:left; width:50%; }
	.cols-per-55 { float:left; width:55%; }
	.cols-per-52 { float:left; width:52%; }
	.cols-per-60 { float:left; width:60%; }
	.cols-per-63 { float:left; width:63%; }
	.cols-per-65 { float:left; width:65%; }
	.cols-per-70 { float:left; width:70%; }
	.cols-per-75 { float:left; width:75%; }
	.cols-per-77 { float:left; width:77%; }
	.cols-per-78 { float:left; width:78%; }
	.cols-per-80 { float:left; width:80%; }
	.cols-per-85 { float:left; width:85%; }
	.cols-per-88 { float:left; width:88%; }
	.cols-per-90 { float:left; width:90%; }
	
	/*	table	*/
	.table-box { display:table; width:100%;}
	.table-h100 { height:100%;}
	.table-per-100 { display:table-cell; width:100%; vertical-align:middle; }
	.table-per-70 { display:table-cell; width:70%; vertical-align:middle; }
	.table-per-60 { display:table-cell; width:60%; vertical-align:middle; }
	.table-per-55 { display:table-cell; width:55%; vertical-align:middle; }
	.table-per-50 { display:table-cell; width:50%; vertical-align:middle; }
	.table-per-45 { display:table-cell; width:45%; vertical-align:middle; }
	.table-per-40 { display:table-cell; width:40%; vertical-align:middle; }
	.table-per-30 { display:table-cell; width:30%; vertical-align:middle; }

/*	==========================================	*/
	
/*	float-box	*/
	.float-left { float:left;}
	.float-right{ float:right;}
	.margin-auto { margin:0 auto;}
	
	.padding-l-140 { padding:0 140px 0 0;}
	.padding-l-100 { padding:0 100px 0 0;}
	.padding-lr-80 { padding:0 80px; }	
	.padding-r-80 { padding:0 0 0 80px;} 	
	.margin-t-60 { margin:60px 0 0 0; }
	.margin-b-60 { margin:0 0 60px 0; }
	.margin-t-60 { margin:60px 0 0 0; }
	.padding-t-50 { padding:50px 0 0 0; }
	.margin-tb-50 { padding:50px 0; }
	.padding-tb-50 { padding:50px 0; }
	.padding-r-50 { padding:0 0 0 50px; }
	.padding-b-50 { padding:0 0 50px 0; }
	
	.margin-full-40 { margin:40px; }
	.margin-tb-40 { margin:40px 0; }
	.margin-lr-40 { margin:0 40px; }
	.margin-l-40 { margin:0 40px 0 0; }
	.margin-r-40 { margin:0 0 0 40px; }
	.margin-b-40 { margin:0 0 40px 0; }
	.margin-t-40 { margin:40px 0 0 0; }
		
	.padding-full-30 { padding:30px; }
	.padding-tb-30 { padding:30px 0; }
	.padding-lr-30 { padding:0 30px; }
	.padding-l-30 { padding:0 30px 0 0; }
	.padding-r-30 { padding:0 0 0 30px; }
	.padding-b-30 { padding:0 0 30px 0; }
	.padding-t-30 { padding:30px0 0 0; }
	
	.margin-full-30 { margin:30px; }
	.margin-tb-30 { margin:30px 0; }
	.margin-lr-30 { margin:0 30px; }
	.margin-l-30 { margin:0 30px 0 0; }
	.margin-r-30 { margin:0 0 0 30px; }
	.margin-b-30 { margin:0 0 30px 0; }
	.margin-t-30 { margin:30px 0 0 0; }
	
	.padding-full-20 { padding:20px; }
	.padding-tb-20 { padding:20px 0; }
	.padding-lr-20 { padding:0 20px; }
	.padding-l-20 { padding:0 20px 0 0; }
	.padding-r-20 { padding:0 0 0 20px; }
	.padding-b-20 { padding:0 0 20px 0; }
	.padding-t-20 { padding:20px 0 0 0; }
	
	.margin-full-20 { margin:20px; }
	.margin-tb-20 { margin:20px 0; }
	.margin-lr-20 { margin:0 20px; }
	.margin-l-20 { margin:0 20px 0 0; }
	.margin-r-20 { margin:0 0 0 20px; }
	.margin-b-20 { margin:0 0 20px 0; }
	.margin-t-20 { margin:20px 0 0 0; }
	
	.padding-full-15 { padding:15px; }
	.padding-tb-15 { padding:15px 0; }
	.padding-lr-15 { padding:0 15px; }
	.padding-l-15 { padding:0 15px 0 0; }
	.padding-r-15 { padding:0 0 0 15px; }
	.padding-b-15 { padding:0 0 15px 0; }
	.padding-t-15 { padding:15px 0 0 0; }
	
	.margin-full-15 { margin:15px; }
	.margin-tb-15 { margin:15px 0; }
	.margin-lr-15 { margin:0 15px;}
	.margin-l-15 { margin:0 15px 0 0; }
	.margin-r-15 { margin:0 0 0 15px; }
	.margin-b-15 { margin:0 0 15px 0; }
	.margin-t-15 { margin:15px 0 0 0; }
	
	.margin-full-10 { margin:10px; }
	.margin-tb-10 { margin:10px 0; }
	.margin-lr-10 { margin:0 10px; }
	.margin-l-10 { margin:0 10px 0 0; }
	.margin-r-10 { margin:0 0 0 10px; }
	.margin-b-10 { margin:0 0 10px 0; }
	.margin-t-10 { margin:10px 0 0 0; }
	
	.padding-full-10 { padding:10px; }
	.padding-tb-10 { padding:10px 0; }
	.padding-lr-10 { padding:0 10px; }
	.padding-l-10 { padding:0 10px 0 0; }
	.padding-r-10 { padding:0 0 0 10px; }
	.padding-b-10 { padding:0 0 10px 0; }
	.padding-t-10 { padding:10px 0 0 0; }
	
	.padding-full-5 { padding:5px; }
	.padding-tb-5 { padding:5px 0; }
	.padding-lr-5 { padding:0 5px; }
	.padding-l-5 { padding:0 5px 0 0; }
	.padding-r-5 { padding:0 0 0 5px; }
	.padding-b-5 { padding:0 0 5px 0 ; }
	.padding-t-5 { padding:5px 0 0 0 ; }
	
	.margin-full-5 { margin:5px; }
	.margin-tb-5 { margin:5px 0; }
	.margin-lr-5 { margin:0 5px; }
	.margin-l-5 { margin:0 5px 0 0; }
	.margin-r-5 { margin:0 0 0 5px; }
	.margin-b-5 { margin:0 0 5px 0; }
	.margin-t-5 { margin:5px 0 0 0; }
	
	.nopadding { padding:0; }
	.nomargin { margin:0; }
	.outline-dashed { position:relative; padding-bottom:15px;}
	.outline-dashed:before { content:""; border-bottom:1.5px dashed #0F82C5; display:block; width:185%; position:absolute; bottom:0; left:-100%;}
	.outline-dashed.insideimg:after { content:""; width:95px; height:56px; background:url(../images/index/btm_02.png) center no-repeat; display:block; position:absolute; bottom:0; left:-90%;
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease;	}
	.outline-dashed.insideimg.in:after { left:85%;
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease;	}

/*	==========================================	*/

	/* 頁碼 */

	.cookiebox { margin:10px 0; padding:0 15px;}
	.cookie li { float:left; }
	.cookie a,.cookie { color:#270d00; font-size:10pt; font-weight:700; }
	.cookie li:after { content:"/"; padding:0 3px; display:inline-block; }
	.cookie li:last-child:after  { content:"";}
	.cookie li.active a,.cookie li:hover a { color:#270d00;}

	.pager { text-align:center; margin:25px 0;}
	.pager a { display:block; padding:2px 7px; color:#000; font-size:10pt; font-weight:bold; line-height:20px; border-radius:3px; }
	.pager li { display:inline-block; margin:0 2px; color:#979797; }
	.pager li:hover a,.pager li.active a { color:#fff; background-color:#ffa600; }
	
/*	==========================================	*/

	/* overflowhidden  */
	
	.overflow-hidden-49 { overflow:hidden; height:49px; }
	.overflow-hidden-60 { overflow:hidden; height:60px; }
	.overflow-hidden-70 { overflow:hidden; height:70px; }
	.overflow-hidden-80 { overflow:hidden; height:80px; }
	.overflow-hidden-gray109 { overflow:hidden; height:109px; }
	.overflow-hidden-gray150 { overflow:hidden; height:150px; }
	[class*="overflow-hidden-"]:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:20%;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
	}
	[class*="overflow-hidden-gray"]:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:20%;
		background: -moz-linear-gradient(top,  rgba(242,242,242,0) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 66%,rgba(242,242,242,1) 100%);
		background: linear-gradient(to bottom,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 66%,rgba(242,242,242,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 );
	}

/*	==========================================	*/

	/* 效果 */
	
	/* 左右兩邊圖片飛進 文字顯現 */
	.fadin-list li img { opacity: 0; margin-left:-100px; }
	.fadin-list li:nth-child(even) img { opacity: 0; margin-left:100px;}
	
	.fadin-list li.active img { opacity: 1; margin-left:0;
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease; 		
	}	

	.fadin-list li .opabox { opacity: 0; }
	.fadin-list li.active .opabox { opacity:1;
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease; 
	}

	/* keyframes  */
	
	/* 搖擺 */
	.swing:hover ,.swing.active {
		-webkit-animation:swinghover 10s ease-in-out 0s infinite;
    -moz-animation:swinghover 10s ease-in-out 0s infinite;
    animation:swinghover 10s ease-in-out 0s infinite;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    transform-origin:50% 100%;
	}	
	@-webkit-keyframes swinghover{
    0% { -webkit-transform: rotate(0) scale(1);}
    5% { -webkit-transform: rotate(10deg);}
    10% { -webkit-transform: rotate(-9deg);}
    15% { -webkit-transform: rotate(8deg); }
    20% { -webkit-transform: rotate(-7deg); }
    25% { -webkit-transform: rotate(6deg); }
    30% { -webkit-transform: rotate(-5deg); }
    35% { -webkit-transform: rotate(4deg); }
    40% { -webkit-transform: rotate(-3deg); }
    45% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(0); } 
	}	
	
	/* 跳動 上下 */
	.jumping { position: relative;
		-webkit-animation:jumping 1.2s ease-in-out 0s infinite;
    -moz-animation:jumping 1.2s ease-in-out 0s infinite;
    animation:jumping 1.2s ease-in-out 0s infinite;
	}
	@-webkit-keyframes jumping{
	  0%{ top:-2px; }
	  50%{ top:1px; }
	  100%{top:-2px; }
	}
	
	/* 跳動 上下 */
	.swaying img {
		-webkit-animation:swaying 1s ease-in-out 0s infinite;
    -moz-animation:swaying 1s ease-in-out 0s infinite;
    animation:swaying 1s ease-in-out 0s infinite;
	}
	@-webkit-keyframes swaying{
	  0%{ right:2px; }
	  50%{ right:1px; }
	  100%{right:0; }
	}	
	
	/* 放大縮小 */
	li .zooming {
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;		
	}
	li:hover .zooming {
						-webkit-transform:scale(1.2);
							 -moz-transform:scale(1.2);
								-ms-transform:scale(1.2);
								 -o-transform:scale(1.2);
									  transform:scale(1.2);
							transform-origin: 50% 50%;
	
/*	==========================================	*/