.content-wrap{max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative;}
.breadcrumb{font-size: calc(16rem / 16); padding: 25px 0; text-align: right; line-height: 25px;}
.breadcrumb a{font-size: calc(16rem / 16); color: #000;}
.breadcrumb a.selected, .breadcrumb a:hover{color: #f57e20;}

h1, .undoreset h1{font-weight: bold; color: #f57e20;}
p{color: #000;}
.btn-container{text-align: center; margin: 50px 0;}
.green-btn{display:inline-block; font-size: 24px; color: #fff !important; font-weight: bold; background: #55b050; padding: 15px 30px; border-radius: 15px; text-decoration:none !important}
.green-btn:hover{background: #f57e20;}
.challenge-btn::before{display: inline-block; width: 39px; height: 38px; content: ' '; background: url(../images/icons/stop-watch.png); position: relative; top: 5px; margin-right: 10px;}
h2, .undoreset h2{color: #f57e20; padding-top: 10px;}

.red{color: red;}
.undoreset ul {list-style: none; margin-left: 0; margin-bottom: 20px; }
.undoreset ul li {position:relative; padding-left:20px; text-align:justify}
.undoreset ul li::before {position:absolute; left:0; content: "•"; color: #f57e20; padding-right: 10px;}
.undoreset ul.no-reset {list-style: none !important; margin: 0 !important;}
.undoreset ul.no-reset li {padding-left:0; list-style: none !important;}
.undoreset ul.no-reset li::before {display:none;}

h3, .undoreset h3{color: #f57e20;}

.prize li:nth-child(1) {background-image: url(../images/icons/icon_prize01.png);}
.prize li:nth-child(2) {background-image: url(../images/icons/icon_prize02.png);}
.prize li:nth-child(3) {background-image: url(../images/icons/icon_prize03.png);}
.prize li{background-repeat: no-repeat; background-position: left center; font-size: calc(16rem / 16); line-height: calc(26rem / 16); padding: 10px 10px 10px 50px; margin-bottom: 10px;}

.video-container{margin-top: 20px;}
.video-container > iframe{width: 48%; height: 435px; float: left;}
.video-container > iframe:nth-of-type(2n){float: right;}

.remarks{margin: 25px 0;}
.remarks p{font-size: calc(13rem / 16);; color: #000; margin-bottom: 5px; line-height: 20px;}

.inner-wrap{max-width: 745px; margin: 0 auto;}
.table-tr{margin-bottom: 20px;}

.upload-form .table-tr > div:nth-child(odd){width: 140px; margin-right: 20px;}
.upload-form .table-tr > div:nth-child(even){width: calc(100% - 160px);}
.upload-form input{width: 100%; border: solid 1px #bfbfbf; border-radius: 10px;}
.upload-form textarea{width: 100%; height: 130px; border: solid 1px #bfbfbf; border-radius: 10px;}
.upload-form .file-type{font-size: calc(14rem / 16); color: #000; margin-left: 20px;}
.file-btn{font-size: calc(18rem / 16); color: #fff; /*font-weight: bold;*/ background: #f57e20; padding: 10px 15px; border-radius: 25px; display: inline-block; cursor: pointer;}
.inputfile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}

.required{color: red; font-size: calc(14rem / 16); float: left;}
.submit-btn{font-size: calc(18rem / 16); color: #fff; font-weight: bold; background: #55b050; padding: 15px 30px; border-radius: 25px; float: right;}
.submit-btn:hover{background: #f57e20;}

.video-thanks{text-align: center; margin-top: 100px;}
.video-thanks p {text-align: center;}
.file-btn.list-btn{padding: 10px 25px;}
.fb_share{margin: 10px 0 20px 0;}

.search-container{width: 100%; max-width: 390px; float: right; clear: both; margin: 20px 0; position: relative; overflow: hidden; border-radius: 5px;}
.search-container input{width: 100%; border: solid 1px #bfbfbf; border-radius: 5px;}
.search-container img{position: absolute; right: 0; top: -1px;}

.video-list{margin-top: 15px;}
.video-list > ul{}
.video-list > ul li{width: 31%; margin-right: 3.5%; float: left; margin-bottom: 40px;}
.video-list > ul li:nth-of-type(3n){margin-right: 0;}
.video-thumb{width: 100%; position: relative;}
.video-thumb img{width: 100%;}
.video-list .uploader{font-size: calc(18rem / 16); font-weight: bold; color: #fe5400; margin: 15px 0;}
.video-list .video-title{font-size: calc(14rem / 16); color: #2a2a2a; float: left;}
.video-list .view-count{font-size: calc(14rem / 16); color: #2a2a2a; float: right;}

.paging{margin-bottom: 65px; padding-top: 30px; clear: both;}
.paging ul{}
.paging ul li{}
.paging ul li a{border-radius: 15px; padding: 3px 0; width: calc(27rem / 16);}
.paging ul li a:hover, .paging ul li a.selected{background-color: #f57e20;}

.overlay{visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .5); z-index:2}
.video-list > ul li .video-thumb:hover .overlay{visibility: visible;}

.video-left{width: 50%; float: left;}
.video-right{width: 50%; float: right; padding-left: 35px;}
.resp-container{position: relative; overflow: hidden; padding-top: 56.25%;}
.resp-iframe{position: absolute; top: 0; left: 0; width: 100%;  height: 100%; border: 0;}

.video-right .view-count{font-size: calc(16rem / 16); color: #2a2a2a; margin-bottom: 5px; text-align: right;}
.video-right .upload-date{font-size: calc(16rem / 16); color: #2a2a2a; margin-bottom: 5px; text-align: right;}

.blue-btn{font-size: calc(16rem / 16); color: #fff; font-weight: bold; background: #55c2eb; padding: 10px 25px; border-radius: 25px; float: left;}
.blue-btn:hover{background: #f57e20;}

.news-icon::before{display: inline-block; width: 37px; height: 39px; content: ' '; background: url(../images/new/news.png); position: relative; top: 8px; margin-right: 8px; /*transform: scale(0.8);*/}

.news-list{margin-top: 20px;}
.news-list ul{}
.news-list ul li{width: 100%; margin-bottom: 20px;}
.news-thumb{width: 350px; float: left; padding:20px 0 20px 20px}
.news-info{width: calc(100% - 380px); float: right;}
.news-info h2{padding-top: 0;}
.news-date{font-size: calc(16rem / 16); color: #5f5f5f;}
.news-date::before{display: inline-block; width: 17px; height: 18px; content: ' '; background: url(../images/icons/calendar.png); position: relative; top: 3px; margin-right: 8px;}
.news-intro{font-size: calc(16rem / 16); color: #000;}

.news-more{font-size: calc(16rem / 16); color: #ed1c24; float: right;}
.news-more:hover{color: #f57e20;}
.news-more i{margin-right: 10px;}

.news-detail-info{width: 50%; float: left;}
.news-detail-thumb{width: 50%; float: right; padding-left: 40px;}
.news-detail-thumb img{width: 100%;}
.news-detail-info .news-date{text-align: right;}