/**/

/*
.w3-maincolor, .w3-hover-maincolor:hover { background-color: #3a9cf3 !important; }
.w3-text-maincolor, .w3-hover-text-maincolor:hover { color: #3a9cf3 !important; }
.w3-border-maincolor, .w3-hover-border-maincolor:hover { border-color: #3a9cf3 !important; }
.w3-subcolor, .w3-hover-subcolor:hover { background-color: #666 !important; }
.w3-text-subcolor, .w3-hover-text-subcolor:hover { color: #666 !important; }
.w3-border-subcolor, .w3-hover-border-subcolor:hover { border-color: #666 !important; }
*/

/**/

/*
.w3-button-maincolor { color: #fff !important; background-color: #72DBD4 !important; border: 1px solid #202a67 !important; }
.w3-button-maincolor:hover { color: #202a67 !important; background-color: #f9bf13 !important; border: 1px solid #f9bf13 !important; opacity: 1 !important; }
*/

/*.w3-button-subcolor { color: #fff !important; background-color: #72DBD4 !important; border: 1px solid #72DBD4 !important; }
.w3-button-subcolor:hover { color: #fff !important; background-color: #72DBD4 !important; border: 1px solid #72DBD4 !important; opacity: 1 !important; }
.w3-button-greycolor { color: #fff !important; background-color: #666 !important; border: 1px solid #666 !important; }
.w3-button-greycolor:hover { color: #fff !important; background-color: #888 !important; border: 1px solid #888 !important; opacity: 1 !important; }*/

/*
.w3-link-maincolor { line-height: .6 !important; color: #3a9cf3 !important; }
.w3-link-maincolor i { position: relative; top: -.05em; }
.w3-link-maincolor:hover { color: #2290f2 !important; opacity: 1 !important; }
.w3-button-tran { color: #666 !important; background-color: transparent !important; border-color: transparent !important; }
.w3-input-tran { border-color: transparent !important; }
*/

/**/
h1.w3-fit-text { font-size: calc(24px + 1vw); line-height: 1.3; vertical-align: middle; }
h2.w3-fit-text { font-size: calc(22px + .8vw); line-height: 1.3; vertical-align: middle; }
h3.w3-fit-text { font-size: calc(22px + .6vw); line-height: 1.3; vertical-align: middle; }
h4.w3-fit-text { font-size: calc(20px + .4vw); line-height: 1.3; vertical-align: middle; }
h5.w3-fit-text { font-size: calc(20px + .2vw); line-height: 1.3; vertical-align: middle; }
h6.w3-fit-text { font-size: calc(17px + .1vw); line-height: 1.3; vertical-align: middle; }
h1.w3-fit-text span, h2.w3-fit-text span, h3.w3-fit-text span, h4.w3-fit-text span, h5.w3-fit-text span, h6.w3-fit-text span { position: relative; top: 0; vertical-align: text-top; display: inline-block; }

/**/

/*
@media (min-width:601px) {
.Common-Css-Table { width: 100%; }
.Common-Css-Table .w3-css-th-mobile-up { color: #777; padding: 8px 0; }
.Common-Css-Table .w3-css-td-mobile-up { padding: 8px 0; }
.Common-Css-TableLine .w3-css-th-mobile-up { border-bottom: 1px solid #ccc; }
.Common-Css-TableLine .w3-css-td-mobile-up { border-bottom: 1px solid #ccc; }
.Common-Css-TableLine .w3-css-tr-mobile-up:last-child .w3-css-th-mobile-up { border-bottom: 0; }
.Common-Css-TableLine .w3-css-tr-mobile-up:last-child .w3-css-td-mobile-up { border-bottom: 0; }
}
@media (min-width:0) and (max-width:600px) {
.Common-Css-Table { width: 100%; }
.Common-Css-Table .w3-css-th-mobile-up { width: 100%; color: #777; padding: 8px 0 0 0; }
.Common-Css-Table .w3-css-td-mobile-up { width: 100%; padding: 0 0 8px 0; }
.Common-Css-TableLine .w3-css-td-mobile-up { border-bottom: 1px solid #ccc; }
.Common-Css-TableLine .w3-css-tr-mobile-up:last-child .w3-css-td-mobile-up { border-bottom: 0; }
}
*/

/** ---- **/

