@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face { font-family: montserrat_light; src: url(../font/Montserrat-Light.eot); src: url(../font/Montserrat-Light.eot?#iefix) format('embedded-opentype'), url(../font/Montserrat-Light.woff) format('woff'), url(../font/Montserrat-Light.ttf) format('truetype'), url(../font/Montserrat-Light.svg#montserrat_light) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: montserrat; src: url(../font/Montserrat-Regular.eot); src: url(../font/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(../font/Montserrat-Regular.woff) format('woff'), url(../font/Montserrat-Regular.ttf) format('truetype'), url(../font/Montserrat-Regular.svg#montserrat) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: montserrat_bold; src: url(../font/Montserrat-Bold.eot); src: url(../font/Montserrat-Bold.eot?#iefix) format('embedded-opentype'), url(../font/Montserrat-Bold.woff) format('woff'), url(../font/Montserrat-Bold.ttf) format('truetype'), url(../font/Montserrat-Bold.svg#montserrat_bold) format('svg'); font-weight: 400; font-style: normal }
#widgetBoxxxx {display: none !important;}
.shephertz_f_header { float:left; padding:10px 0; width: 100%; background-color: #ebeaea; height: 38px; margin-top: 0px;}
.shephertz_f_h_inner { width: 80%; margin: 0 auto; }
.shephertz_f_head_content { width: 100%; padding: 0; float: left; }
.shephertz_f_head_content img { float: left; margin: 0 15px 0px 0; }
.shephertz_f_head_content p { float: left; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 25px; color: #4c4c4c; }
.shephertz_f_head_content p a, .shephertz_f_head_content p a:link, .shephertz_f_head_content p a:visited, .shephertz_f_head_content p a:active { color: #4c4c4c; text-decoration: none; }
.shephertz_f_head_content p a:hover { color: #2AA9E0; text-decoration: none; }
.form_n_bg { left: 39px; position: absolute; top: 17px; }
.form_n_bg2 {  display: block; width: 150px; }
.btn_migrate { bottom: 0; position: fixed; right: 10px; z-index: 10000; }
.btn_migrate a { background: #00988c none repeat scroll 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 4px 9px rgba(0, 0, 0, 0.15); box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: Lato,sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 0.07em; padding: 10px 15px; text-align: center; text-shadow: none; text-transform: uppercase; transition: background 200ms ease 0s, box-shadow 200ms ease 0s; }
.btn_migrate a:hover { background-color: #02847a; text-decoration: none; }
.slicknav_btn{margin: -78px 0 0; padding: 2.4em 1em;}
@media(max-width:320px) {
.qa-nav-user{ display:none}	
#qa-login-group, .shephertz_f_h_inner{ width:96%}	
#qa-userid, #qa-password{ width:20%}
#qa-register, #qa-login {font-size: 12px; margin: 2px 0 0; padding: 0 5px !important;}
.shephertz_f_head_content img{ margin-left:10px;}
.form_n_bg2 {font-size: 16px; margin: 5px 0 0; width: auto;}
.qa-search{ width:50%; right:0;}
.qa-search-field{ width:70%}
.qa-main-shadow{ width:96%}
.qa-nav-main-list{ font-size:14px}
.qa-main{ width:96%; padding:0 2%}
.qa-main h1{ font-size:16px;}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:57%}
.qa-browse-cat-link, .qa-browse-cat-note{ font-size:12px;}
.qa-browse-cat-list-2{ width:96%; margin:0; padding:0 2%;}
.qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n+1), .qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n){background-position: left 16px !important;padding: 7% 0 0 12%; width: 88%; }
.qa-browse-cat-list-2 li{ font-size:12px;}
.qa-sidepanel{ float:left; width:96%; padding:2%; margin:40px 0 0 0}
#muteYouTubeVideoPlayer{ width:100%;}
.qa-q-item-main{ padding:0; width:100%}
.qa-q-item-title a h3{ font-size:14px; margin:10px 0 0 0}
.qa-q-view-main, .qa-a-item-main{ width:100%; margin:10px 0  0 0; padding:0}
.qa-footer-bottom-group{ background-size: cover}
.qa-footer-bottom-group{ width:100%; float:left;} }

@media(max-width:480px) {
.qa-nav-user{ display:none}	
#qa-login-group, .shephertz_f_h_inner{ width:96%}	
#qa-userid, #qa-password{ width:20%}
#qa-register, #qa-login {font-size: 12px; margin: 2px 0 0; padding: 0 5px !important;}
.shephertz_f_head_content img{ margin-left:10px;}
.form_n_bg2 {font-size: 16px; margin: 5px 0 0; width: auto;}
.qa-search{ width:50%; right:0;}
.qa-search-field{ width:70%}
.qa-main-shadow{ width:96%}
.qa-nav-main-list{ font-size:14px}
.qa-main{ width:96%; padding:0 2%}
.qa-main h1{ font-size:16px;}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:57%}
.qa-browse-cat-link, .qa-browse-cat-note{ font-size:12px;}
.qa-browse-cat-list-2{ width:96%; margin:0; padding:0 2%;}
.qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n+1), .qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n){background-position: left 26px !important;padding: 7% 0 0 12%; width: 88%; float:left }
.qa-browse-cat-list-2 li{ font-size:12px;}
.qa-sidepanel{ float:left; width:96%; padding:2%; margin:40px 0 0 0}
#muteYouTubeVideoPlayer{ width:100%;}
.qa-q-item-main{ padding:0; width:100%}
.qa-q-item-title a h3{ font-size:14px; margin:10px 0 0 0}
.qa-q-view-main, .qa-a-item-main{ width:100%; margin:10px 0  0 0; padding:0}
.qa-footer-bottom-group{ background-size: cover}
.qa-footer-bottom-group{ width:100%; float:left;}}

@media only screen and (min-width :481px) and (max-width :640px) {
#qa-loginform{ width:53%}
#qa-login-group, .shephertz_f_h_inner{ width:96%}	
#qa-userid, #qa-password{ width:20%}
#qa-register, #qa-login {font-size: 12px; margin: 2px 0 0; padding: 0 5px !important;}
.shephertz_f_head_content img{ margin-left:10px;}
.form_n_bg2 {font-size: 16px; margin: 5px 0 0; width: auto;}
.qa-search{ width:50%; right:0;}
.qa-search-field{ width:70%}
.qa-main-shadow{ width:96%}
.qa-nav-main-list{ font-size:14px}
.qa-main{ width:96%; padding:0 2%}
.qa-main h1{ font-size:16px;}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:57%}
.qa-browse-cat-link, .qa-browse-cat-note{ font-size:12px;}
.qa-browse-cat-list-2{ width:96%; margin:0; padding:0 2%;}
.qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n+1), .qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n){background-position: left 36px !important;padding: 7% 0 0 6%; width: 88%; float:left }
.qa-browse-cat-list-2 li{ font-size:12px;}
.qa-sidepanel{ float:left; width:96%; padding:2%; margin:40px 0 0 0}
#muteYouTubeVideoPlayer{ width:100%;}
.qa-q-item-main{ padding:0; width:100%}
.qa-q-item-title a h3{ font-size:14px; margin:10px 0 0 0}
.qa-q-view-main, .qa-a-item-main{ width:100%; margin:10px 0  0 0; padding:0}
.qa-footer-bottom-group{ background-size: cover}
.qa-footer-bottom-group{ width:100%; float:left;} }

