/*@font-face{ font-family:ngwoff; src:url(../Font/NanumGothic.woff) }
@font-face{ font-family:ngeot; src:url(../Font/NanumGothic.eot) }*/

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body 
{
	font-family:
        'Noto Sans KR',
        'sans-serif';
	font-weight:400;
    font-size: 14px;
	line-height:20px;
	color:#545454;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family:  'Noto Sans KR';
}

::-moz-placeholder { /* Firefox 19+ */
    font-family:  'Noto Sans KR';
}

:-ms-input-placeholder { /* IE 10+ */
    font-family:  'Noto Sans KR';
}

:-moz-placeholder { /* Firefox 18- */
    font-family:  'Noto Sans KR';
}
a {
    text-decoration:none;
    color:#545454;
}
ul, ol, li {
    list-style-position:inside;
}
#AhaideaLogo{
	width:230px;
	border-width:0px;
    margin: 10px 0 0px 10px;
}
#Logo{
	width:230px;
	border-width:0px;
    margin: 10px 0 0px 10px;
}
#AhaBlogLogo{
	height:70px;
	width:142px;
	border-width:0px;	
}
#BodyFrame{
	margin: 0 auto;
	/*min-width:1200px;*/
	max-width:1600px;
	overflow:hidden;
}
#FrameContainer {
	position:relative;
    /*padding-bottom: 20px;*/
}
.TopFrame {
	clear:both;
}
.BottomFrame {
    /*border-top:5px solid #4382CF;*/
    text-align:center;
}
#MenuFrame, #LogoFrame
{
	/*padding-left:230px;
	padding-right:290px;*/
}

#LogoFrame{
    margin: 0 auto;
    width: 1200px;
    padding: 0;
}
.LeftFrame
{
	/*width:220px;*/         /*수정 2022.04.19*/
	/*padding-left:10px;*/
	/*float:left;*/
    overflow:hidden;
}
.MiddleFrame{
    /*margin-left:240px;*/   /*수정 2022.04.19*/
    /*margin-right:300px;*/  /*수정 2022.04.19*/
    min-height:600px;
    float:left;
    
    /*display:flow-root;*/       /*수정 2022.04.19*/
}
.RightFrame{
	/*width:280px;*/         /*수정 2022.04.19*/
	padding-right:10px;
	float:right;
}
.WholeFrame{
	width:100%;
}
.LeftTwoFrame {
	padding-left:10px;
    margin-right:300px;
	overflow:auto;
}
.RightTwoFrame {
	padding-right:10px;
	margin-left:240px;
	overflow:auto;
}
.clearBoth{
	clear:both;	
}
.clearLeft {
    clear:left;
}
.nodisplay
{
	display:none !important;
}
.shadow
{
	-moz-box-shadow: 1px 1px 5px #B9B9B9;
	-webkit-box-shadow: 1px 1px 5px #B9B9B9;
	box-shadow: 1px 1px 5px #B9B9B9;
}
.shadow:active {
	-moz-box-shadow: 0px 0px 3px #B9B9B9;
	-webkit-box-shadow: 0px 0px 3px #B9B9B9;
	box-shadow: 0px 0px 3px #B9B9B9;
}
.shadow_dark
{
	-moz-box-shadow: 1px 1px 4px #9F9F9F;
	-webkit-box-shadow: 1px 1px 4px #9F9F9F;
	box-shadow: 1px 1px 4px #9F9F9F;
}
.rounded2 {
    border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	-opera-border-radius:2px 2px 2px 2px;
	-khtml-border-radius:2px 2px 2px 2px;
}
.rounded5
{
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-opera-border-radius:5px 5px 5px 5px;
	-khtml-border-radius:5px 5px 5px 5px;
}
.rounded10
{
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-opera-border-radius:10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
}
.roundedTop10
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.roundedBottom10
{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.roundedTop5
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.roundedBottom5
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.roundedLeft5
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.roundedRight5
{
	-webkit-border-top-Right-radius: 5px;
	-webkit-border-bottom-Right-radius: 5px;
	-moz-border-radius-topRight: 5px;
	-moz-border-radius-bottomRight: 5px;
	border-top-Right-radius: 5px;
	border-bottom-Right-radius: 5px;
}
.LeftFloat {
    float:left;
}
.RightFloat {
    float:right;
}
.ellipsis
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.DefaultTransit {
    /*-moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;*/
}
.ShortTransit {
    /*-moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;*/
}
.RightArrow {
    display:inline-block;
    border-left:5px solid red;
    border-top:5px solid #ffffff;
    border-bottom:5px solid #ffffff;
    position:relative;
    margin:0px 5px;
}
.BlueRightArrow {
    display:inline-block;
    border-left:5px solid Blue;
    border-top:5px solid #ffffff;
    border-bottom:5px solid #ffffff;
    position:relative;
    margin:0px 5px;
}
.OrangeCircle, .BlueCircle , .SilverCircle{
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin:0 !important;
    padding:0 !important;
    margin-right: 5px !important;
    background-color: #f46e0f;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -opera-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
}
.BlueCircle {
    background-color:#4382CF;
}
.SilverCircle {
    background-color:Silver;
}
.TopButtonContainer {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: right;
}
.ButtonContainer {
	text-align:center;
	margin:10px 0;
}
.DefaultButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
    cursor:pointer;
}
.DefaultOrgButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-- background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	-- background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	-- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#f46e0f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-- border:1px solid #dcdcdc;
    border:1px solid #fb8125;
	display:inline-block;
	color:#fff;
	-- font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	-- text-shadow:1px 1px 0px #ffffff;
    cursor:pointer;
}
	/*.DefaultButton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}*/
	.DefaultButton:active {
		position:relative;
		top:1px;
	}
