* {
	margin: 0;
	padding: 0;

}


body {
	font-family: "微軟正黑體", Helvetica, sans-serif;
	font-size: 14px;
}

button {
	border: 0px;
	border-radius: 0px;
}

/* slightly enhanced, universal clearfix hack */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* close commented backslash hack */

a .pd_detail {}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
	outline: none;
}

a {
	text-decoration: none !important;

}

.pd_name {
	height: 40px;
	overflow-y: hidden;
}

.jumbotron {
	margin-bottom: 0px;
	background-color: transparent;
}

.jumbotron p {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0px;
}

a:hover {
	text-decoration: none;
	/*color: initial !important;*/
}

.container .jumbotron,
.container-fluid .jumbotron {
	border-radius: 0px;
}

.container {
	max-width: 1280px;
	min-width: 270px;
}

.no_border {
	border: none;
}

.nav_head {
	border-top: 3px solid #000000;
	background: #fff;
	min-height: 130px;
	box-shadow: 0px 20px 10px -15px #ccc;
	margin-bottom: 0px;
}



.nav_head .navbar-toggle {
	background: #78f0ee;
	border: none;
}

.nav_head .navbar-toggle:hover,
.nav_head .navbar-toggle:focus {
	background: #b14e60;
}

.nav_list a {
	float: left;
	padding: 0px 20px;
	min-height: 80px;
	line-height: 80px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


.nav_list a:hover {
	background: #fff;
	background-size: counter-reset:;
}

@media screen and (max-width: 767px) {
	.nav_list a {
		float: none;
		display: block;
		min-height: 40px;
		line-height: 40px;
	}
}

.nav_res {
	position: relative;
	min-height: 150px;
}

@media screen and (max-width: 767px) {
	.nav_head,
	.nav_res {
		min-height: 80px;
	}
}

.nav_pos {
	position: absolute;
	right: 15px;
	bottom: 0px;
}

.search {
	display: inline-block;
	margin-right: 0px;
	width: 100px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 4px;
	border-right: none;
	height: 30px;
	background: right no-repeat #fff;
	box-shadow: 0 0 0;
	border: 2px solid #000000;
	outline: none;
}

.text {
	white-space: nowrap;
	width: 93%;
	overflow: hidden;
	text-overflow: ellipsis;


}

.text2 {
	white-space: nowrap;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.padl0 {
	padding-left: 0px!important;
}

.padr0 {
	padding-right: 0px!important;
}

@media screen and (max-width: 991px) {
	.search {
		width: 160px;
		margin-left: 0px;
	}
	.pd_list h1,
	.pd_list a {
		padding: 15px 0px 15px 15px!important;
	}
	.zoneC {
		margin-left: 15px;
	}

}

.footer_mail_btn {
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0px;
	padding: 3px 12px;
	font-size: 15px;
	border-left: none;
	background: right no-repeat #000000;
	margin-left: -4px;
	margin-top: -2px;
	border: 2px solid #000000;
	color: #fff;
}

.nav_list {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.nav_list {
		display: block;
		margin-bottom: 20px;
	}
}

.nav_list form {
	margin-left: 10px;
}

@media screen and (max-width: 991px) {
	.nav_list form {
		margin-left: 0px;
	}
}

.head_top {
	position: absolute;
	right: 15px;
	top: 20px;
}



@media screen and (max-width: 767px) {
	.head_top {
		position: initial;
	}

	.nav_pos {
		position: initial;

	}


}

.head_top a {
	display: inline-block;
	font-size: 12px;
	margin-left: 15px;
	vertical-align: middle;
}

.head_top a:hover {
	color: #fff !important;
}

@media screen and (max-width: 767px) {
	.head_top a {
		display: block;
		margin-left: 0px;
		margin-top: 10px;
	}
	.icon_list {
		width: 100%;
		text-align: center;
	}
	/*.icon_list a{
  display: inline-block;
  }*/
}

.login {
	padding: 6px 15px;
	background: #df1447;
	color: #fff;
	border-radius: 2px;
}

.logout {
	padding: 6px 15px;
	background: #ff6f93;
	color: #fff;
	border-radius: 2px;
}

.head_top a span {
	margin-right: 6px;
	font-size: 14px;
}

.lang {
	font-size: 18px !important;
	font-weight: bold;
	color: #195d5b;
}

.logo {
	height: auto;
}


@media screen and (max-width: 767px) {
	.logo {
		margin-top: 0px;
	}
	.logo img {
		width: 50px;
	}

}

.icon_list {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.icon_list a {
		display: inline-block !important;
		margin-left: 20px;
	}
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
	background: #fff;
}


.bn_one img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.bn_one img {
		margin-bottom: 20px;
	}
}



.pad0 {
	padding: 0px !important;
	margin: 0px;
}

.bn_bxslider img {
	width: 100%;
}



.index_hot {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 18px;
}

.errorAlert {
	margin-top: 15px;
}

.add_cartAlert {
	margin-top: 15px;
}

@media screen and (min-width: 768px) {
	.banner {
		width: 81.4%;
	}

	.two {
		width: 18.6%;
	}

	.banner2 {
		width: 80.2%;
	}
	.two2 {
		width: 19.8%;

	}
	.two2 img {
		width: 100%;
	}

	.banner3 {
		width: 80.8%;
	}

	.two3 {
		width: 19.2%;
	}
}

@media screen and (max-width: 767px) {
	.rg_pic1 {
		width: 50%;
		float: left;
	}
}

.pd_tit {
	color: #9d4235;
	font-weight: bold;
}

.pd_left {
	color: #676767;
}

.pd_right {
	color: #000000;
	font-weight: bold;
	font-size: 18px;

}


.index_pd h2 {
	margin: 10px 0 15px 0;
	line-height: 20px;
}

.productImg {
	border-style: solid;
	border-width: 1px;
	border-color: #DCDCDC;
	justify-content: center;
	background-color: #fff;


}

.productImg img {
	display: block;
	margin: auto;
	height: 100%;
}




.img_toprg {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto !important;
	border: none !important;

}

.nodeIcon {
	margin-bottom: 5px;
	/*padding: 5px;*/
	height: 27px;
}

.nodeName {
	display: inline;
	margin-top: 5px;
	padding-top: 5px;
	height: 27px;
}

.flag {

	width: 45px;
	background-color: #F1698B;
	position: relative;
	text-align: center;
	padding-top: 9px;
	color: white;
}

.flag:before {
	position: absolute;
	right: 22px;
	bottom: -23px;
	content: "";
	width: 50px;
	height: 0px;
	border-style: solid;
	border-width: 0px 23px 23px 0px;
	border-color: transparent #F1698B transparent #F1698B;
}

.flag:after {
	position: absolute;
	left: 23px;
	bottom: -23px;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0px 23px 23px;
	border-color: transparent #F1698B transparent #F1698B;
}


.mar30 {
	margin-top: 30px;
}

.index_pd {
	margin-bottom: 20px;
	position: relative;
}


.pic_border img {
	border: 1px solid #ccc;
	width: 100%;
}

.other_box img {
	width: 100%;
	border: 1px solid #ccc;
}

.other_box p {
	text-align: center;
	font-size: 16px;
	color: #676767;
	font-weight: bold;
	margin: 20px 0;
}

@media screen and (max-width: 767px) {
	.rg_pic {
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 370px) {
	.re_width {
		width: 100%;
	}
}

.other_box {
	display: block;
	margin-bottom: 20px;
}

.footer {
	background: #000000;
	min-height: 230px;
	margin-top: 170px;
}

.foot {
	text-align: center;
	color: #fff;
	position: relative;
}

.foot_nav a {
	color: #fff;
}

.foot_nav ul li {
	margin-left: 10px;
	display: inline-block;
}


.ac_tit {
	text-align: left !important;
	font-size: 20px;

}

.ac_bor.jumbotron {
	background-color: #000000!important;
	color: #fff;
}

button {
	border-radius: 0px!important;
	border: 0px!important;
}

.login,
.logout,
.btn {
	border-radius: 0px!important;
}


.login_box h1 {
	text-align: center;
	font-size: 20px !important;
	font-weight: bold;
}

.login_box {
	margin-bottom: 0px;
	padding-bottom: 26px!important;
}

.keep_login input {
	vertical-align: top;
	margin-right: 6px;
}

.login_btn,
.login_btn:hover {
	padding: 10px 40px;
	background: #000000;
	color: #fff;
}

.reg_box {
	background-size: 100%;
}

.res_bold p {
	font-size: 20px;
	font-weight: bold;
	color: #000 !important;
}

.reg_box p {
	margin-bottom: 0px;
	color: #676767;
	font-weight: bold;
}

.res_btn .btn {
	width: 100%;
	border-radius: 0px;
	border: none !important;
}

.cateSlider {
	background: #ffffff;
	padding: 3px 0px 3px 0px;
	margin-bottom: 0px;
	width: inherit;
	color: #333333;
}

.cateSlider a {
	color: #ffffff;
	background-color: #000000;
	padding: 35px 18px;
	font-size: 20px;
	font-weight: bold
}

.cateSlider .nodeName:hover {
	color: #FE7BA7;
}

.owl-carousel .nodeIcon {
	display: inline-block!important;
	width: auto!important;
}

.owl-stage-outer {
	height: auto;

}

.owl-prev {
	width: 15px;
	height: 100px;
	position: absolute;
	top: 38%;
	margin-left: 5px;
	display: block!important;
	border: 0px solid black;
	left: -20px;
}

.owl-next {
	width: 15px;
	height: 100px;
	position: absolute;
	top: 38%;
	right: 5px;
	display: block!important;
	border: 0px solid black;
	right: -20px;
}

/*
.owl-content{

}
.owl-prev,.owl-next{
   background-color: white;

 }
.owl-prev,.owl-content,.owl-next{
  display: inline-block;
  }*/

.inline {
	display: inline-block;
	padding-left: 00px;
	margin-right: 15px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
	padding-top: 7px;
}

.reg_box form label {
	text-align: left !important;
}



@media screen and (min-width: 1200px) {
	.re_login {
		width: 50%;
	}
	.re_login2 {
		width: 50%;
	}

}



.info_list a {
	font-size: 18px;
	display: block;
	color: #676767;

	margin-bottom: 10px;
	letter-spacing: 2px;
}

.info_list .active {
	color: #000;
}

@media screen and (min-width: 768px) {
	.ac_bor,
	.info_list,
	.reg_box {
		padding: 30px 40px;
	}
}


.ac_list,
.pd_list {
	box-shadow: 1px 1px 21px #ccc;
}


.pd_list {
	max-width: 170px;
}

.pd_list a {
	background: #fff;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #6d6d6d;
}

@media screen and (max-width: 768px) {
	.pd_list {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}
	.pd_list a {
		display: block;
	}

}

@media screen and (min-width: 769px) {
	.pd_list a {
		display: none;
	}
}


.pd_list h1 {
	background: url(../images/pd_bg.png);
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #676767;
}

.pd_list a:hover {
	color: #fe7ba7 !important;
}




.pd_all {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}


.pd_select label {
	font-weight: bold;
	margin-right: 10px;
	font-size: 15px;
}

.pd_tit span {
	color: red;
}

.pic_top {
	text-decoration: line-through;
	position: absolute;
	top: -17px;
	right: 0px;
	color: #000000;
	font-size: 10px;
}

/*@media screen and (max-width: 1200px){
  .pd_top{
    margin-top: 20px;
  }
  }*/

/*@media screen and (max-width: 1200px){
    .index_pd{
        min-height: 346px;
        max-height: 346px;
    }
}

@media screen and (max-width: 991px){
    .index_pd{
        min-height: 346px;
        max-height: 346px;
    }
}

@media screen and (max-width: 767px){
    .index_pd{
        min-height: 434px;
        max-height: 434px;
    }
}



@media screen and (max-width: 480px){
    .index_pd{
        min-height: 276px;
        max-height: 276px;
        margin-bottom: 20px;
    }
    }*/

.pd_bxslider img {
	border: 1px solid #ccc;
	width: 100%;
}

#bx-pager2 img {
	border: 1px solid #ccc;
}


#bx-pager2 img:hover {
	border: 1px solid #676767;
}

