@import url("{{$template}}/img/vendor/font-awesome/css/font-awesome.min.css");

body {
    overflow-x: hidden;
    font-family: 'Titillium Web', sans-serif;
}

.text-muted {
    color: #777777
}

.text-primary {
    color: #fed136
}

p {
    font-size: 14px;
    line-height: 1.75
}

p.large {
    font-size: 16px
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: none
}

a {
    color: #ff4d00
}

a:hover,
a:focus,
a:active,
a.active {
    color: #000;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #333;
}

.img-centered {
    margin: 0 auto
}

.bg-light-gray {
    background-color: #fafafa
}

.bg-darkest-gray {
    background-color: #222222
}

.btn-primary {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
    border-radius: 30px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 300
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #fed136;
    border-color: #fed136
}

.btn-primary .badge {
    color: #fed136;
    background-color: white
}

.btn-x2 {
    color: #777;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 1px;
    font-size: 16px;
    padding: 8px 30px 8px 30px;
}

.btn-x2:hover,
.btn-x2:focus,
.btn-x2:active,
.btn-x2.active,
.open .dropdown-toggle.btn-xl {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
}

.btn-xl4 {
    color: #181818;
    background-color: #FFF;
    border-color: #e8e8e8;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 2px;
    font-size: 20px;
    padding: 30px 30px;
	width:100%
}

.btn-xl4 a:hover,
.btn-xl4 a:focus,
.btn-xl4 a:active
 {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
}

.btn-xl3 {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 2px;
    font-size: 20px;
    padding: 15px 30px;
	width:100%
}

.btn-xl3:hover,
.btn-xl3:focus,
.btn-xl3:active,
.btn-xl3.active,
.open .dropdown-toggle.btn-xl {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
}

.btn-xl3:active,
.btn-xl3.active,
.open .dropdown-toggle.btn-xl {
    background-image: none
}

.btn-xl {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    color: white;
    background-color: #ff4d00;
    border-color: #ff4d00;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    background-color: #fed136;
    border-color: #fed136
}

.btn-xl .badge {
    color: #fed136;
    background-color: white
}

.navbar-custom {
    background-color: #1c1c1c;
    border-color: transparent
}

.navbar-custom .navbar-brand {
    color: #FFF;
    font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:2.0em;
	margin-top:-15px;

}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
    color: #ff4d00
}





@media (min-width: 768px) {
    .navbar-custom {
        background-color: transparent;
        padding: 0px 0;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
        border: none
    }
    .navbar-custom .navbar-brand {
        font-size: 2.4em;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }
    .navbar-custom .navbar-nav > .active > a {
        border-radius: 3px
    }
}

@media (min-width: 768px) {
    .navbar-custom.affix {/*½ºÅ©·Ñ ¸Þ´º ¹Ù*/
        /*background-color: rgba(0, 0, 0, .95);*/
		background-image:url('/bizdemo37736/img/barbg.jpg');
        border-bottom: 0px solid #181818;
        padding: 5px 0 20px 0;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

    }
    .navbar-custom.affix .navbar-brand {
        font-size: 2.5em
    }
}