#BoardListPager {
	text-align:center;
    padding: 10px 0 10px 0;
}
.PagerButton, .PagerNormal {
	border-width:0px;
	padding:5px;
	color:#545454;
	text-decoration:none;
	margin:0px 2px;
    font-size: 14px;
    font-weight: bold;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
	.PagerButton:hover, .PagerNormal:hover {
		border-top:3px solid #888888;
	}
.PagerCurrent {
	padding:2px 5px;
	margin:0px 2px;
	border-bottom:3px solid #f46e0f;
    font-size: 14px;
    font-weight: bold;
}
.LeftMenuContainer {
	padding: 0;
	margin-bottom:20px;
    background-color: #efefef;
    box-shadow: inset #e5e5e5 1px 1px 30px 30px;
    border: 1px solid #c5c5c5;
}
	.LeftMenuContainer a {
		text-decoration:none;
	}
#LeftMenuContainer {
	padding: 0;
	margin-bottom:20px;
    background-color: #efefef;
    box-shadow: inset #e5e5e5 1px 1px 30px 30px;
    border: 1px solid #c5c5c5;
}
	#LeftMenuContainer a {
		text-decoration:none;
	}
.CategoryGroup
{
	padding:20px 25px;
	text-align:left;
}
.CategoryName {
	padding: 8px 25px;
    -webkit-border-top: 1px solid rgba(197, 197, 197, .5);
    -moz-border-top: 1px solid rgba(197, 197, 197, .5);
    -o-border-top: 1px solid rgba(197, 197, 197, .5);
    -ms-border-top: 1px solid rgba(197, 197, 197, .5);
    border-top: 1px solid rgba(197, 197, 197, .5);
}
.CategoryNameForClubRegisterBtn {
	padding: 4px 10px 23px;
    -webkit-border-top: 1px solid rgba(197, 197, 197, .5);
    -moz-border-top: 1px solid rgba(197, 197, 197, .5);
    -o-border-top: 1px solid rgba(197, 197, 197, .5);
    -ms-border-top: 1px solid rgba(197, 197, 197, .5);
    border-top: 1px solid rgba(197, 197, 197, .5);
}
.ReplyIcon {
	vertical-align: middle;
	margin-left: 8px;
	position:relative;
	top:-2px;
}
.ReplyCount {
	color:blue;
}
.NewArticle {
	background-color: #f46e0f;
	color: white;
	font-size: 8px;
	padding: 2px;
	margin-left: 2px;
	position: relative;
	top: -1px;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-opera-border-radius:3px 3px 3px 3px;
	-khtml-border-radius:3px 3px 3px 3px;
}
.NewPicture {
	background-color: #e8ea21;
	color: white;
	font-size: 8px;
	padding: 2px;
	margin-left: 2px;
	position: relative;
	top: -1px;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-opera-border-radius:3px 3px 3px 3px;
	-khtml-border-radius:3px 3px 3px 3px;
}
.HasImage {
    display:inline-block;
    width: 24px;
    height: 24px;
    background-position:center;
    background-size :contain;
    background-repeat:no-repeat;
    background-image: url(/Images/photo_icon.png);
	/*background-color: transparent;*/
	position: relative;
	top: 6px;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-opera-border-radius:3px 3px 3px 3px;
	-khtml-border-radius:3px 3px 3px 3px;
}
.EventMark {
	color: #f46e0f;
	font-size: 10px;
	padding: 2px 3px;
	margin-left: 2px;
	position: relative;
	/*top: -1px;*/
    border:1px solid #f46e0f;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-opera-border-radius:3px 3px 3px 3px;
	-khtml-border-radius:3px 3px 3px 3px;
}

