@charset "UTF-8";
.mr5 { margin-right: 5px; }
.tp20 { padding-top: 20px; }
.mgt10 { margin-top: 10px; }
.prt3r3 { position: relative; top: 3px; padding-right: 3px }
.mRadio { width: 17px; height: 17px; }
.help_block p { color: #F90; }
p { margin: 0; padding: 0; }
.ctitle { padding-bottom: 15px; }
.month-sector { background-color: #F1F1F1; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; font-weight: 400; color: #00AEEF; cursor: pointer; font-size: 17px; padding: 10px 0 10px 15px; position: relative }
.content-sector { width: 100%; border-bottom: 1px solid #E8E8E8 }
.group-sector { padding: 0 0 0 10px; }
.schedule-title { padding-bottom: 10px; font-size: 17px; font-weight: bold }
.groups-img { width: 70px; height: 70px; border: 1px solid #CCC; }
.schedule-boxes { clear: both; padding: 10px 0; }
.ck-editor__editable[role="textbox"] { min-height: 500px; }

@media all and (max-width: 1920px) {
	.grid-sizer, .grid-item { float: left; width: 30%; margin-left: 25px; margin-bottom: 10px; }
	figure > img { max-width: 825px; }
	.section-padding { padding-top: 120px; padding-bottom: 120px; }
	.section-padding2 { padding-top: 60px; padding-bottom: 120px; }
	.slider_responsive_txt { color: #AAA; font-weight: 300; font-size: 30px; letter-spacing: -.1rem }
	.slider_area .single_slider .slider_text p { margin-top: 40px; font-size: 18px; line-height: 160%; }
	.warning-box { padding: 10px 0; color: #F90; }
	.headings { padding-top: 120px; padding-bottom: 20px; font-size: 34px; font-weight: 700; }
	.genric-btn { width: 100%; font-size: 1em; }

	.login-wrap { background: #F6F6F6; padding-bottom: 200px; }
	#login { text-align: center }
	#login .login-box { width: 648px; padding: 32px; margin: 0 auto; box-sizing: border-box; background: #fff; }
	.login-box ul { margin: 0; padding: 0; }
	.login-box ul li { padding-top: 15px; }
	.login-box p.left { float: left; font-size: 13px; font-weight: 400; }
	.login-box p.right { float: right; font-size: 13px; font-weight: 400; }
	.login-box .no_member { clear: both; margin-top: 15px; color: #656565; font-size: 15px; }
	.login-box .no_member a { margin-left: 13px; color: #000; text-decoration: underline; }
	.mcell { width: 229px; }
	.cellm { width: 250px; }
	.authButton { margin-left: 3px; border: 1px solid #CCC; background: #38a4ff; font-size: 1rem; padding: 7px 10px; }
	.authArea { margin: 5px 0 30px; }
	.authArea .awidth { width: 351px; }
	.relative-wyg { margin-bottom: 5px; display: block; }
	.relative-mwyg { margin-bottom: 5px; display: none; }

	.content { max-width: 1000px; margin: 0 auto; }
	.sfGroup { min-height: 185px; margin: 16px 8px 0; padding: 32px 29px 30px; text-align: left; border: 1px solid #dadada; border-radius: 2px; background: #fff; }
	.sfGroup h2 { font-size: 20px; font-weight: 600; line-height: 22px; padding-bottom: 2px; color: #333; }
	.sfHeader { position: relative; }
	.sfHeader .contxt { font-size: 14px; line-height: 19px; margin-top: 8px; padding-bottom: 5px; text-align: justify; letter-spacing: -1px; color: #9b9b9b; }
	.sfHeader .contxt em { color: #ff6122; }
	.sfHeader .contxt strong { font-size: 14px; color: #407BE3; }
	.sfHeader .textleft { float: left; font-size: 14px; line-height: 19px; margin-top: 8px; text-align: justify; letter-spacing: -1px; color: #9b9b9b; }
	.sfHeader .textleft strong { font-size: 14px; font-weight: 500; color: #407BE3; }
	.sfHeader .textRight { float: right; margin-bottom: 5px; }
	.sfGroup .sfContent { min-height: 131px; padding-top: 9px; }
	.sfList { overflow: hidden; padding-top: 3px; }
	.sfList dt { font-size: .9rem; font-weight: 500; float: left; width: 60%; padding: 6px 0; letter-spacing: -1px; color: #333; }
	.sfList dd { font-size: .9rem; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; color: #666; background: #fff; }
	.sfList dd.rCourt { padding-left: 5px; color: #AAA; }
	.sfList dt.start, .sfList dd.start { margin-top: 5px; }
	.sfList dt.end, .sfList dd.end { border-bottom: 1px solid #dadada; padding: 10px 0; }
	.btn_area_btm { font-size: 0; padding: 17px 0 0 1px; }
	.btn_model { font-size: 14px; line-height: 14px; display: inline-block; vertical-align: top; text-decoration: none!important; }
	.btn_model b, .btn_model>em, .btn_model>span { display: inline-block; overflow: hidden; text-align: center; vertical-align: top; }
	.btn_model .btn1, .btn_model .btn2, .btn_model .btn3 { min-width: 52px; height: 38px; padding: 10px 12px; color: #a3a3a3; }
	.btn_model .btn2, .btn_model .btn3 { color: #333; border: 1px solid #bfbfbf; background: #fff; cursor: pointer; }
	.btn_model .btn4 { min-width: 52px; height: 20px; padding: 3px 6px; color: #a3a3a3; }
	.btn_model>span { display: inline-block; overflow: hidden; text-align: center; vertical-align: top; letter-spacing: -1px; }
	.btn_model .btn4 { height: 27px; padding: 5px 8px 5px 7px; color: #a3a3a3; }
	.btn_model .btn4 { color: #666; border: 1px solid #ccc; background: #fbfbfb; }
	.btn_model[href] b, .btn_model[href]>em, .btn_model[href]>span { cursor: pointer; }
	.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #000; }
	.colRelative { width: 22%; }
	.faqSpacer { float: left; width: 150px; }
	.faqAnswer { float: left; line-height: 100% }
	.subMenu { padding: 10px 0 0 20px; }
	.anchor { font-weight: 500; color: #007bff; }
	
	.comdefault { background: #EEE; font-size: 1rem; font-weight: 500; color: #000; padding: 6px 22px; }
	.comblue { background: #00B9F2; font-size: 1rem; font-weight: 500; color: #FFF; padding: 6px 22px; }
	.comorange { background: #F90; font-size: 1rem; font-weight: 500; color: #FFF; padding: 6px 22px; }
	.comgray { background: #C4C4C4; font-size: 1rem; font-weight: 500; color: #FFF; padding: 6px 22px; }
	.comred { background: #F00; font-size: 1rem; font-weight: 500; color: #666; padding: 6px 22px; }

	.tbl_model { clear: both; position: relative; width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; word-wrap: break-word; word-break: keep-all; border: 0; border-bottom: 1px solid #e5e5e5; }
	.tbl_model th { color: #333; border-right: 1px solid #e5e5e5; background: #f9f9f9; }
	.tbl_model td, .tbl_model th { line-height: 14px; text-align: left; vertical-align: top; letter-spacing: -1px; border: 0; border-top: 1px solid #e5e5e5; }
	.tbl_model td { color: #565656; }
	.tbl_model .thcell { padding: 36px 31px 32px; font-weight: 500; }
	.tbl_model .tdcell { padding: 28px 0 32px 30px; }
	.tbl_model .thcellc { padding: 10px 25px; }
	.tbl_model .thcellct { padding: 10px 25px; text-align: center; }
	.tbl_model .tdcellc { padding: 10px 22px; }
	.tbl_model .tdcellct { padding: 20px 22px; text-align: center; }	
	.tbl_model .tdcellctx { padding: 20px 0; text-align: center; }

	.word_br { display: inline-block; }
	.tbl_model .contxt_tit { font-size: 15px; line-height: 26px; color: #333; }
	.tbl_model .contxt_tit2 { font-size: 14px; font-weight: 500; padding-top: 27px; color: #333; }
	.tbl_model .contxt_tit3 { font-size: 14px; font-weight: 500; padding-top: 0; color: #333; }
	.tbl_model #d_pass p { margin-bottom: 0; }
	.tbl_model .contxt_desc, .tbl_model .contxt_desc3 { line-height: 19px; font-size: 14px; padding-top: 10px; color: #8e8e8e; }
	.tbl_model .btn_area_btm { overflow: hidden; margin-left: -8px; padding-top: 14px; text-align: left; }
	.tbl_model .btn_area_btm a { float: left; margin-left: 8px; text-decoration: none; }
	.tbl_model .contxt_webctrl { font-size: 0; line-height: 0; position: relative; overflow: hidden; margin-left: -8px; padding: 13px 0 5px; color: #666; }
	.tbl_model .contxt_webctrl2 { font-size: 0; line-height: 0; position: relative; overflow: hidden; margin-left: 0; padding: 0 0 15px; color: #666; }
	.tbl_model .contxt_alert { clear: both; position: relative; top: -20px; padding: 3px 0 1px; color: red; }
	.tbl_model #changedPass { margin-bottom: 5px; }
	.contxt_desc2 { line-height: 19px; font-size: 14px; padding: 3px 0 15px 0; color: #8e8e8e; }
	.country_code_w { font-size: 15px; line-height: 120%; position: relative; }
	.phoneChange { padding-top: 10px; }
	#d_myfile { font-size: 13px; padding-top: 16px; }
	#e_myfile { font-size: 13px; padding-top: 2px; }
	.ad_wrap { margin-bottom: -3px; }
	.up1 { position: relative; top: -3px; }
	.ad_check_inner { position: relative; display: block; float: left; margin-right: 20px; }
	.tbl_model input[type=text], .tbl_model input[type=password], .tbl_model select { line-height: 27px; font-size: 12px; height: 27px; padding: 0 0 0 7px; vertical-align: top; color: #333; border: 1px solid #ccc; opacity: 1; }
	.ad_text { margin-left: 5px; }
	#d_phoneNo p { margin: 0; padding: 0; }
	#d_phoneNo .contxt_webctrl { display:block; padding: 20px 0 0 0; }
	#d_phoneNo .btn_area_btm2 { padding-top: 20px; }
	.authArea #e_phoneNo, .authArea #e_auth { color: #F00; }
	#guguns, #guguns2 { margin-left: 6px; }
	.blog_temp_title { width: 100%; text-align: center; font-size: 20px; font-weight: 700; padding-bottom: 30px; }
	.blog_details { padding: 20px; }
	.blog-info-link li::after { color: #AAA; content: "|"; padding-left: 10px; padding-right: 10px; }

	.photo_area { background: #fff; }
	.photo_area .single_department { background: #fff; margin-bottom: 30px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04); }
	.photo_area .single_department .department_thumb { overflow: hidden; border-top-right-radius: 5px; border-top-left-radius: 5px; }
	.photo_area .single_department .department_thumb img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.photo_area .single_department .photo_desc { padding: 12px 14px 13px 14px; }
	.photo_area .single_department .photo_desc h3 { margin-bottom: 0; }
	.photo_area .single_department .photo_desc h3 a { font-size: 15px; color: #1F1F1F; line-height: 26px; font-weight: 500; }
	.photo_area .single_department .photo_desc h3 a:hover { color: #5DB2FF; }
	.photo_area .single_department .photo_desc p { font-size: 13px; line-height: 16px; color: #727272; margin-top: 5px; margin-bottom: 10px; }
	.photo_area .single_department .photo_desc a.learn_more { color: #5DB2FF; font-size: 14px; }
	.photo_area .single_department .photo_desc a.learn_more:hover { text-decoration: underline; }
	.photo_area .single_department:hover .department_thumb img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

	.excert { overflow: auto; }
	/* img { max-width: 100%; } */
	#img-modal { display: none; position: fixed; z-index: 100000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
	#img-modal > img { margin: auto; display: block; }
	#img-modal > span { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; }
	#img-modal > span:hover { color: #bbb; text-decoration: none; cursor: pointer; }
	.excert img:hover { opacity: 0.7; cursor: pointer; }
	
	.boardRadio { width: 20px; height: 20px; }
	.boardRadioPos { position: relative; top: -5px; left: 5px; }
	.board-btn-area { text-align: right; margin-top: 15px; }
	.board-infos { clear: both; padding: 5px 0; font-size: 12px; color: #919191; letter-spacing: -1px; border-bottom: 1px solid #CCC; }
	.profile-img { position: relative; top: -52px; z-index: 100; }
	.attachment-title { margin-top: 15px; font-size: 15px; padding-left: 2px; font-weight: 500; }
	.attachment { margin-top: 15px; }
	.attachment-desc1 { padding: 10px 0 3px 0; font-size: 13px; color: #919191; letter-spacing: -1px; }
	.attachment-desc2 { padding: 0px 0 3px 0; font-size: 13px; color: #919191; letter-spacing: -1px; }
	.attachment-last { padding: 0 0 10px 0; font-size: 13px; color: #919191; letter-spacing: -1px; border-bottom: 1px solid #CCC; }

	#homeAddr p, #officeAddr p, #myfile p { margin: 0; padding: 0; }
	#homeAddr .contxt_webctrl, #officeAddr .contxt_webctrl, #myfile .contxt_webctrl { margin-bottom: 27px; }
	#myclubinput .contxt_webctrl { margin-bottom: 15px; }
	.tbl_model ul li { margin-bottom: 5px; }
	.tbl_model ul li:last-child { margin-bottom: 20px; }
	.badge { position: relative; top: -1px; left: 5px; }
	#disabled1, #disabled2, #disabled3 { background: #EEE; }
	.btn-sm { padding: .3rem .6rem; font-size: .9rem; }
	.btn-xs { margin-top: 8px; padding: .2rem .3rem; font-size: .7rem; }
	.bottom-btn-area { text-align: center; }
	.subMenu { padding: 10px 0 0 20px; }
	
	.clubTitle { font-size: 20px; font-weight: 500; }
	.tennisMap { float: left; width: 50%; height: 400px; text-align: center; margin-bottom: 30px; border: 1px solid #CCC; }
	.clubinfo { float: right; width: 50%; }
	.clubinfo ul { padding: 0 0 0 20px; }
	.clubinfo ul li { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 12px; }
	.clubinfo ul li:last-child { border-bottom: 0px; }
	.clubMembers { clear: both; padding-bottom: 5px; }
	.records { margin-top: 20px; text-align: right; }
	.point { display: block; }
	.points { display: none; }
	.pname { font-size: 15px; }

	.clubList table { font-size: 1rem; }
	.tennisClub { display: inline-block; }
	.blog_right_sidebar { width: 100%; }
	.commercials { width: 100%; margin-bottom: 30px; }
	.commercials ul.list li { padding-bottom: 15px; }
	.rTimes { font-weight: 400; padding-left: 5px; color: #AAA; }
	.parking { padding-top: 10px; text-align: center; }
}

@media all and (max-width: 768px) {
	.grid-sizer, .grid-item { width: 100%; margin-left: 0; margin-bottom: 10px; }
	figure > img { max-width: 100%; }
	.section-padding { padding-top: 60px; padding-bottom: 60px; }
	.section-padding2 { padding-top: 60px; padding-bottom: 60px; }
	.slider_responsive_txt { color: #AAA; font-weight: 300; font-size: 16px; letter-spacing: -.1rem }
	.headings { padding-top: 60px; padding-bottom: 20px; font-size: 34px; font-weight: 700; }
	#login .login-box { width: 100%; padding: 32px; margin: 0 auto; box-sizing: border-box; background: #fff; }
	.tbl_model .thcell { padding: 32px 10px 32px; font-weight: 500; }
	.mobile_menu { position: absolute; right: 0px; width: 100%; z-index: 9; }
	.section_title h3 { font-size: 30px; line-height: 36px; }
	.header-area .header-top_area .social_media_links { text-align: center; }
	.header-area .header-top_area .short_contact_list { text-align: center; }
	.header-area .header-top_area .short_contact_list ul li a { margin-left: 0; margin: 0 5px; }
	.header-area .main-header-area .main-menu ul li a i { display: none !important; }

	.ranking_area .ranking_info { padding-left: 10px; }

	.slider_area .single_slider { height: 420px; }
	.slider_area .single_slider .slider_text h3 { font-size: 33px; letter-spacing: 3px; }
	.slider_area .single_slider .slider_text p { margin-top: 20px; font-size: 13px; line-height: 130%; }
	.mcell { width: 201px; }
	.authButton { margin-left: 3px; background: #38a4ff; color: #FFF; border: 1px solid #CCC; font-size: 1rem; padding: 7px 10px; }
	.authArea { margin: 5px 0 30px; }
	.authArea .awidth { width: 98%; }
	.authArea #e_phoneNo, .authArea #e_auth { color: #F00; }
	.relative-wyg { margin-bottom: 5px; display: none; }
	.relative-mwyg { margin-bottom: 5px; display: block; }
	.relative-sector { width: 100%; height: 300px; border: 1px solid #CCC; padding: 10px; }

	.colRelative { width: 0; }
	.faqSpacer { width: 0; padding: 0; margin: 0; }
	.faqAnswer { padding-left: 10px; margin: 0; }
	.tbl_model .thcell { display: none; }
	.tbl_model .tdcell { padding: 32px 0 32px 30px; }
	.tbl_model .thcellm { padding: 5px 0 20px 0; }
	.cellm { width: 80%; }
	.sfList dd.rCourt { padding-left: 5px; }

	.colClub1 { width: 27%; }
	.colClub3 { width: 25%; }
	.tbl_model .thcellc { padding: 10px 14px; }
	.tbl_model .thcellct { padding: 10px 10px; text-align: center; }
	.tbl_model .tdcellc { padding: 10px 14px; }
	.tbl_model .tdcellct { padding: 20px 10px; text-align: center; }
	.tbl_model .tdcellctx { padding: 20px 0; text-align: center; }
	.contxt_desc2 { line-height: 19px; font-size: 14px; padding: 3px 0 15px 0; color: #8e8e8e; }

	.welcome_docmed_area { padding-bottom: 100px; }
	.welcome_docmed_area .welcome_docmed_info { padding-left: 0; margin-top: 40px; }
	.welcome_docmed_area .welcome_docmed_info h3 { font-size: 30px; }
	.welcome_docmed_area .welcome_docmed_info h3 br { display: none; }

	.blog_temp_title { width: 100%; text-align: center; font-size: 16px; font-weight: 700; padding-bottom: 30px; }
	.blog_details { padding: 20px; }
	.blog-info-link li { font-size: 12px; }
	.blog-info-link li::after { color: #AAA; content: "|"; padding-left: 5px; padding-right: 5px; }

	.footer .footer_top { padding-top: 60px; padding-bottom: 30px; }
	.footer .footer_top .footer_widget { margin-bottom: 30px; }
	.footer .footer_top .footer_widget .footer_title { margin-bottom: 20px; }
	.footer .footer_top .footer_widget .footer_logo { margin-bottom: 20px; }
	.footer .socail_links { margin-top: 30px; }
	.footer .copy-right_text .copy_right { font-size: 14px; }

	.bradcam_area { padding: 120px 0; }
	.bradcam_area h3 { font-size: 30px; }
	.btn-sm { padding: .2rem .4rem .3rem; font-size: .8rem; }
	.btn-xs { margin-top: 8px; padding: .2rem .3rem; font-size: .7rem; }

	.clubList table { font-size: .8rem; }
	.tennisClub { display: none; }
	.commercials { width: 100%; margin-bottom: 30px; }
	.commercials ul.list li { padding-bottom: 15px; }
	.rTimes { font-weight: 400; padding-left: 5px; color: #AAA; }
	.parking { display: inline-block; padding: 0 0 0 20px; text-align: right; }
	
	.clubTitle { font-size: 16px; font-weight: 400; }
	.tennisMap { width: 100%; height: 300px; text-align: center; margin-bottom: 30px; border: 1px solid #CCC; }
	.clubinfo { clear: both; width: 100%; font-size: 13px; }
	.clubinfo ul { padding: 0; }
	.clubinfo ul li { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 12px; }
	.clubinfo ul li:last-child { border-bottom: 0px; }
	.clubMembers { clear: both; padding-bottom: 5px; }
	.records { margin-top: 10px; text-align: right; }
	.point { display: none; }
	.points { display: block; }
	.pname { font-size: 11px; }
}