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

/* body top margin */
.bDtM{margin-top:132px;}

/* fix header css */

/* header */
.top-content.smaller{
position:fixed; top:0; right:0; left:0; background:rgba(255,255,255,0.9)
transition:all linear 0.3s;
-webkit-transition:all linear 0.3s;
-ms-transition:all linear 0.3s;
}
.top-content.smaller .top-bar{padding:4px;}
.top-content.smaller .top-bar .nav-t{display:none;}





.top-content{
position:relative; margin:0 auto; width:100%; background:rgba(255,255,255,1);

box-shadow:rgba(0,0,0,0.5) 0 1px 3px;
transition:all linear 0.3s;
-webkit-transition:all linear 0.3s;
-ms-transition:all linear 0.3s;
z-index:10000;
}

.top-bar{
	margin:0 auto; padding:8px 4px; width:100%; background:#000;
}

.nav-top{position:relative; margin:0 auto; width:100%; text-align:left;}
	.nav-t-l{display:inline-block; width:50%; text-align:left;}
	.nav-t-r{display:inline-block; width:50%; text-align:right;}
	.nav-t{display:inline-block; width:100%; text-align:right;}



/* nav */
.nav-content-t{position:relative; margin:0 auto; padding:0; width:100%; text-align:left; font-size:0; background:#232323;}
.nav-content-t.ta-c{text-align:center;}

.nav-content{position:relative; margin:0 auto; padding:0; width:100%; text-align:left; font-size:0; background:#ededed;}
.nav-content.ta-c{text-align:center;}

	/* mobile-menu */
	.m-menu-blk{position:absolute; top:0; bottom:0; right:0; display:none; margin:auto 10px auto auto; text-align:center; vertical-align:middle;}
		.m-menu{display:inline-block; margin:auto; width:30px; vertical-align:middle;}
		.m-menu img{display:block; margin:auto; width:100%;}
		
	/* search-menu */
	.s-menu-blk{position:absolute; top:0; bottom:0; right:10px; display:none; margin:auto 10px auto auto; text-align:center; vertical-align:middle;}
		.s-menu{display:inline-block; margin:auto; width:30px; vertical-align:middle;}
		.s-menu img{display:block; margin:auto; width:100%;}
		
		
		

	/* logo */
	.nav-logo{position:relative; 
		/*margin:auto auto auto 10vw; */
		padding-left: 10vw;
		width:100%; 
		max-width:100%; 
		text-align: left; 
		z-index:2;
	}

		.logo-link{/*display:inline-block;*/ margin:auto; width:100%; vertical-align:middle;}
		.logo-link img{display:block; margin:auto; width:100%;}

	/* nav-l, nav-r */
	.nav-l,
	.nav-r{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:50%; text-align:left; z-index:1;}
	
	.nav-l{right:auto; padding-right:150px;}
	.nav-r{left:auto; padding-left:150px;}


	.nav-rf{position:absolute; top:0; bottom:0; right:0; margin:auto; text-align:left; z-index:1000;}


	.m-menu-blk, .s-menu-blk, .nav-logo, .nav-l, .nav-r, .nav-rf, .nav-item{line-height:88px;}

	.nav-menu{display:block;}
	.nav-menu.fps-bg{background:#017749;}
	.nav-menu.flo-l{float:left;}
	.nav-menu.flo-r{float:right;}
	
	.nav-m-content{position:relative; margin:0 auto; width:100%; text-align:left;}
	
		/* PC menu */
		.nav-item{float:left; display:block; margin:0 8px; text-align:center; transition:all ease-in 0.1s;}
		.nav-item a{position:relative; display:inline-block; padding:12px 24px; font-size:16px; color:#fff; vertical-align:middle; background:#aaa;}
		.nav-item a:hover{background:#f88a08; transition:all ease-in 0.3s;}
		.nav-item a.onit{background:#f88a08;}
		
		
		.nav-item a span{display:block; font-weight:normal;}
		.nav-item a span.cht{display:block; line-height:24px; font-size:18px; font-weight:normal; letter-spacing:1px;}
		.nav-item a span.eng{display:block; line-height:20px; color:#db1514;}
		
		.nav-item:hover a,
		.nav-item:hover a span.eng{color:#fff;}
		
		.nav-item.onit a,
		.nav-item.onit a span.eng{color:#fff;}


		.nav-item-s{display:inline-block; margin:auto 4px; padding:0 4px; vertical-align:middle; text-align:center;}
		.nav-item-s a{position:relative; display:inline-block; padding:6px 12px; font-size:15px; font-weight:normal; color:#fff; background:#999; border-radius:6px; vertical-align:middle;}
		.nav-item-s:hover a{background:#000;}

		.nav-item-s a span{display:block; font-weight:900;}
		.nav-item-s a span.cht{display:block; line-height:24px; font-weight:500; letter-spacing:1px; transition:all ease-in 0.2s;}
		.nav-item-s a span.eng{display:block; line-height:20px; transition:all ease-in 0.2s;}


		.nav-link{display:inline-block; margin:auto 4px; vertical-align:middle; text-align:center;}
		.nav-link a{position:relative; display:inline-block; width:38px; vertical-align:middle;}
		.nav-link a img{display:block; width:100%;}


		
		/* Mobile menu */
		.m-nav-item{position:relative; display:inline-block; font-weight:100; color:#fff; letter-spacing:1px; vertical-align:middle;}
		
		.m-nav-item span{display:block;}
		.m-nav-item span.cht{display:block; line-height:24px; font-size:18px;}
		.m-nav-item span.eng{display:block; line-height:18px; font-size:15px;}



		


@media screen and (max-width: 1280px) {

.nav-content{padding:0;}

.nav-logo{}

.nav-l{right:auto; padding-right:90px;}
.nav-r{left:auto; padding-left:90px;}


.nav-item{}
.nav-item a{font-size:15px;}
.nav-item:hover{}


.nav-item a span{}
.nav-item a span.cht{font-size:18px;}
.nav-item a span.eng{}


.nav-item-s{margin:auto 4px; padding:0;}
.nav-item-s a{padding:4px 8px; font-size:14px;}
.nav-item-s:hover a{}

}

@media screen and (max-width: 1024px) {

.top-bar{
	margin:0 auto; padding:8px 4px; width:100%; background:#000;
}

.top-content.smaller .nav-content{display:block;}

.top-content{
position:relative; top:auto; right:auto; left:auto;
}

.nav-logo{position:absolute; top:0; right:auto; bottom:0; left:0; margin:auto; text-align:center; z-index:2;}

.nav-t-l{display:none; float:left; width:auto; text-align:left;}
.nav-t-r{float:right; width:auto; text-align:right;}

.nav-menu{display:none;}

.m-menu-blk, .s-menu-blk, .nav-logo, .nav-l, .nav-r, .nav-item{line-height:58px;}
.m-menu-blk, .s-menu-blk{display:block;}

.nav-content{height:58px;}

.nav-l,
.nav-r,
.nav-rf{
	display:none;
}

.t-input-box.round-a{display:none;}


}

@media screen and (max-width: 768px) {

.nav-logo{}

}

@media screen and (max-width: 300px) {
}














	/* top-menu */
	.t-m-blk{display:inline-block; margin:0 auto; width:100%; font-size:0; vertical-align:middle;}
	.t-m-blk.tm-pad-l{padding:0 4% 0 0;}
	.t-m-blk.tm-pad-r{padding:0 0 0 4%;}
	
		.t-menu{position:relative; display:inline-block; width:100%; font-size:16px; text-align:center; z-index:1;
			color:#fff;
		}
		.t-menu:after{content:''; position:absolute; display:block; top:0; right:0; bottom:0; margin:auto; width:1px; height:80%; background:rgba(255,255,255,0.2);}

		.t-m-blk ul li:last-of-type a.t-menu:after{display:none;}
		
		.t-menu{margin:auto; padding:6px 0 12px 0; line-height:50px;}
		.t-menu:hover{color:#000; background:#fff;}
		
		
		.tm-tri-m{display:block; position:absolute; bottom:5px; right:0; left:0; margin:auto; width:0; height:0; border-style:solid; border-width:5px 3px 0 3px; border-color:#fff transparent transparent transparent;
			transition:all ease-out 0.2s;
			-webkit-transition:all ease-out 0.2s;
			-ms-transition:all ease-out 0.2s;
		}

		

		.m-icon,
		.m-txt{margin:0 auto; width:100%; text-align:center; letter-spacing:1px;}
	
		.m-icon{max-width:30%;}
		.m-icon img{display:block; width:100%; height:auto;}
		
		.m-txt{display:inline-block; vertical-align:middle;}
		.m-txt .ch,
		.m-txt .en{display:block;}
		
		.m-txt .ch{line-height:30px; letter-spacing:2px;}
		.m-txt .en{font-size:13px; line-height:20px;}
		

@media screen and (max-width: 1200px) {

	.t-menu{font-size:15px;}
	.m-txt .en{font-size:12px;}

}



		
		

		

	/* Dropdown */
	.t-m-blk > ul,
	.t-m-blk > ul > li{display:inline-block; font-size:0;}
	.t-m-blk > ul > li{width:11.11%; margin:0 auto}
	.t-m-blk > ul{width:100%; vertical-align:middle;}
	.t-m-blk > ul > li{position:relative; vertical-align:top;}
	
	.t-m-blk > ul > li > a{display:block;}
	
	/*
	.t-m-blk > ul > li:last-of-type .dropdown-c{left:auto; right:0;}
	.t-m-blk > ul > li:last-of-type .sub-dropdown-c{left:auto; right:60%;}
	
	.t-m-blk > ul > li:last-of-type .sub-dropdown:hover .sub-dropdown-c{right:100%;}
	*/

	.dropdown:hover .t-menu{color:#000; background:#fff;}
	.dropdown:hover .t-menu .tm-tri-m{display:inline-block; border-color:#000 transparent transparent transparent;
		transition:all ease-in 0.1s;
		-webkit-transition:all ease-in 0.1s;
		-ms-transition:all ease-in 0.1s;
	}
	
	.dropdown:hover .t-menu.hvr-bob{
		-webkit-animation-name: hvr-bob-float, hvr-bob;
		animation-name: hvr-bob-float, hvr-bob;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0s, .3s;
		animation-delay: 0s, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate;
	}
	
	/* dropdown lv1 */
	.dropdown-c{
		margin:auto; /*width:160px;*/ width:100%; font-size:0; background:#666;
		position:absolute;
		top:60%;
		left:0;
		visibility:hidden;
		opacity:0;
		z-index:1;
	}

	.dropdown:hover .dropdown-c{
		display:flex; flex-wrap:wrap; justify-content:flex-start;
		top:99%;
		visibility:visible;
		opacity:1;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	
	.dropdown-c > li{position:relative; display:inline-block; margin:0 auto; width:100%; text-align:center; border-bottom:#999 1px solid;}
	.dropdown-c > li:last-of-type{border-bottom:none;}
	
	.dropdown-c > li > a{position:relative; display:block; margin:0 auto; width:100%; font-size:14px; color:#fff; padding:10px 20px 10px 14px; text-align:center; letter-spacing:1px;}
	.dropdown-c > li > a:hover{background:#000; color:#fff;}

	.tm-tri-s{position:absolute; top:0; right:8px; bottom:0; display:block; margin:auto; width:0; height:0; border-style:solid; border-width:3px 0 3px 5px; border-color:transparent transparent transparent #fff;}

	.sub-dropdown:hover > a{background:#000; color:#fff;}
	.sub-dropdown:hover > a .tm-tri-s{border-color:transparent transparent transparent #fff;}
	
	/* dropdown lv2 */
	.sub-dropdown-c{
		margin:auto;
		width:148px; font-size:0; background:#000;
		position:absolute;
		top:0;
		left:60%;
		visibility:hidden;
		opacity:0;
		z-index:10;
	}
	
	.sub-dropdown:hover .sub-dropdown-c{
		display:flex; flex-wrap:wrap; justify-content:flex-start;
		left:100%;
		visibility:visible;
		opacity:1;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	
	.sub-dropdown-c > li{position:relative; display:inline-block; margin:0 auto; width:100%; text-align:center;}
	.sub-dropdown-c > li > a{display:block; margin:auto; width:100%; font-size:14px; color:#fff; padding:10px 20px; text-align:center; letter-spacing:1px;}
	.sub-dropdown-c > li > a:hover{color:#000; background:#fff;}



	/* top input field */
	.t-t-blk{display:inline-block; margin:0 auto; width:100%; font-size:0; vertical-align:middle;}
	.t-t-blk.pad-l{padding:5px;}
	.t-t-blk.pad-r{padding:5px;}
	
	.t-t-blk.sp-w{width:92%;}
	
	

		.it-field{display:inline-block; padding:4px; font-size:13px; vertical-align:middle;}
		.it-field.calc-50{width:calc(100% / 2 - 120px);}
		.it-field.calc-100{width:calc(100% - 240px);}
		.it-field.col-3{width:31.33%;}
		.it-field.col-3-mar{margin:0 1%;}
		.it-field.mar-b-a{margin:0 auto 10px auto;}
		.it-field.no-pad{padding:0;}
		.it-field.mar-b-m{margin-bottom:8px;}
		
		
		.it-field input,
		.it-field textarea,
		.it-field select,
		.it-field option{border:none; padding:1px 4px; line-height:24px; height:26px; border-radius:4px;}


		.it-field input.form-b,
		.it-field textarea.form-b,
		.it-field select.form-b,
		.it-field option.form-b{border:#ccc 1px solid;}

		
		
		.ic-blk{display:inline-block; font-size:15px; margin:auto 4px auto auto; padding:1px 4px; line-height:24px; height:26px; color:#fff; vertical-align:middle;}
		a.ic-blk:hover{text-decoration:underline;}
		
		.ic-blk i{margin:auto 8px auto auto;}
		.ic-blk a{color:#fff;}
		.ic-blk.user{letter-spacing:1px;}








		
		
		.btn-mar-l{margin-left:5px;}
		.btn-mar-r{margin-right:5px;}
		
		
		
		.it-field-btn{display:inline-block; padding:4px; font-size:13px; vertical-align:middle;}
		.it-field-btn button,
		.it-field-btn input,
		.it-field-btn textarea,
		.it-field-btn select,
		.it-field-btn option{border:none; padding:1px 10px; line-height:24px; height:26px; border-radius:4px;}

		.it-field-btn.mar-b-a{margin:0 auto 10px auto;}
		.it-field-btn.no-pad{padding:0;}
		
		/* gold button */
		.it-f-btn{display:inline-block; padding:4px 10px; color:#000; font-size:14px; font-weight:bold; text-align:center; border-radius:4px; cursor:pointer; letter-spacing:1px;
		background:#ededed;
		vertical-align:middle;
		}
		.it-f-btn i{font-size:12px;}
		
		/* silver button */
		.it-f-btn-r{display:inline-block; padding:4px 10px; color:#000; font-size:14px; font-weight:bold; text-align:center; border-radius:4px; cursor:pointer; letter-spacing:1px;
		background:rgba(243,180,61,1);
		vertical-align:middle;
		}
		.it-f-btn-r i{font-size:12px;}
				
		/* icon link */
		.ic-link{display:inline-block; margin:0 4px; width:38px; height:38px; overflow:hidden; position:relative; vertical-align:middle; opacity:0.8}
		.ic-link img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%;}
		.ic-link:hover{opacity:1;}
		
		
		.it-link{display:inline-block; margin:0 4px; width:28px; line-height:28px; overflow:hidden; vertical-align:middle; text-align:center;
			font-size:15px; font-weight:bold; color:#000; background:#ededed; transition:all ease-in 0.1s
		}
		.it-link:hover{color:#fff; background:#db1514; transition:all ease-in 0.3s;}
		
		.it-link.onit{color:#fff; background:#db1514; transition:all ease-in 0.3s;}



/* Custom */

/* placeholder - Firefox */
.t-t-blk .it-field input::placeholder{color:rgba(182,0,5,1) !important; opacity:1;}						
/* placeholder - Internet Explorer 10-11 */
.t-t-blk .it-field input:-ms-input-placeholder{color:rgba(182,0,5,1) !important;}
/* placeholder - Microsoft Edge */
.t-t-blk .it-field input::-ms-input-placeholder{color:rgba(182,0,5,1) !important;}

.txt-c{text-align:center;}
.txt-r{text-align:right;}



/* Searching box */
	.t-m-i-blk{display:inline-block; margin:0 5px; font-size:0; vertical-align:middle;}
		.tmi-w{width:98px;}
		
	.t-m-i-blk:first-of-type{margin:0 15px 0 5px}

	.t-input-box{display:inline-block; max-width:100%; margin:0 5px; padding:2px 4px; vertical-align:middle; font-size:0; opacity:0.8;}
	.t-input-box{width:160px;}
	.t-input-box.round-a{border-bottom:#ccc 1px solid; border-radius:2px; overflow:hidden; line-height:24px;}
	
	.t-input-box:hover, .t-input-box:focus, .t-input-box:active{opacity:1;}
	
	.t-input-box input::placeholder{color:rgba(255,255,255,1) !important;}	
	.t-input-box input:-ms-input-placeholder{color:rgba(255,255,255,1) !important;}
	.t-input-box input::-ms-input-placeholder{color:rgba(255,255,255,1) !important;}
	
		.t-input-area{display:inline-block; width:calc(100% - 24px); height:24px; line-height:24px; font-size:14px; border:none; outline:none; background:transparent; color:#fff; vertical-align:middle;}
		.t-input-btn{display:inline-block; width:24px; height:24px; line-height:24px; font-size:15px; color:#fff; border:none; outline:none; background:url(../img/t-search-icon.svg); background-repeat:no-repeat; background-position:center center; background-size:80%; vertical-align:middle; cursor:pointer; transition:all ease-in-out 0.3s;}
		.t-input-btn:hover{transition:all ease-in-out 0.3s; transform:scale(0.9,0.9);}



	.tt-menu{position:relative; display:inline-block; margin:auto 0 auto 20px; font-size:0; text-align:left; vertical-align:middle; line-height:1.5; opacity:0.8;}
	.tt-menu.mem{}
	.tt-menu.rel{margin-right:20px;}
	
	.tt-menu:hover{opacity:1;}

	.tt-icon{display:inline-block; width:24px; text-align:center; vertical-align:middle;}
	.tt-icon img{display:block; width:100%; height:auto;}

	.tt-menu.rel .tt-icon .cart-n{position:absolute; top:0; left:105%; bottom:0; margin:auto; width:18px; height:18px; font-size:12px; color:#fff; background:#f00; text-align:center; border-radius:50%; overflow:hidden;}
	.tt-menu.rel .tt-icon .cart-n span{display:inline-block; margin:auto; height:18px; line-height:1; font-size:12px; vertical-align:middle; transform:scale(0.8,0.8); transform-origin:center;}
	
	
	.tt-txt{display:inline-block; padding:0 4px; text-align:center; font-size:14px; vertical-align:middle;}
	.tt-txt{color:#fff;}
	.tt-txt span{color:#0eafe0;}
	
	.tt-txt.cart{display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}





@media screen and (min-width: 1920px) {

}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1280px) {
	
.t-t-blk.sp-w{width:100%;}

}

@media screen and (max-width: 1024px) {

.ic-link{width:24px; height:24px;}
.tt-icon{width:20px;}
.tt-txt{font-size:13px;}

.it-link{margin:0 4px; width:24px; line-height:24px; font-size:13px;}

}



/* m-menu css */
.mm-icon{margin:auto 8px auto auto; display:inline-block; width:28px; vertical-align:middle;}
.mm-icon img{display:block; width:100%;}

/* m-menu links */
.mm-link,
.mm-form{margin:0 auto; padding:14px 14px 14px 14px; display:block; width:100%; vertical-align:middle;}

	.mm-link-a{margin:auto 4px 8px 0; display:inline-block; width:28px; vertical-align:middle;}
	.mm-link-a img{display:block; width:100%;}

/* m-menu title */
.mm-title {
    display: block;
	margin:0 auto 8px auto; 
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}



.m-m-blk{display:inline-block; margin:0 auto; width:100%; font-size:0; vertical-align:middle;}
.m-m-blk.sp-w{width:90%;}


/* placeholder - Firefox */
.m-m-blk .it-field input::placeholder{color:#000 !important; opacity:1;}						
/* placeholder - Internet Explorer 10-11 */
.m-m-blk .it-field input:-ms-input-placeholder{color:#000 !important;}
/* placeholder - Microsoft Edge */
.m-m-blk .it-field input::-ms-input-placeholder{color:#000 !important;}




/* title */
.t-label{position:relative; margin:20px auto 40px auto; text-align:center; color:#000;}
.t-label:before,
.t-label:after{content:''; display:inline-block; width:100px; height:40px; line-height:40px; vertical-align:middle;}

.t-label.t-a:before{background:url(../img/svg/title_icon_l.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.t-label.t-a:after{background:url(../img/svg/title_icon_r.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.t-label-a{position:relative; margin:0 auto 20px auto; text-align:left; color:#ab1e23;}
.t-label-a i{vertical-align:middle;}
.t-label-a{padding-left:10px;}

.t-label-i{position:relative; margin:0 auto 40px auto; text-align:center; color:#000; background:#ededed;}
.t-label-i i{vertical-align:middle;}
.font-s-ti{font-size:16px;}



	.txt-icon{display:inline-block; margin:auto 5px; width:36px; height:auto; line-height:40px; vertical-align:middle;}
	.txt-icon img{display:block; width:100%;}

	.normal-txt{display:inline-block; margin:auto 5px; line-height:40px; vertical-align:middle; font-size:24px; font-weight:bold; letter-spacing:1px;}
	
	.normal-txt-a{display:inline-block; margin:auto 5px; line-height:40px; vertical-align:middle; font-size:30px; font-weight:bold; letter-spacing:1px;}
	
	.normal-txt-i{display:inline-block; margin:auto 5px; line-height:36px; vertical-align:middle; font-size:18px; font-weight:bold; letter-spacing:1px;}
	
	
	.pic-txt{display:inline-block; margin:auto 5px; width:150px; height:42px; line-height:42px; vertical-align:middle;}
	.pic-txt.pt-1{background:url(../img/svg/title-txt_01.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}
	.pic-txt.pt-2{background:url(../img/svg/title-txt_02.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}
	.pic-txt.pt-3{background:url(../img/svg/title-txt_03.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}

	

@media screen and (max-width:768px){

.t-label:before,
.t-label:after{width:50px; height:20px;}
	.normal-txt{font-size:20px; margin:auto 3px;}
	.pic-txt{width:100px; height:28px; margin:auto 3px;}
	
	
.normal-txt-i{font-size:16px; letter-spacing:0;}
	

}



/* search-bar */
.s-form-field{display:block; margin:0 auto; padding:14px; width:180px; max-width:100%; position:relative; overflow:hidden;}

/* m-search-bar */
.m-form-field{display:block; margin:0 auto; padding:14px 10px; width:100%; position:relative; overflow:hidden;}

	.m-input-box{display:inline-block; width:100%; padding:2px 4px; vertical-align:middle; font-size:0; background:#fff;}
	.m-input-box.round{border-radius:4px; overflow:hidden;}
	.m-input-box.round-a{border:#ccc 1px solid; border-radius:4px; overflow:hidden;}
	
		.m-input-area{display:inline-block; width:calc(100% - 26px); height:26px; line-height:26px; font-size:14px; border:none; outline:none; background:transparent; color:#666; vertical-align:middle;}
		.m-input-btn{display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; color:#999; border:none; outline:none; background:url(../img/t-search-icon_s.svg); background-repeat:no-repeat; background-position:center center; background-size:80%; vertical-align:middle; cursor:pointer;}

		/* placeholder - Firefox */
		.m-input-area::placeholder{color:#666 !important; opacity:1;}						
		/* placeholder - Internet Explorer 10-11 */
		.m-input-area:-ms-input-placeholder{color:#666 !important;}
		/* placeholder - Microsoft Edge */
		.m-input-area::-ms-input-placeholder{color:#666 !important;}



.bg-drw-news{background:url(../img/content-bg-obj.png) 100% 100%
, #feedc5;}



/* back to top */
#backtotop {
	position:fixed;
	right:1%;
	bottom:68px;
	display:block;
	width:48px;
	height:48px;
	line-height:48px;
	color:#fff;
	font-size:0;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	opacity:0;
	z-index:99999;
	overflow:hidden;
	transition:opacity 0.2s ease-out;
	background-image: url(../img/backtotop_btn.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#666;
	border-radius:6px;
}

#backtotop.show {opacity:0.9;}




.f-logo{display:inline-block; margin:0 auto 10px auto; width:220px; max-width:100%;}
.f-logo img{display:block; width:100%;}

.f-container{margin:0 auto; width:100%; text-align:center; color:#fff; background:#db1514;}

.f-container h3,
.f-container p{display:block; padding:10px 20px 10px 20px; line-height:1.5;}

.f-container p{
	font-size:14px;
}


.ft-logo{position:relative; margin:16px auto 8px auto; width:240px; max-width:100%; text-align:center; z-index:1;}
.ft-bg{background:#221e1f;}
.ft-bg-a{background-color:#66c2ed; border-top:#ed2a68 3px solid;}









.r-sub-menu{display:none; margin:0 auto 20px auto; padding:10px; width:100%; text-align:left; background:#ededed; font-size:16px; border-radius:6px;}
.r-sub-menu p{display:block; padding:4px 0 4px 10px; width:100%; color:#000; text-align:center; font-size:18px; font-weight:bold;}
.r-sub-menu select{display:block; margin:0 auto; width:96%; border:#fff 1px solid;}
.r-sub-menu select,
.r-sub-menu option{padding:2px 4px;}

@media screen and (max-width: 1024px){
.r-sub-menu{display:block;}
}










/* pagger */

	.nc-pager{position:relative; margin:20px auto; padding:0 10px; width:100%; overflow:hidden; text-align:center; vertical-align:middle; line-height:20px; font-size:0;}
	.nc-pager .pager-num{display:inline-block; margin:3px 3px; padding:2px 8px; font-size:13px; color:#333; text-decoration:none; background:#ededed; cursor:pointer; vertical-align:middle;}
	.nc-pager .pager-num:hover{color:#fff; background:#ccc;}
	.nc-pager .pager-num.onit{color:#fff; background:#666;}
	
	
	.nc-pager .pager-arrow{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:6px 10px 6px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
	.nc-pager .pager-arrow:hover{border-color:transparent #ccc transparent transparent;}
	.nc-pager .pager-arrow.p-n{border-color:transparent #999 transparent transparent;}
	
	.nc-pager .pager-arrow-n{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}
	.nc-pager .pager-arrow-n:hover{border-color:transparent transparent transparent #ccc;}
	.nc-pager .pager-arrow-n.p-n{border-color:transparent transparent transparent #999;}
	
	
	.nc-pager-m{display:none; margin:20px auto; padding:0 10px; width:100%; text-align:center; vertical-align:middle; font-size:15px;}
	.pager-select-m{display:inline-block; margin:0 auto; width:66px; vertical-align:middle; text-align:left;}

@media screen and (max-width: 768px){
	
	.nc-pager{} 
	.nc-pager-m{}
	
}






.pp-label-date{margin:5px auto 10px auto; padding:2px 10px; width:100%; text-align:left;}
.pp-label-date .normal-txt{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#000;}






.iframe-container{position:relative; height:0; width:100%; padding-bottom:30%; /*padding-bottom:56.25%;*/ /*padding-bottom:75%;*/ overflow:hidden;}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}
















	.mc-tt-blk{display:block; margin:10px auto; padding:8px; font-size:20px; font-weight:bold; letter-spacing:2px; line-height:40px;}
	.mc-tt-blk i{color:#999;}
	.mc-tt-blk.mar-b-p{margin:10px auto 20px auto;}
	
	.mc-tt-blk.bm-bg{background:#1786FF; color:#fff; border-radius:6px;}
	
	
	.mc-tt-blk.ls-w2{letter-spacing:2px;}
	.mc-tt-blk span{font-size:16px;}


	.mc-tt-blk.txt-bm{color:#1786FF; padding:10px; background:#fafafa; border-bottom:#dedede 1px solid;}




	.mc-ta-blk{display:block; margin:10px auto; padding:0 10px; font-size:24px; font-weight:bold; letter-spacing:1px; line-height:30px; color:#3aa5cb;}
	.mc-ta-blk.ls-w2{letter-spacing:2px;}
	.mc-ta-blk span{font-size:15px; font-weight:normal;}


	.mc-ti-blk{display:block; margin:10px auto 20px auto; padding:0; font-size:28px; font-weight:bold; letter-spacing:1px; line-height:30px;}
	.mc-ti-blk.in-pad{padding:0 2%;}
	
	.mc-ti-blk.ls-w2{letter-spacing:2px;}
	.mc-ti-blk span{font-size:22px; font-weight:normal;}


@media screen and (max-width: 768px){
	
	.mc-ti-blk span{display:block;}
	
}


	.nc-form{position:relative; margin:0 auto; margin:20px auto 40px auto; width:100%; font-size:16px; overflow:hidden; text-align:left;}
	
	
	.nc-form-lity{position:relative; margin:auto 4%; width:92%; max-width:800px; font-size:16px; background:#fff; border-radius:6px; overflow:hidden; text-align:left; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); overflow:scroll;}


		#reserve-form{position:relative; margin:0 auto; padding:0; width:100%; overflow:hidden;}
		#reserve-form > h2{display:block; margin:16px 0 16px 0; width:100%; color:#b0ff00; font-size:22px; font-weight:bold;}
		
		
		.form-blk{position:relative; margin:0 auto; padding:0; width:100%; overflow:hidden;}
		
		
			.qs-stitle{display:block; margin:16px 0 0 0; padding:8px 20px; width:100%; color:#000; font-size:22px; background:#339a62; text-align:left;}

			.mem-stitle{display:block; margin:16px 0 0 0; padding:10px 10px; width:100%; color:#000; font-size:22px; text-align:center;
				background:#e6cd8a;
				border-radius:6px;
			}
			
			.login-stitle{display:block; margin:16px 0 0 0; padding:10px 10px; width:100%; color:#000; font-size:22px; text-align:center;
				background:#e6cd8a;
				border-radius:6px;
			}
			
			.login-stitle-v{display:block; margin:16px 0 0 0; padding:10px 10px; width:100%; color:#000; font-size:22px; text-align:center;
				background:background:#e6cd8a;;
				border-radius:6px;
			}
						
			
			.cart-stitle{display:block; margin:0 auto; padding:10px; width:100%; text-align: center; vertical-align: middle; height:44px; line-height: 28px; /* white-space: nowrap; */ text-overflow:ellipsis; overflow:hidden; font-size:18px; background:#ededed;}

			.f-block{position:relative; float:left; padding:10px; width:100%; overflow:hidden; font-size:16px; color:#000;}
			.f-block.bm-bor{padding:10px 20px; border:#dedede 1px solid; border-radius:6px; background:#fafafa; box-shadow:#999 1px 1px 5px;}
			
			.h-block{position:relative; float:left; padding:10px; width:50%; overflow:hidden; font-size:16px; color:#000;}
			
			.f-block.mar-b-c{margin-bottom:30px;}
			


			.f-block-c{position:relative; float:left; padding:10px; width:100%; overflow:hidden; font-size:15px; color:#000; background:#fff;}
			.h-block-c{position:relative; float:left; padding:10px; width:50%; overflow:hidden; font-size:15px; color:#000; background:#fff;}
							
							
			.f-block-app{position:relative; float:left; padding:10px; width:100%; overflow:hidden; font-size:15px; color:#b0ff00;}
			.h-block-app{position:relative; float:left; padding:10px; width:50%; overflow:hidden; font-size:15px; color:#b0ff00;}
							
							
				.f-colum{float:left; width:100%; padding:4px 0; line-height:40px; overflow:hidden;}
				.h-colum{float:left; width:50%; padding:4px 0; line-height:40px; overflow:hidden;}
				
				.f-colum-r{float:left; width:100%; margin:4px auto 12px auto; padding:4px 0; line-height:1.5; overflow:hidden;}
				.h-colum-r{float:left; width:50%; margin:4px auto 12px auto; padding:4px 0; line-height:1.5; overflow:hidden;}
				
				
				.f-colum-app{float:left; width:100%; padding:8px 0; line-height:40px; overflow:hidden;}
				.h-colum-app{float:left; width:50%; padding:8px 0; line-height:40px; overflow:hidden;}
				


				.i1-type,
				.i1-type-n,
				.i1-title,
				.i1-field,
				.mc-title,
				.mc-field,
				.mc-f-field{line-height:40px;}
				
				.mc-r-title,
				.mc-r-field,
				.mc-rf-field{line-height:46px;}

				.mc-rf-title{line-height:30px;}



				.im-type,
				.im-type-n,
				.im-title,
				.im-field{line-height:40px;}

				.ic-type,
				.ic-type-n,
				.ic-title,
				.ic-field{line-height:40px;}
				
				.ie-type,
				.ie-type-n,
				.ie-title,
				.ie-field{line-height:40px;}

				.mci-title{display:inline-block; padding:0 8px; vertical-align:middle; font-weight:bold;}
				

					.i-type{float:left; width:20px; vertical-align:middle; color:#b0ff00; text-align:center; font-family:"Verdana", sans-serif;}
					.i-type-n{float:left; width:20px; vertical-align:middle; color:#f00; text-align:center; font-family:"Verdana", sans-serif;}
					.i-title{float:left; width:120px; vertical-align:middle; color:#b0ff00;}
					.i-field{float:left; padding:0 0 0 0; width:calc(100% - 148px); vertical-align:middle; color:#b0ff00; line-height:36px;}
					.i-field img{vertical-align:middle;}
					.i-field .f-auth{margin:0 8px 8px 0;}
					.i-field a{text-decoration:none;}
					.i-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00;}
					.i-field .f-auth-pic{height:30px;}
					.i-field input{border:#666 1px solid; line-height:24px; padding:1px 4px;}
					.i-field textarea{border:#666 1px solid; line-height:24px; padding:1px 4px;}
					.i-field select{border:#666 1px solid; line-height:24px; padding:1px 4px;}
					.i-field option{border:#666 1px solid; line-height:24px; padding:1px 4px;}


					.i1-title{float:left; padding:0 10px 0 10px; width:160px; vertical-align:middle; color:#000;}
					.i1-field{float:left; padding:0 10px 0 10px; width:calc(100% - 160px); vertical-align:middle; color:#000;}
					.i1-field sup{color:#b0ff00;}
					.i1-field .link{color:#00b7ee;}
					.i1-field .link:hover{text-decoration:underline;}
					.i1-field img{vertical-align:middle;}
					.i1-field .f-auth{margin:0 8px 8px 0;}
					.i1-field a{text-decoration:none;}
					.i1-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00;}
					.i1-field .f-auth-pic{height:30px;}
					.i1-field input{border:#ccc 1px solid; line-height:24px; padding:4px; background:#ededed;}
					.i1-field textarea{border:#ccc 1px solid; line-height:24px; padding:4px; background:#ededed;}
					.i1-field select{border:#ccc 1px solid; line-height:24px; padding:4px; background:#ededed;}
					.i1-field option{border:#ccc 1px solid; line-height:24px; padding:4px; background:#ededed;}






					.mc-title{float:left; padding:0 4px; width:160px; color:#000; vertical-align:middle; letter-spacing:2px;}
					.mc-title label{display:inline; vertical-align:middle;}
					.mc-field{float:left; padding:0 4px; width:calc(100% - 160px); vertical-align:middle; color:#000;}
					.mc-field img{display:inline-block; vertical-align:middle;}
					.mc-field .f-auth{margin:0 8px 0 0;}
					.mc-field a{text-decoration:none;}
					.mc-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00; vertical-align:middle;}
					.mc-field .f-auth-pic{height:28px;}
					.mc-field input,
					.mc-field textarea,
					.mc-field select,
					.mc-field option{border:#ccc 1px solid; padding:4px; height:32px; vertical-align:middle; background:#fff;}



					.mc-f-title{position:relative; float:left; padding:0 12px 0 20px; width:100%; vertical-align:middle; color:#000; font-size:18px; font-weight:bold;}
					.mc-f-title:after{position:absolute; top:0; bottom:0; left:0; margin:auto; width:4px; height:80%; background:#db1514; content:'';}
					
					.mc-f-title .larger-txt{display:inline-block; vertical-align:middle; font-size:24px;}
					
					.mc-f-title img{display:inline-block; vertical-align:middle;}
					.mc-f-title .f-auth{margin:0 8px 0 0;}
					.mc-f-title a{text-decoration:none;}
					.mc-f-title a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00; vertical-align:middle;}
					.mc-f-title .f-auth-pic{height:28px;}
					.mc-f-title input,
					.mc-f-title textarea,
					.mc-f-title select,
					.mc-f-title option{border:#ccc 1px solid; padding:4px; height:32px; vertical-align:middle; background:#fff;}



					.mc-f-field{float:left; padding:0 4px; width:100%; vertical-align:middle; color:#000;}
					.mc-f-field.cus-style{padding:5%; background:#d8d8d8;}
					.mc-f-field img{display:inline-block; vertical-align:middle;}
					.mc-f-field .f-auth{margin:0 8px 0 0;}
					.mc-f-field a{text-decoration:none;}
					.mc-f-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00; vertical-align:middle;}
					.mc-f-field .f-auth-pic{height:28px;}
					.mc-f-field input,
					.mc-f-field textarea,
					.mc-f-field select,
					.mc-f-field option{border:#ccc 1px solid; padding:4px; height:32px; vertical-align:middle; background:#fff;}
					
					.mc-f-field .cus-editor{margin:0 auto 30px auto; padding:2% 4% 10% 4%; display:block; width:100%; background:#fff; font-size:14px; line-height:2.5;}
					.mc-f-field .cus-info{margin:0 auto 30px auto; padding:2% 4% 10% 4%; display:block; width:100%;}
					


					.mc-small{display:inline-block; font-size:13px; color:#999;}
					a.mc-small{display:inline-block; font-size:13px; color:#999;}
					.must-fill{display:inline; margin:auto 5px; color:#f00;}
					.blank-fill{display:inline; margin:auto 5px;}



					.mc-r-title{float:left; padding:0 16px; width:120px; color:#000; font-weight:bold; vertical-align:middle; letter-spacing:2px; position:relative;}
					.mc-r-title label{display:inline; vertical-align:middle;}
					.mc-r-field{float:left; padding:0 12px; width:calc(100% - 120px); vertical-align:middle; color:#000;}
					.mc-r-field img{display:inline-block; vertical-align:middle;}
					.mc-r-field .f-auth{margin:0 8px 0 0;}
					.mc-r-field a{text-decoration:none;}
					.mc-r-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00; vertical-align:middle;}
					.mc-r-field .f-auth-pic{height:28px;}
					.mc-r-field input,
					.mc-r-field textarea,
					.mc-r-field select,
					.mc-r-field option{border:#ccc 1px solid; border-radius:4px; padding:4px; height:38px; vertical-align:middle; background:#fff;}
					
					
					
					.mc-rs-l{float:left; padding:0 10px; width:120px; vertical-align:middle;}
					.mc-rs-r{float:left; padding:0 10px; width:calc(100% - 136px); vertical-align:middle;}


					@media screen and (max-width: 768px){
					.mc-rs-l,
					.mc-rs-r{width:100%;}
					}
					
					.mc-r-btn{display:inline-block; font-size:15px; border-radius:4px; padding:4px 12px; line-height:24px; vertical-align:middle; background:#3aa5cb; color:#fff;
						transition:all ease-in-out 0.1s;
					}
					.mc-r-btn:hover{background:#999;
						transition:all ease-in-out 0.2s; transform:scale(0.9,0.9);
					}



					.mc-rf-title{float:left; padding:0 4px; width:100%; vertical-align:middle; color:#000;}

					.mc-rf-field{float:left; padding:0 4px; width:100%; vertical-align:middle; color:#000;}
					.mc-rf-field img{display:inline-block; vertical-align:middle;}
					.mc-rf-field .f-auth{margin:0 8px 0 0;}
					.mc-rf-field a{text-decoration:none;}
					.mc-rf-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00; vertical-align:middle;}
					.mc-rf-field .f-auth-pic{height:28px;}
					.mc-rf-field input,
					.mc-rf-field textarea,
					.mc-rf-field select,
					.mc-rf-field option{border:#ccc 1px solid; border-radius:4px; padding:4px; height:38px; vertical-align:middle; background:#fff;}




























					.im-title{float:left; padding:0 10px 0 10px; width:20%; vertical-align:middle; color:#666; font-size:14px;}
					.im-title .rf{display:inline-block; color:#f00; padding-right:4px; vertical-align:middle;}
					.im-title .nrf{display:inline-block; padding-right:4px; vertical-align:middle;}
					.im-field{float:left; padding:0 10px 0 10px; width:80%; vertical-align:middle; color:#ededed; font-size:14px;}
					.im-field sup{color:#b0ff00;}
					.im-field .link{color:#00b7ee;}
					.im-field .link:hover{text-decoration:underline;}
					.im-field img{vertical-align:middle;}
					.im-field .f-auth{margin:0 8px 8px 0;}
					.im-field a{text-decoration:none;}
					.im-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00;}
					.im-field .f-auth-pic{height:30px;}
					.im-field input{border:#ccc 1px solid; line-height:30px; padding:4px 4px; border-radius:4px;}
					.im-field textarea{border:#ccc 1px solid; line-height:30px; padding:4px 4px; border-radius:4px;}
					.im-field select{border:#ccc 1px solid; line-height:30px; padding:4px 4px; border-radius:4px;}
					.im-field option{border:#ccc 1px solid; line-height:30px; padding:4px 4px; border-radius:4px;}

					.ic-title{float:left; padding:0 10px 0 10px; width:24%; vertical-align:middle; color:#000;}
					.ic-field{float:left; padding:0 10px 0 10px; width:76%; vertical-align:middle; color:#000;}
					.ic-field sup{color:#000;}
					.ic-field .link{color:#f00;}
					.ic-field .link:hover{text-decoration:underline;}
					.ic-field img{vertical-align:middle;}
					.ic-field .f-auth{margin:0 8px 8px 0;}
					.ic-field a{text-decoration:none;}
					.ic-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00;}
					.ic-field .f-auth-pic{height:30px;}
					.ic-field input{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ic-field textarea{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ic-field select{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ic-field option{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}

					.ic-field.full{width:100%;}





					.ie-title{float:left; padding:0 10px 0 10px; width:24%; vertical-align:middle; color:#666;}
					.ie-field{float:left; padding:0 10px 0 10px; width:76%; vertical-align:middle; color:#666;}
					.ie-field sup{color:#000;}
					.ie-field .link{color:#f00;}
					.ie-field .link:hover{text-decoration:underline;}
					.ie-field img{vertical-align:middle;}
					.ie-field .f-auth{margin:0 8px 8px 0;}
					.ie-field a{text-decoration:none;}
					.ie-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#f00;}
					.ie-field .f-auth-pic{height:30px;}
					.ie-field input{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ie-field textarea{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ie-field select{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.ie-field option{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}

					.ie-field.full{width:100%;}









					
					
					.if-field{float:left; width:100%; vertical-align:middle; color:#666; border:#999 1px solid; border-radius:6px; overflow:hidden;}
					
					.if-field input,
					.if-field textarea,
					.if-field select,
					.if-field option{border:none; padding:12px 20px; background:transparent; color:#666; vertical-align:middle;}
					
					
					.if-field#app-reg input,
					.if-field#app-reg textarea,
					.if-field#app-reg select,
					.if-field#app-reg select option{border:none; padding:12px 20px; background:transparent; color:#fff; vertical-align:middle;}
					
					
					.if-field#app-reg select option{color:#000;}
					
					
					
					








					
				.confirm-block{position:relative; padding:10px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.confirm-block.c-mar-tb{margin:50px auto;}
				.confirm-block.c-mar-i{margin:20px auto;}
				.confirm-block.c-mar-t{margin-top:30px;}
				.confirm-block.c-pad-tb{padding:30px 0;}
				.confirm-block.c-pad-i{padding:20px 0;}

				.confirm-block .form-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:15px; font-weight:bold; text-align:center; color:#fff; background:#f88a08; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.confirm-block .form-btn:hover{background:#000; color:#fff;}

				.confirm-block .option-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:15px; font-weight:bold; text-align:center; color:#fff; background:#ccc; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.confirm-block .option-btn:hover{background:#000; color:#fff;}

				.confirm-block .inner-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#000; cursor:pointer; border:#000 1px solid;letter-spacing:1px;}
				.confirm-block .inner-btn:hover{color:#fff; background:#000;}
				
				.confirm-block .inner-btn-a{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#fff; background:#000; cursor:pointer; border:#000 1px solid; letter-spacing:1px;}
				.confirm-block .inner-btn-a:hover{color:#000; background:#fff;}
				
				.confirm-block .search-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#000; background:rgba(243,180,61,1); border:none; letter-spacing:1px; cursor:pointer;}
				.confirm-block .search-btn:hover{color:#000; background:#ccc;}	

				.confirm-block .buy-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#fff; background:#000; letter-spacing:1px; cursor:pointer;}
				.confirm-block .buy-btn:hover{color:#000; background:#ccc;}	



				.confirm-block .more-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:15px; font-weight:bold; text-align:center; color:#fff; border:rgba(71,174,233,1) 1px solid; background:rgba(71,174,233,1); cursor:pointer;}
				.confirm-block .more-btn:hover{border:rgba(71,174,233,1) 1px solid; background:#fff; color:rgba(71,174,233,1);}
				
				.confirm-block .more-btn-w{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#fff; border:#fff 1px solid; cursor:pointer;}
				.confirm-block .more-btn-w:hover{border:#fff 1px solid; background:#fff; color:#000;}
				
				
				
				.confirm-block .reg-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:15px; font-weight:bold; text-align:center; color:#fff; background:#5bc9ed; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.confirm-block .reg-btn:hover{background:#000; color:#fff;}











				.red-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#fff; background:#ff4733; cursor:pointer; border:none; letter-spacing:1px;}
				.facebook-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; font-size:16px; text-align:center; color:#fff; background:#4769a6; cursor:pointer; border:none; letter-spacing:1px;}


				
				.register-btn{display:inline-block; margin:0 4px 8px 4px; padding:10px 20px; width:60%; font-size:16px; text-align:center; color:#fff; background:#0eafe0; cursor:pointer; border:none; letter-spacing:1px; border-radius:6px;}

				.red-btn:hover,
				.facebook-btn:hover,
				.register-btn:hover{color:#fff; background:#000;}


				.m-confirm-block{position:relative; padding:5px 0; width:100%; overflow:hidden; font-size:15px; text-align:center;}

				.m-confirm-block .form-btn{display:inline-block; margin:0 4px 4px 4px; padding:6px 18px; font-size:15px; text-align:center; font-weight:bold; color:#000; background:#fff; border:none; border:#000 1px solid; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.m-confirm-block .form-btn:hover{color:#fff; background:#000;}
				
				.m-confirm-block .option-btn{display:inline-block; margin:0 4px 4px 4px; padding:6px 18px; font-size:15px; text-align:center; font-weight:bold; color:#000; background:#ccc; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.m-confirm-block .option-btn:hover{color:#000; background:rgba(243,180,61,1);}
				
				.m-confirm-block .inner-btn{display:inline-block; margin:0 4px 4px 4px; padding:6px 18px; font-size:15px; text-align:center; color:#000; cursor:pointer; border:#000 1px solid; border-radius:6px;}
				.m-confirm-block .inner-btn:hover{color:#fff; background:#000;}
				
				
				.m-confirm-block .normal-btn{display:inline-block; margin:0 4px 4px 0; padding:6px 18px 6px 0; font-size:15px; text-align:left; color:rgba(243,180,61,1); cursor:pointer; border-radius:6px;}
				.m-confirm-block .normal-btn:hover{text-decoration:underline;}
				


				.m-confirm-block .more-btn{display:inline-block; margin:0 4px 4px 0; padding:6px 18px; font-size:16px; text-align:center; color:#fff; background:#003e71; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.m-confirm-block .more-btn:hover{background:#000;}





				@media screen and (max-width: 768px){
					
					.confirm-block{padding:8px 0; font-size:15px;}
					.confirm-block .form-btn{padding:8px 16px; font-size:15px;}
					.confirm-block .option-btn{padding:8px 16px; font-size:15px;}
					.confirm-block .inner-btn{padding:8px 16px; font-size:15px;}
					.confirm-block .inner-btn-a{padding:8px 16px; font-size:15px;}
					.confirm-block .buy-btn{padding:8px 16px; font-size:15px;}
					.confirm-block .more-btn{padding:8px 16px; font-size:15px;}
					.confirm-block .more-btn-w{padding:8px 16px; font-size:15px;}
					.red-btn{padding:8px 16px; font-size:15px;}
					.facebook-btn{padding:8px 16px; font-size:15px;};
					
					.confirm-block .reg-btn{padding:8px 16px; font-size:15px;}


						
					.m-confirm-block{padding:6px 0; font-size:14px}
					.m-confirm-block .form-btn{padding:4px 9px; font-size:14px}
					.m-confirm-block .option-btn{padding:4px 9px; font-size:14px}
					.m-confirm-block .inner-btn{padding:4px 9px; font-size:14px}
					.m-confirm-block .normal-btn{padding:4px 9px 4px 0; font-size:14px}
					.m-confirm-block .more-btn{padding:4px 9px; font-size:14px}
				
				}



























				
				.member-block{position:relative; padding:20px 0 20px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}

				.member-block .form-btn-m{display:inline-block; margin:0 4px 8px 4px; padding:6px 30px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background-color:#f58619; color:#fff;}
				.member-block .form-btn-m:hover{background-color:#000; color:#fff;}

				.member-block .form-btn-m-r{display:inline-block; margin:0 4px 8px 4px; padding:6px 30px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background-color:#29b3b8; color:#fff;}
				.member-block .form-btn-m-r:hover{background-color:#000; color:#fff;}





				.app-btn-block{position:relative; margin:10px auto; padding:12px; width:100%; overflow:hidden; font-size:16px; text-align:center;}

				.app-btn-block .app-btn{display:inline-block; margin:0 auto 16px auto; padding:14px 24px; width:100%; font-size:16px; border-radius:6px; text-align:center; color:#fff; background:rgba(0,0,0,0.8); font-weight:bold; border:#b0ff00 3px solid; letter-spacing:2px; box-shadow:#000 1px 1px 3px; cursor:pointer;}
				.app-btn-block .app-btn:hover{color:#000; background:#b0ff00;}



				
				.app-btn-block .form-btn{display:inline-block; margin:0 auto 16px auto; padding:12px 24px; width:100%; font-size:15px; border-radius:6px; text-align:center; color:#000; font-weight:bold; letter-spacing:1px; background:#ccc; box-shadow:#000 1px 1px 3px; cursor:pointer;}
				.app-btn-block .form-btn.fl{float:left;}
				.app-btn-block .form-btn.fr{float:right;}
				
				.app-btn-block .form-btn:hover{color:#000; background:#b0ff00;}




				.app-btn-block-1{position:relative; margin:20px auto 0 auto; padding:10px; width:100%; overflow:hidden; font-size:16px; text-align:center;}

				.app-btn-block-1 .app-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px 16px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:1px; cursor:pointer; background-color:#c8873c; color:#fff; border:none;}
				.app-btn-block-1 .app-btn:hover{background-color:#000; color:#fff;}
				
				.app-btn-block-1 .sub-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px 16px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:1px; cursor:pointer; background-color:#c8873c; color:#fff; border:none;}
				.app-btn-block-1 .sub-btn:hover{background-color:#000; color:#fff;}















				.app-btn-block-2{position:relative; margin:20px auto 0 auto; padding:10px; width:100%; overflow:hidden; font-size:16px; text-align:center;}

				.app-btn-block-2 .app-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px 18px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background-color:#999; color:#fff; border:none;}
				.app-btn-block-2 .app-btn:hover{background-color:#666; color:#fff;}
				
				.app-btn-block-2 .sub-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px 18px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background-color:#999; color:#fff; border:none;}
				.app-btn-block-2 .sub-btn:hover{background-color:#666; color:#fff;}




				.app-btn-block-ol{position:relative; margin:10px auto 20px auto; padding:10px; width:100%; overflow:hidden; font-size:16px; text-align:center;}

				.app-btn-block-ol .app-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px 12px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background:#000; color:#fff; border:none;}
				.app-btn-block-ol .app-btn:hover{background:#f00; color:#fff;}
				
				.app-btn-block-ol .sub-btn{display:inline-block; margin:0 4px 8px 4px; padding:6px px; font-size:16px; border-radius:4px; text-align:center; font-weight:bold; letter-spacing:2px; cursor:pointer; background:#000; color:#fff; border:none;}
				.app-btn-block-ol .sub-btn:hover{background:#f00; color:#fff;}
					
					


				.other-block-1{position:relative; padding:5px 0 5px 0; width:100%; overflow:hidden; font-size:16px; text-align:center; font-size:0;}
				.other-block-1 .form-btn-1{display:inline-block; margin:0; padding:4px 16px 4px 16px; font-size:15px; text-align:right; color:#666; cursor:pointer;}



				.other-block{position:relative; padding:10px 0 10px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.other-block .form-btn{display:inline-block; margin:0 4px 4px 4px; padding:8px 16px; font-size:15px; text-align:center; color:#000; font-weight:bold; letter-spacing:1px; background:#ccc; cursor:pointer; border-radius:3px;}
				
				.other-block .form-btn.fl{float:left;}
				.other-block .form-btn.fr{float:right;}
				
				.other-block .form-btn:hover{color:#fff; background:#666;}

				.other-block-1{position:relative; padding:10px 0 10px 0; width:100%; overflow:hidden; font-size:16px; text-align:center; font-size:0;}
				.other-block-1 .form-btn{display:inline-block; margin:0; padding:8px 16px 8px 16px; width:50%; font-size:14px; text-align:right; color:#b0ff00; font-weight:bold; cursor:pointer;}
				.other-block-1 .lang-btn{display:inline-block; margin:0; padding:8px 16px 8px 16px; width:50%; font-size:14px; text-align:left; color:#fff; font-weight:bold; cursor:pointer;}
				.other-block-1 .lang-btn input,
				.other-block-1 .lang-btn textarea,
				.other-block-1 .lang-btn select,
				.other-block-1 .lang-btn option,
				.other-block-1 .lang-btn select option{
					border:none;
					outline:none;
					backgrund:rgba(0,0,0,0);
					background-color:rgba(0,0,0,0);
					color:#fff;
				}
				.other-block-1 .lang-btn option,
				.other-block-1 .lang-btn select option{
					color:#000;
				}














					
					


		.fw-30{width:30%;}
		.fw-50{width:50%;}
		.fw-100{width:100%;}
		.fw-h{height:auto !important;}





@media screen and (max-width: 1024px){

	.f-block{float:left; width:100%;}
	.h-block{float:left; width:100%;}
	
	.f-block-c{float:left; width:100%; font-size:15px;}
	.h-block-c{float:left; width:100%; font-size:15px;}
	
	
	.f-block-app{float:left; width:100%;}
	.h-block-app{float:left; width:100%;}


		.f-colum{float:left; width:100%;}
		.h-colum{float:left; width:100%;}
		
		.f-colum-r{float:left; width:100%;}
		.h-colum-r{float:left; width:100%;}
		
		.f-colum-app{float:left; width:100%;}
		.h-colum-app{float:left; width:100%;}
		
		

		.fw-30{width:100%;}
		.fw-50{width:100%;}
		.fw-100{width:100%;}

.iframe-container{padding-bottom:56.25%;}

}

@media screen and (max-width: 768px){


		.f-colum{line-height:1.5;}
		.h-colum{line-height:1.5;}
		
		.f-colum-r{line-height:1.5;}
		.h-colum-r{line-height:1.5;}


		#reserve-form{padding:0;}
		#reserve-form > h2{margin:10px auto 20px auto;  text-align:center;}

				.i-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{font-weight:bold; letter-spacing:1px;}
				
				.mc-title{width:100%;}
				.mc-r-title{width:100%;}
				.mc-rf-title{width:100%;}
				
				

				.im-title{font-weight:bold; letter-spacing:1px;}
				.im-title{width:100%; padding:0 10px;}
				
				.ic-title{}
				.ic-title{width:100%; padding:0 4px;}
				
				.ie-title{}
				.ie-title{width:100%; padding:0 4px;}



				.i-field{margin:10px auto 10px auto; width:100%;}

				.i1-field{margin:10px auto 10px auto; width:100%;}
				
				.mc-field{margin:10px auto 10px auto; width:100%;}
				.mc-f-field{margin:10px auto 10px auto; width:100%;}

				.mc-r-field{margin:10px auto 10px auto; width:100%;}
				.mc-rf-field{margin:10px auto 10px auto; width:100%;}
				
				

				.im-field{margin:10px auto 10px auto; width:100%;}
				
				.ic-field{margin:4px auto 4px auto; padding:0 4px; width:100%;}
				
				.ic-field.full{margin:4px auto 4px auto; padding:0 4px; width:100%;}




.mc-f-field .cus-editor{font-size:14px;}


					
}


@media screen and (max-width:480px){

	#reserve-form{}

			.i-field select{margin:4px 0;}
			.i1-field select{margin:4px 0;}
			.im-field select{margin:4px 0;}
			.ic-field select{margin:4px 0;}


	.cosnfirm-block .form-btn{margin:4px auto; padding:4px 8px;}

}
















/* inner page */
.inner-pic{display:block; margin:1px auto; padding:0; width:100%; text-align:center;}

.inner-content-wi{position:relative; margin:auto auto auto auto; padding:10px 10px 10px 10px; width:100%; overflow:hidden; font-size:0;}
.inner-content-wi.bg-blc{background:#ead199;}





.inner-content-wi-g{position:relative; margin:auto auto auto auto; padding:10px 10px 10px 10px; width:100%; overflow:hidden; font-size:0;
	background: -moz-linear-gradient(to right, #ededed 0%, #ededed 50%, #dedede 50%, #dedede 100%);
	background: -webkit-linear-gradient(to right, #ededed 0%, #ededed 50%, #dedede 50%, #dedede 100%);
	background: -o-linear-gradient(to right, #ededed 0%, #ededed 50%, #dedede 50%, #dedede 100%);
	background: -ms-linear-gradient(to right, #ededed 0%, #ededed 50%, #dedede 50%, #dedede 100%);
	background: linear-gradient(to right, #ededed 0%, #ededed 50%, #dedede 50%, #dedede 100%);
}


.inner-content{position:relative; margin:30px auto 50px auto; padding:20px 20px; width:100%; overflow:hidden; font-size:0;}

.inner-content-tc{position:relative; margin:1px auto 30px auto; padding:10px 20px; width:100%; max-width:800px; overflow:hidden; font-size:0;}

.inner-content-mem{position:relative; margin:1px auto 30px auto; padding:10px 20px; width:100%; max-width:600px; overflow:hidden; font-size:0;}

.inner-content-cont{position:relative; margin:1px auto 30px auto; padding:10px 20px; width:60%; overflow:hidden; font-size:0;}


.inner-content-app{
	position:relative; width:100%; height:100%; top:0; left:0;
	background:url(../img/app_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.inner-content-app-i{margin:1px auto 30px auto; padding:10px 20px; max-width:960px; overflow:hidden; font-size:0; text-align:center;}

.app-logo{display:inline-block; margin:30px auto 10px auto; padding:10px 10%; width:100%; max-width:480px;}
.app-logo img{margin:0 auto; width:100%;}

.app-footer{margin:10px auto; width:100%; font-size:12px; color:#fff; text-align:center; transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8);}











/*member & cart */
.cart-content{position:relative; margin:0 auto; padding:30px 0 0 0; width:100%; overflow:hidden; font-size:0;}
	.c-left{display:inline-block; width:20%; vertical-align:top;}
	.c-right{display:inline-block; width:80%; vertical-align:top;}

	.c-title{position:relative; display:block; margin:0 0 10px 0; padding:4px 14px 8px 68px; width:100%; text-align:left;}
	.c-title:after{content:url(../img/cart-icon.svg); position:absolute; display:inline-block; top:0; bottom:0; left:8px; margin-top:auto; margin-bottom:auto; width:40px; height:40px; text-align:center; vertical-align:middle;}

	.c-title .cht-t{display:block; width:100%; font-size:24px; font-weight:bold; color:#000; line-height:1.5;}
	.c-title .eng-t{display:block; width:100%; font-size:12px; font-weight:normal; color:#000; line-height:1.2;}

	.cart-form{margin:0 auto 0 auto; padding:20px; width:100%; text-align:left; font-size:16px;}




.member-content{position:relative; margin:0 auto; padding:30px 0 0 0; width:100%; overflow:hidden; font-size:0;}
	.m-left{display:inline-block; width:20%; vertical-align:top;}
	.m-right{display:inline-block; width:80%; vertical-align:top;}

	.m-title{position:relative; display:block; margin:0 0 10px 0; padding:4px 14px 8px 68px; width:100%; text-align:left;}
	.m-title:after{content:url(../img/member-icon.svg); position:absolute; display:inline-block; top:0; bottom:0; left:8px; margin-top:auto; margin-bottom:auto; width:40px; height:40px; text-align:center; vertical-align:middle;}

	.m-title .cht-t{display:block; width:100%; font-size:24px; font-weight:bold; color:#000; line-height:1.5;}
	.m-title .eng-t{display:block; width:100%; font-size:12px; font-weight:normal; color:#000; line-height:1.2;}
	.m-title .all-t{display:block; width:100%; font-size:18px; font-weight:bold; color:#000; line-height:1.2;}

	.member-form{margin:0 auto 0 auto; padding:20px; width:100%; text-align:left; font-size:16px;}








@media screen and (max-width: 1024px){


	.c-left{display:block; padding:10px; width:100%;}
	.c-right{display:block; margin:0 auto; padding:10px; width:100%;}

	.cart-form{margin:0 auto 20px auto; padding:0;}



	.m-left{display:block; padding:10px; width:100%;}
	.m-right{display:block; margin:0 auto; padding:10px; width:100%;}

	.member-form{margin:0 auto 20px auto; padding:0;}

}


@media screen and (max-width: 768px){
	.c-left{display:none;}
}











/* RWD Table */
		/* .tab-c */
		
		.tab-c{margin:0 auto; width:100%; text-align:left; font-size:15px;}
		
		.tab-c > tbody > tr{background:#fff;}
		.tab-c > tbody > tr > td{vertical-align:top;}
		.tab-c > tbody > tr > td:nth-child(1){width:30%;}
		.tab-c > tbody > tr > td:nth-child(2){width:20%;}
		.tab-c > tbody > tr > td:nth-child(3){width:20%;}
		.tab-c > tbody > tr > td:nth-child(4){width:20%;}
		.tab-c > tbody > tr > td:nth-child(5){width:10%;}

		.tab-c td input,
		.tab-c td select{margin:-1px;}

		.tab-c1{width:100%;}
		
		.tab-c1 > tbody > tr{font-size:0;}
		.tab-c1 > tbody > tr > td{display:inline-block; padding:10px; width:100%; text-align:center; vertical-align:middle; height:80px; line-height:22px; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; font-size:15px;}
		.tab-c1 > tbody > tr > td:nth-child(1){background:#ccc;}

		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td.p-tag2{font-weight:bold; background:#ededed; color:#000;}

		/*.tab-c > tbody > tr:not(:first-of-type) > td .tab-c1 > tbody > tr > td:nth-child(1){display:none;}*/

		.tab-c > tbody > tr > td .tab-c1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-c > tbody > tr:first-of-type > td .tab-c1 > tbody > tr > td:nth-child(1){display:inline-block;}


		/* .tab-d */
		
		.tab-d{margin:0 auto; width:100%; text-align:left; font-size:15px;}
		
		.tab-d > tbody > tr{background:#fff;}
		
		.tab-d > tbody > tr:first-of-type {border-top:#ccc 1px solid;}
		
		
		.tab-d > tbody > tr > td{vertical-align:top;}
		.tab-d > tbody > tr > td:nth-child(1){width:50%; text-align:right;}
		.tab-d > tbody > tr > td:nth-child(2){width:50%; text-align:left;}
		
		.tab-d td input,
		.tab-d td select{margin:-1px;}
		
		.tab-d1{width:100%;}
		
		.tab-d1 > tbody > tr{font-size:0;}
		
		.tab-d1 > tbody > tr > td{display:inline-block; padding:10px; width:100%; text-align:center; vertical-align:middle; height:44px; line-height:28px; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; font-size:15px;}
		.tab-d > tbody > tr > td:nth-child(1) .tab-d1 > tbody > tr > td{padding-right:20px; border-right:#ccc 1px solid; text-align:right;}
		.tab-d > tbody > tr > td:nth-child(2) .tab-d1 > tbody > tr > td{padding-left:20px; text-align:left;}

		

		/* .tab-e */
		
		.tab-e{margin:0 auto; width:100%; text-align:left; font-size:15px;}
		
		.tab-e > tbody > tr{background:#fff;}
		.tab-e > tbody > tr > td{vertical-align:top;}
		.tab-e > tbody > tr > td:nth-child(1){width:34%;}
		.tab-e > tbody > tr > td:nth-child(2){width:22%;}
		.tab-e > tbody > tr > td:nth-child(3){width:22%;}
		.tab-e > tbody > tr > td:nth-child(4){width:22%;}

		.tab-e td input,
		.tab-e td select{margin:-1px;}

		.tab-e1{width:100%;}
		
		.tab-e1 > tbody > tr{font-size:0;}
		.tab-e1 > tbody > tr > td{display:inline-block; padding:10px; width:100%; text-align:center; vertical-align:middle; height:44px; line-height:28px; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; font-size:15px;}
		.tab-e1 > tbody > tr > td:nth-child(1){background:#ccc;}

		/*
		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td.p-tag2{font-weight:bold; background:#b0ff00; color:#000;}
		*/

		.tab-e > tbody > tr > td .tab-e1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-e > tbody > tr:first-of-type > td .tab-e1 > tbody > tr > td:nth-child(1){display:inline-block;}



		/* .tab-g */
		
		.tab-g{margin:0 auto; width:100%; text-align:left; font-size:15px;}
		
		.tab-g > tbody > tr{background:#fff;}
		.tab-g > tbody > tr > td{vertical-align:top;}
		.tab-g > tbody > tr > td:nth-child(1){width:30%;}
		.tab-g > tbody > tr > td:nth-child(2){width:20%;}
		.tab-g > tbody > tr > td:nth-child(3){width:20%;}
		.tab-g > tbody > tr > td:nth-child(4){width:20%;}
		.tab-g > tbody > tr > td:nth-child(5){width:10%;}

		.tab-g td input,
		.tab-g td select{margin:-1px;}

		.tab-g1{width:100%;}
		
		.tab-g1 > tbody > tr{font-size:0;}
		.tab-g1 > tbody > tr > td{display:inline-block; padding:10px; width:100%; text-align:center; vertical-align:middle; /* height:44px;  */line-height:28px; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; font-size:15px;}
		.tab-g1 > tbody > tr > td:nth-child(1){background:#ccc;}

		/*
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td.p-tag2{font-weight:bold; background:#b0ff00; color:#000;}
		*/

		.tab-g > tbody > tr > td .tab-g1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-g > tbody > tr:first-of-type > td .tab-g1 > tbody > tr > td:nth-child(1){display:inline-block;}



		.tab-c td a, .tab-d td a, .tab-e td a, .tab-g td a{color:#8B804D; text-decoration:underline;}





		.member-b-r{font-weight:bold; color:#8B804D;}
		

		.cart-b-r{font-weight:bold; color:#f00;}
		.c-delete-btn{display:inline-block; margin:0 4px; width:20px; height:20px; text-align:center; vertical-align:middle; background:url(../img/shopping-cart_delete-01.svg) no-repeat; outline:nonne; border:none; cursor:pointer;}		




		
		
		
		.tab-c p{display:block; margin:0 auto; padding:2px 0; width:100%; font-size:15px; text-align:left;}
		.tab-c p .p-dot{display:inline-block; margin:auto 8px auto 0; width:6px; height:6px; line-height:15px; vertical-align:middle; background:#000; border-radius:4px;}






@media screen and (max-width:1024px){
	
		.tab-c{font-size:14px;}

		.tab-c > tbody > tr{background:#fff;}
		.tab-c > tbody > tr > td{vertical-align:top; display:inline-block;}
		.tab-c > tbody > tr > td:nth-child(1),
		.tab-c > tbody > tr > td:nth-child(2),
		.tab-c > tbody > tr > td:nth-child(3),
		.tab-c > tbody > tr > td:nth-child(4),
		.tab-c > tbody > tr > td:nth-child(5){width:100%;}
		
		.tab-c1 > tbody > tr{}
		.tab-c1 > tbody > tr > td{display:inline-block; padding:4px; height:68px; line-height:20px; text-align:center; font-size:14px;}
		.tab-c1 > tbody > tr > td:nth-child(1){background:#ccc; width:24%;}
		.tab-c1 > tbody > tr > td:nth-child(2){width:76%;}
		
		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td.p-tag2{font-weight:bold; background:#ededed; color:#000;}

		.tab-c > tbody > tr > td .tab-c1 > tbody > tr > td:nth-child(1){display:inline-block;}
		.tab-c > tbody > tr:first-of-type > td .tab-c1 > tbody > tr > td:nth-child(1){display:inline-block;}

		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-c > tbody > tr > td:first-of-type .tab-c1 > tbody > tr > td:nth-child(2){width:100%;}



		.tab-d{font-size:14px;}
		
		.tab-d > tbody > tr{}

		.tab-d > tbody > tr:first-of-type {border-top:none;}

		.tab-d > tbody > tr > td{display:inline-block;}
		.tab-d > tbody > tr > td:nth-child(1){width:100%;}
		.tab-d > tbody > tr > td:nth-child(2){width:100%;}
		
		.tab-d1 > tbody > tr{}
		.tab-d1 > tbody > tr > td{display:inline-block; padding:4px; height:32px; line-height:24px; font-size:14px;}
		.tab-d > tbody > tr > td:nth-child(1) .tab-d1 > tbody > tr > td{padding:4px 8px; border-right:none; text-align:left; background:#ededed;}
		.tab-d > tbody > tr > td:nth-child(2) .tab-d1 > tbody > tr > td{padding:4px 8px; text-align:right;}



		.tab-e{font-size:14px;}

		.tab-e > tbody > tr{background:#fff;}
		.tab-e > tbody > tr > td{vertical-align:top; display:inline-block;}
		.tab-e > tbody > tr > td:nth-child(1),
		.tab-e > tbody > tr > td:nth-child(2),
		.tab-e > tbody > tr > td:nth-child(3),
		.tab-e > tbody > tr > td:nth-child(4){width:100%;}
		
		.tab-e1 > tbody > tr{}
		.tab-e1 > tbody > tr > td{display:inline-block; padding:4px; height:32px; line-height:24px; text-align:center; font-size:14px;}
		.tab-e1 > tbody > tr > td:nth-child(1){background:#ccc; width:24%;}
		.tab-e1 > tbody > tr > td:nth-child(2){width:76%;}
		
		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td.p-tag2{font-weight:bold; background:#999; color:#fff;}

		.tab-e > tbody > tr > td .tab-e1 > tbody > tr > td:nth-child(1){display:inline-block;}
		.tab-e > tbody > tr:first-of-type > td .tab-e1 > tbody > tr > td:nth-child(1){display:inline-block;}

		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-e > tbody > tr > td:first-of-type .tab-e1 > tbody > tr > td:nth-child(2){width:100%;}

	
	
	
	
	
		.tab-g{font-size:14px;}

		.tab-g > tbody > tr{background:#fff;}
		.tab-g > tbody > tr > td{vertical-align:top; display:inline-block;}
		.tab-g > tbody > tr > td:nth-child(1),
		.tab-g > tbody > tr > td:nth-child(2),
		.tab-g > tbody > tr > td:nth-child(3),
		.tab-g > tbody > tr > td:nth-child(4),
		.tab-g > tbody > tr > td:nth-child(5){width:100%;}
		
		.tab-g1 > tbody > tr{}
		.tab-g1 > tbody > tr > td{display:inline-block; padding:4px; height:32px; line-height:24px; text-align:center; font-size:14px;}
		.tab-g1 > tbody > tr > td:nth-child(1){background:#ccc; width:24%;}
		.tab-g1 > tbody > tr > td:nth-child(2){width:76%;}
		
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td.p-tag1{background:#666; color:#fff;}
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td.p-tag2{font-weight:bold; background:#b0ff00; color:#000;}

		.tab-g > tbody > tr > td .tab-g1 > tbody > tr > td:nth-child(1){display:inline-block;}
		.tab-g > tbody > tr:first-of-type > td .tab-g1 > tbody > tr > td:nth-child(1){display:inline-block;}

		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td:nth-child(1){display:none;}
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td:nth-child(2){width:100%; background:#000; color:#fff;}
		.tab-g > tbody > tr > td:first-of-type .tab-g1 > tbody > tr > td:nth-child(2) a{color:#fff;}
	
	
	
}
















	#nav-c{width:100%; margin:0 auto 30px auto; font-size:16px;}

	#nav-c > li{display:block; width:100%;}

	#nav-c li a{position:relative; display:block; padding:10px 26px 10px 14px; line-height:20px; overflow:hidden; border-radius:4px; font-size:16px; font-weight:bold; margin-bottom:6px; background:#fff; border-left: 5px solid #CCC; border-bottom:#CCC 1px solid;}
	#nav-c li a:hover{color:#8B804D;}
	#nav-c li a.onit{color:#8B804D;}

	#nav-c > li > a:after{content:url(../img/shop-step-icon_bk.svg); position:absolute; display:inline-block; top:0; bottom:0; right:10px; margin-top:auto; margin-bottom:auto; width:16px; height:16px; text-align:center; vertical-align:middle;}
	#nav-c > li > a.onit:after{content:url(../img/shop-step-icon_g.svg); position:absolute; display:inline-block; top:0; bottom:0; right:10px; margin-top:auto; margin-bottom:auto; width:16px; height:16px; text-align:center; vertical-align:middle;}
	#nav-c > li > a:hover:after{content:url(../img/shop-step-icon_g.svg); position:absolute; display:inline-block; top:0; bottom:0; right:10px; margin-top:auto; margin-bottom:auto; width:16px; height:16px; text-align:center; vertical-align:middle;}

	#nav-c li span{position:relative; display:block; padding:10px 26px 10px 14px; line-height:20px; overflow:hidden; border-radius:4px; font-size:16px; font-weight:bold; margin-bottom:6px; background:#fff; border-left: 5px solid #CCC; border-bottom:#CCC 1px solid;}

	#nav-c > li > span:after{content:url(../img/shop-step-icon_grey.svg); position:absolute; display:inline-block; top:0; bottom:0; right:10px; margin-top:auto; margin-bottom:auto; width:16px; height:16px; text-align:center; vertical-align:middle;}








	#nav-m{width:100%; margin:0 auto 30px auto; font-size:16px;}

	#nav-m > li{display:block; width:100%;}

	#nav-m li a{position:relative; display:block; padding:10px 26px 10px 14px; line-height:20px; overflow:hidden; border-radius:4px; font-size:16px; font-weight:bold; margin-bottom:6px; background:#fff; border-left: 5px solid #CCC; border-bottom:#CCC 1px solid;}
	#nav-m li a:hover{color:#8B804D;}
	#nav-m li a.onit{color:#8B804D;}

	#nav-m li span{position:relative; display:block; padding:10px 26px 10px 14px; line-height:20px; overflow:hidden; border-radius:4px; font-size:16px; font-weight:bold; margin-bottom:6px; background:#fff; border-left: 5px solid #CCC; border-bottom:#CCC 1px solid;}





.congratulate-txt{display:block; margin:0 auto; padding:10px 20px; width:100%; background:#fff; color:#000; font-size:15px; background:#ededed; border:#000 1px solid; border-radius:4px;}
		.congratulate-txt strong{font-weight:bold; font-size:16px;}



















.wrapper-sitemap{position:relative; margin:0 auto; width:100%; background:#232323;}

	.sitemap-txt-area{position:relative; margin:0 auto; padding:12px 0 12px 0; width:100%; font-size:0; text-align:center; overflow:hidden;}
	.sitemap-txt-area.bb-c-line{border-bottom:#ccc 1px solid;}


@media screen and (max-width: 768px){

	.sm-t-pc{display:none;}

}
	
	
	.sitemap-area{position:relative; display:flex; flex-wrap:wrap; margin:0 auto; padding:18px 2% 36px 2%; width:100%; overflow:hidden; font-size:0; align-content:flex-start; justify-content:flex-start; border-top:rgba(255,255,255,0.1) 1px solid;}

	/* SiteMap 內容1 */	
	.map-column{position:relative; display:inline-block; padding:8px 4px; font-size:16px; vertical-align:top; overflow:hidden;}
	
	.map-column.blank{display:inline-block; padding:8px 4px; font-size:16px; vertical-align:top; overflow:hidden;}
	.map-column.blank li{color:#fff;}
	
	.map-column li{display:block; padding:4px 4px; width:100%; text-align:center; color:#fff;}
	
	.map-column li span{color:#fff;}
	
	.map-column li a{color:#fff;}
	.map-column li a:hover{color:#db1514;}
	.map-column li a:hover p{color:#db1514; text-decoration:underline;}
	
	.map-column li a b{}
	.map-column li a p{position:relative; display:inline-block; color:#fff;}





	/* SiteMap 內容2 */
	.map-column-1{position:relative; display:inline-block; width:25%; padding:5px 10px; font-size:14px; font-weight:100; vertical-align:top; overflow:hidden;}

	.map-column-1.rl-d{border-right:rgba(255,255,255,0.1) 1px solid;}

	
	
	
	.map-column-1:nth-of-type(1){width:33.33%;}
	.map-column-1:nth-of-type(2){width:33.33%;}
	.map-column-1:nth-of-type(3){width:33.33%;}
	
	
	
	
	
	.map-column-1 li{display:block; padding:4px 2px; width:100%; color:#fff; line-height:1.5;}
	.map-column-1 li span{}
	.map-column-1 li a{color:#000;}
	.map-column-1 li a:hover{color:#017749;}
	.map-column-1 li b{font-size:16px; letter-spacing:2px;}
	.map-column-1 li strong{font-size:16px; letter-spacing:2px;}
	.map-column-1 li p{}
	
	.map-column-1 li .c-logo{display:inline-block; margin:auto auto 10px auto; width:240px; max-width:100%; vertical-align:top; font-size:0;}
	.map-column-1 li .c-logo .cl-left{display:inline-block; width:40%; vertical-align:top; font-size:15px;}
	.map-column-1 li .c-logo .cl-right{display:inline-block; width:60%; vertical-align:top; font-size:15px;}
	.map-column-1 li .c-logo img{display:block; width:100%;}
	
	.map-column-1 li .c-logo-a{display:inline-block; width:100%; max-width:300px; vertical-align:top; font-size:0;}
	.map-column-1 li .c-logo-a img{display:block; width:100%;}
	
	
	
	.map-column-1 li .cif{display:inline-block; width:100%; vertical-align:top; font-size:0;}
	.map-column-1 li .cih{display:inline-block; width:50%; vertical-align:top; font-size:0;}
	
	.map-column-1 li .ci-a{display:inline-block; vertical-align:middle;}
	
	.map-column-1 li .ci-l{display:inline-block; margin-right:6px; width:18px; vertical-align:middle;}
	.map-column-1 li .ci-l img{display:block; width:100%;}
	.map-column-1 li .ci-r{display:inline-block; vertical-align:middle;}
	
	
	.map-column-1 li .ci-ll{display:inline-block; margin:0 12px 12px 0; width:40px; vertical-align:middle; font-size:15px; transition:all ease-in-out .3s;}
	.map-column-1 li .ci-ll img{display:block; width:100%;}
	.map-column-1 li .ci-ll:hover{transition:all ease-in-out .3s; transform:scale(0.9,0.9);}
	
	.map-column-1 li .ci-lw{display:inline-block; margin:0 12px 12px 0; width:60px; vertical-align:middle; font-size:15px; transition:all ease-in-out .3s;}
	.map-column-1 li .ci-lw img{display:block; width:100%;}
	.map-column-1 li .ci-lw:hover{transition:all ease-in-out .3s; transform:scale(0.9,0.9);}
	
	.map-column-1 li .ci-l-qr{display:block; margin:0 12px 12px 0; width:68px; vertical-align:middle; font-size:15px; transition:all ease-in-out .3s;}
	.map-column-1 li .ci-l-qr img{display:block; width:100%;}
	.map-column-1 li .ci-l-qr:hover{transition:all ease-in-out .3s; transform:scale(0.9,0.9);}

		








				/* Step div */

				.step-area{margin:10px auto 20px auto; width:100%; text-align:left;}
					
					.step-block{display:inline-block; margin:10px 4px; vertical-align:middle;}
					
					.step-blk-i{display:inline-block; margin:0 4px; padding:4px 16px; font-size:16px; border-radius:8px; letter-spacing:1px; font-weight:bold; vertical-align:middle; background:#7392c2; color:#000;}
					.step-blk-i .step-icon{display:inline-block; margin-right:4px; width:40px; vertical-align:middle;}
					.step-blk-i .step-txt{display:inline-block; vertical-align:middle; color:#fff;}
					
					.step-arr_l{display:inline-block; margin:0 4px; vertical-align:middle;}
					.step-arr_l > img{display:inline-block; vertical-align:middle; width:20px;}
		
					.step-arr_m{display:none; margin:0 4px; vertical-align:middle;}
					.step-arr_m > img{display:inline-block; vertical-align:middle; width:20px;}
					
					
					

					
	.f-h2{display:inline-block; padding:5px 0; width:100%; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
	.f-h3{display:inline-block; padding:10px 0; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center;}
	.f-p{display:inline-block; margin:10px 0; width:100%; font-size:13px; color:#fff; text-align:center;}
	
	.f-link{display:inline-block; margin:10px auto 20px auto; padding:10px 0; width:100%; text-align:center; font-size:0;}
	.f-link a{display:inline-block; margin:2px; padding:2px 4px; font-size:16px; color:#fff; font-size:normal;}
	.f-link a:hover{text-decoration:underline;}
	.f-link span{display:inline-block; margin:2px; padding:2px 2px; font-size:15px; color:#ceeeeb;}
	
	
	
	
	
	
	.f-center{display:table; margin:0 auto; width:100%; max-width:1200px; font-size:0;}
	.f-center .fc-l{display:table-cell; padding:10px; width:50%; text-align:right; vertical-align:middle;}
	.f-center .fc-l .fc-logo{display:inline-block; width:200px;}
	.f-center .fc-r{display:table-cell; padding:10px; width:50%; font-size:13px; font-weight:bold; color:#000; text-align:left; vertical-align:middle; letter-spacing:1px;}			





@media screen and (max-width:1400px){

	.map-column-1{border-right:none;}
	.map-column-1.rl-d{border-right:none;}

	.map-column-1:nth-of-type(1){width:33.33%;}
	.map-column-1:nth-of-type(2){width:33.33%}
	.map-column-1:nth-of-type(3){width:33.33%}

}






@media screen and (max-width:1024px){


	.sitemap-txt-area{text-align:left;}

	.map-column-1{padding:5px 0 10px 0; border-bottom:rgba(255,255,255,0.1) 1px solid; font-size:15px;}


	
	.map-column-1:nth-of-type(1){width:50%;}
	.map-column-1:nth-of-type(2){width:50%;}
	.map-column-1:nth-of-type(3){width:50%;}
	

	.map-column{width:50%;}
	.map-column.blank{display:none;}



}

@media screen and (max-width:768px){

	.map-column-1:nth-of-type(1){width:100%;}
	.map-column-1:nth-of-type(2){width:100%;}
	.map-column-1:nth-of-type(3){width:100%;}
	
	.map-column-1:last-of-type{border-bottom:none;}

	.map-column{padding:8px 4px; width:100%;}
	.map-column li{display:block; width:100%; text-align:center; letter-spacing:1px;}
	.map-column:last-of-type li{border-bottom:none;}

}





.mc-container{margin:0 auto 50px auto; padding:10px; width:100%; overflow:hidden;}
@media screen and (max-width: 768px){

.mc-container{padding:0;}	

}





.red-txt{display:inline !important; padding:0 !important; color:#f00 !important; font-size:13px !important;}






	.flex-ia{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; margin:0 auto 4px auto; width:100%; text-align:left; font-size:0; line-height:1.5;}
	
	.flex-il{display:block; margin:0 4px 0 0; padding:4px; width:36px; align-self:center;}
	.flex-il img{display:inline-block; width:100%; vertical-align:middle;}
	.flex-ir{display:block; padding:4px; width:calc(100% - 40px); font-size:16px; color:#000; align-self:center;}
	
	.flex-ia:hover .flex-ir{text-decoration:underline;}




















.intro-x{margin:0 auto; padding:0 10px 20px 10px; width:100%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start;}
.intro-x-a{margin:0 auto; padding:20px 40px 40px 40px; width:100%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start;}
.intro-x-gbl{margin:0 auto; padding:0; width:100%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start;}

	.ix-item{position:relative; margin:0 1% 16px 1%; padding:1%; width:98%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start;
	border-bottom:#ccc 1px solid;}
	
	.ix-item:last-of-type{border-bottom:none;}
	
	
	.ix-item-c{position:relative; margin:0 auto 16px auto; padding:1% 4%; width:80%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; border:#dedede 1px solid;}
	
	
	

		.ix-pic-blk{display:inline-block; padding:10px; width:30%; vertical-align:top; font-size:16px;}

			.ix-pic{position:relative; height:0; padding-bottom:100%; overflow:hidden; background:#fff;} 
			.ix-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:auto !important; max-width:100% !important; height:auto !important; max-height:100% !important; transition:all linear 0.3s;}
			
			
			.ix-pic-a{position:relative; height:0; border:transparent 4px solid; padding-bottom:100%; overflow:hidden; background:#fff; box-shadow:#000 1px 1px 3px;} 
			.ix-pic-a img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; margin-left:-25%; width:150%; max-width:none; height:auto; max-height:none; transition:all linear 0.3s;}
			
			
	
		.ix-txt-blk{position:relative; display:inline-block; padding:10px 10px 10px 10px; width:70%; vertical-align:top; font-size:16px; color:#000; align-items:center;}
		
			.ix-list{margin:0 auto; padding:0 0 10px 0; width:100%; font-size:16px;}
			.ix-list li{padding:0 0 4px 0; line-height:20px;}
			.ix-list li span{margin-right:6px;}

			.ix-title{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:24px;}
			.ix-date{display:block; margin:0 auto; padding:20px 0 0 0; width:100%; font-size:16px; color:#003e71;}


			
			.ix-more-blk{position:absolute; bottom:0; left:0; right:0; margin:auto auto auto auto; width:100%; text-align:right;}
				.ix-more-btn{position:relative; display:inline-block; padding:2px 12px; font-size:15px; font-weight:bold; text-align:center; color:#590e0e; border:#590e0e 1px solid; line-height:28px; vertical-align:middle;}
				
	.ix-item:hover .ix-more-btn{background:#590e0e; color:#ead199;}
	.ix-item:hover .ix-pic img{transform:scale(1.1,1.1); transition:all linear 0.3s;}
	.ix-item:hover .ix-title{color:#003e71;}

	/*
	.ix-item:hover .co-pic img{
		-webkit-transition:all ease-in-out 0.5s;
		-ms-transition:all ease-in-out 0.5s;
		transition:all ease-in-out 0.5s;
		-webkit-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
		opacity:0.8;
	}
	*/






	.ia-item{position:relative; margin:0 1% 16px 1%; width:98%; font-size:0; text-align:left; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; background:#ededed;}

		.ia-pic-blk{display:inline-block; padding:2%; width:40%; vertical-align:top; color:#fff;}
		.ia-pic-blk.ia-bg-a{background:#ee1a0f;}
		.ia-pic-blk.ia-bg-b{background:#c08f57;}
		.ia-pic-blk .co-txt{color:#fff;}
		

	
		.ia-bn-blk{position:relative; display:inline-block; width:60%; vertical-align:top;}





@media screen and (max-width: 768px){

	.intro-x{margin:0 auto; padding:0 0 10px 0;}


	.ix-item{position:relative; margin:0 1% 18px 1%; width:98%;}
	.ix-item-c{position:relative; margin:0 1% 18px 1%; width:98%}

	
			.ix-title{font-size:16px;}
			.ix-list{font-size:13px;}
			
				.ix-more-btn{padding:1px 8px; font-size:13px;}
				.gbl-more-btn{padding:1px 8px; font-size:13px;}
			
			
	.ix-item-more{margin:20px auto 0 auto;}
	
	.ix-item-more .ix-i-btn{padding:4px 12px; font-size:16px;}
	
	.ix-pic-blk{display:inline-block; width:40%;}
	.ix-txt-blk{display:inline-block; width:60%;}



.ia-pic-blk .col-item{width:25%;}

.ia-item{margin:0 auto 16px auto; width:100%;}



}

@media screen and (max-width: 480px){


		.ia-pic-blk{padding:2%; width:100%;}
		.ia-bn-blk{width:100%;}


	.ix-pic-blk{display:inline-block; width:100%;}
	.ix-txt-blk{display:inline-block; width:100%;}
	
}



.gi-n-title{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; width:100%; font-size:0; margin:auto auto 10px auto;}
.gi-n-title .gi-n-l{flex:0 1 auto; align-self:center; border-right:#ccc 1px solid; font-size:0; padding:6px 12px 6px 0;}
.gi-n-title .gi-n-r{flex:1 1 auto; align-self:center; font-size:18px; font-weight:bold; padding:6px 0 6px 12px;}

.gi-n-title .gi-date-l{display:inline-block; width:50px; vertical-align:middle; font-size:24px; font-weight:normal; padding:2px; text-align:center;}
.gi-n-title .gi-date-r{display:inline-block; width:calc(100% - 50px); vertical-align:middle; font-size:16px; font-weight:normal; padding:2px; text-align:center;}

.gi-month, gi-year{}



.gi-n-title-d{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; width:100%; font-size:0; margin:auto auto 20px auto; padding:0 2%;}
.gi-n-title-d .gi-n-l{flex:0 1 auto; align-self:center; border-right:#ccc 1px solid; font-size:0; padding:6px 12px 6px 0;}
.gi-n-title-d .gi-n-r{flex:1 1 auto; align-self:center; font-size:24px; font-weight:bold; padding:6px 0 6px 12px;}

.gi-n-title-d .gi-date-l{display:inline-block; width:100px; vertical-align:middle; font-size:28px; font-weight:normal; padding:2px; text-align:center;}
.gi-n-title-d .gi-date-r{display:inline-block; width:calc(100% - 100px); vertical-align:middle; font-size:18px; font-weight:normal; padding:2px; text-align:center;}



.gi-p-title{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; width:100%; font-size:0; margin:auto auto 20px auto; padding:0 2%;}
.gi-p-title .gi-n-l{flex:0 1 auto; align-self:center; font-size:28px; border-right:#ccc 1px solid; padding:6px 12px 6px 0;}
.gi-p-title .gi-n-r{flex:1 1 auto; align-self:center; font-size:22px; font-weight:normal; padding:6px 0 6px 12px;}







.process-tab{margin:0 auto; width:100%; text-align:left; vertical-align:top; font-size:14px;}
.process-tab th,
.process-tab td{padding:4px; vertical-align:top; line-height:1.5;}





/* --- PP LABEL --- */
.pp-label-b{margin:40px auto 80px auto; padding:4px 12px; width:100%; text-align:center;}
.pp-label-b.cus-mar{margin:10px auto;}
.pp-label-b.cus-mar-i{margin:48px auto 36px;}

.pp-label-b .icon-img{display:inline-block; margin:auto 10px auto auto; width:56px; height:56px; vertical-align:middle;}
.pp-label-b .icon-img img{display:inline-block; margin:auto; height:100%; vertical-align:middle;}
.pp-label-b .icon-txt{display:inline-block; padding:4px 0; font-size:24px; font-weight:bold; color:#000; letter-spacing:1px; vertical-align:middle;}
.pp-label-b .icon-txt.fp-c{color:#14244a;}

.pp-label-b .icon-txt.bb-line{border-bottom:#ed2a68 2px solid;}


.pp-label-b .title-txt{display:block; line-height:42px; font-size:28px; font-weight:bold; color:#000; letter-spacing:5px;}
.pp-label-b .sub-txt{display:block; line-height:32px; font-size:18px; font-weight:normal; color:#000; letter-spacing:5px;}



.pp-label-i{margin:auto auto 8px auto; padding:4px 0px; width:100%; text-align:center; color:#000;}

.pp-label-i .icon-img{display:inline-block; margin:auto 10px auto auto; width:36px; height:36px; vertical-align:middle;}
.pp-label-i .icon-img img{display:inline-block; margin:auto; height:100%; vertical-align:middle;}
.pp-label-i .icon-txt{display:inline-block; padding:0; font-size:18px; font-weight:bold; color:#000; letter-spacing:1px; vertical-align:middle;}

.pp-label-i .title-txt{display:block; line-height:28px; font-size:24px; font-weight:bold; color:#000; letter-spacing:1px;}
.pp-label-i .sub-txt{display:block; line-height:24px; font-size:16px; font-weight:500; color:#000; letter-spacing:1px;}




.fix-footer-blk{
	margin:0 auto;
	width:100%;
	padding:20px 0 10px 0;
	text-align:center;
	background:#232323;
}

.fix-h-blk{
	margin:0 auto;
	width:100%;
	padding:10px 20px;
}


.fix-h-img{
	display:inline-block;
	margin:0 12px 10px 12px;
	padding:2px;
	height:40px;
	width:auto;
	vertical-align:middle;
}

.fix-h-img.h30{
	height:30px;
}

.fix-h-img img{
	display:block;
	height:100%;
}

.fix-w-img{
	display:inline-block;
	margin:0 12px 10px 12px;
	padding:2px;
	width:280px;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.fix-w-img img{
	display:block;
	width:100%;
}










	/* product list new */
	.ts-showcase{}
		
	.ts-pic-showcase{display:block; margin:0 auto 12px 0; width:100%; font-size:0; text-align:left;}
	.ts-thumb-list{display:block; margin:0 auto 12px 0; width:100%; font-size:0; text-align:left;}
	
		.ts-pic-blk{display:block; position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; border:#ccc 1px solid;}
		.ts-pic-blk img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:auto !important; max-width:100% !important; height:auto !important; max-height:100% !important;}
		
		.ts-thumb-blk{margin:0 2.6% 10px auto; display:inline-block; width:23%; border:#ccc 1px solid;}
		.ts-thumb-blk .ts-pic-s-blk{position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden;}
		.ts-thumb-blk .ts-pic-s-blk img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:auto !important; max-width:100% !important; height:auto !important; max-height:100% !important;}
	
		.ts-thumb-list .ts-thumb-blk:nth-of-type(4n){margin-right:0;}

		.ts-thumb-blk:hover{border:#ccc 1px solid;}
		
		.ts-thumb-blk:focus,
		.ts-thumb-blk:active,
		.ts-thumb-blk.active{border:#000 1px solid;}
				
	
	
	@media screen and (max-width:1024px){
		
		.ts-showcase{width:45%;}
		.ts-intro{width:55%;}
		
	}
				
	@media screen and (max-width:768px){
		
		.ts-showcase{width:100%;}
		.ts-intro{width:100%;}
		
	}



.contact-tab{margin:0 auto; width:100%; font-size:15px;}
.contact-tab th{padding:8px 0;}
.contact-tab td{padding:8px 8px;}