.EventMark.Green {
    color: limegreen;
	border-color: limegreen;
}
.EventMark.Red {
    color: red;
	border-color: red;
}
.EventMark.Blue {
    color: dodgerblue;
	border-color: dodgerblue;
}
.RegionIndicatorContainer {
	margin-top:11px;
    display:inline-block;
}
#TextADContainer ul {
	list-style:none;
	border-top:2px solid #7f7f7f;
	padding: 10px 5px 5px 5px;
    margin-bottom:10px;
}
.RightTextAD {
	margin-bottom:10px;
	padding: 5px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
	.RightTextAD:hover {
		background-color:#EBE8E8;
	}
	.RightTextAD:after {
		content:"";
		clear:both;
		display:block;
	}
	.RightTextAD a {
		text-decoration:none;
		color:inherit;
	}
.RightTextAD-last-child {
	margin-bottom:0px;
}
.TextADTitle {
}
.TextADName {
	color:#979797;
	float:right;
}
.RightADTab {
	list-style:none;
	display:table;
	width:100%;
	margin-bottom:10px;
}
	.RightADTab li {
		text-align: center;
		padding: 5px 0px;
		width: 50%;
		display: table-cell;
		cursor:pointer;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
		.RightADTab li:first-child {
			border:2px solid Silver;
			border-bottom:2px solid #f1efef;
			border-right-width:0px;
			background-color:#f1efef;
		}
		.RightADTab li:last-child {
			border:2px solid Silver;
			background-color:Silver;
		}
			.RightADTab li:last-child:hover {
				background-color:#f1efef;
			}
.RightADTab-last-child-Inactive {
	border-bottom:2px solid Silver !important;
	background-color:Silver !important;
}
	.RightADTab-last-child-Inactive:hover {
		background-color:#f1efef !important;
	}
.RightADTab-last-child-Active {
	border:2px solid Silver !important;
	border-bottom:2px solid #f1efef !important;
	background-color:#f1efef !important;
}
.RightImageAD a {
	display:block;
	position:relative;
	overflow:hidden;
}
	.RightImageAD a .RightImageADTitleWrapper {
		position: absolute;
		bottom:0;
		height: 0px;
		width:100%;
		color:#000000;
		background-color: #ffffff;
		padding:5px 10px;
		opacity: .9;
		overflow:hidden;
		-moz-transition: height .5s;
		-o-transition: height .5s;
		-webkit-transition: height .5s;
		transition: height .5s;
	}
	.RightImageAD a:hover .RightImageADTitleWrapper {
		border-top:1px solid #9F9F9F;
		height:60px;
	}
.RightImageAD img {
	width:100%;
}
.DDLRegionContainer {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 157px;
	z-index: 1;
	margin-top: 5px;
}
.DDLContainer {
    padding: 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 157px;
	z-index: 1;
    float: left;
}
    .DDLContainer div, .DDLContainer ul {
        background-color: #ebe8e8;
        color: #545454;
        border: 1px solid #545454;
    }
    .DDLRegionContainer div, .DDLRegionContainer ul {
        background-color: #fff;
    }
    .DDLRegionContainer ul, .DDLRegionContainer div {
        border: 1px solid Silver;
    }
	.DDLContainer div, .DDLRegionContainer div {
		padding: 5px 10px;
		position: absolute;
		z-index: 10;
		width: 135px;
		overflow: hidden;
		white-space: nowrap;
	}
	.DDLContainer ul, .DDLRegionContainer ul {
		list-style-type: none;
		padding: 35px 5px 5px 5px;
		width: 145px;
		margin: 0;
		position: absolute;
		overflow: hidden;
        
	}
        .DDLContainer ul li, .DDLRegionContainer ul li{
            padding:5px 10px;
        }
            .DDLContainer ul li:hover {
                background-color:#545454;
                color:white;
            }
            .DDLRegionContainer ul li:hover {
                background-color:#ebe8e8;
            }

#ddlCategoryGroupRight ul {
    padding-top: 35px;
}
.RegionSelectorContainer {
	height: 40px;
	padding: 0 20px;
    position:relative;
}
.RegionSelectionContainer {
    position:absolute;
    right:10px;
    top:4px;
}
.RegionSelectionTitle, #ddlregion {
    float:left;
    z-index:10;
}
.RegionSelectionTitle {
    padding-top: 11px;
    padding-right: 10px;
}
.RegionList img {
    padding-right:5px;
}
.RegionFlag img {
    padding-left:5px;
}
.MiddleImageADContainer {
    margin: 10px;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 2px solid #EBE8E8;
}
.RightRecommendWrapper {
    padding: 10px 5px;
    position: relative;
    border-top: 2px solid rgb(127, 127, 127)
}
    .MiddleImageADContainer .ADTitle, .RightRecommendWrapper .ADTitle {
        padding-top:10px;
        text-align:left;
        font-weight:bold;
    }