.pd_detial .bx-wrapper {
	margin: 0 auto 20px !important;
}

.pd_detial {
	position: relative;
}

.mar20 {
	margin: 20px 0;
}

.mar15 {
	margin-top: 15px;
}

.detail_list {
	margin: 40px 0 20px 0;
}

.detail_list ul li a {
	font-weight: bold;
	padding: 10px 30px;
	letter-spacing: 2px;
	color: #000;
	border-radius: 0px;
	border: 1px solid #000;
	margin-right: 0px;
	border-bottom: none;
	background: #fff;
}

.detail_list .nav-tabs > li.active > a,
.detail_list .nav-tabs > li.active > a:hover,
.detail_list .nav-tabs > li.active > a:focus {
	border: 1px solid #000;
}

.detail_list .nav-tabs > li.active > a,
.detail_list .nav-tabs > li.active > a:hover,
.detail_list .nav-tabs > li.active > a:focus {
	background: #eee;
}

.detail_list .nav-tabs > li > a:hover {
	border: 1px solid #000;
}

.detail_list .tab_box {
	border: 1px solid #000;
	padding: 20px;
	background: #fff;
}


.btm_box {
	padding: 20px;
	border: 1px solid #000;
	border-top: none;
	background: #fff;
	margin-bottom: 15px;
}


