@charset "utf-8";

a:link {color:#222;}
a:hover{color:#222;}
a:visited {color:#222;}
a:active {color:#222;}

/* 
  Margin 
*/
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt180 { margin-top:180px !important;}

.mb0 { margin-bottom:0 !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}

.ml0 { margin-left:0 !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml200 { margin-left:200px !important;}

.mr0 { margin-right:0 !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}


.mw10 { margin-left:10px !important; margin-right:10px !important;}
.mw15 { margin-left:15px !important; margin-right:15px !important;}
.mw20 { margin-left:20px !important; margin-right:20px !important;}
.mw30 { margin-left:30px !important; margin-right:30px !important;}
.mw50 { margin-left:50px !important; margin-right:50px !important;}
.mh100 { margin-top:100px !important; margin-bottom:100px !important;}

/* 
  Padding 
*/
.pd0 { padding: 0 !important;}
.pt0 {padding-top:0 !important;}

.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt100 { padding-top:100px !important;}
.pt110 { padding-top:110px !important;}


.pb0 { padding-bottom:0 !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb100 { padding-bottom:100px !important;}

.ph20 { padding-top:20px !important; padding-bottom:20px !important;}
.ph40 { padding-top:40px !important; padding-bottom:40px !important;}
.ph50 { padding-top:50px !important; padding-bottom:50px !important;}
.ph80 { padding-top:80px !important; padding-bottom:80px !important;}
.ph100 { padding-top:100px !important; padding-bottom:100px !important;}



.popup {position:fixed;left:0%; z-index:8;word-break:break-all;background:#fff; margin-top:85px;}
.popup h1 {font-size:14px;color:#fff;background:rgba(0,0,0,0.8);padding:8px 2px 8px 10px;cursor:move;}
.popup-footer {font-size:14px;color:#fff;background:rgba(0,0,0,0.8);padding:10px 0;margin-top:-6px}
.popup-footer a {color:#fff}
.popup-footer:after {content:'';display:block;height:0;clear:both}



.main_pop_mv {position:fixed; width:1278px; height:719px; left:50%; top:50%; margin-left:-639px; margin-top: -360px; z-index: 999999999;  animation-name: main-pop0;  animation-duration: 1.5s;    animation-delay: 0s;  animation-fill-mode: both; }
.main_pop_mv .pop_wrap{position: relative;  margin-top:0; position:relative;	padding-bottom: 54%; /* 16/9 ratio */	height: 0;}
.main_pop_mv span {position:absolute;top:0;right:-35px;width:55px;height:55px;overflow:hidden;font-size:0;z-index:10001; background-color:#ac8a70}
.main_pop_mv span a::after {position:absolute;top:4px;left:5px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:46px;transition:transform .5s;}
.main_pop_mv span a:hover::after {transform:rotate(90deg);}


.main_pop_mv .pop_wrap iframe,
.main_pop_mv .pop_wrap object,
.main_pop_mv .pop_wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@keyframes main-pop0 {
  from {top: -1000px; opacity: 9}
  to {top: 50%;}
}


#layerScreen {position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;display:none;z-index:99998;}

@media all and (max-width:1240px){


	.main_pop_mv {position:fixed; width:96%; left:2%; margin-left:0; margin-top:0; top:0; height:100%; z-index: 999999999;  animation-name: main-pop0;  animation-duration: 1.5s;    animation-delay: 0s;  animation-fill-mode: both; }
	.main_pop_mv .pop_wrap {position: relative;  margin-top:60px; position:relative;	padding-bottom: 54%; /* 16/9 ratio */	height: 0;	background:none}
	.main_pop_mv span {position:absolute;top:-50px;right:0;width:55px;height:55px;font-size:0;z-index:10001; background-color:transparent}
	.main_pop_mv span a::after {position:absolute;top:-9px;left:5px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:46px;transition:transform .5s;}
	.main_pop_mv span a:hover::after {transform:rotate(90deg);}


	.main_pop_mv .pop_wrap iframe,
	.main_pop_mv .pop_wrap object,
	.main_pop_mv .pop_wrap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

	}


	@keyframes main-pop0 {
	  from {top: -1000px; opacity: 9}
	  to {top: 60px;}
	}

}






.main_pop {position:fixed; width:380px; height:464px; left:50%; top:50%; margin-top: -275px; z-index: 9999; }
.main_pop .pop_wrap {position: relative;}
.main_pop span {position:absolute;top:0;right:0;width:48px;height:48px;background:#ac8a70;overflow:hidden;font-size:0;z-index:1000;}
.main_pop span a::after {position:absolute;top:9px;left:9px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:28px;transition:transform .5s;}
.main_pop span a:hover::after {transform:rotate(90deg);}
.main_pop img	{width:380px;}

#layerScreen2 {position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.5;-moz-opacity:0.3;display:none;z-index:9998;}

.pop1		{width:380px;margin-left:-685px;}
.pop2		{width:380px;margin-left:0;}


.pop3		{width:380px;margin-left:-570px;}
.pop4		{width:380px;margin-left:-190px;}
.pop5		{width:380px;margin-left:190px;}


.pop6		{width:380px;margin-left:-190px;}

.pop7		{width:320px;margin-left:-320px;}
.pop8		{width:320px;margin-left:0px;}
.pop9		{width:320px;margin-left:320px;}



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


.main_pop {position:fixed; width:345px; height:500px; left:50%; top:50%; margin-left:-170px; margin-top: -250px; z-index: 9999;}
.main_pop .pop_wrap {position: relative;}
.main_pop .pop_wrap img	{width:344px;}
.main_pop span {position:absolute;top:0;right:0;width:48px;height:48px;background:#ac8a70;overflow:hidden;font-size:0;z-index:1000;}
.main_pop span a::after {position:absolute;top:9px;left:9px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:28px;transition:transform .5s;}
.main_pop span a:hover::after {transform:rotate(90deg);}



.pop1		{width:350px;  left:50%; top:50%; margin-left:-175px; z-index:88888888}
.pop2		{width:350px;  left:50%; top:50%; margin-left:-175px; z-index:9999998}



.pop3		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:88888888}
.pop4		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:77777777}
.pop5		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:66666666}


.pop6		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:77777777}
.pop7		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:66666666}
.pop8		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:55555555}
.pop9		{width:345px; left:50%; top:50%; margin-left:-170px; z-index:44444444}

}