/* 改變版模的色系 */
@charset "utf-8";

body.Hue-blue { background-image: none; background: /*#f1f4f6*/#368bce/*f63*/;}/*版模最上方底色*/ /*較淺不刺眼 e67e22*/
body.Hue-blue p { font-size: inherit;}
body.Hue-blue
.pcoded-main-container { background: #f5f1ec;}

/*連結樣式(表格內)*/
body.Hue-blue
.table a { color: #555; text-decoration: none; /*border-bottom: 1px solid #555;*/}
body.Hue-blue
.table a:hover { color: #3498db; text-decoration: underline;/* text-decoration: none; border-bottom:1px solid #3498db;*/}

/*連結樣式*/
body.Hue-blue a { color: #555;}
body.Hue-blue a:hover,
body.Hue-blue a:focus { color:#3498db;}

body.Hue-blue .pcoded-header.header-blue .input-group .input-group-text,
body.Hue-blue .pcoded-header.header-blue a,
body.Hue-blue .pcoded-header.header-blue dropdown-toggle { color: rgba(255, 255, 255, 0.8);}

body.Hue-blue .pcoded-header.header-blue .input-group .input-group-text:hover,
body.Hue-blue .pcoded-header.header-blue a:hover,
body.Hue-blue .pcoded-header.header-blue dropdown-toggle:hover { color:#fff;}

@media (max-width: 991px) {
body.Hue-blue .pcoded-header.header-blue .input-group .input-group-text,
body.Hue-blue .pcoded-header.header-blue .input-group .input-group-text:hover,
body.Hue-blue .pcoded-header.header-blue a,
body.Hue-blue .pcoded-header.header-blue a:hover,
body.Hue-blue .pcoded-header.header-blue dropdown-toggle,
body.Hue-blue .pcoded-header.header-blue dropdown-toggle:hover { color: #3c3f47;}
body.Hue-blue .pcoded-header.header-blue .m-header > a { color: #fff; }
}

/*欄位框內底線*/
.form-control:focus { /*background-image: linear-gradient(to top, #5bc0de 2px, rgba(255, 153, 0, 0) 2px)*/ /*, linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px)*/;}

/*搜尋-欄位框內底線*/
.form-control-linear:focus { background-image: linear-gradient(to top, #5bc0de 2px, rgba(255, 153, 0, 0) 2px);}
/*右上角-通知清單-彈出*/
.pcoded-header .dropdown .notification .noti-head { background:#f90;}
/*右上角-個人資料-彈出*/
.pcoded-header.header-blue .dropdown .profile-notification .pro-head { background:#5bc0de;}
.pcoded-header .dropdown .notification .noti-footer { border-top: 1px solid #e2e5e8; background: #f5f1ec;}
.pcoded-header .dropdown .profile-notification .pro-body li.active,
.pcoded-header .dropdown .profile-notification .pro-body li:active,
.pcoded-header .dropdown .profile-notification .pro-body li:focus,
.pcoded-header .dropdown .profile-notification .pro-body li:hover { background: #3498db;}


/*page-header 140px縮減為10px */
body.Hue-blue .page-header-03 .pcoded-content { margin-top: 10px;}
body.Hue-blue .page-header-03 .page-header { margin-top: -10px; margin-bottom: 10px;}
body.Hue-blue .page-header-03 .page-header h5 { color:#535763;}
body.Hue-blue .page-header-03 .page-header .page-header-title + .breadcrumb > .breadcrumb-item a { color: #535763;}
body.Hue-blue .page-header-03 .page-header .page-header-title + .breadcrumb > .breadcrumb-item:first-child a { color: #5bc0de;}
body.Hue-blue .page-header-03 .page-header .page-header-title + .breadcrumb > .breadcrumb-item:last-child a { color: #535763;}
body.Hue-blue .page-header-03 .page-header .page-header-title + .breadcrumb > .breadcrumb-item:before { color: #b6b6b6;}

/*主選單上方-個人資料-下拉(縮減只剩icon時可以自動隱藏)*/
.pcoded-navbar.navbar-collapsed:not(:hover) .profile-collapse { transform: rotateY(-90deg); transform-origin: 0 0; display:none !important;}

/*主選單上方-個人資料-頭像*/
/*.profile-img { width:50px; margin-right:10px;}*/
.pcoded-navbar .main-menu-header .profile-img { width: 60px; margin-bottom:5px; border-radius: 100%; transition: all 0.3s ease-in-out;}
.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header .profile-img { width: calc(70px - 20px);}/*主選單縮小時寬度70px*/

/*主選單上方-個人資料-icon(沒有頭像時樣式)*/
.profile-icon { display:inline-block; margin-bottom:5px; text-align:center;}
.profile-icon i { height:60px; width:60px; line-height:60px; font-size:28px; vertical-align:middle; border-radius: 100%; border: 2px solid #D6D6D6;}
.fa-rotate-315 { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg);}
.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header .profile-icon { width: calc(70px - 20px);/*主選單縮小時寬度70px*/}
.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header .profile-icon.profile-icon i { height: calc(70px - 20px); width: calc(70px - 20px); line-height: calc(70px - 20px); font-size:24px;}

.profile-collapse { margin:0 20px; border-radius: 0.25rem; border: 2px solid #eaeaea;}
.profile-collapse .divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #e5e5e5;}
.profile-collapse .list-group-item:hover { background-color: rgba(70, 128, 255, 0.03);;}/*fffbe9***fefae8*/
.pcoded-navbar .main-menu-header + div .list-group-item { padding: 5px 10px;}


/*主選單*/
.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption { color:#3498db;}/*f90*/
.pcoded-navbar.navbar-collapsed .pcoded-menu-caption:after { height:auto;}
.pcoded-navbar .pcoded-inner-navbar li { border-bottom: 1px solid #eaeaea;}
.pcoded-navbar .pcoded-inner-navbar li > a { margin:0; border-radius:0;}
.pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon + .pcoded-mtext { font-weight:600;}
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a { background:#09c;}
.list-unstyled li.list-group-item i { color:#09c;}
/*.pcoded-navbar .pcoded-inner-navbar li i { color:#f90;}*/
.pcoded-navbar .pcoded-submenu { padding:0;}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a { color: #09c; background: transparent;}
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a { background: #09c; color: #fff;}

/*.pcoded-navbar.menu-light a { color: #535763;}*/
	
.pcoded-navbar.menu-light .pcoded-menu-caption {
    color: #535763;}
.pcoded-navbar.menu-light .pcoded-inner-navbar li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a {
    color: #3498db; background: transparent;}
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #5bc0de; color: #fff;}
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.active a,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger a,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li:hover a {
    color: #535763; background: transparent;}
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    color: #fff;}

/*大圖*/
/*固定單張(背景圖 background)*/
.header-pic {
	display:flex; height:200px; border-radius: 0.25rem;
	background: center center no-repeat; background-size:cover;}
@media (max-width: 992px) { .header-pic { height:150px;} }
@media (max-width: 768px) { .header-pic { height:120px;} }
@media (max-width: 640px) { .header-pic { height:90px;} }
@media (max-width: 500px) { .header-pic { height:60px;} }
	
/*固定單張(圖片 img)*/
.header-pic-img { display:flex; height:200px; border-radius: 0.25rem; overflow: hidden;}
.header-pic-img img { border-radius: 0.25rem; height:100%; width:100%;}
	
/*主圖輪撥*/
#header-pic { position: relative; height:200px; border-radius: 0.25rem;}
/*進度條*/
.vegas-timer-progress { z-index:199; position:relative; background: #39f /*#83B81A*/; -webkit-transition: #83B81A ease-out; transition: #83B81A ease-out;}

/*登入頁及忘記密碼頁*/
body.Hue-blue
.auth-wrapper { background: #368bce;}
body.Hue-blue .auth-wrapper-bg {
	background-position: center center; background-repeat: no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*表格*/
body.Hue-blue
.table thead th { background: #f5f1ec; border-bottom: 2px solid #368bce;}
body.Hue-blue
.table-card .card-body .table > thead > tr > th {/* border-top: 2px solid #f63;*/}
body.Hue-blue .table td,
body.Hue-blue .table th { padding: 8px;}
/*body.Hue-blue .table-hover tbody tr:hover { background-color:#fffbe9;}*/
.table-ls-r td:last-child,
.table-ls-r th:last-child { text-align: right;}/*最後第1個靠右*/
.table-ls2-r td:nth-last-child(2),
.table-ls2-r th:nth-last-child(2) { text-align: right;}/*最後第2個靠右*/

.table-Fsl-Or td,
.table-Fsl-Or th { text-align: right;}/*靠右*/
.table-Fsl-Or td:first-child,
.table-Fsl-Or th:first-child { text-align: left;}/*第1個靠左*/
/*.table-Fsl-Or td:nth-child(2),
.table-Fsl-Or th:nth-child(2)*/

/*列表右上點點下拉*/
.dropdown-menu > li.active,
.dropdown-menu > li:active,
.dropdown-menu > li:focus,
.dropdown-menu > li:hover,
.dropdown-menu > .dropdown-item.active,
.dropdown-menu > .dropdown-item:active,
.dropdown-menu > .dropdown-item:focus,
.dropdown-menu > .dropdown-item:hover { background: #3498db;}

/*自動拓展的卡片*/
.auto-content { margin: 20px auto 45px;}
.auto-plus { padding: 15px 10px; float:left;}
.auto-plus-2 { padding: 0 15px 15px; float:left;}
.auto-plus-3 { padding: 15px 15px; float:left;}
.column-2 { width:50% !important;}
.column-3 { width:33.33% !important;}
.column-4 { width:25% !important;}
.column-5 { width:20% !important;}
.column-6 { width:16.66% !important;}
@media screen and (max-width: 1200px) { 
	.column-4 { width:50% !important;}
	.column-5 { width:20% !important;}}
@media screen and (max-width: 992px) {
	.column-3 { width:100% !important;}
	.column-4 { width:50% !important;}
	.column-5 { width:33.33% !important;}
	.column-6 { width:33.33% !important;}}
@media screen and (max-width: 768px) {
	.column-2 { width:100% !important;}
	.column-5 { width:50% !important;}
	.column-6 { width:50% !important;}}
@media screen and (max-width: 500px) {
	.column-4 { width:100% !important;}}
@media screen and (max-width: 400px) {
	.column-5 { width:100% !important;}
	.column-6 { width:100% !important;}}

/*列表*/
body.Hue-blue
#list .first { font-weight: 600; color: #3498db;}


/*數碼相冊*/
.card-album { width:100%; background: #fff; border-radius:2px; border: 1px solid #e2e5e8; position: relative;
    /*box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);*/
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: box-shadow 0.2s ease-in-out;/* transition: all .25s;*/}
.card-album:hover, .card-album:focus { border:1px solid #5bc0de;
    /*box-shadow: 0 5px 11px 0px rgba(69, 90, 100, 0.3);*/
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);}

.card-album-img { display: block; position: relative; width: 100%; overflow:hidden;}
.card-album-img-con { background-position: center center; background-size: cover;}
.card-album-img-height { padding-top:62.6%; overflow:hidden;}
.card-album-con { display: block; position: relative; color: #555; padding: 5px 10px;}
.card-album-con .album-title { display:inline-block; margin-bottom: 5px; color: #09c; line-height:1.5em; height:3em;
    overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

    /*右上角-不顯示*/
	.album-tag { display: inline-block; position: absolute; top:0; right:0; z-index:2; color: #fff; font-size:80%;/* background-color: #FF5E52;*/ padding: 2px 5px;}
	
    /* hover 圖片變大 */
	.card-album-img-con { overflow:hidden;
		-webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
	a:link .card-album-img-con {
	    -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
	a:hover .card-album-img-con {
		-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

    /**/
	.album-com-input { width: 100%; padding-bottom:10px;}
	.album-com-input label { color: #4095ce; margin: 5px auto;}

/*數碼相冊(卡片-底部)*/
.card-album-footer { background: #f2f2f2; font-size:80%; font-weight:400; color: #999; padding: 5px 10px; border-top: 1px solid #e2e5e8; border-radius: 0 0 2px 2px;}
.card-album-footer ul.list-inline { clear: both; margin-bottom: 0;}
.card-album-footer .list-inline > li { padding: 0; padding-right: 10px;}
.card-album-footer .list-inline > li:last-child { padding-right: 0;}
.card-album-footer .list-inline > li:nth-last-child(2) { padding-right: 10px;}

/*其他設定*/
.card-bg-ts { background: transparent;}
.card.card-bg-ts { box-shadow: none;}
.m-t--20 { margin-top:-20px;}

/*色系測試*/
.color-demo .header-line { height: 100px;}
.header-line { /*height: 6px;*/ width: 20%; float: left; margin: 0; position: relative;}
.header-line div { position: absolute; top: 50px; left: 15px; font-weight: 600; color: #fff;}
.header-line div span { font-weight: 400; display: block; font-size: 12px; color: rgba(255,255,255,0.6);}

.h-bg-fb { background:#3C5A98;}
.h-bg-blue-2 { background:#3A68A7;}
.h-bg-blue-3 { background:#3779BA;}
.h-bg-blue-4 { background:#368BCE;}
.h-bg-blue-5 { background:#3498DB;}


/*頁數(覆蓋原設定顏色)*/
body.Hue-blue
.pagination > .active > a,
body.Hue-blue
.pagination > .active > span,
body.Hue-blue
.pagination > .active > a:hover,
body.Hue-blue
.pagination > .active > span:hover,
body.Hue-blue
.pagination > .active > a:focus,
body.Hue-blue
.pagination > .active > span:focus {
	background-color: #3498db; border-color: #3498db; color: #fff;}
body.Hue-blue
.pagination > li > a, 
body.Hue-blue
.pagination > li > span { color: #444444; padding: 5px 8px; background-color:#f2f2f2;}
body.Hue-blue
.page-item .page-link { margin: 0 2px;}
/*.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #65AC1F;}*/
body.Hue-blue
.pagination > li > a:hover,
body.Hue-blue
.pagination > li > span:hover,
body.Hue-blue
.pagination > li > a:focus,
body.Hue-blue
.pagination > li > span:focus {
	z-index: 2; color: #ffffff; background-color: #4ea5e0; border-color: #4ea5e0;}

/*禁止狀態*/
body.Hue-blue
.pagination > .disabled > span,
body.Hue-blue
.pagination > .disabled > span:hover,
body.Hue-blue
.pagination > .disabled > span:focus,
body.Hue-blue
.pagination > .disabled > a,
body.Hue-blue
.pagination > .disabled > a:hover,
body.Hue-blue
.pagination > .disabled > a:focus {
	color: #cccccc; background-color: #ffffff; border-color: #cccccc; cursor: not-allowed;} 
body.Hue-blue
.page-item.disabled .page-link { background-color:#f2f2f2;}

/*欄位禁止狀態*/
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}

/*按鈕*/
/*.btn-primary { color: #fff; background-color: #368bce; border-color: #368bce;}
.btn-primary:hover { color: #fff; background-color: #3779BA; border-color: #135dff;}
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #3779BA; border-color: #135dff; box-shadow: 0 0 0 0rem rgba(98, 147, 255, 0.5);}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #368bce; border-color: #368bce;}*/


/*按鈕()*/
.btn { border-radius: 3px;}
.btn-info {
	background-color: #3498db; border-color: #3498db; color: #fff;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	background-color: #4ea5e0; border-color: #4ea5e0; color: #fff;}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	background-image: none;}
.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info.active[disabled],fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {
	background-color: #2489cc; border-color: #2489cc;}
.btn-default {
	background-color: #fff; border-color: #eaeaea; color: #6a6c6f;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	background-color: #fff; border-color: #e0e0e0; color: #606265;}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	background-image: none;}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default.active[disabled],fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {
	background-color: #e4ebee; border-color: #e4ebee;}
.btn-warning {
	background-color: #ffb606; border-color: #ffb606; color: #fff;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
	background-color: #ffbf25; border-color: #ffbf25; color: #fff;}
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
	background-image: none;}
.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning.active[disabled],fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
	background-color: #e6a300; border-color: #e6a300;}
.btn-warning2 {
	background-color: #e67e22; border-color: #e67e22; color: #fff;}
.btn-warning2:hover,.btn-warning2:focus,.btn-warning2:active,.btn-warning2.active,.open .dropdown-toggle.btn-warning2 {
	background-color: #e98e3d; border-color: #e98e3d; color: #fff;}
.btn-warning2:active,.btn-warning2.active,.open .dropdown-toggle.btn-warning2 {
	background-image: none;}
.btn-warning2.disabled,.btn-warning2.disabled:hover,.btn-warning2.disabled:focus,.btn-warning2.disabled:active,.btn-warning2.disabled.active,.btn-warning2[disabled],.btn-warning2[disabled]:hover,.btn-warning2[disabled]:focus,.btn-warning2[disabled]:active,.btn-warning2.active[disabled],fieldset[disabled] .btn-warning2,fieldset[disabled] .btn-warning2:hover,fieldset[disabled] .btn-warning2:focus,fieldset[disabled] .btn-warning2:active,fieldset[disabled] .btn-warning2.active {
	background-color: #d26f18; border-color: #d26f18;}
.btn-danger2 {
	background-color: #c0392b; border-color: #c0392b; color: #fff;}
.btn-danger2:hover,.btn-danger2:focus,.btn-danger2:active,.btn-danger2.active,.open .dropdown-toggle.btn-danger2 {
	background-color: #d24637; border-color: #d24637; color: #fff;}
.btn-danger2:active,.btn-danger2.active,.open .dropdown-toggle.btn-danger2 {
	background-image: none;}
.btn-danger2.disabled,.btn-danger2.disabled:hover,.btn-danger2.disabled:focus,.btn-danger2.disabled:active,.btn-danger2.disabled.active,.btn-danger2[disabled],.btn-danger2[disabled]:hover,.btn-danger2[disabled]:focus,.btn-danger2[disabled]:active,.btn-danger2.active[disabled],fieldset[disabled] .btn-danger2,fieldset[disabled] .btn-danger2:hover,fieldset[disabled] .btn-danger2:focus,fieldset[disabled] .btn-danger2:active,fieldset[disabled] .btn-danger2.active {
	background-color: #a73225; border-color: #a73225;}
.btn-link {
	color: inherit;}
.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {
	color: #6a6c6f;}
.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {
	background-image: none;}
.btn-link.disabled,.btn-link.disabled:hover,.btn-link.disabled:focus,.btn-link.disabled:active,.btn-link.disabled.active,.btn-link[disabled],.btn-link[disabled]:hover,.btn-link[disabled]:focus,.btn-link[disabled]:active,.btn-link.active[disabled],fieldset[disabled] .btn-link,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:active,fieldset[disabled] .btn-link.active {
	color: #9d9fa2;}
.btn-outline {
	color: inherit; background-color: transparent; transition: all .5s;}
.btn-xs {
	border-radius: 3px; font-size: 11px; line-height: 1.5; padding: 1px 7px !important;}
.btn-circle {
	width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429;}
.btn-circle.btn-xs {
	width: 20px; height: 20px; padding: 4px 8px; border-radius: 25px; font-size: 10px; line-height: 1;}
.btn-circle.btn-lg {
	width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33;}
.btn-circle.btn-xl {
	width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33;}