.btm_box .pd_select {
	margin-bottom: 10px;
}




.spinner-sprite,
.spinner .decrease,
.spinner .decrease[disabled],
.spinner .increase,
.spinner .value,
.spinner .value.passive {
	background: url('../images/spinner-sf0d5bd965d.png') no-repeat;
}

.spinner {
	overflow: hidden;
	width: 71px;
	height: 25px;
	-webkit-box-shadow: 0 3px 3px -4px #aaa;
	-moz-box-shadow: 0 3px 3px -4px #aaa;
	box-shadow: 0 3px 3px -4px #aaa;
	*zoom: 1;
	display: inline-block;
	vertical-align: middle;
}

.spinner button,
.spinner .value {
	float: left;
	display: block;
	margin: 0;
	height: 100%;
	text-align: center;
	line-height: 25px;
}

.spinner button {
	padding: 0;
	width: 23px;
	outline: none;
	border: none;
	color: #e5312a;
	font: 22px Arial bold;
}

.spinner .decrease {
	background-position: 0 -50px;
	text-indent: -10000px;
	cursor: pointer;
}

.spinner .decrease[disabled] {
	background-position: 0 -75px;
	cursor: default;
}

.spinner .increase {
	background-position: 0 0;
	text-indent: -10000px;
	cursor: pointer;
}