header {
    /*background-image: url('../header.jpg');*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: left;
   
}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px
}

header .intro-text .intro-lead-in {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    line-height: 22px;padding-top:20px;
	color:#e8e8e8;
}

header .intro-text .intro-heading {
    font-family: 'Titillium Web', sans-serif;

    font-weight: 300;
    font-size: 50px;
    line-height: 80px;
    margin-bottom: 45px;
	color:#e8e8e8;text-align:center;
}

.maintext{color:#facb0e;font-weight:200;font-size:44px;padding:0 0 30px 0;margin:-10px 0 0 -5px;}


@media (max-width: 768px) {
footer{padding-left:20px !important;padding-right:20px !important;}
.maintext{font-size:24px !important;margin-top:40px !important;}
#subheader .container .intro-text .intro-heading {
    font-size: 40px !important;
    line-height: 50px;
	}

#subheader .container .intro-text .intro-lead-in {


    line-height: 30px !important;
	margin-top:30px !important;
}

header{margin-top:68px;}
}

@media (min-width: 768px) {


    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px
    }
    header .intro-text .intro-lead-in {
        font-family: 'Titillium Web', sans-serif;
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 45px
    }
    header .intro-text .intro-heading {
        font-family: 'Titillium Web', sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 64px;
        line-height: 75px;
        margin-bottom: 50px
    }
}

#subheader {

    background-image: url('../subheader.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
    height:340px;
}

#subheader .container .intro-text { 
  padding-top: 150px;

}

#subheader .container .intro-text .intro-lead-in {
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
	color:#e8e8e8;
	margin-top:-30px;
}

#subheader .container .intro-text .intro-heading {
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
	color:#e8e8e8;


}

@media (min-width: 768px) {
    #subheader .intro-text {
        padding-top: 300px;
        padding-bottom: 200px
    }
    #subheader .intro-text .intro-lead-in {
        font-family: 'Titillium Web', sans-serif;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px
    }
    #subheader .intro-text .intro-heading {
        font-family: 'Titillium Web', sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 64px;
        line-height: 75px;
        margin-bottom: 50px
    }
}

section {
    padding: 20px 0
}

section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;

}

section h3.section-subheading {
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: none;
    font-weight: 300;
    color: #6f7c82;
    line-height: 1.5;
    margin-bottom: 25px
}
.titleline{width:180px;margin:15px auto;border-bottom:1px #e2e2e2 solid}


@media (min-width: 768px) {
    section {
        padding: 50px 0 ;
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none
}

#portfolio .portfolio-item {
    margin: 0 0 15px;
    right: 0
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(254, 209, 54, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 20px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    color: white
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0
}

#portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    background-color: white;
    text-align: center;
    padding: 25px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

#portfolio .portfolio-item .portfolio-caption h4 {
    text-transform: none;
    margin: 0
}

#portfolio .portfolio-item .portfolio-caption p {
    font-size: 14px;
    margin: 0
}

#portfolio * {
    z-index: 2
}


/*¼­ºñ½º ½ÃÀÛ*/
#services .portfolio-item {
    margin: 0 0 15px;
    right: 0
}

#services .portfolio-item{
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto
}


/*¼­ºñ½º ³¡*/

@media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px
    }
	#services .portfolio-item {
        margin: 0 0 30px
    }
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    background-color: #f1f1f1;
    left: 40px;
    margin-left: -1.5px
}

.timeline > li {
    margin-bottom: 50px;
    position: relative;
    min-height: 50px
}

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

.timeline > li:after {
    clear: both
}

.timeline > li .timeline-panel {
    width: 100%;
    float: right;
    padding: 0 20px 0 100px;
    position: relative;
    text-align: left
}

.timeline > li .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline > li .timeline-image {
    left: 0;
    margin-left: 0;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 100;
    background-color: #fed136;
    color: white;
    border-radius: 100%;
    border: 7px solid #f1f1f1;
    text-align: center
}

.timeline > li .timeline-image h4 {
    font-size: 10px;
    margin-top: 12px;
    line-height: 14px
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding: 0 20px 0 100px
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline > li:last-child {
    margin-bottom: 0
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit
}

.timeline .timeline-heading h4.subheading {
    text-transform: none
}

.timeline .timeline-body > p,
.timeline .timeline-body > ul {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .timeline:before {
        left: 50%
    }
    .timeline > li {
        margin-bottom: 100px;
        min-height: 100px
    }
    .timeline > li .timeline-panel {
        width: 41%;
        float: left;
        padding: 0 20px 20px 30px;
        text-align: right
    }
    .timeline > li .timeline-image {
        width: 100px;
        height: 100px;
        left: 50%;
        margin-left: -50px
    }
    .timeline > li .timeline-image h4 {
        font-size: 13px;
        margin-top: 16px;
        line-height: 18px
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        float: right;
        text-align: left;
        padding: 0 30px 20px 20px
    }
}

@media (min-width: 992px) {
    .timeline > li {
        min-height: 150px
    }
    .timeline > li .timeline-panel {
        padding: 0 20px 20px
    }
    .timeline > li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px
    }
    .timeline > li .timeline-image h4 {
        font-size: 18px;
        margin-top: 30px;
        line-height: 26px
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        padding: 0 20px 20px
    }
}

