.wrap{padding: 0px 60px;}
.resultShow{display: none}
.mdl-checkbox{height: inherit !important;}

.mdl-checkbox {font-size:calc(16rem / 16);line-height:24px; }

.mdl-radio__outer-circle, .mdl-checkbox__box-outline{border:2px solid #f68831 !important;}

.mdl-radio.is-checked .mdl-radio__outer-circle, .mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid #f68831 !important;}

.mdl-radio__inner-circle{background: #f68831 !important;}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background: #f68831 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") !important}

.video-thumb-container{width: 100%; height: 100%;}

/*

header nav > div > a:after{background: url("../images/new/icon_nav.png"); position: absolute; top: 0; left: calc(50% - 18px); content: ""; width: 37px; height: 37px;}

header nav > div:nth-of-type(1) a:after{background-position: 0 0;}

header nav > div:nth-of-type(2) a:after{background-position: calc(100% / 5 * 1 ) 0;}

header nav > div:nth-of-type(3) a:after{background-position: calc(100% / 5 * 2 ) 0;}

header nav > div:nth-of-type(4) a:after{background-position: calc(100% / 5 * 3 ) 0;}

header nav > div:nth-of-type(5) a:after{background-position: calc(100% / 5 * 4 ) 0;}

*/

header{z-index: 999999}

header nav > div a:after{position: absolute; top: 18px; left: calc(50% - 17px); content: ""; background-position:0 0; }

header nav > div.selected:hover a:after,header nav > div:hover a:after{background-position:0 0;}

header nav > div:nth-of-type(1) > a:after{width: 38px; height: 38px;background: url('../images/new/home.png');}

header nav > div:hover:nth-of-type(1) > a:after,header nav > div.selected:nth-of-type(1) > a:after{width: 38px; height: 38px;background: url('../images/new/home-hover.png');}

header nav > div:nth-of-type(2) > a:after{width: 32px; height: 39px;background: url('../images/new/about.png');}

header nav > div:hover:nth-of-type(2) > a:after,header nav > div.selected:nth-of-type(2) > a:after{width: 32px; height: 39px;background: url('../images/new/about-hover.png');}

header nav > div:nth-of-type(3) > a:after{width: 32px; height: 39px;background: none;}

header nav > div:hover:nth-of-type(3) > a:after,header nav > div.selected:nth-of-type(3) > a:after{width: 32px; height: 39px;background: none;}

header nav > div:nth-of-type(4) > a:after{width: 37px; height: 37px;background: url('../images/new/1min.png');}

header nav > div:hover:nth-of-type(4) > a:after,header nav > div.selected:nth-of-type(4) > a:after{width: 37px; height: 37px;background: url('../images/new/1min-hover.png');}

header nav > div:nth-of-type(5) > a:after{width: 39px; height: 39px;background: url('../images/new/info.png');}

header nav > div:hover:nth-of-type(5) > a:after,header nav > div.selected:nth-of-type(5) > a:after{width: 39px; height: 39px;background: url('../images/new/info-hover.png');}

header nav > div:nth-of-type(6) > a:after{width: 37px; height: 39px;background: url('../images/new/news.png');}

header nav > div:hover:nth-of-type(6) > a:after,header nav > div.selected:nth-of-type(6) > a:after{width: 37px; height: 39px;background: url('../images/new/news-hover.png');}

header nav{margin-top: 0px;}

header nav > div > a{padding:73px 5px 0 5px; color: #000; font-weight: bold; height: 106px; width:120px; text-align:center;}

header nav > div:hover a, header nav > div.selected a{color: #ff7100; background: #ffcb08}

header{height: 110px;border-bottom: 6px solid #ffcb05;}

header nav > div ul{margin-top: 43px; width: 200px;}

#nav-line{display: none !important}

header nav > div ul li a{padding: 9px 11px; color: #000 !important;}

header nav > div ul li a:hover{background: #ff7100; color: #fff !important}

header #header-right .langbar .lang{background: url(../images/new/lang.png) no-repeat left center;}

header #header-right .langbar .lang li a:hover, header #header-right .langbar .lang li a.selected{color: #fff; background: #f57d1f; padding: 1px 0px; border-radius: 5px;}

header #header-right .langbar .lang li a{margin-left: 10px; width: 30px; text-align: center;}

header #header-right .langbar .size li:nth-child(2) a,header #header-right .langbar .size li:nth-child(3) a{font-size: inherit; border:0px;}

header #header-right .langbar .size li a:hover, header #header-right .langbar .size li a.selected{border-radius: 5px;background: #f57d1f; color: #fff;border:0px }

header #header-right .langbar .size li a{width: 30px; height: 30px; line-height: 30px; border: 0px;}

header #header-right .langbar .size{margin: 5px 0px 5px 0; padding-left: 28px; line-height: 28px; background: url(../images/new/textSize.png) no-repeat left center;}

footer #footer-nav li a:hover, footer #footer-nav li a.selected{color: #f28a36}

footer{border-top: 1px solid #d4d4d4;}

footer #footer-nav{margin-top: 20px; overflow:hidden;}

#back-top{position:absolute; width:46px; left:calc(50% - 23px)}

header #header-right #header-addthis{margin-top: 5px; left:0;}



p a:hover, .undoreset p a:hover{color: #f57e20}

.content-wrap{ }



ul.sitemap{margin-top: 25px;}

ul.sitemap li{display: inline-block; vertical-align: top; margin-right: 0.5%; width: 24%; margin-bottom: 40px;}

ul.sitemap li a{color: #f57e20; font-size: calc(24rem/16); font-weight: bold; line-height: calc(24rem/16);}

ul.sitemap li a:hover{color: #f57e20;}

ul.sitemap li ul.sub{margin-top: 20px;}

ul.sitemap li ul.sub li{margin-bottom: 20px; display: block; width: 100%; margin-right: 0px;}

ul.sitemap li ul.sub li a{font-size: calc(16rem/16);  color: #000; line-height: calc(20rem/16); font-weight: normal;}



.symptoms-box{border: 1px solid #f57d1f; border-radius: 5px; padding: 30px 25px; position: relative; margin-bottom: 30px;}

h3{color: #fe5400 !important; font-size: calc(18rem/16); font-weight: bold; line-height: calc(20rem/16); margin-bottom: 15px;}

.symptoms-box p{font-size: 16px; color: #000; line-height: 20px; margin-bottom: 5px;}

.symptoms-box p:last-of-type{margin-bottom: 0px;}

.symptoms-box img{float: right; position: absolute; right: 25px; top: 30px;}

h3.more-info{color: #000;}

a.more-info-link{color: #2a2a2a; font-size: 16px; text-decoration: underline; line-height: 20px; display: block;}

a.more-info-link:hover{color: #fe5400}

hr{border: 0.5px solid #d4d4d4; margin: 25px 0px; margin-bottom: 20px;}



.right-side-info{width: 305px; margin-left: 30px; background: #ffcb08; border-radius: 5px; padding: 15px 20px; position: relative; margin-top: 55px;}

.right-side-info h3{color: #000;}

.right-side-info p:last-of-type{margin-bottom: 0px}

.right-side-info img{position: absolute; right: 20px; top:-55px;}

.exercise-list td{font-size: calc(16rem/16); color: #000; line-height: calc(20rem/16); padding-bottom: 5px;}

.exercise-list{margin-bottom: 20px;}



.contact-info li > div:nth-of-type(1){padding-left: 0px !important; font-weight: bold; width: 105px; margin-right: 0px;}

#contact-map{height: 560px; margin-bottom: 65px;}

.contact-info li > div:nth-of-type(2){width: calc(100% - 105px);}

.contact-info li.table-tr{margin-bottom: 0px;}



.page-container{margin-top: 110px;}

.top-banner{float:left; width: 100%; position: relative;}

#smoke-icon{width: 50%}

#smoke-icon img{width: 70px; height: 50px; float: left; width: auto; /*height: auto;*/ max-width: 70px; max-height: 50px;}

.banner-mask{position: absolute;}

#top-member-count{position: absolute; right: 0px; width: 50%; margin-top: 25px; margin-right: 60px; padding-bottom: 80px}

#top-member-count img.title{padding-left: 60px; max-width: 41vw;}

/*.member-board{background: url(images/new/member-board.png) no-repeat; width: 388px; height: 152px; margin: 0 auto; margin-top: 10px;}*/

.member-board{text-align: center; position: relative; margin-top: 15px; background: url(../images/new/member-board-bg.png) no-repeat; max-width: 388px; width: 21vw; max-height: 149px; height: 8vw; margin: 15px auto;}

.member-board span{background: url(../images/new/member-count-bg.png) no-repeat; background-size: 100%; max-width: 53px; width: 3vw; max-height: 83px; height: 5vw; font-size: 44px; font-size: 2.5vw; color: #f57d1f; font-weight: bold; position: absolute; padding-top: 1.4vw; left: 25px; left: 1.3vw; background-position-x: 1px; color: #000} 

.member-board span:nth-of-type(2){left:4.3vw;}

.member-board span:nth-of-type(3){left:7.4vw;}

.member-board span:nth-of-type(4){left:10.4vw;}

.member-board span:nth-of-type(5){left:13.5vw;}

.member-board span:nth-of-type(6){left:16.5vw;}

.member-board-container{position: relative; /*padding-left: 60px*/}

.member-board-container p{font-size: 36px; font-size: 1.9vw; color: #f57e20; font-weight: bold; position: absolute; /* top: 0px; */ bottom: 5px; bottom: 1.3vw; left: 90px; left: 4.8vw; margin-bottom: 0px;}

.green-btn img{vertical-align: bottom; margin-right: 15px; margin-right: 0.8vw; height: 2.1vw}

.home-btn{padding-left: 60px; padding-top: 30px;}

.home-btn .green-btn{margin-left: 60px;-webkit-box-shadow: 6px 10px 34px -11px rgba(0,0,0,0.75);-moz-box-shadow: 6px 10px 34px -11px rgba(0,0,0,0.75);box-shadow: 6px 10px 34px -11px rgba(0,0,0,0.75); font-size: 1.9vw;     margin-left: 3.3vw; padding: 0.8vw 1.6vw; border-radius: 1vw;}

.home-btn .green-btn:hover{background: #4e9e4a;}

.home-news{clear: both; float: left; width: 100%; margin-top: 55px; margin-left: 120px; max-width: 770px;background: #fff; padding:15px; border-bottom: 5px solid #e0e0e0; max-width: 40vw;}

.home-news h2{padding-top: 0px;}

.home-news h2 img{vertical-align: bottom; margin-right: 15px;}

.home-news .more-btn{float: right; padding: 6px 15px; background: #f28a36; color: #fff; border-radius: 20px; font-size: 16px; font-weight: bold; position: relative; top: 8px;}

.home-news .more-btn:hover{background: #f06b00}

.home-news .more-btn img{margin-left: 5px; vertical-align: middle; position: relative;top:-1px;}

.home-news ul{clear: both; width: 100%; float: left;}

.home-news ul li{display: block; float: left; width: 100%; border-top: 1px solid #d4d4d4; padding-top: 15px;}

.home-news ul li .thumb{width: 85px; height: 60px; text-align: center; margin-right: 20px;}

.home-news ul li .thumb img{max-width: 100%; max-height: 100%}

.home-news ul li .info{width: calc(100% - 105px)}

.home-news ul li p{color: #5f5f5f; font-size: calc(14rem / 16); margin-left: 5px; float: left; margin-bottom: 15px;}

.home-news ul li a{float: right; color: #ed1c24; font-size: calc(16rem / 16);}

.home-news ul li a img{margin-right: 5px; vertical-align: middle;}

/*.member-board img{width: 21vw; max-width: 388px}

.member-board span {font-size: 44px; color: #f57d1f; font-weight: bold; position: absolute; top: 25px; left: 35px; position: absolute;}

.member-board span:nth-of-type(2){left: 95px;}

.member-board span:nth-of-type(3){left: 150px;}

.member-board span:nth-of-type(4){left: 205px;}

.member-board span:nth-of-type(5){left: 265px;}

.member-board span:nth-of-type(6){left: 320px;}

*/



.home-bottom{clear: both; position: relative; z-index: 99999; background: url(../images/new/home-bottom-bg.png); float: left; width: 100%;background-size: 100%;}

/*.home-bottom .content-wrap{margin-top: 60px}*/

.home-bottom .home-event{float: left; width: 100%;  padding-bottom: 50px;}

.home-bottom .home-event .text, .home-bottom .home-1min .text{width:50%;}

.home-bottom .home-event .text h3 img, .home-bottom .home-1min .text h3 img{vertical-align: middle; margin-right: 10px;}

.home-bottom .home-1min{padding: 50px 0;}

.home-bottom .home-1min > .fl-left {padding-left:40px} 

.home-bottom .home-event .left-photo, .home-bottom .home-1min .photo{width:50%}

.home-bottom .home-event .left-photo img:last-of-type{float: right; position: relative;/*top:-25px;*/}

.home-bottom .home-1min .photo img{float: right;}

.home-bottom .home-1min .photo a{position: relative;}

.home-bottom .home-1min .photo a:nth-of-type(1){float:right;}

.home-bottom .home-1min .photo a:nth-of-type(2){float:left;}

.home-bottom .home-1min .photo a .youtube-overlay{width: 100%; position: absolute; background: rgba(0, 0, 0, 0.4); height: 100%; border-radius: 10px; }

/*.home-bottom .home-1min .photo a:hover .youtube-overlay{display: flex}*/

.home-bottom .home-1min .photo a:nth-of-type(2) .youtube-overlay{top:-70px;}

.home-bottom .home-1min .photo a:last-of-type img{float: left; position: relative;top:-70px;}

.home-bottom .home-1min .photo a:nth-of-type(2) .youtube-overlay img{position: initial; top:initial; z-index: 99}

.more-btn2{background: #f28a36; color: #fff; padding:10px 30px; font-size: calc(18rem/16); font-weight: bold; border-radius: 20px;}

.more-btn2:hover{background: #f06b00;}

.home-bottom .home-1min{float: left; width: 100%;}

.home-bottom .btn-container{text-align: left; margin: 30px 0px;}

.home-bottom .home-1min .photo p{font-size: calc(18rem/16); font-weight: bold; color: #f28a36; margin-bottom: 0; float: left}

.fancybox-container{z-index: 9999999}



.aboutProject{margin-top: 50px; background: #fff}



.athlete{float: left; width: 100%; margin-top: 20px;}

.athlete-container{float: left; width: 100%; margin-bottom: 55px;}

.athlete-container .thumb{width: 290px; position: relative;}

.athlete-container:nth-of-type(1) .thumb{margin-right: 40px;}

.athlete-container:nth-of-type(2) .thumb{margin-left: 40px;}

.athlete-container:nth-of-type(3) .thumb{margin-right: 40px;}

.athlete-container .thumb img:not(.athlete-icon){border-radius: 10px;}

.athlete-container:nth-of-type(1) .thumb img.athlete-icon{position: absolute; bottom: -15px; right: -15px;}

.athlete-container:nth-of-type(2) .thumb img.athlete-icon{position: absolute; bottom: -15px; left: -15px;}

.athlete-container:nth-of-type(3) .thumb img.athlete-icon{position: absolute; bottom: -15px; right: -15px;}

.athlete-container .thumb img{max-height: 100%; max-width: 100%; width: auto; height: auto;}

.athlete-container .intro{width: calc(100% - 330px);}

.athlete-container .intro h2{padding-top: 0px;}

.athlete-container .intro .athlete-btn{background: #f28a36; color: #fff; font-size: calc(18rem/16); font-weight: bold; padding: 10px 30px; line-height: calc(18rem/16); border-radius: 20px; float: left}

.athlete-container .intro .athlete-btn:hover{background: #f06b00;}



.green-btn:hover{background: #4e9e4a !important}

.event-intro{margin-bottom: 25px;}

.event-intro .table-tr{margin-bottom: 10px;}

.event-intro .table-tr > div:nth-of-type(1){width: 95px; font-weight: bold; font-size: calc(16rem/16);}

.event-intro .table-tr > div:nth-of-type(2){width: calc(100% - 95px); font-size: calc(16rem/16);}

.event-detail p{margin-bottom: 0px;}

.event-detail p.bold{font-weight: bold}

.event-detail p.sub{padding-left: 16px;}

.event-detail p.sub span{text-decoration: underline;}

.event-detail li{margin-bottom: 5px;}

.remarks{margin-bottom: 100px;}



.photo-upload{text-align: center; float: left width: 100%;}

.upload-method{float: left; width: 100%; margin-top: 10px; margin-bottom: 35px;}

.upload-method a{float: left; max-width: 350px; width: 50%; border:1px solid #ededed; text-align: center; padding: 25px; background: #ededed;}

.upload-method a.byFb{margin-right: 30px;}

.upload-method a.byFb:hover, .upload-method a.byFb.selected{border-color: #f57d1f; background: transparent;}

.upload-method a.byFb:hover p, .upload-method a.byFb.selected p{color: #f57d1f}

.upload-method a.byWeb:hover, .upload-method a.byWeb.selected{border-color: #55b050; background: transparent;}

.upload-method a.byWeb:hover p, .upload-method a.byWeb.selected p{color: #55b050}

.upload-method a p{font-size: calc(16rem/16); line-height: calc(25rem/16); margin-bottom: 0px; margin-top: 15px; text-align: center}

.upload-method a p span{font-weight: bold;}

.choose-container{float: left; width: 100%; text-align: center}

.frame-select{float: left; width: 100%; margin-bottom: 40px;}

.frame-item{float: left; width: calc((100% - 75px)/4); margin-right: 25px;}

.frame-select .frame-item:last-of-type{margin-right: 0px;}

.frame-item .thumb{border:1px solid #d4d4d4; text-align: center; height: 280px; position: relative; padding: 15px;}

.frame-item .thumb .zoom{position: absolute; right: 15px; bottom: 15px;}

.frame-item .thumb img{max-width: 100%; max-height: 100%; width: auto; height: auto}

.frame-item p{text-align: center; font-size: calc(16rem/16); margin:18px 0px;}

.frame-item .btn{border-radius: 20px; border:2px solid #f57e20; padding: 5px 15px; font-size: calc(18rem/16); line-height: calc(18rem/16); font-weight: bold; color: #f57e20; position: relative;}

.frame-item .byFbBtn{background: #f57e20; color: #fff}

.frame-item .btn.selected{padding-left: 35px;}

.frame-item .btn.selected:before{content:''; background: url(../images/new/tick.png) no-repeat; width: 14px; height: 11px; position: absolute; left:15px; top:12px;}

.frame-item .btn:hover, .frame-item .btn.selected{background: #f57e20; color: #fff}



.upload-image{float: left; width: 100%; text-align: center; margin-bottom: 60px;}

.dropzone{border:0px !important;}

#dropzone{max-width: 545px; /*max-height: 145px;*/ text-align: center; border: 1px solid #e3e3e3; margin:0 auto; margin-bottom: 45px;}

#dropzone p{font-size: calc(16rem/16); line-height: calc(25rem/16); text-align: center; margin-bottom: 0px;}

.upload-image .submit-btn{float: none;}

.submit-btn:hover{background: #4e9e4a}

.dropzone .dz-preview{margin:0px;}



.upload-image-finish{text-align: center}

.upload-image-finish img.finish{margin-top: 20px;margin-bottom: 30px; max-height: 100%; max-width: 100%: width: auto; height: auto}

.upload-image-finish p{font-size: calc(20rem/16); line-height: calc(25rem/16); margin-bottom: 25px; text-align: center}

.upload-image-finish a{display: block; margin-bottom: 20px;}

.upload-image-finish a.collage_btn{background: #f28a36; color: #fff; font-size: calc(18rem/16); line-height: calc(20rem/16); font-weight: bold; padding:15px 30px; border-radius: 20px; display: inline-block; margin-bottom: 60px;}

.upload-image-finish a.collage_btn:hover{background: #f06b00}



.smoke-icon-btn{position: relative; top: -40px;}

.smoke-icon-btn .btn{font-size: calc(18rem/16); line-height: calc(20rem/16); color: #fff; font-weight: bold; padding: 15px 30px; background: #f57e20; border-radius: 20px;}

.smoke-icon-btn .btn:hover{background: #f06b00}

.smoke-list-container{float: left; width: 100%; margin-top: 30px; }

.smoke-list-container h2{padding-top: 0px;}

.smoke-list-container .search input, .smoke-list-container .search a{display: inline-block;}

.smoke-list-container .search input{width: 350px; border:1px solid #bfbfbf; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height: 36px;}

.smoke-list-container .search a{background: #f57e20; padding: 7px 8px; margin-left: -3px; vertical-align: bottom; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}

.smoke-list-container .search a:hover{background: #f06b00}

.smoke-mask{position: absolute; /*pointer-events: none;*/}

.smoke-icon-container{position: relative; float: left; width: 100%; overflow: hidden;}

.smoke-icon-container #smoke-icon{width: 100%; float: left; width: 100%; width: 75%; margin: 0px 15%;}

.smoke-icon-container #smoke-icon img.hover{transform: scale(2); z-index: 9; position: relative;}

.smoke-icon-container #smoke-icon img{cursor: pointer}



#member-slider{float: left; border: 1px solid #ffd539; width: 100%; padding: 30px 0px; margin: 35px 0px; margin-bottom: 70px;}

#member-slider ul:not(.paging-nav) li{display: inline-block; vertical-align: top; width: calc((100% - 75px) / 4); margin-right: 15px; margin-bottom: 20px; overflow: hidden;}

#member-slider ul:not(.paging-nav) li:nth-of-type(4n){margin-right:0px;}

#member-slider ul:not(.paging-nav) li a{font-size: calc(16rem/16); line-height: calc(20rem/16); color: #000; }

#member-slider ul:not(.paging-nav) li a img{margin-left: 10px; vertical-align: bottom;}

#member-slider .swiper-slide{overflow: hidden; padding:0px 35px;}

#member-slider .paging{margin: 0px; padding: 0px;}



.fb-login-container{text-align: center;}

.fb-login-container span.red{font-size: calc(14rem/16);}

.content-wrap2{max-width: 750px; margin: 0 auto;}

.login-container .table-tr > div:nth-of-type(1){text-align:left; width: 100%; font-size: calc(16rem/16); line-height: 35px !important; font-weight: bold; height: 35px;}

.login-container .table-tr > div:nth-of-type(2){width: 100%; height: 35px;}

.login-container .table-tr > div:nth-of-type(2) input[type="text"],
.login-container .table-tr > div:nth-of-type(2) input[type="password"],
.login-container .table-tr > div:nth-of-type(2) input[type="number"],
.login-container .table-tr > div:nth-of-type(2) input[type="email"] {width: 100%; height: 35px; border-radius: 5px; border: 1px solid #d2d2d2;}
.login-container .table-tr textarea {width: 100%; height: 150px; border-radius: 5px; border: 1px solid #d2d2d2;}
.login-container .table-tr .title-field {height:auto !important;}
.login-container .table-tr{margin-bottom: 20px; min-height:30px}

.login-container .table-tr .checkbox{background: #fff; border:1px solid #f39447; border-radius: 5px; margin-right: 10px; display: inline-block; float: left;}

.login-container .table-tr .checkbox-item span{display: inline-block; vertical-align: top; padding-top: 3px; float: left;}

.login-container .table-tr .checkbox-item{margin-right: 20px;width: 100%;}

.login-container .table-tr select{height: 35px; font-size: calc(16rem/16); border-radius: 5px;border: 1px solid #d2d2d2; vertical-align: top; float: left; margin-left: 10px;width: 55%;}

.login-container .table-tr input.groupText{float: left; margin-left: 10px;width: 55% !important;}

.remark-box .checkbox{background: #fff; border:1px solid #f39447; border-radius: 5px; margin-right: 10px; display: inline-block; float: left;}

.remark-box .table-tr > div:nth-of-type(2){width: 100%; font-size: calc(14rem/16); line-height: calc(16rem/16);}

.remark-box .box-container {padding:10px 20px; background:#ffffff; border:1px solid rgb(118, 118, 118); margin:0 0 30px 0;}

.remember-me .checkbox{background: #fff; border:1px solid #f39447; border-radius: 5px; margin-right: 10px; 

    display: inline-block; float: left;}

.remember-me {font-size: calc(16rem/16); line-height: calc(20rem/16); font-weight: bold}

.remember{/*float: left;*/position: relative; top: 15px; margin-bottom: 65px;}

.submit-btn:hover{background: #4e9e4a !important}



#smoke-icon .img{width: 50px; height: 50px; /* position: absolute; */ float: left; text-align: center; direction: rtl;}

#smoke-icon .img img{max-height: none; max-width: none; height: 100%; width: 120%; object-fit: cover;}

#smoke-icon .img img.hover{ width: auto; height: auto; max-width: 100px; max-height: 100px; }

#submit-image.disabled{background: #9c9c9c !important}

#submit-image.disabled:hover{background: #9c9c9c !important}



header #header-right .langbar .size{margin-right: 20px;}

header #header-right .langbar .user {margin: 5px 0px 5px 0; padding-left: 28px; line-height: 28px; background: url(../images/new/user.png) no-repeat left center;}

header #header-right .langbar .user li {float: left; margin-right: 7px;}

header #header-right .langbar .user li a {width: 30px; height: 30px; line-height: 30px; border: 0px; color: #000; font-size: calc(14rem / 16)}

header #header-right .langbar .user li a:hover{color: #f57d1f}





.user-slide-nav{width: 300px; float: left;  padding-top: 10px;}

.user-slide-nav li{margin-bottom: 20px;}

.user-slide-nav li a{font-size: calc(18rem/16); line-height: calc(20rem/16); color: #000;}

.user-slide-nav li a:hover, .user-slide-nav li a.selected{color: #f57e20}



.user-page{width: calc(100% - 300px); float: left; border-left: 1px solid #ececec; padding-left: 40px;}

.user-account .table-tr > div:nth-of-type(1){width: 100%; color: #000; font-weight: bold; font-size: calc(16rem/16); line-height: calc(35rem/16)}

.user-account .table-tr > div:nth-of-type(2){width: 100%; color: #000; font-size: calc(16rem/16); line-height: calc(35rem/16)}

.user-account .table-tr > div:nth-of-type(2) input[type="text"],
.user-account .table-tr > div:nth-of-type(2) input[type="number"],
.user-account .table-tr > div:nth-of-type(2) input[type="password"]
{width: 100%; border-radius: 5px; border:1px solid #d9d9d9; max-width: 390px; height: calc(35rem/16);}

.user-account .table-tr.remark > div:nth-of-type(1){width: 20px; margin-right: 5px;}

.user-account .table-tr.remark > div:nth-of-type(1).checkbox{height: 20px; background: #fff; border-radius: 5px; border:1px solid #f57e20;}

.user-account .table-tr.remark > div:nth-of-type(2){width: calc(100% - 25px); line-height: 20px; font-size: calc(14rem/16)}

.user-btn{color: #fff; background: #f57e20; padding: 15px 30px; border-radius: 30px;}

.user-btn-container{margin-top: 30px; text-align: center;}

.user-btn:hover{background: #f06b00}



.upload-image-finish p a{display: inline}

.termAndRemark p{text-align: left; font-size: calc(13rem/16); line-height: calc(16rem/16); margin-bottom: 5px;}



.user-photo ul.photo-list li{float: left; width: calc((100% - 60px) / 4); margin-right: 20px; border:1px solid #dddddd; height: 200px; text-align: center; position: relative; margin-bottom: 20px;}

.user-photo ul.photo-list li:nth-of-type(4n){margin-right: 0px;}

.user-photo ul.photo-list li div.photo{width: 100%; height: 100%;}

.user-photo ul.photo-list li div.photo a{width: 100%; height: inherit;}

.user-photo ul.photo-list li div.photo img{max-width: 100%; max-height: 100%; width: auto; height: auto;}

.user-photo ul.photo-list li div.photo img.zoom{position: absolute; bottom: 10px; right: 10px;}



.user-video div.photo{cursor: pointer; }

.user-video div.photo:hover .overlay{visibility: inherit;}

.user-videoDetail h2{padding-top: 0px;}

.user-videoDetail .video-left{width: 70%}

.user-videoDetail .video-info{margin-top: 20px; margin-bottom: 30px; float: left; width: 100%;}

.user-videoDetail .video-info .table-tr{margin-bottom: 5px;}

.user-videoDetail .video-info .table-tr > div:nth-of-type(1){width: 100px; font-weight: bold; font-size: calc(16rem/16); line-height: calc(20rem/16);}

.user-videoDetail .video-info .table-tr > div:nth-of-type(2){width: calc(100% - 100px); font-size: calc(16rem/16); line-height: calc(20rem/16);}

.user-videoDetail .video-info h3{margin-top: 30px;}



.radiobtn{float: left; background: #fff !important; border-radius: 100%; border:2px solid #f57e20; margin-right: 10px; position: relative; top:8px;}

.user-account span.fLeft{float: left}

.user-account .radion-btn{width: 25%; /*30*/
                            float: left;}

.user-account select{float: left; max-width: 390px; width: 100%;clear: both; height: 35px; border-radius: 5px; border:1px solid #bfbfbf; display: none;}



.checkbox:after{background-image: url(checked2.png) !important;}

.radiobtn.checkbox:after{background-image: url(checked.png) !important;}



.checkbox-item .radiobtn{top:unset; border-radius: 100% !important;}



.user-slide-nav .user-mobile-menu{display: none;}

.organe-btn{background: #f57e20 !important}

.organe-btn:hover{background: #f06b00 !important}

.content-wrap .green-btn.noResize img{height: 2.1vw}



.news-list ul li{border: 1px solid #eaeaea; background: #fff; padding-right: 20px; border-radius: 20px; -webkit-box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); -moz-box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); margin-bottom: 40px !important}

.news-info{padding: 20px 0px}

.video-list-btn{font-size: calc(20rem/16) !important; padding: 10px 30px !important }



.video-list > ul li{border: 1px solid #eaeaea; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); -moz-box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); box-shadow: 0px 10px 10px -4px rgba(234,234,234,1); margin-bottom: 50px !important}

.video-list > ul li .video-detail{padding: 0px 15px 25px 15px; float: left; width: 100%;}

.video-list > ul li .video-title{font-size: calc(16rem/16)}

.video-list > ul li .uploader{margin-bottom: 10px !important;}

.video-data{clear: both; padding-top: 15px;float: left; width: 100%;}

.video-data .video-date, .video-data .view-count{font-size: calc(14rem/16); padding-left: 25px; position: relative;}

.video-data .video-date:before{content:''; background: url('../images/new/calendar.png') no-repeat; width: 17px; height: 18px; position: absolute; left: 0px;}

.video-data .view-count:before{content:''; background: url('../images/new/count.png') no-repeat; width: 14px; height: 9px; position: absolute; left: 0px; top:3px;}

.news-more{position: relative;}

.video-list-btn img{height: 25px !important;}

#top-member-count{text-align: center;}

#top-member-count img.title{padding-left: 0px; padding-left: 60px;}

.home-btn{padding-left: 0px;}

.duck{position: absolute; left: 37px; left: 2vw; max-width: 11vw;}

.home-news h3{text-align: left;}

.videoIntro h3{margin-top: 10px;}

.duck{transform: rotate(-13deg); top: 5.5vw; left: 0vw; max-width: none; width: 11vw;}
.home-btn {position:relative;}
#top-member-count img.title{max-width: 38vw}
.duck2{position: absolute; max-width: 7vw; top: 11vw; right: 4vw;}
.member-board{top: -2vw; left: -2vw; background: url(../images/new/member-board-bg_new.png) no-repeat; background-size: 100%; width: 25vw; height: 9vw; max-width: none; max-height: none;}
.member-board span{background: url(../images/new/member-count-bg_new.png) no-repeat; top: 0.6vw; left: 2vw; padding-top: 1vw; font-size: 2vw; background-size: 100%;}
.member-board span:nth-of-type(2){left: 5.5vw;}
.member-board span:nth-of-type(3){left: 9.3vw;}
.member-board span:nth-of-type(4){left: 13vw;}
.member-board span:nth-of-type(5){left: 16.7vw;}
.member-board span:nth-of-type(6){left: 20.5vw;}
.member-board-container p{bottom:2.3vw; color: #fff}
.home-btn.noPaddingTop{top:-3vw;}
.home-btn .green-btn.haveBorder{border: 10px solid #000; margin-left: 2.3vw; border-radius: 20px;}
.home-news{margin-top: 0px; border: 10px solid #000; border-radius: 20px; max-width: 41.5vw; margin-left: 5.45vw;}
.home-news ul li:nth-of-type(1){border-top: 5px solid #f28a36;}
#top-member-count{padding-bottom: 15px}
.bduckxcosh{ position: absolute; right: 0.3vw; bottom: 0.5vw; width: 100px; width: 5vw;}

.remark{
    text-align: left !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: initial !important;
    line-height: 24px !important;
}

.remarkTextForm-group{
    width: 100%;
}
.remarkTextForm.table-tr > div:nth-of-type(2) {
    width: 100%;
}
.remarkTextForm-group .remarkTextForm{
    width: calc(50% - 10px);
    float: left;
}
.remarkTextForm-group .remarkTextForm:nth-of-type(2n) {
    float:right;
}
.remark6Text-organization{
    margin-top: 40px;
}

.lang-en .login-container .table-tr.twoline > div:nth-of-type(1) {
    line-height: calc(16rem / 16);
}

.user-account{
    margin-bottom: 16px;
}

.remark5Text, .remark6Text, .remark9Text {display: none;}


.link-font{color:blue;text-decoration:underline;}


.formIntro{
    font-size: calc(16rem/14);
    line-height: calc(25rem/14);
    text-align:justify;
}

.formTitle{
    color: #f57e20;
    font-weight: 600;
    font-size: 22px;
    margin: 20px 0 15px;
}


#userAppForm{margin-bottom: 16px;}

.userAppForm .table-tr.table-head {
    margin-bottom: 0px;
}

.userAppForm .table-tr div{
    /*width: calc((100% - 25px) / 3);*/
    color: #000;
    /*font-weight: bold;*/
    font-size: calc(16rem/16);
    /*line-height: calc(35rem/16);*/
    line-height:22px;
}

.userAppForm .table-tr.table-head div {
    font-weight: bold;
    font-size: calc(16rem/15);
    /*line-height: calc(35rem/15);*/
    line-height:22px;
}
.userAppForm .table-tr div:nth-of-type(1) {
    width: 25px;
    /*color: #000;*/
    /*font-weight: bold;*/
/*    font-size: calc(16rem/16);
    line-height: calc(35rem/16);*/
}

.userAppForm .table-tr div:nth-of-type(2), .userAppForm .table-tr div:nth-of-type(3) {
    width: calc(50% - 100px);
}
.userAppForm .table-tr div:nth-of-type(4) {
    width: 160px;
}
.userAppForm .table-tr div.error {
    width: 100% !important;
}
.userAppForm-amount div{
    width: 100% !important;
}

.userAppForm-amount-input{width: 100% !important;}
.userAppForm-amount-input div:nth-of-type(1){
    float: left;
    width: 50px !important;
}
.userAppForm-amount-input div:nth-of-type(2){
    float: left;
    width: calc(100% - 50px) !important;
}

.input-amount{width: 50px !important;}

.group-class{
    display: none;
}

.formNote{
    width: 100%;
    clear: both;
    font-size:calc(16rem / 16);
    line-height:calc(24rem / 16);
}

.formNote a {
    color:#000;
    text-decoration: underline;
}

.formNote a:hover, formNote a:focus {
    color:#f28a36;
}

.table-tr-address{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.table-tr-address div:nth-child(1){
    float: left;
    width: 160px;
}
.table-tr-address div:nth-child(2){
    float: left;
    width: calc(100% - 160px);
}
.table-tr-address div p{margin-bottom: 0;}


.user-photo-list .table-tr.table-head {
    margin-bottom: 0px;
    padding: 5px 5px;
    border-bottom: 1px solid;
}

.user-photo-list .table-tr div{
    /*width: calc((100% - 25px) / 3);*/
    color: #000;
    /*font-weight: bold;*/
    font-size: calc(16rem/16);
    /*line-height: calc(35rem/16);*/
    line-height:22px;
}

.user-photo-list .table-tr.table-head div {
    font-weight: bold;
    font-size: calc(16rem/15);
    /*line-height: calc(35rem/15);*/
    line-height:22px;
}
.user-photo-list .table-tr div:nth-of-type(1) {
    width: calc(100% - 170px);
    /*color: #000;*/
    /*font-weight: bold;*/
/*    font-size: calc(16rem/16);
    line-height: calc(35rem/16);*/
}
.user-photo-list .table-tr div:nth-of-type(2) {
    width: 135px;
}
.user-photo-list .table-tr div:nth-of-type(3) {
    width: 35px;
}
.user-photo-list .table-tr div:nth-of-type(1) img {
    max-width: 200px;
}