.content{

    padding: 80px 0 20px;

}

.international_list{

	padding:45px 0;

}

.international_list .row{

	flex-wrap:wrap;

}

.international_list .row .col{

	position: relative;

	width: 30%;

	margin: 0px auto 90px;

	border-bottom: solid 1px #ddd;

}

.international_list .row .col:hover{

	/* Firefox v3.5+ */

	-moz-box-shadow:2px 4px 20px 0px rgba(0,0,0,0.15);

	/* Safari v3.0+ and by Chrome v0.2+ */

	-webkit-box-shadow:2px 4px 20px 0px rgba(0,0,0,0.15);

	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */

	box-shadow:2px 4px 20px 0px rgba(0,0,0,0.15);

	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 2,OffY = 4,Color = #26000000,Positive = true)";

	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 2,OffY = 4,Color = #26000000,Positive = true);

}

.international_list  time{

	font-family: 'Playfair Display','Microsoft JhengHei';

	display: block;

	text-align: center;

	font-size:18px;

	letter-spacing:2pt;

	line-height:130%;

	margin:15px 0;

	padding-top: 35px;

	position: relative;

}

.international_list  time:before{

	content: '';

    display: block;

    height: 39px;

    width: 5px;

    position: absolute;

    background: #a40000;

    left: calc(50% - 2.5px);

    top: -30px;

}

.international_list .name{

	font-size:18px;

	letter-spacing:5pt;

	line-height:160%;

	color:rgb(31,31,31);

	text-align:center;

	font-weight: normal;

	display: block;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	

}

.international_list .detail {

    width: 38px;

    height: 38px;

    line-height: 38px;

    border: solid 1px #010101;

    border-radius: 50%;

    text-align: center;

    font-style: normal;

    color: #010101;

    font-size: 19px;

    font-family: 'cwTeXFangSong','Microsoft JhengHei';

    transition: all .3s ease;

    display: block;

    margin-bottom: -19px;

    background: #fff;

    z-index: 3;

    position: relative;

    left: calc(50% - 19px);

}

.international_list a:hover .detail{

	background: #a40000;

	color: #fff;

	border-color: #a40000;

}

/*detail*/

.international_title{

	text-align: center;

	font-size:30px;

	letter-spacing:9pt;

	line-height:120%;

	font-weight: normal;

	color: #000000;

	margin-bottom: 40px;



}

time.date_big{

	border-top: solid #010101 1px;

	border-bottom: solid #666666 3px;

	line-height: 75px;

	display: block;

	text-align: center;

	font-size: 18px;

	margin-bottom: 40px;

	font-family: 'Playfair Display','Microsoft JhengHei';

}



/*signup*/

.date_signup{

	line-height: 47px;

	padding:15px 0;

	border-top: 1px #010101 solid;

	border-bottom: 1px #DDDDDD solid;

}

.btn_signup{

	width: 200px;

	height: 60px;

	content: url('../../images/common/international/signup_btn.png');

}

.btn_signup:hover {

    content: url('../../images/common/international/signup_btn_hover.png');

}

.padding_left{

	padding-left: 40px;

}

.padding_right{

	padding-right: 40px;

}

.date_signup .padding_left{

	border-left: #DDDDDD solid 1px;

}

hr.hr_big{

	border-bottom: solid 3px #666666;

	margin:30px 0;

}

.signup{

	margin-top: 90px;

	background: url('../../images/common/international/signup_bg.jpg');

	padding:45px 0 50px;

	border: solid 1px #DDDDDD;

	position: relative;

}

.signup:before{

	width: 1px;

	height: 87px;

	content: '';

	display: block;

	position: absolute;

	left: calc(50% - 0.5px);

	background: #a40000;

	margin-top: -110px;

}



.form-wrap label{

	display: block;

	font-size:16px;

	letter-spacing:3pt;

	line-height:180%;

	color:#666666;

	width: 100%;

}

.form-wrap label.required:after{

	content: url('../../images/common/international/icon.png');

	display: inline-block;

	text-align: right;

	float: right;

}