.ADTitle {
    padding-top:0 !important;
    width: 90px;
    float: left;
}
    .MiddleImageADContainer a, .RightRecommendWrapper a {
        display:inline-block;
        position:relative;
        width:160px;
        height:120px;
        overflow:hidden;
        color:inherit;
    }
    .RightRecommendWrapper a {
        width:120px;
        height:90px;
        float:left;
        margin:4px;
    }
        .MiddleImageADContainer a div, .RightRecommendWrapper a div {
            position: absolute;
            top: 0;
            right: 160px;
            width: 150px;
            height: 110px;
            overflow: hidden;
            padding: 4px;
            border: 1px solid silver;
            background-color: white;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
            transition: all .5s;
        }
        .RightRecommendWrapper a div {
            width:110px;
            height:80px;
            top:120px;
            right:0;
        }
            .MiddleImageADContainer a div .ImageTitle, .RightRecommendWrapper a div .ImageTitle {
                font-weight: bold;
                display: block;
                text-align: left;
                padding: 5px;
                background-color: #EBE8E8;
                line-height: 15px;
                margin-bottom:5px;
            }
            .MiddleImageADContainer a div .ImagePhone, .MiddleImageADContainer a div .ImageAddress, .RightRecommendWrapper a div .ImagePhone {
                display:block;
                padding:5px;
                text-align:left;
                line-height:12px;
            }
        .MiddleImageADContainer a img, .RightRecommendWrapper a img {
            width:100%;
            height:100%;
        }
        .MiddleImageADContainer a:hover div {
            right:0;
        }
        .RightRecommendWrapper a:hover div {
            top:0;
        }
