@charset "utf-8";

/*	==========================================	*/
	/* Default Setting */
	body.btmsite100,
	html.btmsite100 { height:100%; overflow:hidden;}
	.footerbox.btmsite{ position:fixed; bottom:0; width:100%; z-index:2001;}

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

	/* font-size */
	.font-10	{ font-size:10pt; }.font-11	{ font-size:11pt; }.font-12	{ font-size:12pt; }.font-13	{ font-size:13pt; }.font-14	{ font-size:14pt; }.font-15	{ font-size:15pt; }.font-16	{ font-size:16pt; }.font-17	{ font-size:17pt; }
	.font-18	{ font-size:18pt; }.font-19	{ font-size:19pt; }.font-20	{ font-size:20pt; }.font-21	{ font-size:21pt; }.font-22	{ font-size:22pt; }.font-23	{ font-size:23pt; }.font-24	{ font-size:24pt; }.font-25	{ font-size:25pt; }
	.font-26	{ font-size:26pt; }.font-27	{ font-size:27pt; }.font-28	{ font-size:28pt; }.font-29	{ font-size:29pt; }.font-30	{ font-size:30pt; }.font-31	{ font-size:31pt; }.font-32	{ font-size:32pt; }.font-33	{ font-size:33pt; }
	.font-34	{ font-size:34pt; }.font-35	{ font-size:35pt; }.font-36	{ font-size:36pt; }.font-37	{ font-size:37pt; }.font-38	{ font-size:38pt; }.font-39	{ font-size:39pt; }.font-40	{ font-size:40pt; }.font-41	{ font-size:41pt; }
	.font-42	{ font-size:42pt; }.font-43	{ font-size:43pt; }.font-44	{ font-size:44pt; }.font-45	{ font-size:45pt; }.font-46	{ font-size:46pt; }.font-47	{ font-size:47pt; }.font-48	{ font-size:48pt; }.font-49	{ font-size:49pt; }
	.font-50	{ font-size:50pt; }.font-51	{ font-size:51pt; }.font-52	{ font-size:52pt; }.font-53	{ font-size:53pt; }.font-54	{ font-size:54pt; }.font-55	{ font-size:55pt; }.font-56	{ font-size:56pt; }.font-57	{ font-size:57pt; }
	.font-58	{ font-size:58pt; }.font-59	{ font-size:59pt; }.font-60	{ font-size:60pt; }

	/* font-weight  */
	.font-lighter { font-weight:lighter; }
	.font-bolder { font-weight:bolder; }
	.font-bold { font-weight:bold; }
	.font-bold-init { font-weight:normal; }
	
	/* font-decoration */
	.font-decoration,
	.font-decoration:hover { text-decoration:underline; }
	
	/* font-color */
	.text-white,.text-white a,a.text-white { color:#fff; }
	.text-black,.text-black a,a.text-black { color:#000; }
	.text-gray,.text-gray a,a.text-gray { color:#cccccc; }
	.text-dkgray,.text-dkgray a,a.text-dkgray { color:#4d4d4d; }
	.text-dkpink,.text-dkpink a,a.text-dkpink { color:#ae293c; }
	.text-blue,.text-blue a,a.text-blue { color:#3c5484; }
	.text-green,.text-green a,a.text-green { color:#00cc19; }
	.text-red,.text-red a,a.text-red { color:#FF0000; }
	.text-yellow,.text-yellow a,a.text-yellow { color:#fbb03b; }
	.text-redpink,.text-redpink a,a.text-redpink { color:#ff7bad; }
	
	
	
	
	
	
	
	/*  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; }
	
	/* 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-graylt { background-color:#f2f2f2; }
	.bg-redpink { background-color:#ff7bad; }
	.bg-bluelt { background-color:#97b8d9; }
	.bg-dkred { background-color:#c1282d; }	

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

	/*	btn	*/	
	.submitbtn { width:100%; padding:10px 0; border:0; outline:none;
		background: rgb(254,175,197);
		background: -moz-linear-gradient(top, rgba(254,175,197,1) 0%, rgba(234,72,129,1) 100%);
		background: -webkit-linear-gradient(top, rgba(254,175,197,1) 0%,rgba(234,72,129,1) 100%);
		background: linear-gradient(to bottom, rgba(254,175,197,1) 0%,rgba(234,72,129,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feafc5', endColorstr='#ea4881',GradientType=0 );		
	}
	.toolbtn-gray {
		background: rgb(176,181,187);
		background: -moz-linear-gradient(top, rgba(176,181,187,1) 0%, rgba(94,94,96,1) 100%);
		background: -webkit-linear-gradient(top, rgba(176,181,187,1) 0%,rgba(94,94,96,1) 100%);
		background: linear-gradient(to bottom, rgba(176,181,187,1) 0%,rgba(94,94,96,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b5bb', endColorstr='#5e5e60',GradientType=0 );		
	}
	.searchbtn { height:34px; width:34px; border:0; border-radius:0 3px 3px 0; background:url(../../images/m_index/search.png) no-repeat center;  }
	.subject-line { height: 14px; border-bottom: 2px solid #C63762; text-align: center; color: #C63762; margin: 0 auto 25px auto; }
	.addcartbtn { background:url('../../images/m_index/icon_14.png') no-repeat center; width:49px; height:49px; border:0; outline:none; }
	.addcartbtn2 { border:0; outline:none; border-radius:3px; padding:5px 20px;
		background: rgb(253,4,0);
		background: -moz-linear-gradient(top, rgba(253,4,0,1) 0%, rgba(155,0,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(253,4,0,1) 0%,rgba(155,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(253,4,0,1) 0%,rgba(155,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0400', endColorstr='#9b0000',GradientType=0 );		
	}
	.orderbtn { border:0; width:100%; outline:none;  min-height:41px;  }
	.abtn { padding:10px 20px; border-radius:5px; border:0; }
	.backbtn { cursor: pointer;  display: inline-block;  padding: 5px 15px; border: 1px solid #999; color: #666; border-radius: 3px; background-color: #FFF; margin: 10px 10px 10px 0; font-size: 11pt; }	
	
/*	==========================================	*/

	/*	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;}
	
/*	==========================================	*/

	/*	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; }
	
	.orderform-sub { padding:5px 15px;}
	
	
	.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	*/
	.formbox { margin-bottom:15px; }
	.inputblock { width:100%; float:left;}
	
	.label-control {  width:100%; float:left; margin-right:10px; padding:6.5px 0; }
	.input-control { display: block;  width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-sizing:border-box;
	}
	.textarea-control{ min-height:158px; resize:none; }	
	.select-control{ padding:0 3px; }
	.code-control{ width:80px; display:inline-block; }
	
	.input-inline .inline { display: inline-block; width: auto; vertical-align: middle; }

	/* 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-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-1	{ float:left; width:1%; }.cols-per-2	{ float:left; width:2%; }.cols-per-3	{ float:left; width:3%; }.cols-per-4	{ float:left; width:4%; }.cols-per-5 { float:left; width:5%; }.cols-per-6	{ float:left; width:6%; }
	.cols-per-7	{ float:left; width:7%; }.cols-per-8	{ float:left; width:8%; }.cols-per-9	{ float:left; width:9%; }.cols-per-10 { float:left; width:10%; }.cols-per-11 { float:left; width:11%; }.cols-per-12 { float:left; width:12%; }
	.cols-per-13 { float:left; width:13%; }.cols-per-14 { float:left; width:14%; }.cols-per-15 { float:left; width:15%; }.cols-per-16 { float:left; width:16%; }.cols-per-17 { float:left; width:17%; }.cols-per-18 { float:left; width:18%; }
	.cols-per-19 { float:left; width:19%; }.cols-per-20 { float:left; width:20%; }.cols-per-21 { float:left; width:21%; }.cols-per-22 { float:left; width:22%; }.cols-per-23 { float:left; width:23%; }.cols-per-24 { float:left; width:24%; }
	.cols-per-25 { float:left; width:25%; }.cols-per-26 { float:left; width:26%; }.cols-per-27 { float:left; width:27%; }.cols-per-28 { float:left; width:28%; }.cols-per-29 { float:left; width:29%; }.cols-per-30 { float:left; width:30%; }
	.cols-per-31 { float:left; width:31%; }.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-36 { float:left; width:36%; }
	.cols-per-37 { float:left; width:37%; }.cols-per-38 { float:left; width:38%; }.cols-per-39 { float:left; width:39%; }.cols-per-40 { float:left; width:40%; }.cols-per-41 { float:left; width:41%; }.cols-per-42 { float:left; width:42%; }
	.cols-per-43 { float:left; width:43%; }.cols-per-44 { float:left; width:44%; }.cols-per-45 { float:left; width:45%; }.cols-per-46 { float:left; width:46%; }.cols-per-47 { float:left; width:47%; }.cols-per-48 { float:left; width:48%; }
	.cols-per-49 { float:left; width:49%; }.cols-per-50 { float:left; width:50%; }.cols-per-51 { float:left; width:51%; }.cols-per-52 { float:left; width:52%; }.cols-per-53 { float:left; width:53%; }.cols-per-54 { float:left; width:54%; }
	.cols-per-55 { float:left; width:55%; }.cols-per-56 { float:left; width:56%; }.cols-per-57 { float:left; width:57%; }.cols-per-58 { float:left; width:58%; }.cols-per-59 { float:left; width:59%; }.cols-per-60 { float:left; width:60%; }
	.cols-per-61 { float:left; width:61%; }.cols-per-62 { float:left; width:62%; }.cols-per-63 { float:left; width:63%; }.cols-per-64 { float:left; width:64%; }.cols-per-65 { float:left; width:65%; }.cols-per-66 { float:left; width:66%; }
	.cols-per-67 { float:left; width:67%; }.cols-per-68 { float:left; width:68%; }.cols-per-69 { float:left; width:69%; }.cols-per-70 { float:left; width:70%; }.cols-per-71 { float:left; width:71%; }.cols-per-72 { float:left; width:72%; }
	.cols-per-73 { float:left; width:73%; }.cols-per-74 { float:left; width:74%; }.cols-per-75 { float:left; width:75%; }.cols-per-76 { float:left; width:76%; }.cols-per-77 { float:left; width:77%; }.cols-per-78 { float:left; width:78%; }
	.cols-per-79 { float:left; width:79%; }.cols-per-80 { float:left; width:80%; }.cols-per-81 { float:left; width:81%; }.cols-per-82 { float:left; width:82%; }.cols-per-83 { float:left; width:83%; }.cols-per-84 { float:left; width:84%; }
	.cols-per-85 { float:left; width:85%; }.cols-per-86 { float:left; width:86%; }.cols-per-87 { float:left; width:87%; }.cols-per-88 { float:left; width:88%; }.cols-per-89 { float:left; width:89%; }.cols-per-90 { float:left; width:90%; }
	.cols-per-91 { float:left; width:91%; }.cols-per-92 { float:left; width:92%; }.cols-per-93 { float:left; width:93%; }.cols-per-94 { float:left; width:94%; }.cols-per-95 { float:left; width:95%; }.cols-per-96 { float:left; width:96%; }
	.cols-per-97 { float:left; width:97%; }.cols-per-98 { float:left; width:98%; }.cols-per-99 { float:left; width:99%; }.cols-per-100 { float:left; width:100%; }
	
	/*	table	*/
	.table-box { display:table; width:100%;}
	.table-h100 { height:100%;}

	.table-per-5 { display:table-cell; width:5%; vertical-align:middle; } .table-per-10 { display:table-cell; width:10%; vertical-align:middle; }.table-per-15 { display:table-cell; width:15%; vertical-align:middle; }.table-per-20 { display:table-cell; width:20%; vertical-align:middle; }
	.table-per-25 { display:table-cell; width:25%; vertical-align:middle; }.table-per-30 { display:table-cell; width:30%; vertical-align:middle; }.table-per-35 { display:table-cell; width:35%; vertical-align:middle; }.table-per-40 { display:table-cell; width:40%; vertical-align:middle; }
	.table-per-45 { display:table-cell; width:45%; vertical-align:middle; }.table-per-50 { display:table-cell; width:50%; vertical-align:middle; }.table-per-55 { display:table-cell; width:55%; vertical-align:middle; }.table-per-60 { display:table-cell; width:60%; vertical-align:middle; }
	.table-per-65 { display:table-cell; width:65%; vertical-align:middle; }.table-per-70 { display:table-cell; width:70%; vertical-align:middle; }.table-per-75 { display:table-cell; width:75%; vertical-align:middle; }.table-per-80 { display:table-cell; width:80%; vertical-align:middle; }
	.table-per-85 { display:table-cell; width:85%; vertical-align:middle; }.table-per-90 { display:table-cell; width:90%; vertical-align:middle; }.table-per-95 { display:table-cell; width:95%; vertical-align:middle; }.table-per-100 { display:table-cell; width:100%; 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-t-40 { margin:40px 0 0 0; }
	.margin-l-40 { margin:0 40px 0 0; }
	.margin-b-40 { margin:0 0 40px 0; }
	.margin-r-40 { margin:0 0 0 40px; }
		
	.padding-full-30 { padding:30px; }
	.padding-tb-30 { padding:30px 0; }
	.padding-lr-30 { padding:0 30px; }
	.padding-t-30 { padding:30px0 0 0; }
	.padding-l-30 { padding:0 30px 0 0; }
	.padding-b-30 { padding:0 0 30px 0; }
	.padding-r-30 { padding:0 0 0 30px; }
	
	.margin-full-30 { margin:30px; }
	.margin-tb-30 { margin:30px 0; }
	.margin-lr-30 { margin:0 30px; }
	.margin-t-30 { margin:30px 0 0 0; }
	.margin-l-30 { margin:0 30px 0 0; }
	.margin-b-30 { margin:0 0 30px 0; }
	.margin-r-30 { margin:0 0 0 30px; }
	
	.padding-full-20 { padding:20px; }
	.padding-tb-20 { padding:20px 0; }
	.padding-lr-20 { padding:0 20px; }
	.padding-t-20 { padding:20px 0 0 0; }
	.padding-l-20 { padding:0 20px 0 0; }
	.padding-b-20 { padding:0 0 20px 0; }
	.padding-r-20 { padding:0 0 0 20px; }
	
	.margin-full-20 { margin:20px; }
	.margin-tb-20 { margin:20px 0; }
	.margin-lr-20 { margin:0 20px; }
	.margin-t-20 { margin:20px 0 0 0; }
	.margin-l-20 { margin:0 20px 0 0; }
	.margin-b-20 { margin:0 0 20px 0; }
	.margin-r-20 { margin:0 0 0 20px; }
	
	.padding-full-15 { padding:15px; }
	.padding-tb-15 { padding:15px 0; }
	.padding-lr-15 { padding:0 15px; }
	.padding-t-15 { padding:15px 0 0 0; }
	.padding-l-15 { padding:0 15px 0 0; }
	.padding-b-15 { padding:0 0 15px 0; }
	.padding-r-15 { padding:0 0 0 15px; }
	
	.margin-full-15 { margin:15px; }
	.margin-tb-15 { margin:15px 0; }
	.margin-lr-15 { margin:0 15px;}
	.margin-t-15 { margin:15px 0 0 0; }
	.margin-l-15 { margin:0 15px 0 0; }
	.margin-b-15 { margin:0 0 15px 0; }
	.margin-r-15 { margin:0 0 0 15px; }
	
	.margin-full-10 { margin:10px; }
	.margin-tb-10 { margin:10px 0; }
	.margin-lr-10 { margin:0 10px; }
	.margin-t-10 { margin:10px 0 0 0; }
	.margin-l-10 { margin:0 10px 0 0; }
	.margin-b-10 { margin:0 0 10px 0; }
	.margin-r-10 { margin:0 0 0 10px; }
	
	.padding-full-10 { padding:10px; }
	.padding-tb-10 { padding:10px 0; }
	.padding-lr-10 { padding:0 10px; }
	.padding-t-10 { padding:10px 0 0 0; }
	.padding-l-10 { padding:0 10px 0 0; }
	.padding-b-10 { padding:0 0 10px 0; }
	.padding-r-10 { padding:0 0 0 10px; }
	
	.padding-full-5 { padding:5px; }
	.padding-tb-5 { padding:5px 0; }
	.padding-lr-5 { padding:0 5px; }
	.padding-t-5 { padding:5px 0 0 0 ; }
	.padding-l-5 { padding:0 5px 0 0; }
	.padding-b-5 { padding:0 0 5px 0 ; }
	.padding-r-5 { padding:0 0 0 5px; }
	
	.margin-full-5 { margin:5px; }
	.margin-tb-5 { margin:5px 0; }
	.margin-lr-5 { margin:0 5px; }
	.margin-t-5 { margin:5px 0 0 0; }
	.margin-l-5 { margin:0 5px 0 0; }
	.margin-b-5 { margin:0 0 5px 0; }
	.margin-r-5 { margin:0 0 0 5px; }
	
	.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 8px; color:#000; font-size:10pt; font-weight:bold; line-height:20px; border-radius:50%; }
	.pager li { display:inline-block; margin:0 2px; color:#fff; }
	.pager li:hover a,.pager li.active a { color:#fff; background-color:#C63762; }
	
/*	==========================================	*/

	/* 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%;
	
/*	==========================================	*/