.form-wrap .form-radio,.form-wrap .form-checkbox{

	width: auto;

	padding:0 8px;

	display: inline-block;

}



.form-group{

	padding:20px 0 10px;

	border-bottom: solid #ddd 1px;	

}



.form-wrap input,.form-wrap select, .form-wrap textarea{
	 box-sizing: border-box;
	background: none;
	border:none;
	padding:0 30px ;
	width: 100%;
	color: #AAAAAA;
	font-size:14px;
	letter-spacing:2pt;
}

.form-wrap input[type=radio]{

	width: auto;

}

.form-wrap .captcha input{

	width: auto;

}

.form-wrap .captcha img{

	float: right;

}

.signup .btn-box .btn{

	width: 240px;

	height: 40px;

	line-height: 40px;

	color: #fff;

	margin: 0 -3px;

}

.signup .btn-box button[type=reset]{

	background: #010101;

}

.signup .btn-box button[type=submit],.btn-box .submit{

  	background: #a40000;

}

.signup .btn-box button[type=reset]:hover{

	background: #846748;	

}

.signup .btn-box button[type=submit]:hover,.btn-box .submit:hover{

  	background: #B69A7A;

}

.signup .btn-box:after{

	display: none;

}

/*signup_ok*/

.signup_ok_bar{

	text-align: center;

	background: #B69A7A;

	padding:35px 0;

	margin-bottom: 50px;

}

.signup_ok_bar span{

	display: block;

	font-size:18px;

	letter-spacing:2pt;

	line-height:40px;

	color: #000;

	font-family: 'Playfair Display','Microsoft JhengHei';

}

.signup_ok_bar b{

	font-size:21px;

	letter-spacing:6pt;

	line-height:40px;

	color:#fff;

	font-weight: normal;



}

.signup_ok_bar:after{

	content: '';

	display: block;

	height: 0;

	width: 1px;

	background: #a40000;

	position: absolute;

	left: calc(50% - 0.5px);

	margin-bottom:-33px;

	transition: all 2s ease;

}

.signup_ok_bar.animated:after{

	height: 58px;

}

.signup_ok .btn-box .btn.back {

    position: absolute;

    left: calc(45% - 19px);

    width: 38px;

    height: 38px;

    line-height: 38px;

    background: #fff;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-style: normal;

    color: #212121;

    font-size: 19px;

    font-family: 'cwTeXFangSong','Microsoft JhengHei';

    transition: all 1.5s ease;

    z-index: 1010;

    margin-top: -19px;

    border:solid 1px #a40000;

}

.signup_ok .btn-box .btn.signupbtn {

    position: absolute;

    right: calc(45% - 19px);

    width: 38px;

    height: 38px;

    line-height: 38px;

    background: #fff;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-style: normal;

    color: #a40000;

    font-size: 19px;

    font-family: 'cwTeXFangSong','Microsoft JhengHei';

    transition: all 1.5s ease;

    z-index: 1010;

    margin-top: -19px;

    border:solid 1px #a40000;

}

@media screen and (max-width: 960px) {

	.content {

	    padding: 20px 0 20px;

	}

	.international_list .row .col{

		width: 100%;

	}

	.international_title{

		font-size: 24px;

	}

	.signup .btn-box .btn{

		width: 40%;

	}

	.date_signup .text-right,.date_signup .text-left{

		text-align: center;

		border:none;

		padding: 0;

	}

	.signup{

		margin:0 -15px;

		padding:45px 15px 50px;

	}

	.signup_ok .btn-box .btn.signupbtn{

		right: calc(40% - 19px);

	}

	.signup_ok .btn-box .btn.back{

		left: calc(40% - 19px);

	}

	.signup_ok .name{

		padding-right:  130px;

	}

	.form-wrap label{

		margin-bottom: 5px;

	}

	.signup_ok .gender{

		position: absolute;

		right: 1px;

		bottom: 0;



	}
	.gender{
        position: absolute;
        right: 1px;
        bottom: 0;
    }
    .name{
    	padding-right: 112px;
    }

}