p { color: #333;font-size: 15px;}
.clear { clear: both; margin: 0; padding: 0;}
.custom_head { margin-top: 28px; position: relative;}
.custom_logo { width: 445px;}
.circle{ display: inline-block; margin-right: 10px;  width:33px;height:33px;border-radius:50px; font-size: 20px; padding-top:6px; color:#0ba569;  text-align:center; background:#efefef}
.custom_link_area { margin-top: 33px; position: relative; display: block;}
.custom_head-link {  position: absolute; top: 50%;
    right:0;  }
.custom_head-link li { display: inline-block; margin: 0 10px;}
.custom_head-link li p { margin-top: 7px;}
.custom_head-link li a { color:#8e8e8e; line-height: 33px; font-size: 15px; }
.custom_head-link li a:hover { text-decoration: none; color: #ccc;}
.custom_nav {
    background: #6e6e6e;
    border:none;
border-radius: 0;
margin-bottom: 0;
}

.custom_nav-position  { margin-left: 15%; }
.navbar-custom .navbar-nav > li { margin: 0 50px;}
.navbar-custom .navbar-nav > li > a {
    color: #fff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #818181;
}
.custom_content-bg {
    margin:0;
    padding:0 ;
    background: url("../images/citypark_bg.png")  no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 500px;
}
.custom_content-title { background: url("../images/citypark_title_bg.png") no-repeat; background-size: contain; padding: 9px 0 14px 0;
    margin:20px auto 0 auto; text-align: center; }
.custom_title-icon { display: inline-block; font-size: 48px; color: #fff;}
.custom_title { display: inline-block; font-size: 19px; letter-spacing: 1px; line-height: 50px;  color: #fff; margin-left: 20px;}
.custom_content, .custom_content-other { -moz-box-shadow: 0px 0px 8px #c2c2c2;
    -webkit-box-shadow: 0px 0px 8px #c2c2c2;
    box-shadow: 0px 0px 8px #c2c2c2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
min-height: 300px;
background: #fff;
padding: 50px 129px 60px 129px;
}
.custom_content span { color: #d30101;}
.custom_table div:first-child { border-right: 2px solid #fff;}
.custom_table div { padding: 12px 0; text-align: center;}
.table_title-brown { background:#c48e19;  color: #fff;}
.table_title-light_blue { background:#e9f4f2;  color: #d30101;}
.table_title-gray { background:#e5e5e5;  color: #038a55;}
.custom_row { margin-top: 37px;}
.custom_footer { text-align: center;}
.custom_footer h1 { color:#0ba568; font-size: 16px;}
.custom_footer-bg { background: url("../images/citypark_footer_bg.png") no-repeat; background-size: contain; padding: 30px 131px 21px 142px; text-align: left; color: #333; }
.custom_coptright { background: #f2f2f2; padding: 16px 0; text-align: center; color: #7c7c7c; margin-top: 30px; }

.navbar-toggle { float: left;}
.icon-bar { background: #fff;}

.custom_slidebar { background-color: #0ba569!important; z-index: 3;}
.custom_slidebar li { padding: 19px 0 19px 20px; border-bottom: 1px solid #fff;}
.custom_slidebar li:hover { background: #c38e19;}
.custom_slidebar  a { color: #fff; letter-spacing: 1px;}

.custom_content-other {
    padding: 50px;
}
.nav_list a { text-decoration: none; color: #fff;}
.nav_list a:hover { text-decoration: none; color:#ccc;}
.nav_list li{ width: 75%; background: #969696; padding: 8px 21px; margin-bottom: 15px; font-size: 16px;  line-height: 26px; -webkit-border-radius: 8px; letter-spacing: 1px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
.nav_list li .nav_list-circle { margin-right: 10px; display: inline-block; width:25px; height:25px; padding-left: 2px; border-radius:50px; font-size:10px; color: #fff!important; border:2px solid #fff; line-height:22px; text-align: center; background:#0ba569; }

.custom_imfo { margin-top: 118px;}
.custom_imfo h2 { width: 75%; background: #0ba569; padding: 8px 21px; margin-bottom: 15px; font-size: 16px; color: #fff; letter-spacing: 1px;  line-height: 26px; -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.custom_imfo h2 .nav_list-circle { margin-right: 10px; display: inline-block; width:25px; height:25px; padding-left: 2px; border-radius:50px; font-size:10px; color: #fff!important; border:2px solid #fff; line-height:22px; text-align: center; background:#c38e19; }
.custom_imfo p { margin-left: 30px; font-size: 16px; letter-spacing: 1px;}
.custom_imfo p span { display: block; color: #f00; margin-left: 5px;}
.custom_imfo img { width: 75%;}

.custom_content-side h2 { font-size: 20px; color: #0ba569; line-height: 42px; margin: 0;}
.custom_content-side h2 .circle{ display: inline-block; margin-right: 10px;  width:45px; height:45px;border-radius:50px; font-size: 22px; padding-top:10px; color:#0ba569;  text-align:center; background:#efefef}
.custom_content-side h3 { color: #b71729;
    margin:20px 0 0; padding: 0;}
.custom_login-choice { margin-top: 19px;}
.custom_login-choice li { display: inline-block; background: #ababab; text-align: center; padding: 8px 27px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.custom_login-choice a { color: #fff;}
.custom_login-choice li:hover { background: #059c97;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.custom_active { background: #059c97!important; color: #fff;}
.custom_form label,.custom_form-set label { display: block; font-size: 16px; color: #7c7c7c;}
.custom_form span { color: #f00;}
.custom_form p { margin-left: 10px; margin-top: 5px; color: #7c7c7c;}
.custom_form-inline label { display: block; font-size: 16px; color: #7c7c7c;}
.custom_form-inline span { color: #f00;}
.custom_form-inline select { display: inline-block; width: 20%;}
.custom_form-inline input { display: inline-block; width: 58%;}
.custom_btn { padding: 8px 29px; background: #ababab; color: #fff;}
.custom_btn:hover { background: #0ba569; color:#fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
.custom_btn-right { float: right; margin-top: 20px;}
.custom_circle {  width:18px; height:18px; padding-left: 1px; border-radius:50px; padding-top: 2px; font-size:10px; margin-right: 5px; color: #fff!important; border:1px solid #fff; }
.custom_buy h2 { color: #c38e19; margin-top: 30px; }
.custom_buy h3 {  color: #0ba569; font-size: 20px; margin: 20px 0;}
.custom_buy h4 {  color: #7c7c7c; font-size: 20px; margin: 20px 0 20px 20px;}
.custom_buy .float-l { float: left;}
.custom_buy p { color: #7c7c7c; font-size: 16px; line-height: 24px; letter-spacing: 1px;}
.custom_buy h3 span { color:#f00!important;}

.custom_table thead td { background: #0ba569; color: #fff;  letter-spacing: 3px; border-left: 1px solid #fff;}
.custom_table thead .buy { background: #c38e18;}
.custom_table td { text-align: center; font-size: 16px;}

.custom_table-buy02 td {  font-size: 16px; color: #7c7c7c; border-right: 3px #fff solid;  }
.custom_table-buy02 input { margin: 0; padding: 0; }
.custom_id img, .custom_id button{ display: block; margin: 10px 0;}
.custom_buy-ibon { background: #f7f7f7;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
padding: 21px 0; text-align: center;
border: 1px solid #d4d4d4;}
.custom_buy-ibon img, .custom_buy-ibon p { display: inline-block;}
.custom_buy-ibon p { font-size: 16px; margin-top: 15px; margin-left: 10px; color: #0ba569;}
.custom_buy-ibon p span { color:#f00;}
.custom_buy-ok span { color: #f00;}
.custom_buy-ok h3, .custom_buy-ok p, .custom_number p { color: #7c7c7c;}
.custom_number { margin-top: 20px; margin-left: 20px; margin-bottom: 56px;}
.custom_number-set, .custom_recording-set { -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
background: #efefef; border: solid 1px #d4d4d4;
}
.custom_number-set {padding: 29px  174px 34px 28px;}
.custom_number-set h3, .custom_number-set h4 { font-size: 16px; letter-spacing: 1px; }
.custom_number-set h3 { color:#0ba569; }
.custom_number-set h4, .custom_number-set p { color:#7c7c7c; }
.custom_number-set span { color:#f00; }
.custom_number-set ul li { display: inline-block; color: #7c7c7c; margin-right: 2px; font-size: 16px;}
.custom_number-set ul li input { height: 20px;}
.custom_set-content { -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #efefef; border: solid 1px #d4d4d4; padding: 34px;}
.custom_set-content h3 { color: #b71729;
    margin:0; padding: 0;}
.custom_set-content p { margin-top: 28px; letter-spacing: 1px; line-height: 28px; float: left;}
.custom_set-content button { float: right; margin-top: 200px;}
.custom_form-set select, .custom_form-set p { float: left;}
.custom_form-set p {
    margin:-5px 0 10px 10px;}
.custom_form-set select { width: 30%; margin-right: 10px;}
.custom_table-title h3{ color: #0ba569; font-size: 20px;}
.custom_table-title h3 span { color:#f00!important;}
.custom_table-title .float-l { float: left;}
.custom_table-title p { color: #7c7c7c; font-size: 16px; line-height: 24px; letter-spacing: 1px; float: right; margin-top: 20px;}
.custom_select { margin: 0 0 0 20px; font-size: 20px;}
.custom_recording-set {
    padding: 20px  30px;}
.custom_recording-set h3 {color: #0ba569; font-size: 20px; margin: 0 0 10px 0;}
.custom_recording-set li { display: inline-block; margin: 0 10px 0 0;}
.custom_recording-set select { font-size: 18px;}
@media (min-width: 992px) and (max-width: 1199px) {
    .custom_title-icon { font-size: 36px;}
    .custom_title { font-size: 19px; line-height: 40px;  }
    .navbar-custom .navbar-nav > li { margin: 0 30px;}
    .custom_content {  padding: 50px 80px 60px 80px;}
    .custom_footer-bg { padding: 20px 50px 21px 50px;}
    .nav_list li{ width: 90%;}
    .custom_imfo h2 { width: 90%;}
    .custom_imfo img { width: 90%;}
    .custom_number-set {
        padding: 29px  28px 34px 28px;}

    }


@media (min-width: 768px) and (max-width: 991px) {
    .custom_logo { width: 400px;}
    .custom_title-icon { font-size: 24px;}
    .custom_title { font-size: 16px; line-height: 25px;  }
    .custom_head-link-account { margin-left: 20px;}
    .navbar-custom .navbar-nav > li { margin: 0 10px;}
    .custom_content {  padding: 50px 50px 60px 50px;}
    .custom_footer-bg { padding: 15px 20px 25px 20px; font-size: 10px;}
    .custom_content-other {
        padding: 50px 20px;
    }
    .nav_list li{ width:100%;}
    .custom_imfo h2 { width: 100%;}
    .custom_imfo img { width: 100%;}
    .custom_form-inline select { display: inline-block; width: 20%;}
    .custom_form-inline input { display: inline-block; width: 48%;}
    .custom_number-set {
        padding: 29px  28px 34px 28px;}
}

@media (max-width: 767px) {
    .custom_logo { width: 330px;}
    .custom_content-title { width: 95%; background: url("../images/citypark_title_bg.png") no-repeat -150% -150%; border: 1px solid #078554; -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;  background-color: #0ba569; padding: 15px 15px 2px 15px;
        margin:20px auto 20px auto; text-align: left; }
    .custom_title-icon {  font-size: 48px;}
    .custom_title { width: 75%;  font-size: 19px; line-height:25px;  margin-left: 10px;  }
    .custom_head-link {
        top: 60px;
    z-index: 3;}
    .custom_head-link li a{ color:#fff; }
    .custom_head-link:hover { color: #ccc;}
    .navbar-custom .navbar-nav > li { margin: 0 10px;}
    .custom_content {  padding: 20px 15px 20px 15px;}
    .custom_footer-bg { padding: 15px 20px 25px 20px; font-size: 10px;}
    .custom_head-link {  margin-top: 10px;}
    .custom_link_area {  display: none; }
    .custom_head { position: relative;}
    .custom_footer-bg { background: url("../images/citypark_footer_bg.png") no-repeat -1200px; width: 95%;  padding: 10px; text-align: left;  margin: 0 auto 30px auto ;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f8f8f8+100 */
        background: #e5e5e5; /* Old browsers */
        background: -moz-linear-gradient(top, #e5e5e5 0%, #f8f8f8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e5e5e5 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e5e5e5 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -moz-box-shadow: 0px 1px 5px #ccc;
        -webkit-box-shadow: 0px 1px 5px #ccc;
        box-shadow: 0px 1px 5px #ccc;
    }
    .custom_content-other {
        padding: 50px 20px;
    }
    .nav_list li{ width:100%;}
    .custom_imfo h2 { width: 100%;}
    .custom_imfo img { width: 100%; margin-bottom: 50px;}
    .custom_imfo { margin-top: 50px;}
    .custom_login-choice li { padding: 8px 20px;}
    .custom_form-inline select { display: inline-block; width: 49%; margin-bottom: 10px;}
    .custom_form-inline input { display: inline-block; width: 100%; margin-bottom: 10px;}
    .custom_table td { text-align: center; font-size: 14px;}
    .custom_table td span { display: block;}
    .custom_number-set {padding: 10px ;}
    .custom_number-set li {  margin-top: 5px;}
    .custom_number-set-title { width: 25%; text-align: right;}
    .custom_number-set-content { width: 70%; }
    .custom_set-content button { float: right; margin-top: 20px;}
    .custom_head-link li { margin: 0 2px;}
    .custom_head-link li p { margin-top: 7px; color:#fff}
    .custom_login-choice li { padding: 8px 10px;}
    .custom_recording-set li { margin: 0 -1px 0 0;}
}