@charset "utf-8";

.bg{
	background:url("../../img/bg.png");
}

i.material-icons{
	vertical-align:bottom;
	margin-right:5px;
}

.MainLogo{
	width:400px;
	height:286px;
	margin:0 auto;
	background:url("../../img/MainLogo.png")no-repeat center center;
	position:relative;
	top:100px;
}


.IdxBanner{
	height:700px;
	background:url("../../img/bg_IdxBanner.jpg")no-repeat top center fixed;
}

.IdxBanners{
	width:1220px;
	height:700px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.Man{
	width:357px;
	height:566px;
	background:url("../../img/Man.png")no-repeat center center;
	position:absolute;
	bottom:-180px;
	right:50px;
	z-index:2;
}

.Feman{
	width:357px;
	height:566px;
	background:url("../../img/Feman.png")no-repeat center center;
	position:absolute;
	bottom:-180px;
	right:-70px;
	z-index:2;
}


.Wrapper{
	width:1220px;
	min-height:10px;
	margin:-50px auto 10px auto;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
	border:1px #eee solid;
	position:relative;
	z-index:10;	
	
}

.Wrappers{
	width:1160px;
	min-height:10px;
	margin:50px auto;
	position:relative;
	z-index:10;
}


.Menu{
	width:1220px;
	height:82px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
	background: #f9c667; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:10px 10px 0 0;
}


.Menu a{
	width:180px;
	height:70px;
	line-height:65px;
	color:#fff;
	display:inline-block;
	text-align:right;
	padding:12px 32px 0 12px;
	font-size:20px;
	font-weight:bold;
}

.Menu a:nth-child(1){
	background:url("../../img/Menu_a1.png")no-repeat top left 20px;
	border-right:1px #ffd18f solid;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;	
}

.Menu a:nth-child(1):hover{
	background:#ff8a00 url("../../img/Menu_a1.png")no-repeat top left 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #c47800;
	text-decoration:none;
	border-radius:10px 0 0 0;
}

.Menu a:nth-child(2){
	background:url("../../img/Menu_a2.png")no-repeat top left 20px;
	border-right:1px #ffd18f solid;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;	
}

.Menu a:nth-child(2):hover{
	background:#ff8a00 url("../../img/Menu_a2.png")no-repeat top left 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #c47800;
	text-decoration:none;
}

.Menu a:nth-child(3){
	background:url("../../img/Menu_a3.png")no-repeat top left 20px;
	border-right:1px #ffd18f solid;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;	
}

.Menu a:nth-child(3):hover{
	background:#ff8a00 url("../../img/Menu_a3.png")no-repeat top left 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #c47800;
	text-decoration:none;
}

.Menu a:nth-child(4){
	background:url("../../img/Menu_a4.png")no-repeat top left 20px;
	border-right:1px #ffd18f solid;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;	
}

.Menu a:nth-child(4):hover{
	background:#ff8a00 url("../../img/Menu_a4.png")no-repeat top left 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #c47800;
	text-decoration:none;
}

.Menu a:nth-child(5){
	background:url("../../img/Menu_a5.png")no-repeat top left 20px;
	border-right:1px #ffd18f solid;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;	
}

.Menu a:nth-child(5):hover{
	background:#ff8a00 url("../../img/Menu_a5.png")no-repeat top left 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #c47800;
	text-decoration:none;
}

.Menu a:nth-child(6){
	width:48px !important;
	padding-right:20px !important;
	text-align:center;
	background:#1475b9 url("../../img/Menu_a6.png")no-repeat top center !important;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	border-radius:0 10px 0 0;
}

.Menu a:nth-child(6):hover{
	background:#004271 url("../../img/Menu_a6.png")no-repeat top center !important;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
	text-shadow:2px 2px 2px #035893;
	text-decoration:none;
}

.Tle{
	width:160px;
	height:40px;
	background:#10e1cb;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:42px;
	padding:0px 20px;
	text-align:center;
	border-bottom:2px #1475b9 solid;
	border-radius:20px;
	position:relative;
}

.Tles{
	width:90px;
	height:30px;
	background:#ff8f2b;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:32px;
	padding:0px 20px;
	text-align:center;
	border-bottom:2px #ff622b solid;
	border-radius:20px;
	position:relative;
	margin:20px 0;
}

.Tles2{
	width:200px;
	height:30px;
	background:#f95e2e;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:32px;
	padding:0px 20px;
	text-align:center;
	border-bottom:2px #ff622b solid;
	border-radius:20px;
	position:relative;
	margin:20px 0;
}

.Tltx{
	min-height:10px;
	margin:20px 0px;
}

Tclc{
	padding:2px 20px;
	background:#10e1cb;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-bottom:2px #1475b9 solid;
}

Tpp{
	background:#ff653c;
	color:#fff;
	padding:2px 10px;
	font-size:18px;
}


pot{
	color:#f95e2e;	
}


.Notic{	
	width:530px;
	height:130px;
	background:#ffe5a8 url("../../img/Notic.png")no-repeat bottom -30px right -30px;
	position:absolute;
	top:1060px;
	right:0px;
	z-index:10;	
	background-size:120px 120px;
	border-radius:10px;
	padding:30px;
	border:10px #ffc091 solid;
}


.NoticTltx{
	width:120px;
	height:40px;
	background:#ff653c;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:42px;
	padding:0px 20px;
	text-align:center;
	border-bottom:2px #e23418 solid;
	border-radius:20px;
	position:absolute;
	top:1000px;
	right:420px;
	z-index:11;	
}

.SignUp{
	width:350px;
	height:100px;
	background:rgba(255,255,255,0.8) url("../../img/SignUp.png")no-repeat center center;
	position:absolute;
	top:-310px;
	left:150px;
	z-index:10;
	padding:30px;
	border-radius:10px;
	display:block;
}

.SignUp:hover{
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
}


.AbLink{
	width:100px;
	height:100px;
	background:rgba(255,255,255,0.8) url("../../img/AbLink.png")no-repeat center center;
	position:absolute;
	top:-310px;
	left:-30px;
	z-index:10;
	padding:30px;
	border-radius:10px;
	display:block;
}

.AbLink:hover{
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
}

.CarPark{
	width:100px;
	height:100px;
	background:rgba(255,255,255,0.8) url("../../img/CarPark.png")no-repeat center center;
	position:absolute;
	top:-310px;
	left:580px;
	z-index:10;
	padding:30px;
	border-radius:10px;
	display:block;
}

.CarPark:hover{
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
}

.QA{
	width:40px;
	height:100px;
	background:rgba(255,255,255,0.8) url("../../img/QA.png")no-repeat center center;
	position:absolute;
	top:-310px;
	left:760px;
	z-index:10;
	padding:30px;
	border-radius:10px;
	display:block;
}

.QA:hover{
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
}

.Amite_1{
	width:250px;
	height:300px;
	background:url("../../img/Amite_1.png")no-repeat top right -40px;
	position:absolute;
	top:0px;
	right:-30px;
	z-index:10;
}


.Amite_2{
	width:250px;
	height:300px;
	background:url("../../img/Amite_2.png")no-repeat top right -40px;
	position:absolute;
	top:0px;
	left:-30px;
	z-index:10;
}

.Amite_3{
	width:250px;
	height:555px;
	background:url("../../img/Amite_3.png")no-repeat top right -40px;
	position:absolute;
	top:2825px;
	right:-30px;
	z-index:10;
}


.EndGift{
	width:400px;
	height:350px;
	background:url("../../img/EndGift.png")no-repeat center center;
	position:absolute;
	top:990px;
	left:130px;
	z-index:10;
}


.News{
	margin:10px auto 5px auto;
	border:1px #eee solid;
	border-bottom:2px #ccc solid;
	border-radius:10px;
	padding:20px;
}

.News .img{
	width:220px;
	height:120px;
	float:left;
	margin-right:10px;
}

.News .ito{
	min-height:10px;
	float:left;
}

.News Mt{
	font-size:20px;
	font-weight:bold;
	color:#ff653c;
}

.Footer{
	width:1160px;
	min-height:20px;
	padding:30px;
	margin:0 auto 30px auto;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
	border:1px #eee solid;	
}

a.GoTop{
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	display:block;
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-20px;
	z-index:90;
	background:#ffad01;
	text-align:center;
	font-size:20px;
	border-radius:5px 5px 0 0;
}

.TimTx{
	font-size:18px;
	font-weight:bold;
	color:#058ee4;
}

.Show{
	width:250px;
	height:250px;
	border-radius:100%;
	border:5px #fff solid;
	box-shadow:2px 2px 1px rgba(20%,20%,40%,0.5);
}

.Show.s1{
	background:url("../../img/show1.jpg")no-repeat center center;
}

.Show.s2{
	background:url("../../img/show2.jpg")no-repeat center center;
}

.Show.s3{
	background:url("../../img/show3.jpg")no-repeat center center;
}

.Show.s4{
	background:url("../../img/show4.jpg")no-repeat center center;
}

.Show.s5{
	background:url("../../img/show5.jpg")no-repeat center center;
}

.Show.s6{
	background:url("../../img/show6.jpg")no-repeat center center;
}

p.ShowIto{
	width:250px;
	height:100px;
	display:block;
	text-align:left;
	margin:20px 0;
}

p.ShowIto M{
	font-size:18px;
	font-weight:bold;
	display:block;
}


.anchor_fix{
    position: relative;
    top:-80px;
    height: 0;
	display:block;
}