/*
But-IndexSearch / But-Back / But-ToDetail /
Btn-SearchHeart / Btn-SearchCheck / But-System / But-UserSave /
But-UserNext / But-UserPrev / But-UserCancel / But-UserResume /
*/
@media (min-width:801px) {
	.But-IndexSearch { min-width: 150px !important; color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; border-radius: 4px !important; }
	.But-IndexSearch i { font-size: 1.3em; padding-left: 4px; }
	.But-IndexSearch span { font-size: 100%; }
	.But-Back { position: relative; top: -8px; font-size: 15px; line-height: 1; font-weight: 400; color: #555; background-color: #EEEEEE; border: 1px solid #EEEEEE; border-radius: 100px; margin-bottom: 8px; padding: 6px 12px; white-space: nowrap; }
	.But-Back i{ position: relative; top: -1px }
	.But-ToDetail { color: #fff !important; background-color: #35c3bb; border: 0; border-radius: 100px; padding: 6px 12px; }
	.But-ToDetail i { position: relative; top: -1px; font-size: .85em; }
	.But-ToDetail span { font-weight: 400; padding-right: 4px; display: inline-block; }
	.Footer-IconlLink { background-color: #fff !important; opacity: 1 !important; }
	.Footer-IconlLink i { color: #72dbd4 !important; }
	.Footer-IconlLink:hover { background-color: #00a1e1 !important; opacity: 1 !important; }
	.Footer-IconlLink:hover i { color: #fff !important; }
}
@media (min-width:0) and (max-width:800px) {
	.But-IndexSearch { min-width: 150px !important; color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; border-radius: 4px !important; }
	.But-IndexSearch i { font-size: 1.3em; padding-left: 4px; }
	.But-IndexSearch span { font-size: 100%; }
	.But-Back { position: relative; top: 0; font-size: 15px; line-height: 1; font-weight: 400; color: #555; background-color: #EEEEEE; border: 1px solid #EEEEEE; border-radius: 100px; margin-bottom: 8px; padding: 6px 12px; white-space: nowrap; }
	.But-Back i{ position: relative; top: -1px }
	.But-ToDetail { font-size: 18px; color: #fff !important; background-color: #35c3bb; border: 0; border-radius: 100px; padding: 6px 12px; display: inline-block; }
	.But-ToDetail i { position: relative; top: -1px; font-size: .85em; }
	.But-ToDetail span { font-weight: 400; padding-right: 4px; display: inline-block; }
	.Footer-IconlLink { background-color: #fff !important; opacity: 1 !important; }
	.Footer-IconlLink i { color: #72dbd4 !important; }
	.Footer-IconlLink:hover { background-color: #00a1e1 !important; opacity: 1 !important; }
	.Footer-IconlLink:hover i { color: #fff !important; }
}
@media (min-width:0) and (max-width:600px) {
	.But-IndexSearch { min-width: 50px !important; min-width: 50px !important; color: #fff !important; background-color: #72dbd4 !important; border: 1px solid #72dbd4 !important; border-radius: 4px !important; }
	.But-IndexSearch i, .But-IndexSearch span { font-size: 130%; }
	.But-IndexSearch span { display: none; }
	.Footer-IconlLink { background-color: #fff !important; opacity: 1 !important; }
	.Footer-IconlLink i { color: #72dbd4 !important; }
	.Footer-IconlLink:hover { background-color: #00a1e1 !important; opacity: 1 !important; }
	.Footer-IconlLink:hover i { color: #fff !important; }
}

/**/
.Btn-SearchHeart { color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; }
.Btn-SearchCheck { color: #fff !important; background-color: #1fa69c !important; border: 1px solid #1fa69c !important; }
.But-System { color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; }
.But-UserSave { color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; }
.But-UserNext { color: #fff !important; background-color: #1fa69c !important; border: 1px solid #1fa69c !important; }
.But-UserPrev { color: #fff !important; background-color: #35c3bb !important; border: 1px solid #35c3bb !important; }
.But-UserCancel { color: #fff !important; background-color: #1fa69c !important; border: 1px solid #1fa69c !important; }
.But-UserResume { color: #fff !important; background-color: #1fa69c !important; border: 1px solid #1fa69c !important; }
.ResumeList-Icon { color: #fff !important; background-color: #1fa69c !important; border: 1px solid #1fa69c !important; }
.Resume-Tag li.Resume-Tag-Add a { color: #fff !important; background-color: #1fa69c !important; }

/**/
.But-Back:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.But-ToDetail:hover { color: #fff !important; background-color: #00a1e1 !important; border: 0 solid #00a1e1 !important; opacity: 1 !important; }
.But-IndexSearch:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.Btn-SearchHeart:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.Btn-SearchCheck:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.But-System:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.But-UserSave:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.But-UserNext:hover { color: #fff !important; background-color: #008dc6 !important; border: 1px solid #008dc6 !important; opacity: 1 !important; }
.But-UserPrev:hover { color: #fff !important; background-color: #00a1e1 !important; border: 1px solid #00a1e1 !important; opacity: 1 !important; }
.But-UserCancel:hover { color: #fff !important; background-color: #008dc6 !important; border: 1px solid #008dc6 !important; opacity: 1 !important; }
.But-UserResume:hover { color: #fff !important; background-color: #008dc6 !important; border: 1px solid #008dc6 !important; opacity: 1 !important; }
.ResumeList-Icon:hover { color: #fff !important; background-color: #008dc6 !important; border: 1px solid #008dc6 !important; opacity: 1 !important; }
.Resume-Tag li.Resume-Tag-Add a:hover { color: #fff !important; background-color: #72dbd4 !important; }
a.Style-Button, button.Style-Button { border-radius: 4px !important; }
a:hover, button:hover { transition: all .2s ease; }

/** ---- **/
.Style-Pagination a { border-radius: 4pxpx !important; }
.Style-Pagination a:hover, .Style-Pagination a:focus { color: #fff !important; background-color: #00a1e1 !important; }
.Style-Pagination li.active a { color: #fff !important; background-color: #72dbd4 !important; }
.Style-Pagination li.active:hover a, .Style-Pagination li.active:focus a { color: #fff !important; background-color: #00a1e1 !important; }
.Style-Pagination a.arrow { background-color: transparent; }
.Style-Pagination a.arrow i { color: #555 !important; }
.Style-Pagination a.arrow:hover, .Style-Pagination a.arrow:hover { color: #fff !important; background-color: #00a1e1 !important; }
.Style-Pagination a.arrow:hover i, .Style-Pagination a.arrow:focus i { color: #fff !important; }
@media (min-width:0) and (max-width:600px) {
	.Style-Pagination a { color: #555; }
	.Style-Pagination a:hover, .Style-Pagination a:focus { color: #fff !important; background-color: #00a1e1 !important; }
	.Style-Pagination a.arrow:hover, .Style-Pagination a.arrow:hover { color: #fff !important; background-color: #00a1e1 !important; }
	.Style-Pagination a.arrow:hover i, .Style-Pagination a.arrow:focus i { color: #fff !important; }
}