/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body, input, select, nav .brand-logo, .login, .popup{font-family: 'verdana', 'Noto Sans TC'!important;color: #555;}
nav .nav-wrapper, .content, .area{max-width: 1250px;margin: 0 auto;}
.row{margin: 0 -10px;}
a:hover, .explore .box .img:hover{opacity: 0.8;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #555;opacity: 1; /* Firefox */}:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #555;}::-ms-input-placeholder { /* Microsoft Edge */color: #555;}
i.left {margin-right: 5px;}
.brand-logo{height: 50px;margin: 8px 0 0 0;}
.navbar-fixed nav {border-bottom: 1px solid #f5f5f5;box-shadow: 0 0 20px rgba(0,0,0,.05);}
.btn{-webkit-box-shadow: initial;box-shadow: initial;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #dcdcdc;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #dcdcdc;}
::-ms-input-placeholder { /* Microsoft Edge */color: #dcdcdc;}
.font_color_red{color: #f00;}
.font_size_13{font-size: 13px;}
.font_color_green{color: #8BC34A;}

nav .nav-wrapper, .content {margin: 0 auto;}
.content{min-height: 300px;}
nav{box-shadow: inherit;height: 66px;line-height: 66px;}
nav ul a{color:#555;font-size: 16px;font-weight: 500;padding: 0 20px;}
nav ul li.active {background-color: rgb(241, 241, 241);}
.navbar-fixed{height: 66px;}
.icon_nav{width: 28px;float: left;margin: 18px 5px 0 0;}
nav{background-color: #fff!important}
.channel_data_box_fix{width: 100%;background-color: #f1f1f1;position: fixed;z-index: 100;text-align: center;padding: 10px 0;}
.channel_data_box_fix span{padding: 0 10px;}
.nav_m_photo{width: 40px;margin: 15px 10px 0 0;border: 1px solid #f1f1f1;border-radius: 100%;float: left;}
.dropdown-content li>a, .dropdown-content li>span {color: #039be5;font-weight: 300;padding: 8px 16px;font-size: 15px;}
.dropdown-content li {min-height: 30px;}

.isearch{margin: 15px 0;}
.search_input{width: 100%;padding: 5px;border: 1px solid #f2f2f2;border-radius: 2px;height: 3rem;}
.btn_search{position: absolute;top:10px;right: 20px;}
.btn_search i{font-size: 30px;}
select.browser-default, .search_input {background-color: #f1f1f1!important;color: #555;border: 0;}
.explore select.browser-default, .explore .search_input, .kol select.browser-default, .kol .search_input, .account .search_input, .account select.browser-default, .pj_search select.browser-default, .pj_search input{background-color: #fff;}
.islider{margin: 10px 0 0;}
.islider_img_box{height: 450px;width: 780px;background-size: cover;background-position: 50%;}
.owl-theme .owl-nav.disabled+.owl-dots {display: block;}

.ivideo, .hot_channel{margin: 50px 0;overflow: hidden;}
.section_title{margin: 0 0 20px 0;font-size: 20px;line-height: 28px;}
.alert{padding: 15px 20px;color: #fff;border-radius: 4px;margin: 10px 0;font-weight: 700;}

.hot_channel_box{float: left;background-size: cover;background-position: 50%;width: 180px;height: 180px;position: relative;border: 1px solid #f1f1f1;}
.hot_channel_box_big{float: left;width: 350px;height: 360px;}
.hot_channel_box_title{font-size: 17px;font-weight: 300;color: #fff;height: 70px; padding: 10px;line-height: 20px;background:linear-gradient(rgba(0, 0, 0, .6), rgba(0,0,0,0))}
.hot_channel_box_title span{display: block;font-size: 14px;}
.hot_channel_icon img{width: 30px;float: left;}
.hot_channel .section_title a, .ivideo .section_title a{font-size: 15px;}

/* explore */
.explore .isearch, .pagination, .kol .isearch, .account .isearch, .pj_search{margin: 30px 0;}
.explore .box{height: 380px;border: 1px solid #f1f1f1;background-color: #fff;margin-bottom: 20px;border-radius: 6px;}
.explore .box span, .profile .order{color:#E47412;}
.explore .box .profile{padding: 10px;color: #888;word-break: break-all;}
.explore .box .title{font-size: 20px;margin-bottom: 10px;color: #525252;}
.explore .box .img{background-size: cover;background-position: 50% 10%;width: 100%;height: 200px;border-radius: 6px 6px 0 0;position: relative;}
.explore .box .icon_type{position: absolute;width: 30px;left: 10px;bottom: 5px;}
.explore .box:hover{border: 2px solid #f00;border: 1px solid #c7c7c7;}

.kol_card{position: relative;height: 430px;border: 1px solid #f1f1f1;background-color: #fff;margin-bottom: 20px;border-radius: 6px;}
.profile .order, .ac_project_post .mode_private, .pj_post_box .mode_private{color:#cd275b!important} /*紅字*/
.kol_card .profile{padding: 10px;color: #888;word-break: break-all;}
.kol_card .title{font-size: 20px;margin-bottom: 10px;color: #525252;}
.kol_card .img, .kol_photo_box{height: 220px;overflow: hidden;}
.kol_card .img{background-size: cover;background-position: 50% 10%;width: 100%;border-radius: 6px 6px 0 0;position: relative;}
.pj .pj_card .img:hover{transform: scale(1.2,1.2);transition: all 1s ease-out;}
.kol_card .icon_type{position: absolute;width: 30px;left: 10px;top: 10px;}
.kol_card:hover{border: 2px solid #f00;border: 1px solid #c7c7c7;}
.kol_card .kol_card_follow_area .follow_btn{padding: 4px 8px;font-size: 14px;}
.kol_card .kol_card_follow_area{position: absolute;bottom: 10px;text-align: center;width: 100%;}
.kol_card .kol_card_follow_area span{display: block;font-size: 13px;}
.kol_card .info{color:#999;}

.kv{background-size: cover!important;background-attachment: fixed!important;height: 400px;position: absolute;width: 100%;z-index: -1;}

/* kol */
.kol .profile, .social_content, .ac_content, .pj_area, .page{background-color: #fff;padding: 50px;border-radius: 6px;overflow: hidden;border: 1px solid #f3f3f3;margin-bottom: 30px;}
.kol .profile .title{font-size: 24px;margin-bottom: 10px;color: #525252;}
.kol .profile .img{position: relative;background-position: 50%; width: 100%;background-size: cover;}
.kol .icon_type{position: absolute;width: 30px;left: 10px;top: 10px;}
.kol .profile .order{border: 1px solid;padding: 6px 12px;font-size: 18px;float: left;border-radius: 4px;}
.kol .sb-cicon{display: none;}
.kol .profile .img, .kol_card .kol_photo_box{height: 220px;overflow: hidden;}
.kol_card .img:hover{transform: scale(1.2,1.2);transition: all 1s ease-out;}
.kol .profile .tag_area span{margin: 0 10px 10px 0;}
.kol .kol_social_contact{ height: 26px;line-height: 26px;display: inline-block;}
.kol .kol_social_contact img{float: left;}
.kol .profile .go_social_btn{ display: inline-block;padding: 8px 20px;background-color: #f1f1f1;border-radius: 4px;}
.kol .profile .social_description, .kol .profile .tag_area, .kol .kol_social_contact, .kol .profile .order{margin-bottom: 20px;}
.kol .profile .social_description{clear: left;}

/* follow */
.follow_area{margin: 20px 0;}
.follow_btn i{font-size: 18px;}
.follow_btn{padding: 6px 12px;border: 1px solid;border-radius: 100px;display: inline-flex;}
.follow_btn_active{background-color: #ec757a;color: #fff;}


/* login */
.login{width: 500px;min-height: 250px;}
.login img{width: 230px;}
.login h5{background-color: #f1f1f1;padding: 15px;text-align: center;margin-bottom: 50px;border-radius: 4px;}

/******** account **********/
.ac_content{min-height: 550px;}
.ac_content h5{margin-bottom: 30px;}
.ac_nav li{padding: 5px 0;margin-bottom: 10px;}
.ac_nav .active a{color: #26a69a;font-weight: 700;border-bottom: 1px dashed;padding-bottom: 3px;margin-bottom: 3px;}
.ac_form select.browser-default{background-color: #f1f1f1;}
.ac_form .input-field label{font-size: 1.2rem;}
.ac_form  label{font-size: 1rem;}
.ac_form .row{margin-bottom: 20px;}
.ac_form [type="checkbox"]+label {padding-left: 30px;margin-right: 20px;line-height: 20px;}
.ac_form select.browser-default, .ac_form .mce-panel{margin-top: 5px;}
.input_text{padding-top: 5px;color: #26a69a;}
.tags-input {width: 100%;box-shadow: initial;border: 0px;background: #f3f3f3;padding: 0px 15px;}
.tags-input .tag, #forum .tags{background-color: #26a69a;border-color: #26a69a;color: #fff;padding: 1px 10px;border-radius: 4px;display: inline-block;margin-right: 6px;}
.ac_nav_box li{width: 25%;display: inline-block;height: 100px;background-color: #f1f1f1;text-align: center;line-height: 90px;margin: 10px;font-size: 22px;}
.ac_project_post span{color:#999;}


/* project*/
.pj .pj_tag_area{margin: 10px 0;}
.pj .pj_tag_area span{margin: 5px;}
.pj .pj_mode{background-color: #4caf50;color: #fff;border-radius: 4px;padding: 3px 10px;margin-bottom: 5px;display: inline-block;}
.pj .pj_mode_push{background-color: #deaa4e;}
.pj .pj_budget{color: #f44336;margin-bottom: 5px;}
.pj .pj_card{height: 460px;}
.pj .pj_content{margin-top: 30px;}
.pj .pj_content img{max-width: 100%;}
.pj .pj_area .title{font-size: 30px;padding-bottom: 30px; border-bottom: 1px dashed #999;color: #ca416c;}
.pj .pj_info .col{font-weight: 700;padding: 5px 10px;}
.pj .pj_post_box, .pj_reply_popup .pj_post_box{padding: 10px 15px;background-color: #f1f1f1;border-radius: 20px;font-size: 16px;margin-bottom: 15px;}
.pj .pj_post_box span, .pj_reply_popup .pj_post_box span{display: block;font-size: 13px;color:#999;}
.fix_box{width: 300px;}
.pj_post_title{font-size: 20px;margin-bottom: 20px;}
.pj_post_popup, .pj_reply_popup{width: 500px;min-height: 200px;}
.popup .title, .ac_content h5{ font-size: 20px; border: 1px solid;padding: 10px 20px;border-radius: 8px;text-align: center;}
.popup .footer{display: none;}
.pj_reply_info .pj_title{font-size: 20px;color: #ee6e73;}
.pj_reply_info {margin-top: 20px;color:#999;}
.pj_reply_popup .reply_input{margin: 30px 0;font-size: 20px;}
.reply_link{font-size: 14px;}
.pj_card_photo{height: 200px;overflow: hidden;}

/* isuper */
.isuper{ position: relative;}
.isuper_area::before {content: "";position: absolute;z-index: -1;top: 0;left: -50px;border-color: #f1f1f1 transparent transparent transparent;border-style: solid solid solid solid;border-width: 690px 490px 0px 0px;}
.isuper_area::after{content: "";position: absolute;z-index: -1;bottom: 0;right: 0;border-color: transparent;border-style: solid solid solid solid;border-bottom: 600px solid #f1f1f1;border-left: 350px solid transparent;}
.isuper .isuper_area::after{ border-left: 0;border-bottom: 0;}
.isuper_area{padding: 30px 0;position: relative;}
.isuper h5{ border: 1px solid #d85981;padding: 10px 50px;font-size: 20px;color: #d85981;text-align: center;}
.isuper_item h6{font-size: 18px;text-align: center;font-weight: 700;}
.isuper_item img{height: 130px;margin-bottom: 20px;}
.isuper_item{padding-top: 40px;}
.isuper_item .col{text-align: center;}

/* partner */
.partner{position: relative;}
.partner .partner_area::after {content: "";position: absolute;z-index: -1;top: 0;right: 50px;border-color: #f1f1f1 transparent transparent transparent;border-style: solid solid solid solid;border-width: 120px 100px 120px 490px;}
.partner_logo{float: left;height: 60px; line-height: 80px;margin: 0 20px 20px 0;}
.partner .partner_icon{height: 30px;}

/* about */
.about{font-size: 16px;}
.about .kv{padding: 50px 10px;font-size: 30px;height: auto;text-align: center;position: inherit;}
.about .content{margin-top: 50px;}
.about .isuper_area::before{left: 0;}
.about .isuper_area{padding: 30px;}
.site_nav .ac_nav {font-size: 18px;}
.team_pic{ width: 200px;height: 200px;border-radius: 4px;background-size: cover;background-position: 50% 0;margin-bottom: 20px;}
.team_title{font-size: 20px;font-weight: 700;margin-top: 0;}
.team_row{margin: 0 auto 40px;}
.team_row ul{margin: 0;}

/* hotvideo */
.hotvideo_box{ margin-bottom: 30px;height: 320px;overflow: hidden;font-size: 15px;}
.hotvideo_tag{color:#d85981;}
.hotvideo_channel{ font-size: 16px;line-height: 54px;}
.hotvideo_channel img{margin: 10px 10px 10px 0;}
.hotvideo_yt_photo{width: 100%;background-size: cover;background-position: 50%;}
.hotvideo_yt_photo:hover{transform: scale(1.1,1.1) rotate(-3deg);transition: all 1s ease-out;}	
.hotvideo_yt_photo, .hotvideo_photo_box{height: 210px;overflow: hidden;}


/*shop(account)*/
form h6{font-weight: 500;color: #666;}
form .character-counter{margin-top: -20px;}
form p b{color: #26a69a;font-size: 16px;}
form p { margin-top: 50px;}
.input_help{margin-top: -15px;color: #FF9800;font-size: 13px;}
.shop_admin_info{background-color: #f1f1f1;padding: 10px;margin: 0;border-radius: 8px;}
.shop_admin_info .row{margin-bottom: 0;}
.shop_admin_info font b{color:#f00;}
.shop_admin table{ border: 1px solid #d0d0d0;margin: 20px 0;}
.shop_admin table img{margin: 0 auto;}
.btn_nav{border: 1px solid;padding: 5px 10px;margin-top: 10px;display: block;max-width: 140px; text-align: center;border-radius: 4px;}

.pd_photo_box{position: relative; width: 100px;height: 100px;background-position: 50%;background-size: cover;float: left;margin: 10px 15px 10px 0;border: 1px solid #f1f1f1;}
.pd_photo_box i{background-color: #ffffff5c;color: #e44716;right: 0;position: absolute;padding: 5px;}
.pd_photo_box .pd_photo_delete{width: 30px;height: 30px;position: absolute;top: 0;right: 0;background-color: #00000091;text-align: center;padding-top: 2px;}

/*shop(order)*/
.shop_order table td{font-size: 13px;}
.popup{padding: 30px;}
.popup h5{font-size: 18px;}
.popup table{font-size: 15px;}
.popup table.bordered>thead>tr, .popup table.bordered>tbody>tr {border-bottom: 1px solid #efefef;}
.fancybox-slide--iframe .fancybox-content {max-width: 900px;}
.order_shop_logo{width: 36px;height: 36px;background-position: center;background-size: cover;float: left;margin-right: 10px;border-radius: 50%;border: 1px solid #f1f1f1;}

/* footer */
.footer .area{padding: 30px 0;}
.footer{background-color: #f1f1f1;margin-top: 50px;}
.copyright{text-align: center;padding: 10px;background-color: #333;color:#fff;}

.scrollup {background-color: #888!important; width: 42px;height: 42px;position: fixed;bottom: 0px;right: 90px;display: none;text-indent: -9999px;background: url(../images/gotop.png) no-repeat;}
.channel_data_box_fix{display: none;}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*LOADING overlayer*/
#block{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-image: url(../images/loading_overlay.png);background-repeat: repeat;z-index: 9999;visibility: hidden;	/*margin-bottom: -20px;*/}
#fm{position: absolute;height: 120px;width: 140px;margin-top: -60px;margin-left: -70px;left: 50%;top: 50%;text-align: center;font-size: 18px;color: #FFF;z-index: 9999;visibility: hidden;}


@media screen and (min-width: 769px){
	.m_nav_account_btn{display: none;}
}

@media screen and (max-width: 768px){
	.wrapper{overflow-x: hidden;}
	nav .brand-logo{height: 36px;}
	.m_nav_account_btn{ float: right;color:#555;}
	.section_title, .pj .pj_area .title {font-size: 18px;}
	.isearch, .ivideo, .hot_channel, .explore .area, .isuper_area {padding: 0 10px; margin: 20px 0;}
	.kol .profile, .social_content, .footer .area, .ac_content, .pj_area, .popup{padding: 10px;min-height: auto;}
	.button-collapse{color:#555;padding-top: 5px;}
	.hot_channel_box {width: 50%;height: 160px;}
	.hot_channel_box_big {width: 100%!important;}
	.owl-carousel .owl-item img {width: auto!important;height: 200px;}
	.scrollup{right: 0;}
	select.browser-default, .video-container{margin-bottom: 10px;}
	.explore .box {height: auto;background-color: #f1f1f1;}
	.icon_nav {width: 22px;margin: 14px 32px 0 0;}
	.islider{margin-top: 10px;}
	.nav_m_photo {width: 25px;margin: 15px 30px 0 0;}
	.ac_nav li{width: 25%;display: inline-block;height: 100px;background-color: #f1f1f1;text-align: center;line-height: 90px;margin: 10px;font-size: 22px;}
	.account .ac_nav li, .site_nav li{width: 40%;height: 60px;line-height: 50px;font-size: 16px;}
	.site_nav li{background-color: #ffffff;}
	.ac_nav li .material-icons, .site_nav li .material-icons{display: none;}
	.pj .pj_card, .kol_card {height: auto;}
	.fix_box, .pj_content iframe, .popup, .login, .fancybox-slide--iframe .fancybox-content{width: 100%;} /*width 100%*/
	.hotvideo_box{height: auto;} /*height auto*/
	.kol_card .kol_card_follow_area {position: inherit;margin: 20px auto 10px;}
	.islider_img_box {height: 300px;}
	.dropdown-content li>a, .dropdown-content li>span {padding: 0 16px;}
	.isuper_item{padding-top: 20px;}
	.isuper_item img{height: 60px;}
	.isuper_item .btn{padding: 0 15px;}
	.hotvideo_channel img {width: 35px;}
	.hotvideo_yt_photo, .hotvideo_photo_box {height: 180px;}
	.about .content {margin-top: 0;}
	.partner{padding: 10px;}
	.partner_logo {float: left;height: auto;line-height: inherit;margin: 10px;}
}