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

body{}

/* fix header css */
.bDtM{/*margin-top:98px;*/}

/* header */
.top-content{
	position:fixed;
	/*position:relative;*/
	top:0;
	right:0;
	left:0;
	margin:auto;
	padding:0 2% 0 4%;
	width:100%;
	background:rgba(255,255,255,1);
	z-index:10000;
}

/* nav */
.nav-content{position:relative; margin:auto; width:100%; text-align:left; font-size:0;}

	/* mobile-menu */
	.m-menu-blk{position:absolute; top:0; bottom:0; right:0; display:none; margin:auto auto auto auto; text-align:center; vertical-align:middle;}
		.m-menu{display:inline-block; margin:auto; width:28px; 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%;}

	/* progress-btn */
	.prog-blk{position:absolute; top:10px; right:10px; display:block; margin:auto; text-align:right;
		width:200px; max-width:100%;
		line-height:30px;
	}
	.prog-blk li{display:inline-block; margin:auto; vertical-align:middle;}
	.prog-blk li a{
		display:block; margin:auto; padding:4px 12px; width:100%; font-size:15px; letter-spacing:1px;
		color:#b6a080; background:rgba(255,255,255,0.1);

		transition:all ease-out 0.2s;
		-webkit-transition:all ease-out 0.2s;
		-ms-transition:all ease-out 0.2s;
	}
	.prog-blk li a:hover{
		color:#fff; background:rgba(182,160,128,0.8);

		transition:all ease-in 0.3s;
		-webkit-transition:all ease-in 0.3s;
		-ms-transition:all ease-in 0.3s;
	}

	/* logo */
	.nav-logo{
		display:block; margin:auto; max-width:100%; text-align:center; font-size:0;
		position:absolute; left:0;
	}
		.logo-link{display:inline-block; margin:auto; width:100%; vertical-align:middle;}
		.logo-link img{display:block; margin:auto; width:100%;}

	/* nav-menu */
	.nav-menu{
		width:100%; text-align:center; font-size:0;
		display:flex; flex-wrap:wrap; align-content:flex-end; justify-content:flex-end; align-items:center;
		position:absolute; right:0;
	}

	.nav-rf{display:block; width:100%;}