@media (min-width: 1200px) {
    .timeline > li {
        min-height: 170px
    }
    .timeline > li .timeline-panel {
        padding: 0 20px 20px 100px
    }
    .timeline > li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px
    }
    .timeline > li .timeline-image h4 {
        margin-top: 40px
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        padding: 0 100px 20px 20px
    }
}

.team-member {
    text-align: center;
    margin-bottom: 50px
}

.team-member img {
    margin: 0 auto;
    border: 7px solid white
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none
}

.team-member p {
    margin-top: 0
}

aside.clients img {
    margin: 50px auto
}

section#contact .section-heading {
    color: #333
}

section#contact .form-group {
    margin-bottom: 25px
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px
}

section#contact .form-group input.form-control {
    height: auto
}

section#contact .form-group textarea.form-control {
    height: 236px
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none
}

section#contact::-webkit-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact:-moz-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact::-moz-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact:-ms-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact .text-danger {
    color: #e74c3c
}

footer {
    padding: 0px 0;background:#181818;

}

footer .container{padding:40px 10px 60px 10px;}
footer .copyright{
    line-height: 35px;
    font-family: 'Titillium Web', sans-serif;
    color: #666;
    text-transform: uppercase;
    text-transform: none;

}

footer ul.quicklinks {
    margin-bottom: 0;
    line-height: 40px;
    font-family: 'Titillium Web', sans-serif;
    ;
    text-transform: uppercase;
    text-transform: none
}

ul.social-buttons {
    margin-bottom: 0
}

ul.social-buttons li a {
    display: block;
    background-color: #222222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: none
}

footer ul {
    list-style-type: none;
}

.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto
}

.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 16px
}

