/*------------ news ------------*/

.news-sect{

    width: 100%;

    position: relative;

}

.news-sect .row{

    margin-bottom: 20px;

    border: solid #F3F3F3 2px;

    padding:0;

}

.news-sect h4{

    position: absolute;

    z-index: 1010;

    color: #A40000;

    top: 95px;

    left: 51%;

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

    font-size: 18px;

    letter-spacing: 2pt;

    line-height: 1.3;

}

.news-sect h5{

    position: absolute;

    z-index: 1010;

    top: 95px;

    right: 51%;

    line-height: 1.2;

    font-size:20px;

    letter-spacing:5pt;

    color:#212121;

    font-weight: normal;

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

}

.news-sect span.line {

    display: block;

    width: 1px;

    background: #000;

    position: absolute;

    top: 0px;

    left: calc(50% - 0.5px);

    max-height: 100%;

}

.news-sect .container{

    width: 1000px;

    background: #fff;

    z-index: 2;

    position: relative;

    padding:0;

}

.news-sect .col{

    padding:0;

}

.news-sect .col img{

    display: block;

    width: 100%;

}

.news-sect .col:nth-child(2) *{

    padding:5px 50px;

    box-sizing: border-box;

}

.news-sect .container a:nth-child(even) .col:nth-child(1){

    order: 2;

}

.news-sect .container a:nth-child(even) .col:nth-child(2){

    order: 1;

}

.news-sect .container a:nth-child(odd) .col:nth-child(2) .date{

    margin-left: 15px;

}

.news-sect .container a:nth-child(odd) .col:nth-child(2) .date:before{

    content: '';

    display: inline-block;

    width: 94px;

    height: 5px;

    background: #a40000;

    margin-left: -85px;

    margin-right: 25px;

    top: -3px;

    position: relative;

}

.news-sect .container a:nth-child(even) .col:nth-child(2) .date{

    float: right;

    margin-right: 15px;

}

.news-sect .container a:nth-child(even) .col:nth-child(2) .date:after{

    content: '';

    display: inline-block;

    width: 94px;

    height: 5px;

    background: #a40000;

    margin-right: -85px;

    margin-left: 25px;

    top: -3px;

    position: relative;

}

.news-sect .date{

    font-size:18px;

    letter-spacing:2pt;

    line-height:1.3;

    color:#a40000;

    text-align:left;

    margin-top: 30px;

    display: inline-block;

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

}



