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

.iconLogin:before {content: url("../img/cmn/icon_key.svg"); padding-right: 10px; display:inline-block;}
.iconLogin:hover:before {content: url("../img/cmn/icon_keybl.svg"); padding-right: 10px; display:inline-block;}

.btnCmn {width: calc(100% - 34px); display: block; position: relative; margin: auto; overflow: visible; text-align: center; padding: 20px 10px; border-radius: 10px; border: 2px solid #FFF; color: #FFF!important; box-shadow: 3px 3px 3px rgba(0,0,0,.4); text-decoration: none!important;}
.btnCmn:hover {background-color: #FFF; transition: .3s; text-decoration: none; border-width: 2px; border-style: solid;}
.btnDBL {background-color: #002469;}
.btnDBL:hover {color: #002469!important; border-color: #002469;}
.btnBK {background-color: #222;}
.btnBK:hover {color: #222!important; border-color: #222;}
.btnSKY {background-color: #45A9FF;}
.btnSKY:hover {color: #45A9FF!important; border-color: #45A9FF;}
.btnOR {background-color: #FF5900;}
.btnOR:hover {color: #FF5900!important; border-color: #FF5900;}
.btnRD {background-color: #C10000;}
.btnRD:hover {color: #C10000!important; border-color: #C10000;}
.btnGRY {background-color: #999;}
.btnGRY:hover {color: #999!important; border-color: #999;}
.btnYL {background-color: #F5BC00;}
.btnYL:hover {color: #F5BC00!important; border-color: #F5BC00;}
.btnWH {color: #222!important; background-color: #FFF; border-color: #999;}
.btnWH:hover {color: #222!important; border-color: #999; background-color: #EEE;}
@media screen and (max-width: 896px) {
	.btnCmn {padding: 15px;}
}

.btnFr {display: block; width: calc(100% - 140px); position: relative; overflow: visible; text-align: center; padding: 20px 70px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; color: #FFF!important; text-decoration: none!important; border-width: 1px; border-style: solid;}
.btnFr:hover {transition: .3s; text-decoration: none; border-width: 1px; border-style: solid;}
.btnFrOR {background-color: #FF5900; border-color: #FF5900;}
.btnFrOR:hover {background-color: #FFF; color: #FF5900!important;}
.btnFrRD {background-color: #C10000; border-color: #C10000;}
.btnFrRD:hover {background-color: #FFF; color: #C10000!important;}
.cnrOR,.cnrWH,.cnrDBL,.cnrRD {padding: 5px 8px 5px 5px!important; margin-right: 5px; background-position: top left,bottom right; background-size: 20px 20px,20px 20px; background-repeat: no-repeat;}
.cnrOR {background-image: url("../img/cmn/cnr_left.svg"),url("../img/cmn/cnr_right.svg");}
.cnrRD {background-image: url("../img/cmn/cnr_leftrd.svg"),url("../img/cmn/cnr_rightrd.svg");}
.btnFrWH {background-color: #FFF; border-color: #C10000; color: #C10000!important;}
.btnFrWH:hover {background-color: #C10000; border-color: #FFF; color: #FFF!important;}
.cnrWH {background-image: url("../img/cmn/cnr_leftwh.svg"),url("../img/cmn/cnr_rightwh.svg");}
.btnFrDBL {background-color: #002469; border-color: #002469; color: #FFF!important;}
.btnFrDBL:hover {background-color: #FFF; border-color: #002469; color: #002469!important;}
.cnrDBL {background-image: url("../img/cmn/cnr_leftbl.svg"),url("../img/cmn/cnr_rightbl.svg");}
@media screen and (max-width: 896px) {
	.btnFr {display: block; width: calc(100% - 40px); padding: 20px;}
}