@charset "utf-8";
/* CSS Document */

/********** custom component **********/
/** container **/
.container { position: relative; }
.container-sm { max-width:800px; }
.container-md { max-width:1000px; }
.container-lg { max-width:1200px; }
.container-xl { max-width:1400px; }
.container-full { margin:0 auto; position:relative; width:100%; }
.container-full.container-sm { max-width:800px; }
.container-full.container-md { max-width:1000px; }
.container-full.container-lg { max-width:1200px; }
.container-full.container-xl { max-width:1400px; }

/** column x-large **/
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media(min-width: 1400px){
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
.col-xl-1 { width: 8.33333333%; }
.col-xl-2 { width: 16.66666667%; }
.col-xl-3 { width: 25%; }
.col-xl-4 { width: 33.33333333%; }
.col-xl-5 { width: 41.66666667%; }
.col-xl-6 { width: 50%; }
.col-xl-7 { width: 58.33333333%; }
.col-xl-8 { width: 66.66666667%; }
.col-xl-9 { width: 75%; }
.col-xl-10 { width: 83.33333333%; }
.col-xl-11 { width: 91.66666667%; }
.col-xl-12 { width: 100%; }
}

/** layout **/
.border-box, .border-box * { box-sizing: border-box; }
.clear-both:before, .clear-both:after, .container-full:before, .container-full:after { display: table; content:" "; }
.clear-both:after, .container-full:after { clear: both; }
.inline-block { display: inline-block; vertical-align: top; }
a.a-block, .a-block a { display: block; height: 100%; text-decoration: none; }
a.inline { display: inline; }
a.inline-block { display: inline-block; }
@media (min-width:800px) {
.grid { display: inline-block; float: left; width: 50%; }
.grid.right { float: right; }
}