.news-sect .name{

    clear: both;

    font-size:28px;

    letter-spacing:5pt;

    line-height:160%;

    color: #212121;

    margin:0 10px;

    text-align:left;

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

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.news-sect .text{

    font-size:15px;

    letter-spacing:2pt;

    line-height:180%;

    color:#666666;

    text-align:justify;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.news-sect .detail{

    position: absolute;

    bottom: 120px;

    left: calc(50% - 19px);

    z-index: 1010;

    width: 38px;

    height: 38px;

    line-height: 38px;

    border:solid 1px #221815; 

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-style: normal;

    color: #221815;

    background: #fff;

    font-size:19px;

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

    transition: all .3s ease;

}

.news-sect .detail:hover{

   border:solid 1px #a40000; 

   background: #a40000; 

   color: #fff;

}

.news-sect .col img.hover_block{

    width: auto;

    opacity: 0;

    transition: all .3s ease;

}

.news-sect a:hover .hover_block{

    opacity: 1

}

.news-sect a:hover .row{

    transition: all .3s ease;

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

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

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

    /* 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.3);

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

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

}

.news-sect a:hover .name{



    color: #a40000;

    transition: all .3s ease;

}

/*------------ /news ------------*/



/*detail*/

.news_detail .border_bottom{

    height: auto;

    overflow: hidden;

    border-bottom: #212121 1px solid;

    padding:15px 0;

}



.news_detail{

    padding:80px 0;

}

.news_detail_title{

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

    font-size:30px;

    letter-spacing:9pt;

    line-height:120%;

    text-align:left;

    color: #000000;

    position: relative;





}

.news_detail_title:before{

    content: '';

    display: block;

    width: 260px;

    height: 2px;

    background: #010101;

    position: absolute;

    left: 0;

    top: -20px;

}

.news_detail time{

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

    float: right;

    font-size:18px;

    letter-spacing:2pt;

    line-height:130%;

    

}

.news-editor{

    padding-top: 60px;

}



.download{

    color: #fff;

    display: inline-block;

    text-align: center;

    font-size:18px;

    letter-spacing:2pt;

    font-weight:bold;

    /* safari v4.0+ and by Chrome v3.0+ */

    background-image:-webkit-gradient(linear,55% 0%,55% 100%,color-stop(0, rgb(164,0,0)),color-stop(1, rgb(106,44,18)));

    /* Chrome v10.0+ and by safari nightly build*/

    background-image:-webkit-linear-gradient(-90deg,rgb(164,0,0) 0%,rgb(106,44,18) 100%);

    /* Opera v11.10+ */

    background-image:-o-linear-gradient(-90deg,rgb(164,0,0) 0%,rgb(106,44,18) 100%);

    /* IE v10+ */

    background-image:-ms-linear-gradient(-90deg,rgb(164,0,0) 0%,rgb(106,44,18) 100%);

    background-image:linear-gradient(180deg,rgb(164,0,0) 0%,rgb(106,44,18) 100%);

    width:277px;

    height:37px;

    line-height: 37px;

    border-color:rgb(106,44,18);

    border-width:1px;

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

    -webkit-border-radius:9px ;

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

    border-radius:9px ;

    border-style:solid;

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa40000,endColorstr=#ff6a2c12,GradientType=0)";

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa40000,endColorstr=#ff6a2c12,GradientType=0);

}

.download i{

    font-size: 24px;

    display: inherit;

    vertical-align: middle;

    margin-top: -5px;

    padding: 0 5px;

}

.download span{

    font-size:14px;

    letter-spacing:3pt;

    line-height:120%;

    font-weight:bold;

    color:#FF7373;

    text-align:left;

    padding:0 10px;

    border-left: solid #FF7373 1px;

    font-weight: normal;

    margin-left: 10px;

}



.border_bottom .download:nth-child(even){

    background-image:-webkit-gradient(linear,55% 0%,55% 100%,color-stop(0, rgb(102,102,102)),color-stop(1, rgb(33,33,33)));

    background-image:-webkit-linear-gradient(-90deg,rgb(102,102,102) 0%,rgb(33,33,33) 100%);

    background-image:-o-linear-gradient(-90deg,rgb(102,102,102) 0%,rgb(33,33,33) 100%);

    background-image:-ms-linear-gradient(-90deg,rgb(102,102,102) 0%,rgb(33,33,33) 100%);

    background-image:linear-gradient(180deg,rgb(102,102,102) 0%,rgb(33,33,33) 100%);

    border-color:rgb(33,33,33);

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff666666,endColorstr=#ff212121,GradientType=0)";

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff666666,endColorstr=#ff212121,GradientType=0);

}



.border_bottom .download:nth-child(even) span{

    color:#999999;

    border-left: solid #999999 1px;

}

.border_bottom .download:hover{

    background-image:-webkit-gradient(linear,-64% -13%,-64% 87%,color-stop(0, rgb(182,154,122)),color-stop(1, rgb(132,103,72)));

    background-image:-webkit-linear-gradient(-90deg,rgb(182,154,122) 0%,rgb(132,103,72) 100%);

    background-image:-o-linear-gradient(-90deg,rgb(182,154,122) 0%,rgb(132,103,72) 100%);

    background-image:-ms-linear-gradient(-90deg,rgb(182,154,122) 0%,rgb(132,103,72) 100%);

    background-image:linear-gradient(180deg,rgb(182,154,122) 0%,rgb(132,103,72) 100%);

    border-color:rgb(182,154,122);

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb69a7a,endColorstr=#ff846748,GradientType=0)";

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb69a7a,endColorstr=#ff846748,GradientType=0);

}

.border_bottom .download:hover span{

    color: #D5C5B3;

    border-left: solid #D5C5B3 1px;

}
/*signup*/

.news_detail .date_signup{
    float: none;
    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) {

    .news-sect .col:nth-child(2) *{

        padding:5px 10px;

    }

    .download{

        margin-bottom: 8px;

    }

    .news_detail_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;
    }

}