#TitleReplacingWrapper {
    padding: 5px;
}
#TextADContainer {
    position:relative;
}
.MiddleImageADHeader {
    position:relative;
    height:50px;
}
.RightImageADHeader {
    position:relative;
    height:30px;
    border-bottom: 1px solid #e5e5e5;
}
.MiddleImageADTitle {
    padding-top: 6px;
    padding-right: 10px;
    float:left;
}
.BoardListSeperator {
    border-bottom:1px solid #EBE8E8;
}
.center {
    text-align:center;
}
.ContainerTitle {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.bold {
    font-weight: bold;
}
.medium_bold {
    font-weight: 700;
}
.light {
    color:#a7a7a7;
}
.white {
    color:#fff;
}
.font_small{
	font-size: 11px;
}
.font_large{
	font-size: 13px;
}
.font_xlarge {
    font-size: 16px;
}
.spacing{
	width:20px;
	padding: 0 30px;
}
.spacing_narrow{
	padding: 0 10px;
}

#GoBackToRecEvent {
    display: inline-block;
    cursor: pointer;
    padding-left: 0.275em;
}
.RightImageADWapper {
    padding: 3px;
}
.LikeButton {
    padding: 5px 10px;
    border:2px solid #ededed;
    display:inline-block;
    color:gray;
}
    .LikeButton img {
        float: left;
        height: 16px;
        padding-right: 5px;
        padding-top: 1px;
    }
    .LikeButton span {
        color:#4382CF;
    }
    .LikeButton .CancelLike {
        color:silver;
    }
.marginTop10 {
    margin-top:10px;
}
.nivoSlider {
    position:relative;
    background:url(images/nivo/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.LongThinAD img {
    width:100%;
}
.RightThinAD img {
    width:100%;
}
.RightCategory {
    width:100px;
    float: left;
}
#ddlCategoryGroupRight {
    text-align:left;
}
/*START RightAD New Ver.*/
#New_TextADContainer {
    border-top:2px solid #7f7f7f;
	padding: 5px;
}
#New_TitleReplacingWrapper {
}
.New_ADTitle {
    float:left;
    padding: 5px 0;
}
.New_RightCategory {
    float: left;
    padding: 0 10px;
}
.New_DDLContainer {
    display: inline-block;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 30px;
}
.New_DDLContainer div, .New_DDLContainer ul {
        background-color: #ebe8e8;
        color: #545454;
        border: 1px solid #545454;
    }
.New_DDLContainer div {
		padding: 5px 10px;
		position: absolute;

		width: 135px;
		overflow: hidden;
		white-space: nowrap;
	}
	.New_DDLContainer ul {
		list-style-type: none;
		padding: 35px 5px 5px 5px;
		width: 145px;
		margin: 0;
		position: absolute;
		overflow: hidden;
        z-index: 5;
	}
        .New_DDLContainer ul li{
            padding:5px 10px;
        }
            .New_DDLContainer ul li:hover {
                background-color:#545454;
                color:white;
            }

