@font-face{
	font-family:'HanHei TC';
	font-style:normal;
	font-weight:400;
	src:url("/font/HanHei-TC-text.woff") format("woff");
}
body{background-color:#f1f1f1;padding-top:51px;font-family:'HanHei TC','PingFang HK','Helvetica Neue',Helvetica,STHeitiTC-Light,Arial,sans-serif}
.container{border-radius:3px}
.navbar-default{background-color:#fff;box-shadow:1px 1px 1px #ddd}
.collapse.navbar-collapse,.frontMain,.adformatMain,.aboutMain{margin:0 auto}
.container{background-color:#fff;margin:0 auto}
.createActivity,.promoteObjects,.adConfig,.AdDetail,.ActivityKeyword{padding-top:20px;padding-bottom:10px}
h1,h2,h3,h4,h5,h6{margin:0;color:#e11b4e;display:inline-block;vertical-align:middle;letter-spacing:1px}
.row{padding:20px 0}
.inputActivity,.inputDetailName,.inputDetailDesc,.inputDetailComp,.inputDetailDisp,.inputDetailUrl,.previewActivity{border:1px solid #aaa}
.inputActName,.detailName,.detailDesc,.detailComp,.detailDisp,.detailUrl,.previewActName{outline:none;border:0;width:90%}
.inputDetailDesc textarea{resize:none}
.countWord{display:inline-block;font-size:12px;color:#999}
label{margin-right:5px}
.AgeRange,.genderChoice,.budgetChoice,.settingChoice{display:inline-block;background-color:#eee;padding:10px;border:1px solid #999;color:#000!important;cursor:pointer}
.AgeSelected,.genderSelected,.budgetSelected,.ng-not-empty~.AgeRange,.ng-not-empty~.budgetChoice,.ng-not-empty~.settingChoice{background-color:#c6eff5;color:#0b76c7;border:1px solid #1f80e4}
.autocomplete-list ul{max-height:150px;overflow-y:auto}
.timePicker{background-color:#ddd;border:1px solid #aaa;padding:20px}
.timePickerMain,.form-control[readonly]{background-color:#fff}
.timePickerHead{padding:10px}
.vcenter{display:inline-block;vertical-align:middle;float:none}
.textLeft{text-align:left!important}
.uploadImageRectangle,.uploadImageSquare{border:3px dotted #ccc;text-align:center;position:relative;cursor:pointer}
.uploadImageRectangle input[type=file],.uploadImageSquare input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}
#recDisplay,#squDisplay{max-width:100%;max-height:100%;margin-top:-20px}
.detailFormInput{padding-top:10px}
.previewBox{background-color:#eee;border:1px solid #ddd;padding:20px}
.Native .ShowAD{border:1px solid #ddd;background-color:#fff;padding:10px;position:relative;overflow:hidden}
.Native .ShowADImage{display:inline-block;vertical-align:top}
.Native .ShowADImage img{width:100px;height:100px}
.Native .ShowADText{display:inline-block;vertical-align:top;width:100%;min-height:20px}
.Native .hvImg{width:calc(100% - 105px)}
.Native .sponsoredText{color:#aaa;font-size:13px;position:absolute;bottom:10px;right:10px}
.Native .adTitle span{color:#0600b1;font-size:16px}
.Native .adTitle span:hover{color:#1a82e4}
.Native .adDesc span{word-wrap:break-word;word-break:break-all}
.Native .adURL span{word-wrap:break-word;word-break:break-all;font-size:14px}
.Notice .ShowAD{width:300px;height:300px;line-height:15px;position:relative;background-color:#f2f2f3!important;text-align:center;border:1px solid #afafaf;box-sizing:border-box;padding:10px}
.Notice .ShowADImage{width:170px;height:140px;display:block;margin:0 auto}
.Notice .ShowADImage img{width:100%;height:140px}
.Notice .ShowADText{padding:5px 20px 0}
.Notice .hvImg{width:100%}
.Notice .sponsoredText{color:#aaa;font-size:13px;position:absolute;bottom:10px;right:10px}
.Notice .adTitle{padding-bottom:10px}
.Notice .adTitle span{font-family:Tahoma;text-decoration:none;color:#333;font-size:17px;line-height:17pt;font-weight:bold}
.Notice .ShowAD:hover .Notice .adTitle span{text-decoration:underline;color:#4d4d4d}
.Notice .adDesc{text-align:left}
.Notice .adDesc span{word-wrap:break-word;word-break:break-all;font-family:Tahoma;text-decoration:none;color:#333;font-size:14px;line-height:14pt}
.Notice .adURL{display:none}
.buttonGroup{padding:20px}
.buttonGroup button{padding:6px 30px}
.buttonGroup button:first-child{margin-right:20px}
.navbar-brand{padding-top:0}
.navbar-brand img{height:50px}
.frontBanner,.frontSep,.frontAdv,.frontPartner,.frontType,.frontContact,.adformatBanner,.adformatNative,.adformatNotice,.aboutBanner,.aboutContent{text-align:center;position:relative}
.frontBanner{width:100%;height:40vw;min-height:180px;max-height:460px;overflow:hidden}
.frontBanner1{background:url(../img/adnow-banner-s1.png)no-repeat center center / cover;width:100%;height:40vw;min-height:180px;max-height:460px;position:absolute;top:0;animation-name:fade-bg1;animation-iteration-count:infinite;animation-duration:20s;transition-timing-function:ease-out}
.frontBanner2{background:url(../img/adnow-banner-s2.png)no-repeat center center / cover;width:100%;height:40vw;min-height:180px;max-height:460px;position:absolute;left:100%;top:0;animation-name:fade-bg2;animation-iteration-count:infinite;animation-duration:20s;transition-timing-function:ease-out}

@keyframes fade-bg1{
    0%{left:0}
    45%{left:0}
    50%{left:-100%}
    51%{left:100%}
    95%{left:100%}
    100%{left:0%}
}
@keyframes fade-bg2{
    0%{left:100%}
    45%{left:100%}
    50%{left:0}
    51%{left:0}
    95%{left:0}
    100%{left:-100%}
}

.frontBannerInner{position:absolute;top:50%;left:50%;margin-left:-50%;margin-top:-4%;text-align:center}
#frontBannerSlogan{width:40vw;max-width:673px}
#startnow{width:15vw;max-width:267px;cursor:pointer}
.frontSep{background:url(http://public-assets.envato-static.com/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.png)no-repeat center center / cover;width:100%;background-color:#fff;height:50vw;min-height:220px;max-height:800px}
#frontSepTitle{width:25vw;max-width:302px}
.frontSepInner,.frontAdvInner,.frontPartnerInner,.adformatNativeInner,.adformatNoticeInner,.aboutContentInner{position:absolute;top:0}
.frontSep1200,.frontAdv1200,.frontPartner1200,.frontType1200,.adformatNative1200,.adformatNotice1200,.aboutContent1200{max-width:1200px;margin:0 auto}
.frontSepDiv img{max-width:100%;width:24vw}
.frontArrow{text-align:center;z-index:1;position:relative;height:0}
.frontArrow img{width:7vw;max-width:110px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.frontAdvBlock{display:inline-block;position:relative;width:100%;height:46vw;min-height:220px;max-height:680px;background:url(../img/big-img_01.png)no-repeat center center / cover}
.frontAdvLayer,.adformatNoticeLayer{position:absolute;top:0;left:0;bottom:0;right:0;background:-moz-linear-gradient(left,rgba(222,10,127,0.9)0%,rgba(236,30,106,0.9)25%,rgba(218,2,42,0.9)50%,rgba(191,3,64,0.9)100%);background:-webkit-linear-gradient(left,rgba(222,10,127,0.9)0%,rgba(236,30,106,0.9)25%,rgba(218,2,42,0.9)50%,rgba(191,3,64,0.9)100%);background:linear-gradient(to right,rgba(222,10,127,0.9)0%,rgba(236,30,106,0.9)25%,rgba(218,2,42,0.9)50%,rgba(191,3,64,0.9)100%)}
#frontAdvTitle,#frontPartnerTitle,#frontTypeTitle,#adformatNativeTitle,#adformatNoticeTitle,#aboutContentTitle{width:25vw;max-width:262px}
.frontAdvHr,.adformatNoticeHr{width:25vw;max-width:225px}
#frontPartnerIntro{width:50vw;max-width:605px}
#frontAdvC1,#frontAdvC2,#frontAdvC3,#adformatNoticeC1,#adformatNoticeC2,#adformatNoticeC3{width:24vw;max-width:250px}
.frontAdvMore,.adformatNoticeMore{width:12vw;max-width:208px}
.frontPartner{width:100%;height:45vw;background-color:#fff}
#frontPartnerP1,#frontPartnerP2,#frontPartnerP3{height:10vw;max-height:170px}
#frontPartnerCat1,#frontPartnerCat2,#frontPartnerCat3,#frontPartnerCat4,.frontContactInput,#adformatNativeCat1,#adformatNativeCat2,#adformatNativeCat3,#adformatNativeCat4{width:100%}
.frontPartnerLayer,.adformatNativeLayer{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.3);margin:0 15px}
.frontPartnerCicon,.adformatNativeCicon{width:8vw;max-width:88px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.frontType{background-color:#f7f8f9;width:100%}
.frontTypeBtn{width:25vw;max-width:256px}
.frontTypeDemo{width:100%;max-width:1200px}
.frontTypeWhiteBackground{float:left;width:100%;height:3vw;margin-top:-3vw;background-color:#fff}
.frontContact{background-color:#fff;width:100%}
#frontContactTitle{width:50vw;max-width:446px}
.frontContact790{max-width:790px;margin:0 auto}
.frontContactDiv{padding:0}
#frontContactName,#frontContactEmail,#frontContactTel,#frontContactDesc{margin-top:10px;margin-bottom:10px}
.frontContactTextarea{width:100%;height:80px;margin:10px 0 20px;resize:none}
.frontContactBtnBackground{background-color:#f39136;position:relative;max-height:60px;cursor:pointer}
.frontContactBtn{width:10vw;max-width:92px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.frontFooter{background-color:#2e2829;text-align:center;padding:20px 0;color:#999;font-size:16px}
.frontFooter img{width:30vw;max-width:539px}
.clear{clear:both}
.adformatBanner,.aboutBanner{background:url(../img/adtpebg.jpg)no-repeat center center / cover;width:100%;height:40vw;min-height:180px;max-height:460px}
.adformatNative{width:100%;height:86vw;min-height:400px;max-height:1000px;background-color:#fff}
.adformatNativeP{width:100%;max-width:306px}
.adformatNativeInner span{font-size:3vw}
#adformatNativePre,#adformatNoticePre{width:50vw;max-width:733px}
.adformatNativeDiv{padding-top:7px;padding-bottom:7px}
.adformatNoticeBlock{display:inline-block;position:relative;width:100%;height:56vw;min-height:250px;max-height:730px;background:url(../img/adtpebg.jpg)no-repeat center center / cover}
.adformatNoticeInner span{font-size:3vw;color:#fff}
.aboutContent{width:100%;height:84vw;min-height:350px;max-height:1200px;background-color:#fff}
#aboutContentDesc,.aboutContentP{width:50vw;max-width:770px}
.promoteStep{height:40px;margin:15px auto;padding:0}
.promoteStep1,.promoteStep2,.promotePreview{color:#fff;width:10vw;max-width:120px;min-width:80px;height:100%;text-align:center;padding:7px;font-size:18px;display:inline-block;vertical-align:middle}
.promoteStep1{border-bottom-left-radius:3px;border-top-left-radius:3px;background-color:#ff5f00;color:#fff}
.promoteStep1 span,.promoteStep2 span,.promotePreview span{letter-spacing:2px}
.promotePreview span{color:#000}
.promoteStep2{background-color:#eee;color:#353030}
.promoteStep1Arrow,.promoteStep2Arrow,.promotePreviewArrow{width:0;height:0;display:inline-block;vertical-align:middle}
.promoteStep1Arrow{border-top:20px solid #eee;border-bottom:20px solid #eee;border-left:15px solid #ff5f00}
.promoteStep2Arrow{border-top:20px solid #ddd;border-bottom:20px solid #ddd;border-left:15px solid #eee}
.promotePreviewArrow{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:15px solid #ddd}
.promotePreview{background-color:#ddd}
.ad-label{color:#717170;font-size:16px;letter-spacing:2px}
.createActivityIcon{background:url(../img/icon_01.png)no-repeat -32px -32px / 470%}
.createActivity .form-control,.advPeriod .form-control{height:25px;border-left:0;box-shadow:none}
.createActivity .input-group-addon,.advPeriod .input-group-addon{padding:3px 8px;background-color:transparent}
.toolsOuter{margin:10px 0;border:1px solid #e3e1e2;border-bottom:5px solid #e3e4e8}
.toolsTitle{background-color:#f7f8fa;padding:10px 0;color:#515962;font-size:16px}
.toolsBody>div img{height:10vw;min-height:90px;max-height:136px;border-bottom:2px solid #f0f0f0}
.toolsBody>div:last-child img{border-bottom:none}
.ActivityName span{margin-left:5px;color:#e11b4e;font-weight:bold;letter-spacing:1px}
.ng-binding,.headercat a,.uconfig table tbody tr td a{color:#717170}
.ActivityType label{margin-left:20px}
.ActivityType label:first-child{margin-left:0}
.ActivityIcon{width:31px;height:32px;margin-right:10px;display:inline-block;vertical-align:middle}
.promoteActivityIcon{background:url(../img/icon_01.png)no-repeat -32px -96px / 470%}
.promoteAgeRange input,.ActConfig input[type=radio],.promoteGenderChoice input,.ActConfig input[type=checkbox],.ActSetting input[type=checkbox]{display:none}
.btn.btn-danger,.btn.btn-success{width:192px;height:42px;border-radius:2px}
.advPeriod>thead>tr>th,.advPeriod>tbody>tr>td{border:0px;vertical-align:middle}
.advTarget>thead>tr>th,.advTarget>tbody>tr>td,.advbudget>thead>tr>th,.advbudget>tbody>tr>td{height:40px;border:10;border:0px;text-align:center;vertical-align:middle}
td.odd{background:#fff}
th.odd{width:40%;background-color:#f39c12;border-right:1px solid #fff;color:#fff}
th.even{width:40%;background-color:#e74c3c;color:#fff}
span.previewEdit{cursor:default}
.previewEdit{color:#000;text-decoration:none!important}
.previewFinish{padding:5px 15px;margin-left:10px;text-decoration:none!important}
.glyphicon-star{color:red;font-size:7px;vertical-align:middle;margin-top:-4px}
.previewDateLabel,.previewDateText,.previewTypeLabel,.previewTypeText{line-height:25px}
.previewNameLabel,.previewNameText{line-height:24px}
.timePickerMain{position:relative}
.selection{position:absolute;border:1px solid #89b;background:#bce;background-color:#bec;border-color:#8b9}
.size2{height:118px;line-height:118px}
.size3{height:178px;line-height:178px}
.timedrop{border:1px solid #888;background:#eee}
.timedropped{background-color:#c6eff5;border-color:#1f80e4}
.timeactive{background-color:#ceb;border-color:#9b8}
.pickername{padding:0.75vw 1vw;min-width:55px;max-width:70px}
.pickerdate{padding:10px 1vw}
.headercat{padding:8px;border-right:1px solid #efefef}
/* for user config, created by coco*/
.no-padding{padding:0px}
.userConfig .media-left span{padding:25px 10px;font-size:35px;color:#ddd}
.userConfig .media-body{padding:25px 0px 15px 0px}
.userConfig .media-body h4{color:#000;font-size:23px}
.userConfig .media-body p{color:#717170;line-height:7px}
.uconfig{border-top:1px solid #efefef}
.uconfig table tbody tr td{width:110px;cursor:pointer;border-top:0px;border-right:1px solid #efefef}
.cpgStatus{font-size:10px;margin-right:6px;vertical-align:middle;margin-top:-5px}
.cpgStatus.active{color:#69c773}
.cpgStatus.complete{color:#ffd454}
.advImg>img{max-width:100%;max-height:163px}
.editImageSquare{position:relative;max-width:100px;max-height:100px}
.editImageRectangle{position:relative}
.editImageSquare input[type=file],.editImageRectangle input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}
textarea{resize:none}
.formsub,.formsub:hover,.formsub:active{background-color:#f39136;border-color:#f39136;font-size:20px;color:#523b2b}
.act-border{margin:14px 0 4px;border-left:8px solid transparent;padding:0 15px 0 7px}
.sel-border{border-left:8px solid #f50063}
.Actlist{border-bottom:1px dashed #e0e0e0;font-size:17px;font-weight:bold;cursor:pointer}
#totalTable>thead>tr>td{background:#f50063;color:#fff}
#totalTable>tbody{border-bottom:1px solid #ddd}
#totalTable>tbody>tr>td{border-left:1px solid #ddd}
#totalTable>tbody>tr>td:nth-child(1),#totalTable>tbody>tr>td:nth-child(2){border-left:none}
#totalTable>tbody>tr:last-child>td:nth-child(1){border-right:1px solid #ddd}
#CRTable>thead>tr>td{background:#555;color:#fff}
#CRTable>tbody{border-bottom:1px solid #ddd}
#CRTable>tbody>tr>td{border-left:1px solid #ddd}
#CRTable>tbody>tr>td:nth-child(1){border-left:none}
#CRTable tr>td:first-child{text-align:left;padding-left:15px}
.advCrtList{height:40px;margin:15px auto}
.advCrtList .pull-left{font-size:14px;padding:10px 25px}
.advCrtList .pull-right{padding:8px 0px}
.advCrtList .pull-right button{padding:2px 25px;font-size:12px;margin-right:5px;background:#f8f8f8}
.advList .row{margin:0px;border-bottom:8px solid #e9ebee}
.advList .row .advStatus{color:#8c8c8b;padding: 25px 0px}
.advList .row .advCxt{padding:20px 20px 10px}
.advList .row .advCxt h3{margin-bottom:12px;letter-spacing:2px}
.advList .row .advCxt div{color:#8c8c8b;line-height:15px;font-size:15px;letter-spacing:2px}
.advList .row .advImg{background-color:#ddd;height:163px}
.manageAdv h4,.overviewAdv h4,.overviewTable h5{color:#616161}
.manageAdv .advSlider i{color:#e11b4e;font-size:50px}
.manageAdv .prevCostList .prevCost .row>div{width:12.5%}
.manageAdv .prevCostList .prevCost .cost{border-bottom:1px solid #000}
.manageAdv .prevCostList .prevCost .date{color:#818181}
.overviewTable .table{border:0px}
.overviewTable .table>thead>tr>td{background:#f50063;color:#fff;border:0px}
.overviewTable .cpgStatus{font-size:9px}
.advsList .row>div.col-sm-6{margin-bottom:15px}
#overviewChart{max-width:900px;margin:0 auto}
#itemsTable>thead>tr>td{background:#f50063;color:#fff}
@media all and (max-width:767px){
	.ad-label{font-size:15px;text-align:left}
	.uploadImageRectangle{width:80vw;height:calc(80vw*3/4)}
	.uploadImageSquare{width:50vw;height:50vw}
	.collapse.navbar-collapse .navbar-brand{display:none}
	.frontSepInner,.frontAdvInner,.frontPartnerInner,.frontContactInner,.adformatNativeInner,.adformatNoticeInner,.aboutContentInner{padding-top:32px;padding-bottom:32px}
	.frontTypeInner{padding-top:32px}
	.timedrop{width:3.2vw}
}
@media all and (min-width:768px){
	.navbar-header{display:none}
	.collapse.navbar-collapse{width:750px}
	.ad-label{font-size:16px}
	.inputActivity{padding:0 10px;margin-left:15px}
	.uploadImageRectangle{width:220px;height:165px}
	.uploadImageSquare{width:165px;height:165px}
	.frontSepInner,.frontAdvInner,.frontPartnerInner,.frontContactInner,.adformatNativeInner,.adformatNoticeInner,.aboutContentInner{padding-top:64px;padding-bottom:64px}
	.frontTypeInner{padding-top:64px}
	#frontContactName{padding-right:20px}
	#frontContactEmail{padding:0 10px}
	#frontContactTel{padding-left:20px}
	.previewActivity{padding:0 10px}
	.border-right{border-right:10px solid #f1f1f1}
	.prevCostList{border-right:10px solid #f1f1f1}
	.advsList .row>div.col-sm-6:nth-child(odd){border-right:7.5px solid #f1f1f1}
    .advsList .row>div.col-sm-6:nth-child(even){border-left:7.5px solid #f1f1f1}
}
@media all and (min-width:992px){
	.collapse.navbar-collapse{width:970px}
	.uploadImageRectangle{width:300px;height:225px}
	.uploadImageSquare{width:225px;height:225px}
}
@media all and (min-width:1200px){
	.collapse.navbar-collapse{width:1170px}
	.uploadImageRectangle{width:392px;height:278px}
	.uploadImageSquare{width:278px;height:278px}
}