.spinner .value {
	padding: 0px;
	width: 24px;
	height: 27px;
	border: none;
	background-position: 0 -100px;
	color: #ffffff;
	font-family: Arial;
}

.spinner .value.passive {
	background-position: 0 -25px;
	color: #919191;
}

.spinner .error,
.spinner .invalid {
	background: #aa0000;
}

.btm_box .pd_select span,
.pd_select span {
	color: #000000;
	margin-left: 10px;
	text-decoration: line-through;
	font-size: 12px;
}

.pull-right.pd_right.pd_top.dp {
	width: 100px;
}

.pull-right.pd_right.pd_top.dp p {
	float: right;
}

.add_cart {
	padding: 10px 20px;
	background: #000000;
	color: #fff;
	display: inline-block;
}

.add_cart:hover {

	color: black;

}

.buy_detail {
	padding: 20px 15px;
	background-color: #fff !important;
}

@media screen and (max-width: 480px) {
	.buy_detail a span {
		margin-bottom: 10px;
		display: inline-block;
	}

}

.buy_down .pd_select p {
	display: inline-block;
}

.buy_down .pd_select label {
	width: 75px;
}

.address .pd_select label {
	width: 40px;
}

.location .breadcrumb {
	background-color: transparent;
}

.location .breadcrumb li {
	font-weight: bold;
}