/** position **/
.fixed { position:fixed; width:100%; margin:0 auto; z-index:999; top:0; }
.fixed.bottom { top:auto; bottom:0; }
.center-h, .center-v, .center-a { position:relative; overflow:hidden; }
.center-e { display:block; position:relative; -webkit-font-smoothing: subpixel-antialiased; }
.center-h > .center-e { left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.center-v > .center-e { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.center-a > .center-e { left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/** display **/
.transparent { opacity:0; }
.translucent { opacity:0.5; }
.parameter { display:none; }
.flex-box { display: flexbox; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-box:before, .flex-box:after { content: " "; display:table; }
.flex-box:after { clear:both; }
.flex-item { display: inline-block; float: left; width: 50%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
@media (max-width:799px){
.hide-mobile { display:none !important; margin:0 !important; }
}
@media (min-width:800px) and (max-width:1199px){
.hide-tablet { display:none !important; margin:0 !important; }
}
@media (min-width:1200px){
.hide-desktop { display:none !important; margin:0 !important; }
}

/** animation **/
#shoulder, a, a::before, a::after, .transition, .transition::before, .transition::after { -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.transition.slow { -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s; }
.transition.fast { -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
.transition.delay { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.transition.delay.fast { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.transition.delay.slow { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.transition.ease { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.squeeze { overflow:hidden; }
.squeeze.squeezed { max-height:0 !important; }
.shrink { max-height:0; opacity:0; overflow:hidden; }
.shrink.shrink-part { opacity:1; max-height:200px; }
.shrink.active { max-height:400px; opacity:1; }

/** image **/
.image { position:relative; overflow:hidden; }
img.lazy { opacity:0; }
.img-full { width: 100%; height:auto; }
.img-max { max-width: 100%; height: auto; }
.img-placeholder { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:7; font-size:24px; }
.img-gray { -webkit-filter:grayscale(1); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:url(#greyscale); }
.img-center { position: absolute; margin: auto; min-height: 100%; min-width: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%; width: 100%; }
.img-center.img-center-v { width: auto; height: 100%; }
.bg-cover { background-size:cover; background-position:center center; background-repeat:no-repeat; }
.bg-contain { background-size:contain; background-position:center center; background-repeat:no-repeat; }
.bg-center { background-position:center center; background-repeat:no-repeat; }
.bg-responsive { position: relative; height: 0;  }
.bg-16x9 { padding-bottom: 56.25%; }
.bg-4x1 { padding-bottom: 25%; }
.bg-3x1 { padding-bottom: 33.33%; }
@media (min-width:1200px){
img.img-zoom { -webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -ms-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; }
img.img-zoom:hover { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
}

/** text **/
.text-compact { line-height:1.3; }
.text-gray { color:#999; }
.text-white { color:#fff; }
.link-primary, .link-primary a, .link-primary a:hover { color:#337ab7; }		/* @brand-primary */
.link-alt, .link-alt:hover { color:#5bc0de; text-decoration:underline; }		/* @brand-info */
.link-white, .link-white a, .link-white a:hover { color:#fff; }
.text-light { font-weight:300; }
.text-bold { font-weight:600; }
.hide-overflow { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: block; }
a.disabled { cursor:not-allowed; }
.bg-shadow { background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4)0%, rgba(0, 0, 0, 0)100%); background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4)0%, rgba(0, 0, 0, 0)100%); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.4)0%, rgba(0, 0, 0, 0)100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4)0%, rgba(0, 0, 0, 0)100%); }
.bg-white { background-color: #fff; }

/** button **/
.btn { -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.btn-round { border-radius:200px; }
.btn-square { border-radius:0; }
.btn-primary.btn-ghost, .btn-primary.btn-ghost:focus { background-color:transparent; color:#337ab7; border:solid 1px #337ab7; }		/* @brand-primary */
.btn-success.btn-ghost, .btn-success.btn-ghost:focus { background-color:transparent; color:#5cb85c; border:solid 1px #5cb85c; }		/* @brand-success */
.btn-info.btn-ghost, .btn-info.btn-ghost:focus { background-color:transparent; color:#5bc0de; border:solid 1px #5bc0de; }			/* @brand-info */
.btn-warning.btn-ghost, .btn-warning.btn-ghost:focus { background-color:transparent; color:#f0ad4e; border:solid 1px #f0ad4e; }		/* @brand-warning */
.btn-danger.btn-ghost, .btn-danger.btn-ghost:focus { background-color:transparent; color:#d9534f; border:solid 1px #d9534f; }		/* @brand-danger */
.btn-primary.btn-ghost.disabled:active, .btn-primary.btn-ghost.disabled:hover { background-color:transparent !important; border-color:#337ab7 !important; color:#337ab7; }
.btn-success.btn-ghost.disabled:active, .btn-success.btn-ghost.disabled:hover { background-color:transparent !important; border-color:#5cb85c !important; color:#5cb85c; }
.btn-info.btn-ghost.disabled:active, .btn-info.btn-ghost.disabled:hover { background-color:transparent !important; color:#5bc0de; border:solid 1px #5bc0de; }
.btn-warning.btn-ghost.disabled:active, .btn-warning.btn-ghost.disabled:hover { background-color:transparent; color:#f0ad4e; border:solid 1px #f0ad4e; }
.btn-danger.btn-ghost.disabled:active, .btn-danger.btn-ghost.disabled:hover { background-color:transparent; color:#d9534f; border:solid 1px #d9534f; }
.btn-white.btn-ghost, .btn-white.btn-ghost:focus { background-color:transparent; color:#fff; border:solid 1px #fff; }
.btn-primary.btn-ghost:hover { background-color:#337ab7; color:#fff; }
.btn-success.btn-ghost:hover { background-color:#5cb85c; color:#fff; }
.btn-info.btn-ghost:hover { background-color:#5bc0de; color:#fff; }
.btn-warning.btn-ghost:hover { background-color:#f0ad4e; color:#fff; }
.btn-danger.btn-ghost:hover { background-color:#d9534f; color:#fff; }

/** row **/
.row-compact { margin-left:0; margin-right:0; }
.row-compact > .col { padding-left:0; padding-right:0; }
.row-table { display:table; width:100%; margin-left:0; margin-right:0; }
.row-table > .col { display:table-cell; float:none; vertical-align:middle; padding-left:0; padding-right:0; }
@media(max-width:1399px){
.row-lg { display:block; width:auto; margin-left:1.5vh; margin-right:1.5vh; }
.row-lg > .col { display:block; float:left; padding-left:1.5vh; padding-right:1.5vh; }
}
@media(max-width:1199px){
.row-md { display:block; width:auto; margin-left:1.5vh; margin-right:1.5vh; }
.row-md > .col { display:block; float:left; padding-left:1.5vh; padding-right:1.5vh; }
}
@media(max-width:999px){
.row-sm { display:block; width:auto; margin-left:1.5vh; margin-right:1.5vh; }
.row-sm > .col { display:block; float:left; padding-left:1.5vh; padding-right:1.5vh; }
}
@media(max-width:799px){
.row-xs { display:block; width:auto; margin-left:1.5vh; margin-right:1.5vh; }
.row-xs > .col { display:block; float:left; padding-left:1.5vh; padding-right:1.5vh; }
}

/** modal **/
.modal.modal-full { z-index:100; }
.modal.modal-full .modal-header { box-shadow:0 0 3px #ccc; }
.modal.modal-full .modal-body { background-color:#eee; }
.modal.modal-full .modal-footer button { width:100%; }
.modal.modal-full .modal-content { border-radius:0; }
@media (max-width:1199px){
.modal.modal-full .modal-dialog { width:100%; height:100%; padding:0; margin:0; }
.modal.modal-full .modal-content { height:100%; }
}

/** mask **/
body.mask-on { overflow: hidden; }
.page-mask { opacity:.5; filter:alpha(opacity=50); z-index:101; position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000; }

/** shoulder **/
#shoulder { top:90px; z-index:102; padding:0 15px; }
#shoulder .alert { display:none; cursor:pointer; font-size:18px; border:1px solid #999; border:1px solid rgba(0,0,0,0.2); box-shadow:0 3px 9px rgba(0,0,0,.5); }
#shoulder .alert strong { margin:10px; }
#shoulder .alert .link { margin-left: 20px; }
@media (max-width:1199px){
#shoulder { top:50px; }
}

/* carousel fade */
/* http://stackoverflow.com/questions/18548731/ */
.carousel-fade .carousel-inner .item { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; }
.carousel-fade .carousel-inner .active { opacity:1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity:1; }
.carousel-fade .carousel-control { z-index:2; }
@media all and (transform-3d), (-webkit-transform-3d), (-moz-transform-3d), (-ms-transform-3d), (-o-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right { opacity:0; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left { opacity:0; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active { opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
}

/********** tweak **********/
/** bootstrap **/
ul, ol { margin-bottom:0; }
.bg-primary a, .bg-primary a:hover { color:#fff; }
.caret { margin-left:5px; }
.carousel-indicators li, .carousel-indicators li.active { margin:10px; width:12px; height:12px; border:none; opacity:0.6; background-color:#fff; }
.carousel-indicators li.active { opacity:1; }
body.modal-open { overflow:visible; }
.modal-backdrop { z-index:14; }
.modal { z-index:15; text-align:center; }
.modal-footer { background-color:#fff; }
.btn-default:focus, .btn-default.focus { background:#fff; }
label { margin-bottom:0; line-height:34px; }
.form-control.error { border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); }

/** font awesome **/
i.fa-fw { margin-right:2px; }
label.fa-input input[type=checkbox] { display:none; }
label.fa-input input[type=checkbox] + span { font-weight:normal; cursor:pointer; margin-right:20px; margin-top:7px; }
label.fa-input input[type=checkbox] + span::before { content:"\f096"; font-family:"FontAwesome"; color:#ccc; font-size:24px; margin-right:5px; vertical-align:middle; width:20px; display:inline-block; }
label.fa-input input[type=checkbox]:checked + span::before { content:"\f046"; color:#555; }
label.fa-input input[type=radio] { display:none; }
label.fa-input input[type=radio] + span { font-weight:normal; cursor:pointer; margin-right:20px; }
label.fa-input input[type=radio] + span::before { content:"\f10c"; font-family:"FontAwesome"; color:#ccc; font-size:24px; margin-right:10px; vertical-align:top; }
label.fa-input input[type=radio]:checked + span::before { content:"\f192"; color:#555; }

/** browser **/
input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; }
input::-ms-clear,input::-ms-reveal,select::-ms-expand { display:none; }
input, select, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
input:focus, select:focus, button:focus { outline: none; }
select { cursor: pointer; }
select:disabled { cursor: not-allowed; }
ul { -webkit-padding-start:0; list-style:none; padding:0; }
li { padding:0; }
.focus, :focus { outline:none !important; }
::-webkit-scrollbar { display: none; }
html { overflow:hidden; overflow-y:scroll; }
body { -ms-overflow-style:none; }
textarea { resize:none; }

/** other **/
html, body { width:100%; height:100%; }