/*modal¼Ò²Õ*/
.modal-open { overflow:hidden }
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x:hidden; overflow-y:auto }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position:relative; background-color:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,0.2); border-radius:6px; -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5); box-shadow:0 3px 9px rgba(0,0,0,0.5); background-clip:padding-box; outline:0 }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #FFF; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { padding:15px; border-bottom:1px solid #e5e5e5; min-height:16.42857px }
.modal-header .close { margin-top:-2px }
.modal-title { margin:0; line-height:1.42857 }
.modal-body { position:relative; padding:15px }
.modal-footer { padding:15px; text-align:right; border-top:1px solid #e5e5e5 }
.modal-footer:before, .modal-footer:after { content:" "; display:table }
.modal-footer:after { clear:both }
.modal-footer .btn+.btn { margin-left:5px; margin-bottom:0 }
.modal-footer .btn-group .btn+.btn { margin-left:-1px }
.modal-footer .btn-block+.btn-block { margin-left:0 }
.modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll }

.sr-only { margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); }
.sr-only-focusable:active { margin: 0px; width: auto; height: auto; overflow: visible; position: static; clip: auto; }
.sr-only-focusable:focus { margin: 0px; width: auto; height: auto; overflow: visible; position: static; clip: auto; }

/*¼u¸õ¤½§i Ãö³¬«ö¶s*/
button.close { background: none; padding: 0px; border: 0px currentColor; border-image: none; cursor: pointer; -webkit-appearance: none; }
button.close { color: rgb(0, 0, 0); line-height: 1; font-size: 21px; font-weight: bold; float: right; opacity: 0.2;/* text-shadow: 0px 1px 0px #fff;*/ }
button.close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }
button.close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }

.popup_btn { display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid transparent; white-space:nowrap; padding:6px 12px; font-size:14px; line-height:1.42857; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

.btn_default{color:#333; background-color:#fff; border-color:#ccc;}
.btn_default:hover { color:#333; background-color:#e6e6e6; border-color:#adadad; }

.btn_primary { color:#fff; background-color:#638c0b; border-top-color: #52740A; border-right-color: #52740A; border-bottom-color: #52740A; border-left-color: #52740A; }
.btn_primary:hover { color:#fff; background-color:#54780A; border-top-color: #54780A; border-right-color: #54780A; border-bottom-color: #54780A; border-left-color: #54780A; }

.form-control { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s }
.form-control:focus { border-color:#9cc647; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(156,198,71,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(156,198,71,0.6) }
.form-control::-moz-placeholder {color:#999;opacity:1}
.form-control:-ms-input-placeholder {color:#999}
.form-control::-webkit-input-placeholder {color:#999}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor:not-allowed; background-color:#eee; opacity:1 }

/*¤½§i*/
#newsletterpopup .modal-dialog { left: 50%; top: 50%; width: 700px; position: fixed; background-color: #638c0b; padding: 20px; margin-top: -150px; margin-right: auto; margin-bottom: 0px; margin-left: -350px; border: 1px solid #567A0A; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#newsletterpopup .newsletterpopup-content { padding: 20px; position: relative; background-position: 0% 0%; }
#newsletterpopup .newsletterpopup-content .newsletterpopup-indent .modal-body::after { clear: both; display: table; content: ""; }
#newsletterpopup .newsletterpopup-content .modal-body img{ height: auto; width: 100%;clear: both; float: left; }
#newsletterpopup .newsletter-title { text-align: center; color: #FFF; line-height: 1.4em; font-family: "Roboto", sans-serif; font-size: 40px; font-style: normal; font-weight: 300; text-rendering: optimizeSpeed; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#newsletterpopup .newsletter-slogan { text-align: center; color: #ECFBCE; line-height: 20px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; }
#newsletterpopup .close { top: 5px; text-align: center; right: 12px; color: #FC0; font-size: 22px; display: block; position: absolute; z-index: 2; opacity: 1; margin-left:0px;text-shadow: 0px 0px 0px; }
#newsletterpopup .close:hover { color: #333; text-shadow: 0px 0px 0px;}
#newsletterpopup .close i { margin: -3px -2px 0px 0px; display: block; }

/*µn¤J*/
#login_form_popup .modal-dialog { left: 50%; top: 50%; width: 700px; position: fixed; background-color: #638c0b; padding: 20px; margin-top: -150px; margin-right: auto; margin-bottom: 0px; margin-left: -350px; border: 1px solid #567A0A; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#login_form_popup .login-form-content{ padding: 0px; position: relative; background-position: 0% 0%;  }
#login_form_popup .modal-header{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#login_form_popup .modal-body{background-color: #FFF;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#login_form_popup .modal-footer{border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
#login_form_popup .modal-title{ color: #FFF; }
#login_form_popup .modal-title  strong{ font-size: 22px; }
#login_form_popup .modal-title span{ font-size: 13px; margin-left: 8px; padding-left: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; }
#login_form_popup .form_group{ width: 100%; display:table; margin-bottom: 5px; }
#login_form_popup label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold }

#login_form_popup .close { top: 5px; text-align: center; right: 12px; color: #FC0; font-size: 22px; display: block; position: absolute; z-index: 2; opacity: 1; text-shadow: 0px 0px 0px;}
#login_form_popup .close:hover { color: #333; text-shadow: 0px 0px 0px; }
#login_form_popup .close i { margin: -3px -2px 0px 0px; display: block; }

#login_form_popup .btn_primary { color:#333; background-color:#FC0; border-top-color: #D2A800; border-right-color: #D2A800; border-bottom-color: #D2A800; border-left-color: #D2A800; }
#login_form_popup .btn_primary:hover { color:#fff; background-color:#54780A; border-top-color: #54780A; border-right-color: #54780A; border-bottom-color: #54780A; border-left-color: #54780A; }

@media only screen and (max-width:991px) {
#newsletterpopup .form-group { width: 230px; }
}
@media only screen and (max-width:767px) {
#newsletterpopup .modal-dialog { margin: 20px auto 0px; left: auto; top: 0px; width: 500px; position: relative; }
#newsletterpopup button.button span span { display: none; }
#newsletterpopup button.button span::before { line-height: 20px; font-family: "material-design"; font-size: 25px; vertical-align: top; display: inline-block; content: "úª"; transform: translate(0px, 0px); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
@media only screen and (max-width:599px) {
#newsletterpopup .modal-dialog { top: 20px; width: 280px; margin-top: 0px; }
#newsletterpopup .newsletter-title { font-size: 27px; margin-left: 0px; }
#newsletterpopup .newsletter-slogan { margin-left: 0px; }
#newsletterpopup .close { top: 10px; right: 10px; color: rgb(255, 255, 255);  }
}


@media (min-width: 768px) {
.modal-dialog { width:600px; margin:30px auto }
.modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5); box-shadow:0 5px 15px rgba(0,0,0,0.5) }
}