@media only screen and (min-width :641px) and (max-width :960px) {
#qa-loginform{ width:60%}
#qa-login-group, .shephertz_f_h_inner{ width:96%}	
#qa-userid, #qa-password{ width:20%}
#qa-register, #qa-login {font-size: 12px; margin: 2px 0 0; padding: 0 5px !important;}
.shephertz_f_head_content img{ margin-left:10px;}
.form_n_bg2 {font-size: 16px; margin: 5px 0 0; width: auto;}
.qa-search{ width:50%; right:0;}
.qa-search-field{ width:70%}
.qa-main-shadow{ width:96%}
.qa-nav-main-list{ font-size:14px}
.qa-main{ width:96%; padding:0 2%}
.qa-main h1{ font-size:16px;}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:57%}
.qa-browse-cat-link, .qa-browse-cat-note{ font-size:12px;}
.qa-browse-cat-list-2{ width:96%; margin:0; padding:0 2%;}
.qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n+1), .qa-part-nav-list ul.qa-browse-cat-list > li > ul.qa-browse-cat-list > li:nth-child(2n){background-position: left 26px !important;padding: 4% 0 0 6%; width: 88%; float:left; }
.qa-browse-cat-list-2 li{ font-size:12px;}
.qa-sidepanel{ float:left; width:96%; padding:2%; margin:40px 0 0 0}
#muteYouTubeVideoPlayer{ width:100%;}
.qa-q-item-main{ padding:0; width:100%}
.qa-q-item-title a h3{ font-size:14px; margin:10px 0 0 0}
.qa-q-view-main, .qa-a-item-main{ width:100%; margin:10px 0  0 0; padding:0}
.qa-footer-bottom-group{ background-size: cover}
.qa-footer-bottom-group{ width:100%; float:left;} }

@media only screen and (min-width :961px) and (max-width :1024px) {
.qa-main-shadow{ width:96%; padding:20px 2%}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:58%}	
.qa-browse-cat-list-2{ margin:0}
#muteYouTubeVideoPlayer{ width:100%} }

@media only screen and (min-width :1025px) and (max-width :1280px){
.qa-main-shadow{ width:96%; padding:20px 2%}
.qa-part-nav-list ul.qa-browse-cat-list li.qa-browse-cat-item > a{ width:58%}	
.qa-browse-cat-list-2{ margin:0}
#muteYouTubeVideoPlayer{ width:100%} }