.order_list {
	background-color: #000000;
}

.order_list div {
	padding: 10px 40px 10px 10px;
	color: #000;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

/*.order_list div:hover{
        background: url(../images/arr.png) no-repeat right center #df1447;
        color: #fff !important;
        }*/

.order_list div.active {
	background: url(../images/arr.png) no-repeat right center #df1447;
	color: #fff !important;
}




.order_num {
	border-radius: 50px;
	width: 25px;
	height: 25px;
	background: #fff;
	color: red;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin-right: 10px;
}


.order_box {
	padding: 10px 0;
}


.check_form2 .checkbox {
	margin: 0px;
}


.back_btn {
	background: #9d4235;
	padding: 10px 20px;
	color: #fff;

	font-weight: bold;
	display: inline-block;
}

.back_btn:hover {
	color: black;
	background: rgb(160, 84, 73);
}



.next_btn {
	background: #ff6f93;
	padding: 10px 20px;
	color: #fff;

	font-weight: bold;
	display: inline-block;
}

.next_btn:hover {
	color: black;
	background: rgb(234, 80, 116);
}




.next_btn img {
	vertical-align: middle;
	margin-left: 10px;
}



.check_form2 {
	padding: 0px 15px 0 15px;
}

.check_form2 table p {
	color: #000;
	font-size: 14px;
}

.check_form2 table td,
.check_form2 table th {
	border-bottom: 1px solid #ccc;
	border-top: none !important;
}

.check_form2 .pd_select label {
	max-width: 75px;
}

.check_form2 .pd_select p {
	display: inline-block;
}

.pay_color {
	background: #fffac3;
	width: 100%;
}

.pay_color img {
	display: block;
}

.pay_list {

	padding: 27px;
	margin: 0px 3px;
}

.pay_pic p {
	color: #000;
	margin-bottom: 0px;
	margin-top: 6px;

}

.pay_pic {
	position: relative;
	min-height: 80px;
	margin-right: 20px;
}

@media screen and (max-width: 480px) {
	.pay_pic {
		margin-top: 40px;
	}
}

.pay_pic img {
	position: absolute;
	left: -90px;
	bottom: -2px;
}

.check_form2 .close {
	padding: 10px;
	background-color: #ccc;
	color: #000;
	border-radius: 4px;
	opacity: 1;
	font-size: 14px;
	float: left;
}

.thank_box {
	max-width: 400px;
	max-height: 150px;
	padding: 15px 30px;
	border-radius: 6px;
	border: 4px solid #0ed1cb;
	background: #f6f6f6;
	display: block;
	text-align: center;
	margin: 200px auto 0;
	position: relative;
	font-size: 24px;
}


.thank_pp img {
	position: absolute;
}

.img_lf {
	left: -65px;
	bottom: -40px;
}

.img_rg {
	right: -48px;
	bottom: -40px;
}

.thank_text {
	font-size: 48px;
	color: #df1447;
	font-weight: bold;
}

@media screen and (max-width: 480px) {
	.thank_text {
		font-size: 20px;
	}
	.thank_box {
		font-size: 16px;
	}
	.img_lf {
		left: -16px;
		bottom: -40px;
	}

	.img_rg {
		right: -16px;
		bottom: -40px;
	}
}

.re_btn {
	padding: 6px 10px;
}

.back_top {
	position: absolute;
	right: 0px;
	top: -43px;
}

.login_box .form-group label {
	text-align: left;
}

.slider .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
}