.TextAddContents{
    list-style:none;
	border-top: 1px solid rgb(229, 229, 229);
    margin-bottom:10px;
}
.New_RightTextAD {
	padding: 5px 10px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
    border-bottom: 1px dotted lightgray;
}
	.New_RightTextAD:hover {
		background-color:#EBE8E8;
	}
	.New_RightTextAD:after {
		content:"";
		clear:both;
		display:block;
	}
	.New_RightTextAD a {
		text-decoration:none;
		color:inherit;
	}
    .New_RightRecommendWrapper {
    padding: 0 12px;
    position: relative;
    border-top: 1px solid rgb(229, 229, 229);
}
    .New_RightRecommendWrapper .ADTitle {
        padding-top:10px;
        text-align:left;
        font-weight:bold;
    }
    .New_RightRecommendWrapper a {
        display:inline-block;
        position:relative;
        width:160px;
        height:120px;
        overflow:hidden;
        color:inherit;
    }
    .New_RightRecommendWrapper a {
        width:120px;
        height:90px;
        float:left;
        margin:4px;
    }
        .New_RightRecommendWrapper a div {
            position: absolute;
            top: 0;
            right: 160px;
            width: 150px;
            height: 110px;
            overflow: hidden;
            padding: 4px;
            border: 1px solid silver;
            background-color: white;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
            transition: all .5s;
        }
        .New_RightRecommendWrapper a div {
            width:110px;
            height:80px;
            top:120px;
            right:0;
        }
            .New_RightRecommendWrapper a div .ImageTitle {
                font-weight: bold;
                display: block;
                text-align: left;
                padding: 5px;
                background-color: #EBE8E8;
                line-height: 15px;
                margin-bottom:5px;
}
            .New_RightRecommendWrapper a div .ImagePhone {
                display:block;
                padding:5px;
    text-align:left;
                line-height:12px;
            }
        .New_RightRecommendWrapper a img {
            width:100%;
            height:100%;
        }
        .New_RightRecommendWrapper a:hover div {
            top:0;
        }
#ddlDefaultTitle {
    z-index: 6;
}
.TopLoginContainer {
    float:right;
}
.SmallLoginContainer {
	margin:10px 10px 0 10px;
    overflow:hidden;
    position:relative;
}
	.SmallLoginContainer input {
		border:1px solid silver;
		padding:5px;
		width:120px;
	}
    .SmallLoginContainer a {
        display:inline-block;
		padding:5px;
    }
        .SmallLoginContainer a:hover {
			background-color:#EBE8E8;
		}
#LoginButton {
	display:inline-block;
	color:white;
	cursor:pointer;
}
#ErrorContainer {
    display:block;
    visibility:hidden;
    color:white;
    background-color: #6b29ad;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding:5px;
    width:100%;
}
    #ErrorContainer #findPassword, #ErrorContainer #tryAgain {
        color: #6b29ad;
        float: right;
        padding: 5px;
        position: relative;
        right: 5px;
        top: -5px;
        cursor:pointer;
        background-color:white;
    }
.ErrorContainerShow {
    visibility: visible !important;
}
.SmallLoggedInContainer {
    /*float:right;*/
	/*margin:10px;*/
    position:relative;
}
.BlogBackground .SmallLoggedInContainer {
    color:#ffffff;
}
#UserIDContainer {
    display:inline-block;
}
/*#LoggedInContainer {
    position:absolute;
    border:2px solid Silver;
    padding:10px;
    display:none;
    text-decoration:none;
    z-index:20;
}   
.SmallLoggedInContainer:hover #LoggedInContainer {
    display:block;
    background-color:#ebeaea;

}*/
#LoggedInContainer {
    background-color:#f1efef;
    color:#666666;
    position:absolute;
    border:1px solid Silver;
    padding:10px;
    opacity:0;
    text-decoration:none;
    z-index:-1;
    right:-50%;
    text-align:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*width:150%;*/
    width:350px;
}
.SmallLoggedInContainer:hover #LoggedInContainer {
    opacity:1;
    z-index:20;
    right:-25%;
}


    #LoggedInContainer a {
        display:block;
        color:#666666;
    }
        #LoggedInContainer a:hover {
            text-decoration:underline;
        }
        .LoggedInContainer ul li .ClubGroupName {
            color:#448aaf;
        }
/*END RightAD New Ver.*/
/*START MiddleImageAD Debug Ver.*/
.CategoryGroupWrapper {
    display: inline-block;
    float: right;
}
.inlineBlock {
    display: inline-block;
}
.MyLinkTitle {
    font-weight:bold;
}
.MyLinkTitle2 {
    font-weight:bold;
    margin : 3px 0px 0px 6px;
    border-top : dotted 1px #545454;
}
.LoggedInContainer ul {
    list-style-type:none;
}
    .LoggedInContainer ul li {
        margin-left:5px;
    }
