@charset "utf-8"; /* CSS Document */ /*トップページ検索ボタン*/ input#topSearchBt { position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #f78351; -webkit-box-shadow: 0 4px 0 0 #f45c1c; -moz-box-shadow: 0 4px 0 0 #f45c1c; -ms-box-shadow: 0 4px 0 0 #f45c1c9; -o-box-shadow: 0 4px 0 0 #f45c1c; box-shadow: 0 4px 0 0 #f45c1c; text-align: center; width: 250px; display: inline-block; margin-bottom: 20px; padding: 8px 0px 5px 0px; font-size: 16px; font-weight: bold; color: #fff !important; cursor: pointer } /*一覧ページの検索ボタン*/ input#searchBt { position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #3498DB; -webkit-box-shadow: 0 4px 0 0 #2980B9; -moz-box-shadow: 0 4px 0 0 #2980B9; -ms-box-shadow: 0 4px 0 0 #2980B9; -o-box-shadow: 0 4px 0 0 #2980B9; box-shadow: 0 4px 0 0 #2980B9; text-align: center; width: 250px; display: inline-block; margin-bottom: 20px; padding: 8px 0px 5px 0px; font-size: 16px; font-weight: bold; color: #fff !important; cursor: pointer } /*詳細を見るボタン*/ .detailBt { position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #22cabc; -webkit-box-shadow: 0 4px 0 0 #1daba0; -moz-box-shadow: 0 4px 0 0 #1daba0; -ms-box-shadow: 0 4px 0 0 #1daba0; -o-box-shadow: 0 4px 0 0 #1daba0; box-shadow: 0 4px 0 0 #1daba0; width: 275px; text-align: center; display: inline-block; margin-bottom: 20px; padding: 12px 0px 8px 0px; font-size: 16px; font-weight: bold; color: #fff !important; cursor: pointer } /*応募するボタン*/ input#entryBt { position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #f6bb42; -webkit-box-shadow: 0 4px 0 0 #e5ad37; -moz-box-shadow: 0 4px 0 0 #e5ad37; -ms-box-shadow: 0 4px 0 0 #e5ad37; -o-box-shadow: 0 4px 0 0 #e5ad37; box-shadow: 0 4px 0 0 #e5ad37; text-align: center; width: 250px; display: inline-block; margin-bottom: 20px; padding: 15px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #fff !important; cursor: pointer } /*応募する(大きい)ボタン*/ /*詳細ページの応募ボタン*/ .webEntryBigBt:link { width:280px; padding: 20px 20px; background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .webEntryBigBt:visited { background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; color: #ffffff; } .webEntryBigBt:hover { background-color: #fada60; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #f4d556; -webkit-box-shadow: 0px 3px 0px 0px #f4d556; box-shadow: 0px 3px 0px 0px #f4d556; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .webEntryBigBt:active { background-color: #e9b13f; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #dfa938; -webkit-box-shadow: 0px 3px 0px 0px #dfa938; box-shadow: 0px 3px 0px 0px #dfa938; } /*.webEntryBigBt::before{ font-family: "Font Awesome 5 Free"; content: "\f108"; margin: 0 7px 0 0; font-weight: 900; font-size: 18px; }*/ /*詳細ページトップインフォの応募ボタン*/ .topInfoEntryBt:link { width:230px; margin-top: 5px; padding: 13px 13px; background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .topInfoEntryBt:visited { background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; color: #ffffff; } .topInfoEntryBt:hover { background-color: #fada60; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #f4d556; -webkit-box-shadow: 0px 3px 0px 0px #f4d556; box-shadow: 0px 3px 0px 0px #f4d556; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .topInfoEntryBt:active { background-color: #e9b13f; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #dfa938; -webkit-box-shadow: 0px 3px 0px 0px #dfa938; box-shadow: 0px 3px 0px 0px #dfa938; } /*.topInfoEntryBt:before{ font-family: "Font Awesome 5 Free"; content: "\f108"; margin: 0 7px 0 0; font-weight: 900; font-size: 16px; }*/ /*戻るボタン*/ input#returnBt { position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #bdc3c7; -webkit-box-shadow: 0 4px 0 0 #b0b4b8; -moz-box-shadow: 0 4px 0 0 #b0b4b8; -ms-box-shadow: 0 4px 0 0 #b0b4b8; -o-box-shadow: 0 4px 0 0 #b0b4b8; box-shadow: 0 4px 0 0 #b0b4b8; text-align: center; width: 250px; display: inline-block; margin-bottom: 20px; padding: 15px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #fff !important; cursor: pointer } /* Use the Following CSS Code for Button8*/ .returnBt:link { width:280px; padding: 20px 20px; background-color: #bdc3c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #b0b4b8; -webkit-box-shadow: 0px 3px 0px 0px #b0b4b8; box-shadow: 0px 3px 0px 0px #b0b4b8; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .returnBt:visited { background-color: #bdc3c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtmreturnBtr-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #b0b4b8; -webkit-box-shadow: 0px 3px 0px 0px #b0b4b8; box-shadow: 0px 3px 0px 0px #b0b4b8; color: #ffffff; } .returnBt:hover { background-color: #dbdee0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #d6d9db; -webkit-box-shadow: 0px 3px 0px 0px #d6d9db; box-shadow: 0px 3px 0px 0px #d6d9db; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .returnBt:active { background-color: #aaafb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #a2a6aa; -webkit-box-shadow: 0px 3px 0px 0px #a2a6aa; box-shadow: 0px 3px 0px 0px #a2a6aa; } /*.returnBt:before{ font-family: "Font Awesome 5 Free"; content: "\f060"; margin: 0 7px 0 0; font-weight: 900; font-size: 16px; }*/ /*応募停止中ボタン*/ /* Use the Following CSS Code for Button3*/ .stopBt { width:280px; padding: 20px 20px; background-color: #bdc3c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #b0b4b8; -webkit-box-shadow: 0px 3px 0px 0px #b0b4b8; box-shadow: 0px 3px 0px 0px #b0b4b8; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; } .btn { display: inline-block; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-align: center; font-weight: bold; color: #fff !important; cursor: pointer } .btnSize280 { width: 280px; padding: 13px 0px 7px 0px; } .emeraldGreenBt { background: #22cabc; -webkit-box-shadow: 0 4px 0 0 #1daba0; -moz-box-shadow: 0 4px 0 0 #1daba0; -ms-box-shadow: 0 4px 0 0 #1daba0; -o-box-shadow: 0 4px 0 0 #1daba0; box-shadow: 0 4px 0 0 #1daba0; } .blueBt { background: #3498DB; -webkit-box-shadow: 0 4px 0 0 #2980B9; -moz-box-shadow: 0 4px 0 0 #2980B9; -ms-box-shadow: 0 4px 0 0 #2980B9; -o-box-shadow: 0 4px 0 0 #2980B9; box-shadow: 0 4px 0 0 #2980B9; } .greenBt { background: #00b900; -webkit-box-shadow: 0 4px 0 0 #009f00; -moz-box-shadow: 0 4px 0 0 #009f00; -ms-box-shadow: 0 4px 0 0 #009f00; -o-box-shadow: 0 4px 0 0 #009f00; box-shadow: 0 4px 0 0 #009f00; } .suminaviBt { background: #f78351; -webkit-box-shadow: 0 4px 0 0 #f4520d; -moz-box-shadow: 0 4px 0 0 #f4520d; -ms-box-shadow: 0 4px 0 0 #f4520d; -o-box-shadow: 0 4px 0 0 #f4520d; box-shadow: 0 4px 0 0 #f4520d; } .orangeBt { background: #ec8122; -webkit-box-shadow: 0 4px 0 0 #d97113; -moz-box-shadow: 0 4px 0 0 #d97113; -ms-box-shadow: 0 4px 0 0 #d97113; -o-box-shadow: 0 4px 0 0 #d97113; box-shadow: 0 4px 0 0 #d97113; } .mizuiroBt { background: #5cb9ba; -webkit-box-shadow: 0 4px 0 0 #439c9c; -moz-box-shadow: 0 4px 0 0 #439c9c; -ms-box-shadow: 0 4px 0 0 #439c9c; -o-box-shadow: 0 4px 0 0 #439c9c; box-shadow: 0 4px 0 0 #439c9c; } .pinkBt { background: #f38280; -webkit-box-shadow: 0 4px 0 0 #ee4f4a; -moz-box-shadow: 0 4px 0 0 #ee4f4a; -ms-box-shadow: 0 4px 0 0 #ee4f4a; -o-box-shadow: 0 4px 0 0 #ee4f4a; box-shadow: 0 4px 0 0 #ee4f4a; } .yellowBt { background: #efd130; -webkit-box-shadow: 0 4px 0 0 #c8ac0f; -moz-box-shadow: 0 4px 0 0 #c8ac0f; -ms-box-shadow: 0 4px 0 0 #c8ac0f; -o-box-shadow: 0 4px 0 0 #c8ac0f; box-shadow: 0 4px 0 0 #c8ac0f; } .pink2Bt { background: #eb5d88; -webkit-box-shadow: 0 4px 0 0 #e31e59; -moz-box-shadow: 0 4px 0 0 #e31e59; -ms-box-shadow: 0 4px 0 0 #e31e59; -o-box-shadow: 0 4px 0 0 #e31e59; box-shadow: 0 4px 0 0 #e31e59; } .grayBt { background: #c2a994; -webkit-box-shadow: 0 4px 0 0 #a47d5e; -moz-box-shadow: 0 4px 0 0 #a47d5e; -ms-box-shadow: 0 4px 0 0 #a47d5e; -o-box-shadow: 0 4px 0 0 #a47d5e; box-shadow: 0 4px 0 0 #a47d5e; } .stopBt { background: #a4a5a5; -webkit-box-shadow: 0 4px 0 0 #848484; -moz-box-shadow: 0 4px 0 0 #848484; -ms-box-shadow: 0 4px 0 0 #848484; -o-box-shadow: 0 4px 0 0 #848484; box-shadow: 0 4px 0 0 #848484; } /* Use the Following CSS Code for Button1*/ .button1:link { width:280px; padding: 15px 20px; background-color: #1abc9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #029e81; -webkit-box-shadow: 0px 3px 0px 0px #029e81; box-shadow: 0px 3px 0px 0px #029e81; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button1:visited { background-color: #1abc9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #029e81; -webkit-box-shadow: 0px 3px 0px 0px #029e81; box-shadow: 0px 3px 0px 0px #029e81; color: #ffffff; } .button1:hover { background-color: #81dac9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #78cfbf; -webkit-box-shadow: 0px 3px 0px 0px #78cfbf; box-shadow: 0px 3px 0px 0px #78cfbf; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button1:active { background-color: #17a98c; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #09977c; -webkit-box-shadow: 0px 3px 0px 0px #09977c; box-shadow: 0px 3px 0px 0px #09977c; } /* Use the Following CSS Code for Button2*/ .button2:link { padding: 13px 20px; background-color: #8cc152; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #7db046; -webkit-box-shadow: 0px 3px 0px 0px #7db046; box-shadow: 0px 3px 0px 0px #7db046; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button2:visited { background-color: #8cc152; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #7db046; -webkit-box-shadow: 0px 3px 0px 0px #7db046; box-shadow: 0px 3px 0px 0px #7db046; color: #ffffff; } .button2:hover { background-color: #c0dd77; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #bad76b; -webkit-box-shadow: 0px 3px 0px 0px #bad76b; box-shadow: 0px 3px 0px 0px #bad76b; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button2:active { background-color: #85b74e; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #7bad46; -webkit-box-shadow: 0px 3px 0px 0px #7bad46; box-shadow: 0px 3px 0px 0px #7bad46; } /* Use the Following CSS Code for Button3*/ .button3:link { padding: 13px 20px; background-color: #34495e; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #283b4e; -webkit-box-shadow: 0px 3px 0px 0px #283b4e; box-shadow: 0px 3px 0px 0px #283b4e; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button3:visited { background-color: #34495e; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #283b4e; -webkit-box-shadow: 0px 3px 0px 0px #283b4e; box-shadow: 0px 3px 0px 0px #283b4e; color: #ffffff; } .button3:hover { background-color: #495c6e; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #425365; -webkit-box-shadow: 0px 3px 0px 0px #425365; box-shadow: 0px 3px 0px 0px #425365; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button3:active { background-color: #2a3a4b; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #233342; -webkit-box-shadow: 0px 3px 0px 0px #233342; box-shadow: 0px 3px 0px 0px #233342; } /* Use the Following CSS Code for Button4*/ .button4:link { width: 350px; margin:50px; padding: 13px 20px; background-color: #3bafda; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #2498c1; -webkit-box-shadow: 0px 3px 0px 0px #2498c1; box-shadow: 0px 3px 0px 0px #2498c1; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button4:visited { background-color: #3bafda; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #2498c1; -webkit-box-shadow: 0px 3px 0px 0px #2498c1; box-shadow: 0px 3px 0px 0px #2498c1; color: #ffffff; } .button4:hover { background-color: #53cfe9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #3ec6df; -webkit-box-shadow: 0px 3px 0px 0px #3ec6df; box-shadow: 0px 3px 0px 0px #3ec6df; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button4:active { background-color: #38a6cf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #2a98bf; -webkit-box-shadow: 0px 3px 0px 0px #2a98bf; box-shadow: 0px 3px 0px 0px #2a98bf; } /* Use the Following CSS Code for Button5*/ .button5:link { padding: 13px 20px; background-color: #e74c3c; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #cf3c30; -webkit-box-shadow: 0px 3px 0px 0px #cf3c30; box-shadow: 0px 3px 0px 0px #cf3c30; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button5:visited { background-color: #e74c3c; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #cf3c30; -webkit-box-shadow: 0px 3px 0px 0px #cf3c30; box-shadow: 0px 3px 0px 0px #cf3c30; color: #ffffff; } .button5:hover { background-color: #f16a54; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e75b49; -webkit-box-shadow: 0px 3px 0px 0px #e75b49; box-shadow: 0px 3px 0px 0px #e75b49; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button5:active { background-color: #cf4436; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #c13a2f; -webkit-box-shadow: 0px 3px 0px 0px #c13a2f; box-shadow: 0px 3px 0px 0px #c13a2f; } /* Use the Following CSS Code for Button6*/ .button6:link { padding: 13px 20px; background-color: #da4453; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #c33445; -webkit-box-shadow: 0px 3px 0px 0px #c33445; box-shadow: 0px 3px 0px 0px #c33445; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button6:visited { background-color: #da4453; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #c33445; -webkit-box-shadow: 0px 3px 0px 0px #c33445; box-shadow: 0px 3px 0px 0px #c33445; color: #ffffff; } .button6:hover { background-color: #eb6378; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e2536b; -webkit-box-shadow: 0px 3px 0px 0px #e2536b; box-shadow: 0px 3px 0px 0px #e2536b; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button6:active { background-color: #c43d4b; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #bd3946; -webkit-box-shadow: 0px 3px 0px 0px #bd3946; box-shadow: 0px 3px 0px 0px #bd3946; } /* Use the Following CSS Code for Button7*/ .button7:link { width:280px; padding: 20px 20px; background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button7:visited { background-color: #f6bb42; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #e5ad37; -webkit-box-shadow: 0px 3px 0px 0px #e5ad37; box-shadow: 0px 3px 0px 0px #e5ad37; color: #ffffff; } .button7:hover { background-color: #fada60; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #f4d556; -webkit-box-shadow: 0px 3px 0px 0px #f4d556; box-shadow: 0px 3px 0px 0px #f4d556; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button7:active { background-color: #e9b13f; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #dfa938; -webkit-box-shadow: 0px 3px 0px 0px #dfa938; box-shadow: 0px 3px 0px 0px #dfa938; } /*.button7::before{ font-family: "Font Awesome 5 Free"; content: "\f108"; margin: 0 7px 0 0; font-weight: 900; font-size: 18px; }*/ /* Use the Following CSS Code for returnBt*/ .button8 :link { width:280px; padding: 20px 20px; background-color: #bdc3c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #b0b4b8; -webkit-box-shadow: 0px 3px 0px 0px #b0b4b8; box-shadow: 0px 3px 0px 0px #b0b4b8; line-height: 100%; text-align: center; font-family: font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; cursor: pointer; } .button8 :visited { background-color: #bdc3c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #b0b4b8; -webkit-box-shadow: 0px 3px 0px 0px #b0b4b8; box-shadow: 0px 3px 0px 0px #b0b4b8; color: #ffffff; } .button8 :hover { background-color: #dbdee0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #d6d9db; -webkit-box-shadow: 0px 3px 0px 0px #d6d9db; box-shadow: 0px 3px 0px 0px #d6d9db; color: #ffffff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .button8 :active { background-color: #aaafb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 3px 0px 0px #a2a6aa; -webkit-box-shadow: 0px 3px 0px 0px #a2a6aa; box-shadow: 0px 3px 0px 0px #a2a6aa; }