.portfolio-modal .modal-content ul.list-inline {
    margin-bottom: 30px;
    margin-top: 0
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #222222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #222222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}

::-moz-selection {
    text-shadow: none;
    background: #fed136
}

::selection {
    text-shadow: none;
    background: #fed136
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

body {
    webkit-tap-highlight-color: #fed136
}

.p-about {
    font-size: 16px !important;
    font-weight: 400;
	line-height:200%;

}
.p-about span{
    font-size: 16px !important;
    font-weight: 600;
	line-height:180%;
	color:#ff4d00;

}

.tname{font-size:30px;color:#000; !important}
.p-about2 {
    font-size: 18px !important;
    font-weight: 400;

}

.span-about {
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
}


.p-about3 {

    font-weight: 400;
	line-height:180%;

}
.p-about3 span{
    font-size:18px;
    font-weight: 600;
	line-height:180%;
	color:#ff4d00;

}


.footer-text {
    font-size: 15px;
    font-weight: 400;
    color: #414446;
}

.top-margin-md {
    margin-top: 40px!important;
}

.top-margin-lg {
    margin-top: 60px!important;
}

.before-header {
    font-size: 24px;
    font-weight: 200;
}

.bottom-margin-sm {
    margin-bottom: 20px!important
}

.tab-content{border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid;padding:30px;} 
.tab-pane img{margin:18px 0 18px 0;}
.tab-pane h2{font-size:28px;margin:8px 0 18px 0;}
.tab-pane {color:#777;}

.contacttxt{margin-left:0;padding-left:0;line-height:180%;}
.contacttxt ul{list-style:none}
.contacttxt span{font-size:20px;margin-bottom:20px}

.bgcolor1{background:#000}

.curriculum {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.curriculum th, td {
    border: none;
    text-align: left;
    padding: 8px;
}

.curriculum tr{background-color: #f2f2f2;border-bottom:1px #e8e8e8 solid;padding:10px}
.curriculum td{background-color: #FFF;padding:20px 10px 20px 10px;line-height:180%;}

.textbox{width:100%;padding:20px;border:1px #e8e8e8 solid;background:#f2f2f2;}
.lineblank{margin-top:20px;}

.step{background:#ff4d00;color:#fff;padding:15px;font-size:20px;margin-bottom:15px;}
.step span{color:#FFF;padding:10px;font-size:30px;font-weight:bold;margin-right:20px; border-radius: 5px;}



.boardtable{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.boardtable td{border-bottom:1px #e8e8e8 solid;padding:10px}

.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}



/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.formmail_txt {color:#333333}
/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.formmail_border {;color:#333333;border:1 solid #D4D4D4}
/* Ç׸ñÄ­ ½ºÅ¸ÀÏ */
.formmail_title_bgcolor {background-color:#F7F7F7;padding-left:15px !important;}
/* ÀÔ·ÂÄ­ ½ºÅ¸ÀÏ */
.formmail_cell_bgcolor {background-color:#FFFFFF;color:#333333;padding-left:10;}
.table_02   { width:100%; border-top:2px #e8e8e8 solid; border-bottom:1px #4fb3d2 solid; border-left:1px #e5e5e5 solid; }
.table_02 td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }

input,textarea{width:96%;font-size:16px;border:1px #e8e8e8 solid;padding:8px;margin:4px; !important}

input[name="captcha_code"]{width:150px;}
input[type="image"]{width:43px;border:0;padding:0}

.formmail_cell_bgcolor table td input,.formmail_cell_bgcolor table td checkbox{width:20px;border:0 !important}
.formmail_cell_bgcolor table td{border:0 !important}

.partnerbox{border:1px #e8e8e8 solid;padding:30px}

.subm{font-size:18px;}
.subm a{padding-left:10px;padding-right:10px;color:#666}
.subm a:hover{color:#fd6a05}

/*°Ô½ÃÆÇ*/
.boardtable{border:1px solid #D4D4D4;border-collapse:collapse;}

.cu_photo_list{border:0px solid #D4D4D4;border-collapse:collapse;}

.board {padding:4px 5px 5px 5px;color:#333333;}
.board a:link{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board tr td {padding-bottom:10px}
/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}

/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */

.board_output_gallery_subject { text-align:center;width:100%;  }
.board_output_gallery_description { text-align:center;width:100%; }

.cub_photo {border:1px #e8e8e8 solid;border-collapse:collapse;}
.cub_photo td{border-bottom:1px #e8e8e8 solid;padding:10px;}

.cu_photo {width:100%; margin-bottom:30px}
.cu_photo tbody td {padding:10px 15px; font-size:15px; }
.cu_photo tbody td font, .tbl_photo tbody td span {font-size:15px !important}
.cu_photo tbody td.no-padding {padding:0 !important; border-bottom:none}

.cu_line {height:3px; background:#000}

td{vertical-align:top !important}

.cu_photo_list {width:100%;text-align:left;margin-left:10px;}
.cu_photo_list table{}

.cu_photo_list:after {display:inline-block; width:100%; height:0; content:''}

.cu_photo_list td{vertical-align:top !important}
.cu_photo_list > table {vertical-align:top !important;display:inline-block;width:33%;margin-bottom:20px;}
.cu_photo_list .bbsnewf5 .gallery_etc{display:none}
.cu_photo_list .bbsnewf5 img {display:block; vertical-align:top;width:100% !important; height:auto !important}

.cu_photo, .board{width:100% !important}
.cu_photo td:last-child{text-align:right}

.cub_photo{margin-left:6px}
#ext_search {margin-top:30px}


@media screen and (max-width:970px) {
.cu_photo_list{padding-right:10px;padding-left:15px;margin:0 auto}
.cu_photo_list > table {display:inline-block; float:left;width:100% !important; margin-bottom:10px}
.cu_photo_list .bbsnewf5 img {width:100%;height:auto}
.cub_photo tbody td img {height:250px !important}

.cub_photo{margin-left:0px}
}

@media screen and (max-width:480px) {
.cu_photo_list{padding-right:10px;padding-left:15px;margin:0 auto}
.cu_photo_list > table {display:inline-block; float:left;width:100% !important; margin-bottom:10px}
.cu_photo_list .bbsnewf5 img {width:100%;height:auto}
.cub_photo tbody td img {height:250px !important}
}