@charset "utf-8";
/* ===================== origianl ==== */
.title_sec-blue {
	color: #2a9fc4;
}
.block_h-info .area_h-info-text .text-tell {
	color: #2a9fc4;
}
.area_h-info-bnr p {
	background: #2a9fc4;
}
.list_main-nav a:hover, #facilityPage .nav-facility a, #staffPage .nav-staff a, #experiencePage .nav-experience a, #faqPage .nav-faq a {
	background: #2a9fc4;
}
.side-bnr .side-btn {
	background: #2a9fc4;
}
.list_f-menu li:before {
	color: #2a9fc4;
}
.list_f-menu a:hover {
	color: #2a9fc4;
}
.block_f-menu .area_f-select {
	background: #2a9fc4;
}
.copyright {
	background: #2a9fc4;
}
.list_news-summary .news-time {
	color: #2a9fc4;
}
.list_content-introduction .tennis-introduction .btn_base-radius {
	background: #3c5fac;
}
.list_bread a {
	color: #2a9fc4;
}
.block_facility-view {
	background: rgb(#2a9fc4); /* Old browsers */
	background: -moz-linear-gradient(left, #2a9fc4 0%, #2a9fc4 50.1%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2a9fc4 0%, #2a9fc4 50.1%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2a9fc4 0%, #2a9fc4 50.1%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.list_staff-summary .staff-position {
	color: #2a9fc4;
	border-bottom: solid 2px #2a9fc4;
}
.list_staff-summary .staff-name .f-en {
	color: #2a9fc4;
}
.block_staff-front .staff-title {
	background: #2a9fc4;
}
.list_info-detail li {
	border-bottom: solid 1px #2a9fc4;
}
.dl_access dt {
	color: #2a9fc4;
}
a.text_link {
	color: #2a9fc4;
}
.list_facility-view li.view-bunker {
	background: url(../img/facility/popup09.jpg) no-repeat center center;
	background-size: cover;
}
/* ------------------------------------------------
circle
 */

/* Large Circle */
.cm-large-circle {
	position: relative;
	margin: 200px auto;
	width: 350px;
	height: 350px;
	background: rgba(29, 32, 136, 1.0) url(../img/tennis/classname-bg.png) no-repeat;
	background-size: cover;
	border: 8px solid rgb(255, 255, 255);
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	box-shadow: 0 0 13px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 13px rgba(0,0,0,.1);
}
/* Dashed Inner Border */
.cm-large-circle:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	border: 1px dashed white;
	width: 340px;
	height: 340px;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
}
/* 6 Small Circles */
ul.cm-small-circle {
	list-style: none;
}
ul.cm-small-circle li {
	position: absolute;
	width: 120px;
	height: 120px;
	background: rgb(52, 145, 212);
	border: 3px solid rgb(255, 255, 255);
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	box-shadow: 0 0 13px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 13px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 13px rgba(0, 0, 0, .4);
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
}
ul.cm-small-circle li:nth-child(1) {
	background-color: #9dcf18;
}
ul.cm-small-circle li:nth-child(2) {
	background-color: #90c730;
}
ul.cm-small-circle li:nth-child(3) {
	background-color: #83c047;
}
ul.cm-small-circle li:nth-child(4) {
	background-color: #76b85f;
}
ul.cm-small-circle li:nth-child(5) {
	background-color: #65c98a;
}
ul.cm-small-circle li:nth-child(6) {
	background-color: #52c7b0;
}
ul.cm-small-circle li:nth-child(7) {
	background-color: #54c1d1;
}
ul.cm-small-circle li:nth-child(8) {
	background-color: #40acde;
}
ul.cm-small-circle li:nth-child(9) {
	background-color: #30a1f2;
}
/* Logo */
ul.cm-small-circle div.logo {
	position: absolute;
	text-align: center;
	top: 80px;
	left: 0px;
	padding: 53px 50px 54px 50px;
	font-size: 30px;
	color: #fff;
	z-index: 599;
	text-shadow: 0 1px 0 rgb(100, 100, 100);
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
ul.cm-small-circle div.logo h2 {
	font-size: 0.8em;
}
/* Hide The Logo, When Each Menu Link Is Hovered */
ul.cm-small-circle li:hover ~ div.logo {
	opacity: 0;
}
ul.cm-small-circle li:hover {
	background-color: #00b8ee;
	border: 2px solid rgba(255, 255, 255, 0.9);
}
/* Icon */
ul.cm-small-circle li a {
	text-decoration: none;
	color: #fff;
	padding: 0;
	font-size: 1em;
	text-align: center;
	display: block;
}
ul.cm-small-circle li:hover a {
	color: rgb(52, 145, 212);
}
/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
	position: relative;
	opacity: 0;
	width: 340px;
	height: 260px;
	padding: 44px 0;
	text-align: center;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	transition: all 500ms ease-in;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
}
ul.cm-small-circle .cm-description h2 {
	font-size: 55px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
ul.cm-small-circle .cm-description .intro-title {
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
ul.cm-small-circle .cm-description p {
	color: rgb(255, 255, 255);
	font-size: 14px;
	padding: 0 10px;
}
/* Overall Styles For Icon When The Links Are Hovered  */
ul.cm-small-circle li:hover a i {
	opacity: 0;
}
/* 1ST MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(1) {
	top: -145px;
	left: 120px;
}
ul.cm-small-circle li:nth-child(1):hover {
	width: 100px;
	height: 100px;
	transform: translate(5px, 60px);
	-webkit-transform: translate(5px, 60px);
	-moz-transform: translate(5px, 60px);
	-ms-transform: translate(5px, 60px);
	-o-transform: translate(5px, 60px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(1) .cm-description {
	left: -120px;
	top: 35px;
}
ul.cm-small-circle li:nth-child(1):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(1):hover .cm-description {
	opacity: 1;
	transform: translate(5px, 20px);
	-webkit-transform: translate(5px, 20px);
	-moz-transform: translate(5px, 20px);
	-ms-transform: translate(5px, 20px);
	-o-transform: translate(5px, 20px);
}
/* 2ND MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(2) {
	top: -85px;
	left: 290px;
}
ul.cm-small-circle li:nth-child(2):hover {
	width: 100px;
	height: 100px;
	transform: translate(-20px, 65px);
	-webkit-transform: translate(-20px, 65px);
	-moz-transform: translate(-20px, 65px);
	-ms-transform: translate(-20px, 65px);
	-o-transform: translate(-20px, 65px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(2) .cm-description {
	left: -290px;
	top: -25px;
}
ul.cm-small-circle li:nth-child(2):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(2):hover .cm-description {
	opacity: 1;
	transform: translate(30px, 20px);
	-webkit-transform: translate(30px, 20px);
	-moz-transform: translate(30px, 20px);
	-ms-transform: translate(30px, 20px);
	-o-transform: translate(30px, 20px);
}
/* 3RD MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(3) {
	top: 75px;
	left: 376px;
}
ul.cm-small-circle li:nth-child(3):hover {
	width: 100px;
	height: 100px;
	transform: translate(-49px, 21px);
	-webkit-transform: translate(-49px, 21px);
	-moz-transform: translate(-49px, 21px);
	-ms-transform: translate(-49px, 21px);
	-o-transform: translate(-49px, 21px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(3) .cm-description {
	left: -375px;
	top: -170px;
}
ul.cm-small-circle li:nth-child(3):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(3):hover .cm-description {
	opacity: 1;
	transform: translate(60px, 60px);
	-webkit-transform: translate(60px, 60px);
	-moz-transform: translate(60px, 60px);
	-ms-transform: translate(60px, 60px);
	-o-transform: translate(60px, 60px);
}
/* 4TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(4) {
	top: 260px;
	left: 340px;
}
ul.cm-small-circle li:nth-child(4):hover {
	width: 100px;
	height: 100px;
	transform: translate(-47px, -35px);
	-webkit-transform: translate(-47px, -35px);
	-moz-transform: translate(-47px, -35px);
	-ms-transform: translate(-47px, -35px);
	-o-transform: translate(-47px, -35px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(4) .cm-description {
	left: -337px;
	top: -356px;
}
ul.cm-small-circle li:nth-child(4):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(4):hover .cm-description {
	opacity: 1;
	transform: translate(47px, 100px);
	-webkit-transform: translate(47px, 100px);
	-moz-transform: translate(47px, 100px);
	-ms-transform: translate(47px, 100px);
	-o-transform: translate(47px, 100px);
}
/* 5TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(5) {
	left: 180px;
	top: 370px;
}
ul.cm-small-circle li:nth-child(5):hover {
	width: 100px;
	height: 100px;
	transform: translate(-5px, -57px);
	-webkit-transform: translate(-5px, -57px);
	-moz-transform: translate(-5px, -57px);
	-ms-transform: translate(-5px, -57px);
	-o-transform: translate(-5px, -57px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(5) .cm-description {
	left: -180px;
	top: -473px;
}
ul.cm-small-circle li:nth-child(5):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(5):hover .cm-description {
	opacity: 1;
	transform: translate(10px, 120px);
	-webkit-transform: translate(10px, 120px);
	-moz-transform: translate(10px, 120px);
	-ms-transform: translate(10px, 120px);
	-o-transform: translate(10px, 120px);
}
/* 6TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(6) {
	left: -7px;
	top: 350px;
}
ul.cm-small-circle li:nth-child(6):hover {
	width: 100px;
	height: 100px;
	transform: translate(45px, -40px);
	-webkit-transform: translate(45px, -40px);
	-moz-transform: translate(45px, -40px);
	-ms-transform: translate(45px, -40px);
	-o-transform: translate(45px, -40px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(6) .cm-description {
	left: -10px;
	top: -445px;
}
ul.cm-small-circle li:nth-child(6):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(6):hover .cm-description {
	opacity: 1;
	transform: translate(-30px, 100px);
	-webkit-transform: translate(-30px, 100px);
	-moz-transform: translate(-30px, 100px);
	-ms-transform: translate(-30px, 100px);
	-o-transform: translate(-30px, 100px);
}
/* 7TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(7) {
	left: -130px;
	top: 215px;
}
ul.cm-small-circle li:nth-child(7):hover {
	width: 100px;
	height: 100px;
	transform: translate(60px, -20px);
	-webkit-transform: translate(60px, -20px);
	-moz-transform: translate(60px, -20px);
	-ms-transform: translate(60px, -20px);
	-o-transform: translate(60px, -20px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(7) .cm-description {
	left: 112px;
	top: -300px;
}
ul.cm-small-circle li:nth-child(7):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(7):hover .cm-description {
	opacity: 1;
	transform: translate(-40px, 90px);
	-webkit-transform: translate(-40px, 90px);
	-moz-transform: translate(-40px, 90px);
	-ms-transform: translate(-40px, 90px);
	-o-transform: translate(-40px, 90px);
}
/* 7TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(8) {
	left: -145px;
	top: 45px;
}
ul.cm-small-circle li:nth-child(8):hover {
	width: 100px;
	height: 100px;
	transform: translate(60px, 40px);
	-webkit-transform: translate(60px, 40px);
	-moz-transform: translate(60px, 40px);
	-ms-transform: translate(60px, 40px);
	-o-transform: translate(60px, 40px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(8) .cm-description {
	left: 145px;
	top: -165px;
}
ul.cm-small-circle li:nth-child(8):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(8):hover .cm-description {
	opacity: 1;
	transform: translate(-55px, 50px);
	-webkit-transform: translate(-55px, 50px);
	-moz-transform: translate(-55px, 50px);
	-ms-transform: translate(-55px, 50px);
	-o-transform: translate(-55px, 50px);
}
/* 7TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(9) {
	left: -55px;
	top: -95px;
}
ul.cm-small-circle li:nth-child(9):hover {
	width: 100px;
	height: 100px;
	transform: translate(50px, 50px);
	-webkit-transform: translate(50px, 50px);
	-moz-transform: translate(50px, 50px);
	-ms-transform: translate(50px, 50px);
	-o-transform: translate(50px, 50px);
	opacity: 1;
}
ul.cm-small-circle li:nth-child(9) .cm-description {
	left: 45px;
	top: -45px;
}
ul.cm-small-circle li:nth-child(9):hover > a {
	font-size: 12px;
}
ul.cm-small-circle li:nth-child(9):hover .cm-description {
	opacity: 1;
	transform: translate(-40px, 20px);
	-webkit-transform: translate(-40px, 20px);
	-moz-transform: translate(-40px, 20px);
	-ms-transform: translate(-40px, 20px);
	-o-transform: translate(-40px, 20px);
}

/* Media - Responsive Settings ========================= */

/* Large desktop */
@media (min-width: 1200px) {
}

/* Tablet (e.g. Apple iPad 2-3rd, mini) */
@media (min-width: 768px) and (max-width: 979px) {
.cm-container {
	width: 768px;
}
}

/* Small Tablet Size: 600x800 (Portrait) */
@media (max-width: 767px) {
.cm-container {
	width: 600px;
}
}

/* Apple iPhone 5 Size: 320x568 (Portrait) */
@media(max-width: 568px) {
.cm-container {
	width: 362px;
}
/* Large Circle */
.cm-large-circle {
	margin: 55px auto;
	width: 200px;
	height: 200px;
	border: 4px solid rgb(255, 255, 255);
}
/* Dashed Inner Border */
.cm-large-circle:before {
	left: 4px;
	top: 4px;
	border: 1px dashed white;
	width: 190px;
	height: 190px;
}
/* 6 Small Circles */
ul.cm-small-circle {
	list-style: none;
}
ul.cm-small-circle li {
	width: 30px;
	height: 30px;
	border: 2px solid rgb(255, 255, 255);
}
/* Logo */
ul.cm-small-circle div.logo {
	padding: 24px 30px 29px 26px;
	font-size: 18px;
}
ul.cm-small-circle li:hover {
	border: 2px solid rgba(0, 0, 0, 0.6);
}
/* Icon */
ul.cm-small-circle li a {
	line-height: 30px;
	padding: 0px 6px;
	font-size: 15px;
}
ul.cm-small-circle li:hover a {
	color: rgb(80,80,80);
}
/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
	width: 190px;
	height: 190px;
	padding: 15px 9px;
}
ul.cm-small-circle .cm-description h2 {
	font-size: 29px;
}
ul.cm-small-circle .cm-description p {
	font-size: 11px;
	padding: 0 10px;
}
/* 1ST MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(1) {
	top: 22px;
	left: -39px;
}
ul.cm-small-circle li:nth-child(1):hover {
	width: 40px;
	height: 40px;
	transform: translate(20px, 4px);
	-webkit-transform: translate(20px, 4px);
	-moz-transform: translate(20px, 4px);
	-ms-transform: translate(20px, 4px);
	-o-transform: translate(20px, 4px);
}
ul.cm-small-circle li:nth-child(1) .cm-description {
	top: -50px;
	left: 43px;
}
ul.cm-small-circle li:nth-child(1):hover .cm-description {
	opacity: 1;
	transform: translate(-21px, -3px);
	-webkit-transform: translate(-21px, -3px);
	-moz-transform: translate(-21px, -3px);
	-ms-transform: translate(-21px, -3px);
	-o-transform: translate(-21px, -3px);
}
/* 2ND MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(2) {
	top: -51px;
	left: 85px;
}
ul.cm-small-circle li:nth-child(2):hover {
	width: 40px;
	height: 40px;
	transform: translate(-2px, 21px);
	-webkit-transform: translate(-2px, 21px);
	-moz-transform: translate(-2px, 21px);
	-ms-transform: translate(-2px, 21px);
	-o-transform: translate(-2px, 21px);
}
ul.cm-small-circle li:nth-child(2) .cm-description {
	left: -81px;
	top: 23px;
}
ul.cm-small-circle li:nth-child(2):hover .cm-description {
	opacity: 1;
	transform: translate(1px, -20px);
	-webkit-transform: translate(1px, -20px);
	-moz-transform: translate(1px, -20px);
	-ms-transform: translate(1px, -20px);
	-o-transform: translate(1px, -20px);
}
/* 3RD MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(3) {
	top: 23px;
	left: 203px;
}
ul.cm-small-circle li:nth-child(3):hover {
	width: 40px;
	height: 40px;
	transform: translate(-30px, 3px);
	-webkit-transform: translate(-30px, 3px);
	-moz-transform: translate(-30px, 3px);
	-ms-transform: translate(-30px, 3px);
	-o-transform: translate(-30px, 3px);
}
ul.cm-small-circle li:nth-child(3) .cm-description {
	left: -199px;
	top: -51px;
}
ul.cm-small-circle li:nth-child(3):hover .cm-description {
	opacity: 1;
	transform: translate(29px, -2px);
	-webkit-transform: translate(29px, -2px);
	-moz-transform: translate(29px, -2px);
	-ms-transform: translate(29px, -2px);
	-o-transform: translate(29px, -2px);
}
/* 4TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(4) {
	top: 158px;
	left: 194px;
}
ul.cm-small-circle li:nth-child(4):hover {
	width: 40px;
	height: 40px;
	transform: translate(-29px, -16px);
	-webkit-transform: translate(-29px, -16px);
	-moz-transform: translate(-29px, -16px);
	-ms-transform: translate(-29px, -16px);
	-o-transform: translate(-29px, -16px);
}
ul.cm-small-circle li:nth-child(4) .cm-description {
	left: -190px;
	top: -186px;
}
ul.cm-small-circle li:nth-child(4):hover .cm-description {
	opacity: 1;
	transform: translate(28px, 17px);
	-webkit-transform: translate(28px, 17px);
	-moz-transform: translate(28px, 17px);
	-ms-transform: translate(28px, 17px);
	-o-transform: translate(28px, 17px);
}
/* 5TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(5) {
	top: 217px;
	left: 86px;
}
ul.cm-small-circle li:nth-child(5):hover {
	width: 40px;
	height: 40px;
	transform: translate(-4px, -30px);
	-webkit-transform: translate(-4px, -30px);
	-moz-transform: translate(-4px, -30px);
	-ms-transform: translate(-4px, -30px);
	-o-transform: translate(-4px, -30px);
}
ul.cm-small-circle li:nth-child(5) .cm-description {
	left: -82px;
	top: -245px;
}
ul.cm-small-circle li:nth-child(5):hover .cm-description {
	opacity: 1;
	transform: translate(3px, 31px);
	-webkit-transform: translate(3px, 31px);
	-moz-transform: translate(3px, 31px);
	-ms-transform: translate(3px, 31px);
	-o-transform: translate(3px, 31px);
}
/* 6TH MENU LINK ======================================== */
ul.cm-small-circle li:nth-child(6) {
	left: -28px;
	top: 158px;
}
ul.cm-small-circle li:nth-child(6):hover {
	width: 40px;
	height: 40px;
	transform: translate(23px, -14px);
	-webkit-transform: translate(23px, -14px);
	-moz-transform: translate(23px, -14px);
	-ms-transform: translate(23px, -14px);
	-o-transform: translate(23px, -14px);
}
ul.cm-small-circle li:nth-child(6) .cm-description {
	left: 32px;
	top: -186px;
}
ul.cm-small-circle li:nth-child(6):hover .cm-description {
	opacity: 1;
	transform: translate(-24px, 15px);
	-webkit-transform: translate(-24px, 15px);
	-moz-transform: translate(-24px, 15px);
	-ms-transform: translate(-24px, 15px);
	-o-transform: translate(-24px, 15px);
}
}

/* Mobile (e.g. Apple iPhone) Size: 480x320 (Landscape) */
@media (max-width: 480px) {
.cm-container {
	width: 480px;
}
}

/* Mobile (e.g. Apple iPhone) Size: 320x480 (Portrait) */
@media (max-width: 320px) {
/* Container */
.cm-container {
	width: 320px;
}
/* Large Circle */
.cm-large-circle {
	margin: 150px auto;
	width: 200px;
	height: 200px;
	border: 4px solid rgb(255, 255, 255);
}
/* Dashed Inner Border */
.cm-large-circle:before {
	left: 4px;
	top: 4px;
	border: 1px dashed white;
	width: 190px;
	height: 190px;
}
/* 6 Small Circles */
ul.cm-small-circle {
	list-style: none;
}
ul.cm-small-circle li {
	width: 30px;
	height: 30px;
	border: 2px solid rgb(255, 255, 255);
}
/* Logo */
ul.cm-small-circle div.logo {
	padding: 24px 27px 28px 26px;
	font-size: 18px;
}
ul.cm-small-circle li:hover {
	border: 2px solid rgba(0, 0, 0, 0.6);
}
/* Icon */
ul.cm-small-circle li a {
	line-height: 30px;
	padding: 0px 6px;
	font-size: 15px;
}
ul.cm-small-circle li:hover a {
	color: rgb(80,80,80);
}
/* Big Circle Texts */
ul.cm-small-circle li .cm-description {
	width: 190px;
	height: 190px;
	padding: 15px 9px;
}
ul.cm-small-circle .cm-description h2 {
	font-size: 29px;
}
ul.cm-small-circle .cm-description p {
	font-size: 11px;
	padding: 0 10px;
}
}
/* GOLF 2TH MENU LINK ======================================== */
#golf-top ul.cm-small-circle li:nth-child(2) {
	top: 110px;
	left: 370px;
}
#golf-top ul.cm-small-circle li:nth-child(2):hover {
	width: 100px;
	height: 100px;
	transform: translate(-50px, -0px);
	-webkit-transform: translate(-50px, -0px);
	-moz-transform: translate(-50px, -0px);
	-ms-transform: translate(-50px, -0px);
	-o-transform: translate(-50px, -0px);
	opacity: 1;
}
#golf-top ul.cm-small-circle li:nth-child(2) .cm-description {
	top: -160px;
	left: -330px;
}
#golf-top ul.cm-small-circle li:nth-child(2):hover .cm-description {
	opacity: 1;
	transform: translate(10px, 20px);
	-webkit-transform: translate(10px, 20px);
	-moz-transform: translate(10px, 20px);
	-ms-transform: translate(10px, 20px);
	-o-transform: translate(10px, 20px);
}
/* GOLF 3TH MENU LINK ======================================== */
#golf-top ul.cm-small-circle li:nth-child(3) {
	top: 370px;
	left: 110px;
}
#golf-top ul.cm-small-circle li:nth-child(3):hover {
	width: 100px;
	height: 100px;
	transform: translate(10px, -40px);
	-webkit-transform: translate(10px, -40px);
	-moz-transform: translate(10px, -40px);
	-ms-transform: translate(10px, -40px);
	-o-transform: translate(10px, -40px);
	opacity: 1;
}
#golf-top ul.cm-small-circle li:nth-child(3) .cm-description {
	top: -370px;
	left: -120px;
}
#golf-top ul.cm-small-circle li:nth-child(3):hover .cm-description {
	opacity: 1;
	transform: translate(10px, 20px);
	-webkit-transform: translate(10px, 20px);
	-moz-transform: translate(10px, 20px);
	-ms-transform: translate(10px, 20px);
	-o-transform: translate(10px, 20px);
}
/* GOLF 4TH MENU LINK ======================================== */
#golf-top ul.cm-small-circle li:nth-child(4) {
	top: 110px;
	left: -145px;
}
#golf-top ul.cm-small-circle li:nth-child(4):hover {
	width: 100px;
	height: 100px;
	transform: translate(60px, 0px);
	-webkit-transform: translate(60px, 0px);
	-moz-transform: translate(60px, 0px);
	-ms-transform: translate(60px, 0px);
	-o-transform: translate(60px, 0px);
	opacity: 1;
}
#golf-top ul.cm-small-circle li:nth-child(4) .cm-description {
	top: -160px;
	left: 80px;
}
#golf-top ul.cm-small-circle li:nth-child(4):hover .cm-description {
	opacity: 1;
	transform: translate(10px, 20px);
	-webkit-transform: translate(10px, 20px);
	-moz-transform: translate(10px, 20px);
	-ms-transform: translate(10px, 20px);
	-o-transform: translate(10px, 20px);
}

#jq-main-thumb{
	background: #2a9fc4;
}