/* top-menu */
.t-t-blk{display:block; margin:0 auto 4px auto; padding:0 20px; width:100%; line-height:100%; font-size:0;}

	.tt-item{display:inline-block; vertical-align:middle;}
	.tt-item a{display:block; padding:4px 8px; width:100%; line-height:22px; font-size:15px; letter-spacing:1px; border-radius:4px;
		color:#fff; background:#999; border:#999 1px solid;
	}
	.tt-item a i{display:inline-block; vertical-align:middle; margin:auto 6px auto auto; font-size:17px;}

	.tt-item a:hover{background:#fff; color:#999;}



	.tt-item-c{display:inline-block; vertical-align:middle;}
	.tt-item-c a{display:block; padding:8px; width:100%; line-height:22px; font-size:18px; letter-spacing:1px; border-radius:4px;
		color:#fff; background:#ff5555; border:#ff5555 1px solid;
	}
	.tt-item-c a i{display:inline-block; vertical-align:middle; margin:auto 6px auto auto; font-size:30px;}
	.tt-item-c a div{display:block; margin:0 auto; padding:4px; width:100%; text-align:center;}










.t-m-blk{display:block; width:100%; line-height:100%; font-size:0;}

	.t-menu{position:relative; display:inline-block; font-size:18px; text-align:center; z-index:1;
		color:#000;
		margin:0;
		padding:56px 28px 18px 28px;

		line-height:100%;
	}

	.t-menu:hover,
	.t-menu:focus,
	.t-menu:active,
	.t-menu.onit{
	}

	.t-menu:hover .m-txt .ch,
	.t-menu:focus .m-txt .ch,
	.t-menu:active .m-txt .ch{
	}

	.t-menu:hover .m-txt .en,
	.t-menu:focus .m-txt .en,
	.t-menu:active .m-txt .en{
	}

	.t-menu{
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.t-menu:before{
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fec603;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

	.t-menu:hover, .t-menu:focus, .t-menu:active{
		color: #000;
	}

	.t-menu:hover:before, .t-menu:focus:before, .t-menu:active:before{
		-webkit-transform: scale(1);
		transform: scale(1);
	}



	.t-menu.onit{
		color: #fff;
	}

	.t-menu.onit:before{
		background: #33bde2;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	.t-menu.onit:hover, .t-menu.onit:focus, .t-menu.onit:active{
		color: #000;
	}

	.t-menu.onit:hover:before,
	.t-menu.onit:focus:before,
	.t-menu.onit:active:before{
		background: #fec603;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
	}





	.tm-tri-m{display:block; position:absolute; bottom:8px; right:0; left:0; margin:auto; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; border-color:#000 transparent transparent transparent;
		transition:all ease-out 0.2s;
		-webkit-transition:all ease-out 0.2s;
		-ms-transition:all ease-out 0.2s;
	}

	.t-menu.onit .tm-tri-m{border-color:#fff transparent transparent transparent;}

	.t-menu.onit:hover .tm-tri-m,
	.t-menu.onit:focus .tm-tri-m,
	.t-menu.onit:active .tm-tri-m{border-color:#000 transparent transparent transparent;}



	.m-icon,
	.m-txt{margin:0 auto; width:100%; text-align:center; letter-spacing:1px;}

	.m-icon{width:28px;}
	.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:24px;}
	.m-txt .en{line-height:18px; font-size:12px; letter-spacing:0;}



	/* Dropdown */
	.t-m-blk > ul,
	.t-m-blk > ul > li{display:inline-block; font-size:0;}
	.t-m-blk > ul > li{margin:0 auto}
	.t-m-blk > ul{width:100%;}
	.t-m-blk > ul > li{position:relative; vertical-align:bottom;}

	.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{}
	*/

	.dropdown:hover .t-menu.onit,
	.dropdown:focus .t-menu.onit,
	.dropdown:active .t-menu.onit{
		color:#000;
	}

	.dropdown:hover .t-menu:before,
	.dropdown:focus .t-menu:before,
	.dropdown:active .t-menu:before{
		background:#fec603; color:#000;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	.dropdown:hover .t-menu .tm-tri-m,
	.dropdown:focus .t-menu .tm-tri-m,
	.dropdown:active .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 lv1 */
	.dropdown-c{
		margin:auto; padding:0; width:100%; font-size:0; background:rgba(255,255,255,0.9);
		position:absolute;
		top:60%;
		left:0;
		visibility:hidden;
		opacity:0;
		z-index:1;
		width: 150px;
	}

	.dropdown:hover .dropdown-c,
	.dropdown:focus .dropdown-c,
	.dropdown:active .dropdown-c{
		display:flex; flex-wrap:wrap; justify-content:flex-start;
		top: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;
	}

	.dropdown-c > li{position:relative; display:inline-block; margin:0 auto; width:100%; text-align:center;}
	.dropdown-c > li:last-of-type{/*border-bottom:none;*/}

	.dropdown-c > li > a{position:relative; display:block; margin:0 auto; width:100%; font-size:16px; color:#000; padding:18px 10px; text-align:center; letter-spacing:1px;}
	.dropdown-c > li > a:hover,
	.dropdown-c > li > a:focus,
	.dropdown-c > li > a:active{background:#fec603;}

	.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 #000;}

	.sub-dropdown:hover > a,
	.sub-dropdown:focus > a,
	.sub-dropdown:active > a{color:#fff; background:rgba(153,153,153,0.9);}

	.sub-dropdown:hover > a .tm-tri-s,
	.sub-dropdown:focus > a .tm-tri-s,
	.sub-dropdown:active > a .tm-tri-s{border-color:transparent transparent transparent #fff;}

	/* dropdown lv2 */
	.sub-dropdown-c{
		margin:auto;
		width:156px; font-size:0; background:rgba(153,153,153,0.9);
		position:absolute;
		top:0;
		left:60%;
		visibility:hidden;
		opacity:0;
		z-index:10;
	}

	.sub-dropdown:hover .sub-dropdown-c,
	.sub-dropdown:focus .sub-dropdown-c,
	.sub-dropdown:active .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:15px; color:#fff; padding:10px 14px; text-align:center; letter-spacing:1px;}

	.sub-dropdown-c > li > a:hover,
	.sub-dropdown-c > li > a:focus,
	.sub-dropdown-c > li > a:active{color:#000;}










	/* menu line-height */
	.top-content{height:98px;}
	.nav-content{}

	.nav-logo{width:240px; line-height:98px;}
	.logo-link{margin-top:0;}

	.nav-menu{width:calc(100% - 250px); height:98px;}



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

	.top-content{padding:0 1% 0 2%; height:72px;}

	.nav-content{}

	.nav-logo{width:180px; line-height:72px;}

	.nav-menu{width:calc(100% - 190px); height:72px;}

	.t-menu{
		padding:24px 20px;
		font-size:15px;
	}

	.m-txt .ch{letter-spacing:0;}

	.dropdown-c > li > a{font-size:15px;}
	.sub-dropdown-c > li > a{font-size:14px;}

}

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

	.top-content{padding:0 10px 0 15px; height:68px;}
	.nav-content{}
	.nav-logo{width:160px; line-height:68px;}

	.m-menu-blk{line-height:68px;}
	.m-menu-blk{display:block;}

	.nav-menu{display:none;}

}

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

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





/* Mobile menu */
.m-nav-item{position:relative; display:inline-block; font-weight:100; letter-spacing:1px; vertical-align:middle;}


.m-nav-item span{display:block;}
.m-nav-item span i{display:inline-block; margin:auto 6px auto auto;}
.m-nav-item span.ch{display:block; line-height:24px; font-size:16px;}
.m-nav-item span.en{display:block; line-height:18px; font-size:13px;}

.m-nav-item:hover span.en{}



/* 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:32px; 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-size:cover;
	background-color:rgba(0,0,0,0.5);
	border-radius:50%;
}

#backtotop.show{opacity:0.9;}

#backtotop.show:hover,
#backtotop.show:active,
#backtotop.show:focus{background-color:rgba(29,186,220,1); opacity:1;}




.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:rgba(29,186,220,1); overflow:hidden;}

.f-container h3,
.f-container p{display:block; padding:16px 20px; line-height:1.5; letter-spacing:1px;}

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


.ft-logo{position:relative; margin:16px auto 8px auto; width:240px; max-width:100%; text-align:center; z-index:1;}
.ft-bg{background:#e2e2e2;}
.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: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:0 10px; 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.ls-w2{letter-spacing:2px;}
	.mc-tt-blk span{font-size:16px;}


	.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.cus-build{margin:20px auto;}


	.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:15px; color:#000;}
			.h-block{position:relative; float:left; padding:10px; width:50%; overflow:hidden; font-size:15px; color:#000;}


			.f-block-w{position:relative; float:left; padding:5px; width:100%; overflow:hidden; font-size:16px; color:#000;}
			.h-block-w{position:relative; float:left; padding:5px; width:50%; overflow:hidden; font-size:16px; color:#000;}


			.f-block-i{position:relative; float:left; width:100%; overflow:hidden; font-size:16px; color:#000;}
			.h-block-i{position:relative; float:left; 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-w{float:left; width:100%; padding:4px 0; line-height:40px; overflow:hidden;}
				.h-colum-w{float:left; width:50%; padding:4px 0; line-height:40px; overflow:hidden;}

				.f-colum-r{float:left; width:100%; margin:4px auto 4px auto; padding:0; line-height:1.5; overflow:hidden;}
				.h-colum-r{float:left; width:50%; margin:4px auto 4px auto; padding: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;}

				.ir-title,
				.ir-field{line-height:40px;}


				.mc-r-title,
				.mc-r-field,
				.mc-rf-field{line-height:36px;}


				.mc-w-title,
				.mc-w-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;}


					.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;}



					.ir-title{float:left; padding:5px 5px 5px 5px; width:120px; vertical-align:middle; color:#888; font-weight:bold;}
					.ir-field{float:left; padding:0 5px 0 5px; width:calc(100% - 120px); vertical-align:middle; color:#888;}

					.ir-title sup{color:#000;}
					.ir-title .link{color:#f00;}
					.ir-title .link:hover{text-decoration:underline;}
					.ir-title img{vertical-align:middle;}
					.ir-title .f-auth{margin:0 8px 8px 0;}
					.ir-title a{text-decoration:none;}
					.ir-title a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#40c3f3;}
					.ir-title .f-auth-pic{height:30px;}
					.ir-title input,
					.ir-title textarea,
					.ir-title select,
					.ir-title option{border:#ccc 1px solid; padding:6px; border-radius:6px;}



					.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 8px; width:100%; color:#000; font-size:13px;}
					.mc-f-title:after{position:absolute; top:0; bottom:0; left:0; margin:auto; width:4px; height:80%; background:#82796b; content:'';}
					.mc-f-title .larger-txt{display:inline-block; margin-right:10px; font-size:20px;}

					.mc-f-title.c-bk{color:#db1514;}
					.mc-f-title.c-bk .larger-txt{color:#000; font-weight:600;}

					.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-i-title{position:relative; float:left; padding:0 12px; width:100%; color:#db1514; font-size:13px;}
					.mc-i-title:after{position:absolute; top:0; bottom:0; left:0; margin:auto; width:4px; height:80%; background:#db1514; content:'';}

					.mc-i-title .larger-txt{display:inline-block; margin-right:10px; font-size:22px; font-weight:bold;}

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






					.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;}

					.must-fill-w{display:inline; margin:auto 4px; color:#fff;}

					.blank-fill{display:inline; margin:auto 5px;}



					.mc-r-title{float:left; padding:0 16px; width:100%; color:#000; 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:100%; 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; text-align:center; vertical-align:middle; font-size:14px; color:#333;}
					.mc-r-field a .swap-t:hover{color:#33bde2;}
					.mc-r-field .f-auth-pic{width:auto; 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:2px; height:28px; vertical-align:middle; background:#ededed; color:#666;}


					.mc-r-field textarea{border:#ccc 1px solid; border-radius:4px; padding:2px; height:28px; vertical-align:middle; background:#ededed; color:#666;}




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

					.mc-w-field textarea{border:#fff 1px solid; border-radius:6px; background:rgba(255,255,255,0.3); padding:8px; height:32px; vertical-align:middle; color:#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:#fff;}

					.mc-rf-field{float:left; padding:0 4px; width:100%; vertical-align:middle; color:#fff;}
					.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:#dedede; color:#666;}




























					.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.no-pad{padding:0;}
				.confirm-block.cus-pad-i{padding:8px 0 0 0; border-top:#792988 1px dashed;}
				.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.c-mp-b{margin-bottom:50px; padding:10px 0 60px 0;}
				.confirm-block.c-mp-bb{margin-bottom:30px; padding:10px 0 30px 0;}


				.r-skew-btn{
					display:inline-block; margin:0 4px 8px 4px; padding:14px 36px; font-size:18px; text-align:center; color:#fff; background:rgba(29,186,220,1); border:none; border:rgba(29,186,220,1) 1px solid; letter-spacing:1px; cursor:pointer; border-radius:4px;
					-webkit-transform: skewX(-15deg);
					transform: skewX(-15deg);
				}

				.r-skew-btn:hover,
				.r-skew-btn:focus,
				.r-skew-btn:active{
					color:rgba(29,186,220,1);
					background:#fff;
				}


				.r-skew-btn .rsb-txt{
					display:block;
					-webkit-transform: skewX(15deg);
					transform: skewX(15deg);
				}


				.r-skew-btn-g{
					display:inline-block; margin:0 4px 8px 4px; padding:14px 36px; font-size:18px; text-align:center; color:#fff; background:#999; border:none; border:#999 1px solid; letter-spacing:1px; cursor:pointer; border-radius:4px;
					-webkit-transform: skewX(-15deg);
					transform: skewX(-15deg);
				}

				.r-skew-btn-g:hover,
				.r-skew-btn-g:focus,
				.r-skew-btn-g:active{
					color:#999;
					background:#fff;
				}


				.r-skew-btn-g .rsb-txt{
					display:block;
					-webkit-transform: skewX(15deg);
					transform: skewX(15deg);
				}







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

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

				.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 4px 4px; padding:8px 16px; font-size:15px; text-align:center; color:#666; border:none; border:#777 1px solid; cursor:pointer;}
				.confirm-block .more-btn:hover{color:#fff; border:#000 1px solid; background:#000;}

				.confirm-block .more-btn-w{display:inline-block; margin:0 4px 4px 4px; padding:8px 16px; font-size:15px; text-align:center; color:#792988; border:none; border:#fff 1px solid; cursor:pointer;}
				.confirm-block .more-btn-w:hover{color:#fff; background:#792988;}



				.col-item:hover .confirm-block .more-btn-w{color:#fff; background:#792988;}

				.confirm-block.no-pad .more-btn-w{margin:0 auto;}






				.confirm-block .more-btn-o{display:inline-block; margin:0 4px 8px 4px; padding:8px 16px; font-size:15px; text-align:center; color:#fff; border:none; background:#792988; cursor:pointer;}
				.confirm-block .more-btn-o:hover{background:#000;}

				.confirm-block .more-btn-r{display:inline-block; margin:0 4px 8px 4px; padding:8px 16px; font-size:15px; text-align:center; color:#fff; border:none; background:#ff244e; cursor:pointer;}
				.confirm-block .more-btn-r:hover{background:#000;}





				.confirm-block .round-btn{display:inline-block; margin:0 8px; width:80px; height:80px; line-height:80px; font-size:14px; text-align:center; color:#fff;cursor:pointer; border-radius:100%; background:#82796b;

					position:relative; overflow:hidden;
					-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
					box-shadow: 0 0 1px rgba(0, 0, 0, 0);
					position: relative;
					-webkit-transition-property: color;
					transition-property: color;
					-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
				}

				.confirm-block .round-btn:after{
					content:"";
					position:absolute;
					bottom:20%;
					left:calc(50% - 4px);


					border-style:solid;
					border-width:8px 6px 0 6px;
					border-color:#fff transparent transparent transparent;
					z-index:10;
				}

				.confirm-block .round-btn:before{
					content: "";
					position: absolute;
					z-index: -1;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: #33bde2;
					-webkit-transform: scaleY(0);
					transform: scaleY(0);
					-webkit-transform-origin: 50% 100%;
					transform-origin: 50% 100%;
					-webkit-transition-property: transform;
					transition-property: transform;
					-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
					-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
				}
				.confirm-block .round-btn:hover, .confirm-block .round-btn:focus, .confirm-block .round-btn:active {
					color: #fff;
				}

				.confirm-block .round-btn:hover:before, .confirm-block .round-btn:focus:before, .confirm-block .round-btn:active:before {
				  -webkit-transform: scaleY(1);
				  transform: scaleY(1);
				}










				.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:#fff; background:#82796b; border:none; letter-spacing:1px; cursor:pointer; border-radius:6px;}
				.m-confirm-block .form-btn:hover{color:#fff; background:#33bde2;}

				.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:15px; text-align:center; color:#000; border:#000 1px solid; letter-spacing:1px; cursor:pointer; background: #fec603}
				.m-confirm-block .more-btn:hover,
				.m-confirm-block .more-btn:focus,
				.m-confirm-block .more-btn:active{background:#fec603; color:#000;}

				.m-confirm-block .more-btn-w{display:inline-block; margin:0 4px 4px 0; padding:6px 18px; font-size:15px; text-align:center; color:#000; border:#000 1px solid; letter-spacing:1px; cursor:pointer; background: #fec603}
				.m-confirm-block .more-btn-w:hover,
				.m-confirm-block .more-btn-w:focus,
				.m-confirm-block .more-btn-w:active{background:#fec603; color:#000;}




				/*
				.col-item:hover .m-confirm-block .more-btn{background:#b6a080; color:#fff;}
				*/





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

					.confirm-block{padding:8px 0; font-size:15px;}
					.confirm-block .form-btn,
					.confirm-block .option-btn,
					.confirm-block .inner-btn,
					.confirm-block .inner-btn-a,
					.confirm-block .buy-btn,
					.confirm-block .more-btn,
					.confirm-block .more-btn-w,
					.confirm-block .more-btn-o,
					.confirm-block .more-btn-r,
					.red-btn,
					.facebook-btn{padding:8px 16px; font-size:15px;};

					.confirm-block .round-btn{width:60px; height:60px; line-height:60px; font-size:15px;}

					.m-confirm-block{padding:6px 0; font-size:14px}
					.m-confirm-block .form-btn,
					.m-confirm-block .option-btn,
					.m-confirm-block .inner-btn,
					.m-confirm-block .normal-btn,
					.m-confirm-block .more-btn,
					.m-confirm-block .more-btn-w{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-w{float:left; width:100%;}
	.h-block-w{float:left; width:100%;}

	.f-block-i{float:left; width:100%;}
	.h-block-i{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-w{float:left; width:100%;}
		.h-colum-w{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-w{line-height:1.5;}
		.h-colum-w{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-w-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;}


				.ir-title{}
				.ir-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%;}

				.mc-w-field{margin:4px auto 4px 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:#82796b;}

	.sitemap-txt-area{position:relative; margin:0 auto; padding:10px; width:100%; font-size:0; text-align:center; overflow:hidden;}
	.sitemap-txt-area.fLex-c{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; align-items:center;}


	.sitemap-txt-area.bb-c-line{border-bottom:#ccc 1px solid;}

	.sitemap-txt-area.bt-c-line{border-top:#dedede 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;}

	/* SiteMap 內容1 */
	.map-column{position:relative; display:inline-block; padding:4px 20px; font-size:16px; vertical-align:top; overflow:hidden; text-align:left}
	.map-column.mc-100{width:100%; height:100%;}

	.map-column.blank{display:inline-block; padding:8px 4px; font-size:16px; vertical-align:top; overflow:hidden;}
	.map-column.blank li{color:#000;}

	.map-column li{display:block; padding:4px 4px; width:100%; text-align:center;}

	.map-column li span{color:#000}

	.map-column li a{color:#000;}
	.map-column li a:hover{color:rgba(29,186,220,1);}
	.map-column li a:hover p{color:rgba(29,186,220,1);}

	.map-column li a b{}
	.map-column li a p{position:relative; display:inline-block; color:#000;}





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

	.map-column-1.rl-d{border-left:#dedede 1px solid;}

	.map-column-1.color-b{}
	.map-column-1.color-b li a{color:#000; font-weight:bold;}



	.map-column-1 li{display:block; padding:4px 2px; width:100%; color:#000; line-height:1.5;}
	.map-column-1 li span{}
	.map-column-1 li a{color:#000;}
	.map-column-1 li a:hover{color:rgba(29,186,220,1);}
	.map-column-1 li a i{margin-right:4px;}



	.co-md-mc .map-column-1 li a i{margin-right:8px;}



	.map-column-1 li b{font-size:15px; letter-spacing:2px;}
	.map-column-1 li strong{font-size:15px; letter-spacing:2px;}
	.map-column-1 li p{}

	.map-column-1 li .c-logo{display:inline-block; margin:auto auto 10px auto; width:200px; 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:80px; max-width:100%; 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);}



	.map-column-1 li .color-r{color:#f00;}


	.map-column-1 li .blank-f{display:inline-block; vertical-align:middle; width:10px; height:10px;}



				/* 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){

}

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

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

	.sitemap-txt-area{padding:10px 0;}

	.map-column-1{padding:5px 0 10px 0; font-size:15px;}

	.map-column.blank{display:none;}

}

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

	.map-column li{display:block; width:100%; text-align:center; letter-spacing:1px;}

}





.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; align-items:flex-start; margin:0 auto; width:100%; text-align:left; font-size:0; line-height:1.5;
		font-size:15px;
		color:#000 !important;
	}
	.flex-ia.no-wrap{
		flex-wrap:nowrap;
	}

	.flex-il{
		flex:1 1 30%;
		max-width:none;
		padding:4px;
	}

	.flex-ir{
		flex:1 1 70%;
		max-width:none;
		padding:4px;
	}

	.flex-il img{
		display:inline-block; width:20px; vertical-align:middle;
	}

	.flex-ia:hover .flex-ir{color:#33bde2;}





	/* new flex */
	.flex-ia-f{
		display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; align-items:flex-start; margin:0 auto; width:100%; text-align:left; font-size:0; line-height:1.5;
		font-size:16px;
	}
	.flex-ia-f.no-wrap{
		flex-wrap:nowrap;
	}

	.flex-il-f{
		flex:0 0 50px;
		max-width:none;
		padding:4px;
		text-align:center;
	}


	.flex-il-f i{display:inline-block; vertical-align: middle; font-size:28px; color:rgba(29,186,220,1);}

	.flex-ir-f{
		flex:1 1 auto;
		max-width:none;
		padding:4px;
		font-weight:bold;
	}

	.flex-il-f img{
		display:inline-block; width:20px; vertical-align:middle;
	}











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

	.flex-ia-f.no-wrap{
		flex-wrap:wrap;
	}

	.flex-il-f, .flex-ir-f{
		text-align:left;
		flex:0 0 100%;
	}




}












.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:#ededed 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:75%; 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:1.5;}
			.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.csdc{color:#b6a080;}
.gi-n-title.csdc-a{margin:auto auto 20px auto; color:#b6a080;}

.gi-n-title.csdc-w{color:#fff;}
.gi-n-title.csdc-w-a{margin:auto auto 20px auto; color:#fff; font-weight:normal;}
.gi-n-title.csdc-w-a .gi-n-l.bor-r:before{content:''; position:absolute; top:0; right:0; bottom:0; margin:auto; height:80%; width:2px; background:#fff;}


.gi-n-title .gi-n-l{flex:0 1 auto; align-self:center; font-size:0; padding:6px 12px 6px 0; position:relative;}
.gi-n-title .gi-n-l .gi-title{font-size:20px;}
.gi-n-title .gi-n-l.bor-r:before{content:''; position:absolute; top:0; right:0; bottom:0; margin:auto; height:80%; width:2px; background:#b6a080;}

.gi-n-title .gi-n-r{flex:1 1 60%; 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:36px; 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:18px; 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.csdc{color:#b6a080;}
.gi-n-title-d.csdc-a{margin:auto auto 40px auto; padding:0 2%; color:#b6a080;}
.gi-n-title-d.csdc-a .gi-n-r{color:#000; font-size:18px;}

.gi-n-title-d.csdc-w{color:#fff;}
.gi-n-title-d.csdc-w-a{margin:auto auto 40px auto; padding:0 2%; color:#fff;}
.gi-n-title-d.csdc-w-a .gi-n-l .gi-title{font-size:24px; font-weight:normal;}
.gi-n-title-d.csdc-w-a .gi-n-r{color:#fff; font-size:18px; font-weight:normal;}
.gi-n-title-d.csdc-w-a .gi-n-l.bor-r:before{content:''; position:absolute; top:0; right:0; bottom:0; margin:auto; height:80%; width:2px; background:#fff;}



.gi-n-title-d .gi-n-l{flex:0 1 auto; align-self:center; font-size:0; padding:6px 18px 6px 0; position:relative;}
.gi-n-title-d .gi-n-l .gi-title{font-size:20px;}
.gi-n-title-d .gi-n-l.bor-r:before{content:''; position:absolute; top:0; right:0; bottom:0; margin:auto; height:80%; width:2px; background:#b6a080;}

.gi-n-title-d .gi-n-r{flex:1 1 60%; 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:66px; vertical-align:middle; font-size:36px; font-weight:normal; padding:2px; text-align:center;}
.gi-n-title-d .gi-date-r{display:inline-block; width:calc(100% - 66px); 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 60%; 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:28px auto 28px auto; padding:2px 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.cus-mar-bs{margin:0 auto; padding:4px 0 8px 0;}

.pp-label-b.cus-mar-bn{margin:0 auto; padding:0 1%;}

.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.tt-a{margin:auto 2px;}
.pp-label-b .icon-txt.cw{color:#fff;}
.pp-label-b .icon-txt.cb{color:#282828;}
.pp-label-b .icon-txt.co{color:#b6a080;}

.pp-label-b .icon-txt.cp{color:#514b43; vertical-align:bottom}
.pp-label-b .icon-txt.cp-s{color:#514b43; font-size:16px; vertical-align:bottom}



.pp-label-b .icon-txt.fp-c{color:#14244a;}
.pp-label-b .icon-txt.gui{color:#ff8f12;}



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


.pp-label-b .title-txt{display:block; line-height:36px; font-size:28px; font-weight:500; color:#000; letter-spacing:1px;}
.pp-label-b .title-txt.color-w{color:#fff;}
.pp-label-b .title-txt.ss-txt{font-size:18px;}
.pp-label-b .sub-txt{display:block; line-height:24px; font-size:18px; font-weight:500; color:#666; letter-spacing:1px;}



.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:75%; 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:75%; 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;}




.t-skew{
	-webkit-transform:skew(-18deg,0deg);
	transform:skew(-18deg,0deg);
}

.t-skew-n{
	-webkit-transform:skew(18deg,0deg);
	transform:skew(18deg,0deg);
}


.lang-select{display:inline-block; margin:auto 4px auto auto; vertical-align:middle; text-align:left; font-size:15px;}
.lang-select .ls-t{margin:auto 10px auto auto; display:inline-block; vertical-align:middle; font-weight:bold;}
.lang-select input,
.lang-select textarea,
.lang-select select,
.lang-select option{display:inline-block; vertical-align:middle;}

.lang-select .lsi-w{width:100px; background:#ccc;}

.lang-select-m{display:inline-block; margin:0 auto; width:100%; vertical-align:middle; text-align:left; font-size:15px;}




.footer-logo{display:inline-block; margin:20px auto; width:100%; max-width:240px;}
.footer-logo img{display:block; width:100%;}

.footer-pic{display:inline-block; margin:20px auto; width:100%; max-width:120px;}
.footer-pic img{display:block; width:100%;}



/* flx item */
.flx-dl{
	display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; align-items:stretch; margin:0 auto; width:100%; text-align:left; line-height:1.5; font-size:16px;
}

.flx-dt{
	flex:0 0 auto;
	max-width:none;
	text-align:center;
}

.flx-dd{
	flex:1 1;
	max-width:none;
}

/* combination */
.flx-dl.nowrap{
	flex-wrap:nowrap;
}

.flx-dt,
.flx-dd{
	padding:4px;
	align-self: center;
}

/* custom part */
.flx-dt{
	padding:4px 0;
}
.flx-dt.icon{
	flex:0 1 44px;
}
.flx-dt.txt{
	flex:0 1 82px;
	font-weight:bold;
	text-align:left;
}
.flx-dt i{display:inline-block; vertical-align: middle; font-size:28px; color:rgba(29,186,220,1);}

.flx-dd{
	font-weight:bold;
}



/* rwd setting */
@media screen and (max-width:1024px){

}

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

}




.swap-btn{display:inline-block; margin:0 4px; width:28px;}
.swap-btn img{dispaly:block; width:100%;}










.flx-c-dl{
	display:flex; flex-wrap:nowrap; align-content:flex-start; justify-content:flex-start; align-items:center; margin:0 auto; width:100%; text-align:left; font-size:16px;
}

.flx-c-dt{
	flex:0 0 auto;
	max-width:none;
	text-align:center;
}

.flx-c-dd{
	flex:1 1;
	max-width:none;
}


.flx-c-dt,
.flx-c-dt{
	position:relative;
	align-self: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



/* custom part */
.flx-c-dt.cs-title{
	padding:0 20px 0 0;
	font-size:24px;
	font-weight:bold;
	vertical-align: middle;
}

.flx-c-dt.cs-title:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 10px;
	width:2px;
	height:90%;
	background:#000;
	margin-left:4px;
}

.flx-c-dd.cs-text{
	vertical-align: middle;
}