.SearchContainerClub input {
    width:68%;
}
.SearchContainerClub a {
    width: 9%;
}
.SearchContainerClub .NewClubButton {
    width: 18%;
    margin-left:1%;
}
.AutoLogin {
    margin-left:10px;
}
.BlogBackground .AutoLogin label {
    color:#ffffff;
}
.textCenter {
    text-align:center !important;
}
.textRight {
    text-align:right !important;
}
.width30 {
    width: 30% !important;
}
.floatRight {
    float: right !important;
}
.AlternativeColumn {
    float: right;
    text-align: center;
    width: 85px;
}
.PaddingRight20 {
    padding-right: 20px;
}
.width63 {
    width: 63% !important;
}
.backImage {
    -webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
    z-index:1 !important;
}
.backImageX {
    -webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
    z-index:1 !important;
}
/*START From Blog.css: BlogInto & MainGroupPage*/
.TitleContainer {
    padding: 0 0 10px 10px;
    margin-bottom:10px;
    border-bottom:2px solid #dedcdc;
}
.AllNewArticleTitleContainer {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px solid #dedcdc;
}
.Title {
    font-size:16px;
    font-weight:bold;
}
.SubTitle {
    font-size:14px;
    font-weight:bold;
    padding-bottom:5px;
}
.BlogFiveColumn {
    position:relative;
    float:left;
    width:100%;
}
    .BlogFiveColumn .TopicColumn {
        width:20%;
        float:left;
        overflow:hidden;
    }
    .BlogFiveColumn a {
        border:1px solid #dedcdc;
        display:block;
        position:relative;
        margin:5px;
        padding:5px;
    }
        .BlogFiveColumn a .ImageFrame {
            position:relative;
        }
        .BlogFiveColumn a img {
            display:block;
            margin:auto;
            max-height:100%;
            max-width:100%;
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
        }
        .BlogFiveColumn a .BlogTitle {
            font-weight:bold;
            display:block;
        }
/*END From Blog.css*/
.padding6_16 {
    padding: 6px 16px;
}
.FloatNone {
    float:none !important;
}
.textGray {
    color: gray;
}
.Padding2 {
    padding: 2px;
}
.Solid {
    border: solid 1px silver;
}
.Padding5 {
    padding: 5px;
}
.Padding10 {
    padding: 10px;
}

.textbox60 {
    width:60px;
    height:25px;
    border:1px solid #808080;
    padding-left:5px;
}

.textNavy {
    color:#203c9a;
}
.CategoryPathContainer {
	border:2px solid silver;
	margin:0 10px;
	overflow:hidden;
    font-size: 16px;
    font-weight:bold;
}
.CategoryGroupPath {
    float: left;
}
.CategoryGroupPath, .CategoryPath, .SubCategoryPath {
	display:inline-block;
	padding:5px 10px;
	position:relative;
}
.CategoryPath:before, .SubCategoryPath:before {
	content: "";
	border-left: 10px solid silver;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	position: absolute;
	left: -6px;
	top: -3px;
}
    .CategoryGroupPath a, .CategoryPath a, .SubCategoryPath a {
        padding:2px 5px;
        -moz-transition:all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
        .CategoryGroupPath a:hover, .CategoryPath a:hover, .SubCategoryPath a:hover {
            background-color: #ebe8e8;
        }
@-moz-document url-prefix() {
	.CategoryPath:before {
		left:-7px;
	}
}
.CategoryPath:after {
	content: "";
	border-left: 10px solid white;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	position: absolute;
	left:-8px;
	top: -3px;
	z-index:0;
}
.DisplayBlock {
    display:block;
}
.GreenMark {
    color:#579458;
    font-size: 25px;
}
.RedMark {
    color: #d54444;
    font-size: 25px;
}

.MyPageButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-weight:500;
	padding:6px 9px 6px 9px;
    margin-left: 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
    cursor:pointer;
    vertical-align : text-bottom;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width: 100%;
    margin: 0 auto;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 3em;
    display: block;
}

.menu > ul > li:hover {
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}