.mar0 {
	margin: 0px;
	padding: 0px !important;
}

.ac_list .jumbotron {
	background: #f6f6f6;
}

.reg_box .form-horizontal label {
	color: #676767;
}

.re_btn2 {
	background: #ff6f93;
	color: #fff;
	font-size: 16px;
	padding: 6px 60px;
}


.re_btn2:hover {
	background: #ff6f93;
	color: #fff;
}

@media screen and (min-width: 1200px) {
	.login_pic {
		max-height: 336px;
	}
}

.pd_num {
	font-size: 12px;
}

.check_form2 th {
	padding: 8px 0 !important;
}

.pic_width {
	width: 100px;
}


.news_tit {
	color: #9d4235 !important;
	font-size: 20px !important;
	font-weight: bold;
}

.share_list img {
	vertical-align: bottom;
	margin-left: 10px;
}

.share_list span {
	color: #9d4235;
}

.more {
	color: #9d4235;
	font-size: 12px;
	display: block;
}

.news_list {
	margin-bottom: 20px;
}

.about_text p {
	margin-top: 15px;
	color: #000;
	font-size: 15px;
	line-height: 24px;
}

.boss {
	text-align: center;
	margin: 15px 0;
}

.boss h2 {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}

.img_pos {
	margin: 0 auto;
}

.privacy p {
	margin-top: 20px;
	color: #000;
	font-size: 15px;
	line-height: 24px;
}

.privacy_ul li {
	list-style: lower-latin !important;
	list-style-position: outside;
}

.privacy_ul,
.privacy_ul2,
.privacy_ul3 {
	margin-left: 50px;
}

.privacy_ul2 li {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 10px;
}

.privacy_ul3 li {
	list-style: lower-roman outside !important;
}

.contact_list a,
.contact_list p {
	color: #000;
	margin-right: 15px;
	font-size: 16px;
	font-weight: bold;
}

.contact_list span {
	margin-right: 6px;
}

.contact_list {
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding-bottom: 10px;
}


.ct_form .form-group textarea {
	resize: none;
}

.ct_form .form-group label {
	color: #000;
}

.ct_form .form-group img {
	width: 100%;
}


.re_send {
	background: #939598;
	color: #fff;
	padding: 6px 40px;
}

.re_send img {
	margin-right: 6px;
}

.buy_list .panel-title span {
	color: #676767;
}



.pay_option {
	display: inline-block;
}

.pay_option li {

	display: inline;
	height: 60px;

	float: left;
}

.pay_option li input {
	padding-top: auto;
	padding-bottom: auto;
	height: 60px;
}

.pay_option li img {

	height: 60px;
}

.half {
	width: 40%;
	padding-bottom: auto;
	margin: 0px 3px;
}

.padT10 {
	padding-top: 10px!important;
}

.red {
	color: red!important;
}



.brandName {
	padding-top: 5px;
	width: 40%
}

.discountPrice {
	font-size: 15px
}

@media screen and (max-width: 768px) {
	.brandName {
		padding-top: 0px;
		width: 80%
	}
	.discountPrice {
		font-size: 18px !important
	}
}
.err_msg{
	display:none;
}
.nodeIcon{
	background: #fff;
}



.card{
    width: 100%;
    padding: 15px;
}
.card-header{
    width: 100%;
}
.card-body{
    width: 100%;
}

.empty{
        width: 100px;
        height: 100px;
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 50px;
        margin: 5px;
    }
.check{
    width: 100px;
    height: 100px;
}
.check i{
    font-size: 80px;
    padding: 10px;
    color: #fff;
}