/*************** labels of css section *************** *************** BlogDesk blog theme 1.0v default settings theme btns preloader Parallax settings forms inputs Back to top btn navbar banner section default features Parallax about gallery Team pricing social icons contact footer media responsive ********************/ /*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);*/ @import url('./css.css'); @import url('../plugins/font-awesome/css/font-awesome.min.css'); @import url('../plugins/owl-carousel/owl.carousel.css'); @import url('../plugins/owl-carousel/owl.theme.css'); @font-face {font-family: 'Sosa Regular'; src: url(../fonts/sosa.ttf);} /***************default settings********************/ body { font-family: "微軟正黑體",Arial, 'Roboto', sans-serif; background: #f4f4f4; padding-top: 60px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "微軟正黑體",Arial, 'Roboto', sans-serif; } p { color:#666; } a { color:#e74c3c; } a:focus { outline:none; } a:hover{ text-decoration: none;} a:hover, a:focus {color: #3b4952;} .nopadding{ padding: 0px;} .navbar-nav>li>.dropdown-menu{ background: #fcfcfc; border-top: 1px solid #ddd;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #e74c3c;text-decoration: none;background-color: #fff;} /***************theme btns********************/ .navbar .btn-default{border-color:#ddd; } .btn-default { background:#e74c3c; color:#fff; border-color:#e74c3c; } .btn-default:hover { color:#fff;background:#3b4952; border-color:#3b4952; } .btn-default:focus { color:#fff;background:#3b4952; border-color:#3b4952; box-shadow: none; } .white-line-btn { background:none; color:#fff; border-color:#fff; } .white-line-btn:hover { color:#363636; border-color:#363636; } .blue-line-btn { background:none; color:#0e4da3; border-color:#0e4da3; } .blue-line-btn:hover { color:#fff; border-color:#fff; } /*********************preloader*************************/ .spinner-wrap {position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:848484} .leftside {position:absolute;left:0;width:50%;height:100%;background:#e74c3c} .rightside {position:absolute;right:0;width:50%;height:100%;background:#e74c3c} .spinner {position:absolute;text-align:center;padding:0 10px;margin:0;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .spinner > div {width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both} .spinner .bounce1 {-webkit-animation-delay:-.32s;animation-delay:-.32s} .spinner .bounce2 {-webkit-animation-delay:-.16s;animation-delay:-.16s} @-webkit-keyframes bouncedelay {0%,80%,100% {-webkit-transform:scale(0.0)}40% {-webkit-transform:scale(1.0)}}@keyframes bouncedelay {0%,80%,100% {transform:scale(0.0);-webkit-transform:scale(0.0)}40% {transform:scale(1.0);-webkit-transform:scale(1.0)}} /***************forms inputs********************/ .form-control { box-shadow:none; border-color:#ddd; height:49px; } .form-control:focus { box-shadow:none; border-color:#e74c3c; outline:none; } input:focus, selectl:focus { box-shadow:none; border-color:#0e4da3; outline:none; } .form-control-feedback { line-height:50px; } .input-group-btn>.btn {position: relative;height: 49px;padding: 6px 20px;font-size: 24px;} .input-group .input-group-addon{color:#fff;background:#3b4952;border-color:#3b4952; } textarea.form-control {height: auto;min-height: 200px;} /***************Parallax settings********************/ .bgParallax { color:#FFF; margin: 0 auto; text-align:center; width: 100%; max-width: 1920px; position: relative; min-height: 100%; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; } .color-overlay { background: rgba(231, 76, 60, 0.6); position: relative; z-index: 0; } .color-overlay.black { background: rgba(0, 0, 0, 0.7); position: relative; z-index: 0; } .post iframe{ border:none; width:100%; outline:none;} /**************************Parallax*********************************/ #parallax-1 { margin-bottom: 25px; padding:0px 0px; background-image: url(../images/adds-banner.jpg); background-position:top center; } #parallax-2 { padding:0px 0px; background-image: url(../images/perallax.jpg); background-size:cover; background-position:center center; } #parallax-3 { padding:0px 0px; background-image: url(../images/parallax-3.jpg); background-size:cover; background-position:center center; } #parallax-1 h3{ margin:0px; padding:25px 0px;font-weight: 300;} #parallax-1 h3 span{color:#e74c3c; font-weight: 700;} #parallax-2 .container { padding:50px 0px; } #parallax-3 .container { padding:50px 0px; } .bgParallax h2.heading { color:#fff; margin-bottom:25px; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif; font-weight:300; } .bgParallax h4 { color:#fff; margin-bottom:25px; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif; font-weight:700; font-size:60px; } .bgParallax p { color:#fff; margin-bottom:25px; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif; font-weight:300; font-size:18px; } .bgParallax .social li a { font-size:42px; } #numbers { margin-top:35px; margin-bottom:0px; } #numbers li { padding:0px 35px; } #numbers li h4 { margin: 0px; font-size:16px; font-weight:300; } #numbers li span { font-size:60px; font-weight:700; } /***************Back to top btn********************/ .back-to-top { position: fixed; bottom: 15px; right: 10px; text-decoration: none; color: #fff; background-color:#e74c3c; font-size: 18px; padding:0.25em 0.5em; display: none; } .back-to-top:hover { background:#363636; color:#fff; } /******************section default**********************/ section h1.heading { font-size:30px; color:#3b4952; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif; font-weight:300; line-height:30px; margin-bottom:45px; border-bottom: 5px solid #e74c3c; margin-top: 0px; padding-bottom: 15px;} section h2.heading { font-size:30px; color:#3b4952; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif; font-weight:300; line-height:30px; margin-bottom:45px; border-bottom: 5px solid #e74c3c; margin-top: 0px; padding-bottom: 15px;} section h3.helping-text { font-size:20px; color:#454545; font-weight:300; margin:0px 0px 30px 0px; line-height:36px; font-family: "微軟正黑體", Arial, 'Roboto', sans-serif;} section p { font-size:18px; color:#454545; } section { padding:0px 0px; } .md-heading{ font-size: 24px !important; line-height: 36px !important; margin-bottom: 15px !important; } .heading-line {font-size: 24px;position: relative;font-weight: 400;margin: 0px 0px 22px 0px;padding-bottom: 22px;} .heading-line:before {position: absolute;left: 0px;bottom: 0px;background-color: #e74c3c;content: "";display: inline-block;height: 2px;margin-top: 0px;vertical-align: middle;width: 115px;} /***************navbar********************/ .navbar-brand { padding:5px 15px; height:60px; } .navbar-brand img { height:1px; width:1px; } /*height:50px; width:auto;*/ .main-menu { min-height: 60px; background:#e74c3c; border:none;margin:0px;-ms-box-shadow: 0 0 6px 0 #666;-moz-box-shadow: 0 0 6px 0 #666;-webkit-box-shadow: 0 0 6px 0 #666;-o-box-shadow: 0 0 6px 0 #666;box-shadow: 0 0 6px 0 #666;} .main-menu .container{ position: relative;} .navbar-default .navbar-nav > li > a { color: #fff; transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; font-size:16px; font-weight:300; padding-top:20px; padding-bottom:20px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:none; color:#fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none; color:#fff; } .navbar-default .navbar-nav > li > a:before {content: "";position: absolute;z-index: 1;left: 0;right: 0;top: 0;background: #fff;height: 4px;-webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before { -webkit-transform: translateY(0);transform: translateY(0);} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none; color:#fff;} .navbar-default .navbar-nav .mega-dropdown { position: static !important; } .navbar-default .navbar-nav .mega-dropdown .dropdown-menu{ box-shadow: none;border:none; background: transparent;margin-top: 0px; padding-top: 0px;} .navbar-default .navbar-nav .mega-dropdown-menu { padding: 0px 0px; min-height: 280px; text-align: center; border-top:1px solid #ccc; background: #fcfcfc; border-bottom: none; border-left: none; border-right: none; border-radius: 0px; -ms-box-shadow: 0px 2px 2px 0px #aaa;-moz-box-shadow: 0px 2px 2px 0px #aaa;-webkit-box-shadow: 0px 2px 2px 0px #aaa;-o-box-shadow:0px 2px 2px 0px #aaa;box-shadow:0px 2px 2px 0px #aaa;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail a{ overflow: hidden;display: block;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail img{-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: scale(1);transform: scale(1); width: 100%; height: auto;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail a:hover img{opacity: 0.8;-webkit-transform: scale(1.15);transform: scale(1.15);} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content{ float: left;width: 85%;padding: 25px 0px;} .navbar-default .navbar-nav .mega-dropdown-menu .tabbable{ float: left; width: 100%;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs{min-height: 279px; width: 15%; margin: 0px; border-left: none;border-top: none;border-bottom: none; border-right: 1px solid #ddd;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li:first-child{ border-top:none;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li{ border-top: 1px solid #ddd;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li a{ font-size: 16px; background: none; border: none;text-align: right; color: #3b4952; font-weight: 700;padding: 15px 15px; margin-bottom: 0px;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li.active a{color: #e74c3c;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li a:hover{ color: #e74c3c;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail{ margin: 0px;border: none; padding: 0px; background: none;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail .caption{ padding: 15px 0px 0px 0px;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail .caption h3{ margin: 0px; font-size: 16px; text-align: left;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu h3{ padding-bottom: 15px;font-size: 20px; color: #e74c3c;border-bottom: 1px solid #ddd;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu{ text-align: left; } .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu li{ line-height: 30px;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu li a{font-weight: 300; font-size: 16px; color: #3b4952;overflow: hidden;clear: left;text-overflow: ellipsis;white-space: nowrap; } .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu li a i{font-size: 20px;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu li a:hover{ color: #e74c3c; text-decoration: none;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu .store-icon li{ text-align: center; padding: 0px 15px;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu .store-icon li a{ font-size: 18px; font-weight: 500;} .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu .store-icon li a i{font-size: 42px; display: block;color: #e74c3c;} .navbar-default .social-icons li a{ font-size: 18px; padding:20px 10px; } .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu{ min-height: 80px;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form{ float: left;width: 100%; margin: 15px 0px;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form .btn{font-size: 18px; height: 49px; padding: 6px 20px;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form .btn:hover{border-left: none;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form .btn:focus{border-left: none;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form .input-group .form-control{ border-right: none;} .navbar-default .navbar-nav .mega-dropdown.search .mega-dropdown-menu .search-form .input-group .form-control:focus{border-color: #ddd;} .tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs { border-bottom: 0;} .tab-content > .tab-pane,.pill-content > .pill-pane { display: none;} .tab-content > .active,.pill-content > .active { display: block;} .tabs-below > .nav-tabs { border-top: 1px solid #ddd;} .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;} .tabs-below > .nav-tabs > li > a:hover,.tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent;} .tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd;} .tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li { float: none;} .tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px;} .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd;} .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee;} .tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff;} .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd;} .tabs-right > .nav-tabs > li > a {margin-left: -1px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;} .tabs-right > .nav-tabs > li > a:hover,.tabs-right > .nav-tabs > li > a:focus {border-color: #eeeeee #eeeeee #eeeeee #dddddd;} .tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover,.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff;} /***************feature-posts********************/ #feature-posts{ } .owl-carousel .owl-item{ border-bottom: none; border-top: none; border-left: 1px solid #fff; border-right: 1px solid #fff;} .owl-carousel .owl-item:first-child{ border-left: none;} .feature-posts-grid .thumbnail { border-radius:0px;margin: 0px; border:none; padding:0px; height:280px; overflow:hidden; } .feature-posts-grid .thumbnail img { cursor: move;min-height:280px; height:auto; width:100%; border:none; border-radius:0px; padding:0px; -webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: scale(1.15);transform: scale(1.15); } .drop-panel { padding:0px !important; } .feature-posts-grid .thumbnail:hover img {-webkit-transform: scale(1);transform: scale(1);opacity: 0.8;} .feature-posts-grid .feature-text {width: 100%; padding: 20px; position: absolute; bottom: 0px; left: 0px; text-align:left;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} .feature-posts-grid .feature-text p {margin: 0px; font-size:16px; color:#eee; font-weight:100; line-height:16px; } .feature-posts-grid .feature-text h3{ margin: 0px 0px 10px 0px;} .feature-posts-grid .feature-text a { overflow: hidden; clear: left; text-overflow: ellipsis; white-space: nowrap; display: block; font-size:24px; font-weight: 500; color:#fff; } .feature-posts-grid .feature-text a:hover { color:#e74c3c; } .owl-theme .owl-controls{ margin: 0px;} .owl-theme .owl-controls .owl-buttons div{ border-radius: 0px; padding: 0px 40px; height: 280px; opacity: 0.7; margin: 0px; background: transparent; font-size: 50px; display: block;} .owl-theme .owl-controls .owl-buttons div i{ line-height: 280px;} .owl-theme .owl-controls .owl-buttons .owl-prev{ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x;position: absolute;left: 0px; top: 0px;} .owl-theme .owl-controls .owl-buttons .owl-next{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .7) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .7) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .7))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x;position: absolute;right: 0px; top: 0px;} .owl-theme .owl-controls .owl-buttons div:hover, .owl-theme .owl-controls .owl-buttons div:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } #feature-posts-2{ padding: 15px 0px 0px 0px; } #feature-posts-2 .thumbnail { border-radius:0px;margin: 0px; border:none; padding:0px; height:280px; overflow:hidden; } #feature-posts-2 .thumbnail img {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: scale(1);transform: scale(1);min-height:280px; height:auto; width:100%; border:none; border-radius:0px; padding:0px; } #feature-posts-2 .thumbnail:hover img {opacity: 0.8;-webkit-transform: scale(1.15);transform: scale(1.15);} #feature-posts-2 .feature-text {width: 100%;padding: 20px; position: absolute; bottom: 0px; left: 0px; text-align:left;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} #feature-posts-2 .feature-text p {margin: 0px; font-size:16px; color:#eee; font-weight:100; line-height:16px; } #feature-posts-2 .feature-text h3{ margin: 0px 0px 10px 0px;} #feature-posts-2 .feature-text a { display: block; font-size:24px; font-weight: 500; color:#fff; } #feature-posts-2 .feature-text a:hover { color:#e74c3c; } #feature-posts-2 .feature-item{ margin-right:-1px; margin-left: -1px; } #feature-posts-2 .feature-items{ padding:1px } /**************************** post content*********************/ .content { padding: 35px 0px; } .post-list { padding: 90px 0px; } .post-detail { padding: 40px 0px; margin-top: 120px; } .post { width: 100%; float: left; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); box-shadow: 0px 1px 3px rgba(0,0,0,0.4); background: #fff; margin-bottom: 40px; border-radius: 3px; } .feature-post .thumbnail .author-info { padding: 20px 5px 20px 40px; text-align: left; min-height: 80px; background: #2c3840; float: left; width: 100%; } .post .post-type { float: left; width: 100%; } .post iframe { padding: 0px; margin: 0px; } .post .mejs-container { border-radius: 3px 3px 0px 0px; width: 100% !important; } .post .post-video { border-radius: 3px 3px 0px 0px; } .post .post-video iframe{ width: 100%;} .post .post-video video { border-radius: 3px 3px 0px 0px; } .post .post-multiple-img a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; height: auto; display: block; min-height: 160px; } .post .post-multiple-img a { float: left; width: 100%; display: block; } .post .post-multiple-img a:hover img { opacity: 0.7; } .post .post-audio { height: auto; } .post .post-audio ._SMB-widget{ width: 100%; } .post .post-quote blockquote{ text-align: center; margin: 0px; padding: 25px 15px;} .post .post-quote blockquote h3{color: #e74c3c; font-size: 36px; margin: 0px 0px 10px 0px; } .post .post-quote blockquote p{ color: #333; font-size: 24px; font-weight: 300;} .post .post-img a { display: block; } .post .post-img:hover a img { opacity: 0.7; } .post .post-img a img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: 100%; height: auto; border-radius: 3px 3px 0px 0px; } .post-detail .post .caption { padding:55px 45px 0px 45px;} .post .caption { float: left; width: 100%; text-align: left; padding:25px 25px; } .post .caption h3 { margin: 0px 0px 20px 0px; color: #36a0e7; font-weight: 300; font-size: 34px; line-height: 42px; } .post .caption p { line-height: 28px; margin-bottom: 20px; font-size: 16px;} .post .author-info { padding: 15px 15px 15px 15px; text-align: left; min-height: 60px; border-bottom: 1px solid #ddd; background: #fcfcfc; float: left; width: 100%; } .post .author-info .list-inline { margin: 0px; } .post .author-info ul li:first-child { border-left: none; padding-left: 0px; } .post .author-info ul li { float: left; border-left: 1px solid #ddd; padding-left: 20px; padding-right: 20px; } .post .author-info ul li p {line-height: 16px; color: #3b4952; font-weight: 300; font-size: 12px; margin: 0px; } .post .author-info ul li strong{color: #3b4952;} .post .author-info ul li a { color: #3b4952; font-weight: 700; font-size: 16px;line-height: 20px; } .post .author-info ul li a:hover { color: #e74c3c; text-decoration: none; } .post .author-info ul li .icon-box { margin-right: 15px; width: 36px; text-align: center; line-height: 36px; font-size: 30px; height: 36px; float: left; background:transparent; color: #aebbc5; } .post .author-info ul li .icon-box img { border-radius: 3px; width: 100%; } .post .author-info ul li .info { float: left; } .post .author-info.author-info-2 ul li:first-child { border-left: none; padding-left: 0px; } .post .author-info.author-info-2 ul li .icon-box { font-size: 28px;} .post .post-category { float: left; width: 100%; text-align: left; margin-bottom: 20px; } .post .post-category a { margin: 0px; font-size: 18px; font-weight: 300; color: #3b4952; } .post .post-category span { width: 12px; height: 12px; display: inline-block; background: #3b4952; vertical-align: middle; margin-right: 10px; } .post .post-category a:hover span { background:#e74c3c; color: #e74c3c;} .post .post-category a:hover { color: #e74c3c;} .post .tags { float: left; width: 100%; margin-bottom: 20px; } .post .tags li { margin-bottom: 8px; padding: 0px 2px; } .post .tags li a { background:#ebf1f4; font-size:14px; font-weight:300; border-radius: 3px; padding: 4px 8px; color:#3b4952; } .post .tags li a:hover { background:#3b4952; color:#fff; } .img-grid { float: left; margin-bottom: 40px; } .img-grid li { margin: 0px; float: left; } .post .caption h5 { text-decoration: underline; margin: 0px 0px 20px 0px; color: #3b4952; font-weight: 300; font-size: 24px; line-height: 30px; } .post .list-unstyled { margin-bottom: 40px; } .post .list-unstyled li { font-size: 16px; line-height: 28px; font-weight: 500; color:#49545b; } .post .list-unstyled li i { color: #a0b9ca; margin-right: 15px; } blockquote { background: #f2f6f8; border: 1px solid #e5e5e5; line-height: 28px; margin-bottom: 40px; font-size: 16px; font-weight: 500; color:#49545b; } .line-block { padding: 20px 45px; border-top: 1px solid #eef3f6; border-bottom: 1px solid #eef3f6; float: left; width: 100%; } .post .line-block .tags { margin-bottom: 0px; } .share-this { padding: 20px 45px; border-bottom: 1px solid #eef3f6; float: left; width: 100%; } .share-this p, .share-this ul { margin-bottom: 0px; } .share-this li a { background: #2c3840; line-height: 34px; text-align: center; color: #fff; width: 32px; height: 32px; display: block; border-radius: 50%; } .share-this li a.pinterest { background: #d91c1c; } .share-this li a.google-plus { background: #f25353; } .share-this li a.facebook { background: #2b77be; } .share-this li a.twitter { background: #62bfef; } .related-post { padding: 40px 45px; border-bottom: 1px solid #eef3f6; float: left; width: 100%; } .related-post .thumbnail { padding: 0px; border: none; } .related-post .thumbnail .caption { padding: 30px 0px 0px 0px; } .related-post .thumbnail .caption a { font-size: 18px; line-height: 28px; font-weight: 300; color:#49545b; } .related-post .thumbnail .caption a:hover { color:#36a0e7; } .related-post .thumbnail:hover a img { opacity: 0.7; } .related-post h4 { color:#49545b; font-weight: 700; font-size: 18px; margin: 0px 0px 20px 0px; } .comment-count { padding: 45px 45px; border-bottom: 1px solid #eef3f6; float: left; width: 100%; } .comment-count h4 { font-weight: 500; font-size: 24px; color: #3b4952; } .comment-count p { margin-bottom: 0px; } .comment-list { float: left; width: 100%; } .comment-list .media:first-child { margin-top: 0px; border-bottom: 1px solid #eef3f6; } .comment-list .media { padding: 30px 45px; margin-top: 0px; } .comment-list .media .media-body .media { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-left: -80px; border-left: 1px solid #eef3f6; border-bottom: 1px solid #eef3f6; } .comment-list .media .media-body { position: relative; } .comment-list .media .media-left { padding-right: 20px; } .comment-list .media .nested-first { margin-top: 30px; border-top: 1px solid #eef3f6; } .comment-list .media .nested-first:before { position: absolute; left: -80px; top: 90px; content: ''; width: 1px; background: #eef3f6; height: 170px; } .comment-list .media, .comment-list .media-body { overflow: visible; zoom: 1; } .comment-list .media .media-body ul { margin-bottom: 0px; } .comment-list .media .media-body ul li a { color: #919ea8; font-size: 18px; font-weight: 500; } .comment-list .media .media-body ul li a:hover { color: #36a0e7; } .comment-list .media .media-body ul li a.reply-btn { color: #49545b; text-decoration: underline; } .comment-list .media .media-body ul li a.reply-btn:hover { color: #36a0e7; } .comment-list .media .media-body ul li { font-size: 18px; padding-right: 15px; color: #919ea8; font-weight: 500; } .comment-form { float: left; width: 100%; padding: 30px 45px; } .comment-form h4 { font-weight: 300; font-size: 28px; color: #3b4952; margin-bottom: 40px; } .comment-form .form-control { border-radius: 0px; background: #f1f4f6; border: none; height: 50px; color: #4a555c; font-size: 16px; } .comment-form .form-control::-webkit-input-placeholder {color: #4a555c;} .comment-form .form-control:-moz-placeholder {color: #4a555c;} .comment-form .form-control::-moz-placeholder {color: #4a555c;} .comment-form .form-control:-ms-input-placeholder {color: #4a555c;} .comment-form textarea.form-control { height: auto; min-height: 200px; resize: none; } .comment-form form { margin-bottom: 40px; } .vt-post.post .author-info ul li{padding-left: 15px; padding-right: 15px; float: none;} .vt-post.post .author-info{border-radius:0px 0px 0px 3px; border-bottom: none; border-right: 1px solid #ddd;padding: 15px 12px 15px 12px;} .vt-post.post .post-img a img{border-radius:3px 0px 0px 0px;} .vt-post.post .caption{padding: 25px 0px;} /***********************pagination*********************/ .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #3b4952; border-color: #3b4952; } .pagination>li>a, .pagination>li>span { color: #2c3840; margin: 0px 5px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgba(44,56,64,0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(44,56,64,0.2); box-shadow: 0px 1px 3px 0px rgba(44,56,64,0.2); border: none; font-size: 16px; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #e74c3c; border-color: #e74c3c; color: #fff; } .pagination-wrap { width: 100%; margin-bottom: 35px;text-align:center;} .pagination { margin: 0px; } /********************************* right side panel*******************/ .panel-default { width: 100%; float: left; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); box-shadow: 0px 1px 3px rgba(0,0,0,0.4); background: #fff; margin-bottom: 30px; border-radius: 3px; border: none; } .panel-default .panel-heading { padding:10px 25px; background: #3b4952; min-height: 60px; border: none; font-size: 24px; color: #fff; line-height: 40px; } .panel-default .panel-body { text-align: left; } .author-info a { width: 100%; float: left; } .author-info .heading { color: #3b4952; font-size: 18px; font-weight: 300; margin-top: 25px; } .author-info h5 { width: 100%; float: left; color: #919ea8; font-size: 14px; font-weight: 300; } .panel-default .panel-body p { font-size: 14px; line-height: 22px; margin: 0px; } .panel-default .panel-body .media .media-left img { width: 60px; height: 60px; } .panel-default .panel-body .media:first-child { border-top:none; } .panel-default .panel-body .media { padding: 20px 25px; margin: 0px; border-top: 1px solid #eef3f6; } .panel-default .panel-body .media .media-left { margin: 0px; } .panel-default .panel-body .media .media-heading { font-size: 16px; font-weight: 500; } .panel-default .panel-body .media .media-heading a{} .panel-default .panel-body .media p a{color: #3b4952;} .panel-default .panel-body .list-group-item:first-child{ border-radius: 0px;} .list-group { width: 100%; float: left; box-shadow:none; background: #fff; margin-bottom: 0px; text-align: left; border-radius: 0px 0px 3px 3px; border: none; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background: #e8eef1; min-height: 60px; border: none; font-size: 24px; color: #3b4952; line-height: 40px; padding:10px 25px; } a.list-group-item { color: #49545b; padding:15px 25px; border-color: #eef3f6; font-weight: 300; border-left: none; border-right: none; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { cursor:default; } .tags { float: left; width: 100%; margin-bottom: 0px; } .tags li { margin-bottom: 4px; margin-right: 6px; padding: 0px; } .tags li.big a{ font-size: 20px;font-weight:700;} .tags li.small a{ font-size: 14px;} .tags li a { background:#ebf1f4; font-size:16px; display: block; font-weight:500; border-radius: 3px; padding: 12px 15px; color:#3b4952; } .tags li a:hover { background:#3b4952; color:#fff; } /**************************social icons*********************************/ /**************************** masonry content*********************/ .masonry-container .masonry-item{ width: 390px; padding:0px 15px;} /******************section clients**********************/ .sponsor{float: left; width: 100%; padding:30px 0px 40px 0px; background: #fff; border-top: 1px solid #ddd;} #sponsor-carousel{ margin-top: 50px;} #sponsor-carousel.owl-theme .owl-controls .owl-buttons div{padding: 0px;height: 40px;opacity: 1; background: transparent; font-size: 50px;} #sponsor-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{top: 0px; left: 0%;} #sponsor-carousel.owl-theme .owl-controls .owl-buttons .owl-next{top: 0px; right: 0%;} #sponsor-carousel .item{margin: 3px;text-align: center;} #sponsor-carousel.owl-theme .owl-controls .owl-buttons i {color: #666;} .bottom-line.carousel #sponsor-carousel.owl-theme .owl-controls .owl-buttons i {color: #fff;} #sponsor-carousel .owl-item{ border: none;} #sponsor-carousel .item img{display: block;margin: 0px auto;max-height: 40px;text-align: center;} #sponsor-carousel .item img:hover{ opacity: 0.5;} #sponsor-carousel.owl-theme .owl-controls .owl-buttons div i { line-height: 40px; display: block; } /**************************contact*********************************/ #contact { background:#fff; } .contact-form .textarea { min-height:120px; resize:none; } .contact-form .form-control { box-shadow:none; border-top:none; border-left:none; border-right:none; border-radius:0px; border-bottom-width:2px; } .help-block { text-align:left; } .has-error .form-control:focus{box-shadow:none;} .has-success .form-control:focus{box-shadow:none;} .form-group .error{ text-align:left; display:block; margin-top:5px;} .form-control.error{ margin-top: 0px;} /**************************footer*********************************/ footer { padding:15px 0px; background:#222; width:100%; float:left; } footer p{ color: #fff; font-size: 16px; font-weight: 300; line-height: 24px;} .footer-box { font-size: 18px; line-height: 32px; color: #fff; text-align: left; } .footer-box h4 { padding: 10px 0; font-size: 30px; font-weight: 100; line-height: 34px; } .footer-box .flickr-feed { padding-top: 8px; } .footer-box .flickr-feed a { display: inline-block; margin: 0 10px 10px 0; border: 0; } .footer-box .flickr-feed a { opacity: 0.7;} .footer-bottom { padding-top: 15px; } .footer-bottom p{ margin-bottom: 0px;line-height: 24px;} .footer-bottom .footer-social{ float: right; margin-bottom: 0px;} .footer-bottom .footer-social a { font-size: 20px; display: inline-block; line-height: 24px; } .footer-bottom .footer-social a:hover{ color: #e74c3c;} .footer-top { padding-bottom: 20px; border-bottom: 1px solid #555; } a.twitter { color: #40bff5; } a.rss { color: #fcba55; } a.facebook { color: #5d82d1; } a.dribbble { color: #f5a1bb; } a.pinterest { color: #e13138; } a.instagram { color: #527fa4; } a.linkedin { color: #50a6c1; } a.youtube { color: #ee4442; } a.skype { color: #3cb0ee; } a.flickr { color: #4c98ff; } a.myspace { color: #30a8ed; } a.google-plus { color: #eb5e4c; } a.digg { color: #16acdb; } a.deviantart { color: #6caf7e; } a.wordpress { color: #47a5cf; } a.github { color: #b3b3b3; } a.stumbleupon { color: #ff7144; } a.behance { color: #1879fd; } a.tumblr { color: #426d9b; } a.feedburner { color: #f5535a; } a.android { color: #a3ca30; } a.apple { color: #b3b3b3; } a.email { color: #35c7ed; } a.blogger { color: #f39d38; } /************************inner pages*************************************/ .innercontent{ padding: 25px 0px 35px 0px; min-height: 600px;} .use-to{ text-align: center;} .use-to li a{ color: #fff;} .use-to li a:hover{background: #e74c3c; color: #fff;} .use-to .fb {background: #3b5998;} .use-to .twt {background: #00aced;} .use-to .gplus {background: #c32f10;} /************************404 pages*************************************/ .error-post{ text-align: center; margin-top: 80px;} #error_title{color: #e74c3c; font-weight: 700; font-size: 100px; line-height: 100px;} #error_msg{ font-size: 18px; line-height: 50px;} .error-search-form { width: 50%; margin: 0 auto; position: relative; } /************************contact pages*************************************/ .address-list li{ font-size: 18px; line-height: 36px;} .address-list li a{ text-decoration: none; color: #333;} .address-list li a:hover{color: #e74c3c;} .address-list li i{font-size: 18px;color: #e74c3c;} .map { float: left; width: 100%; border-top: 1px solid #ddd; } .map #contact_map { height: 420px; } .map-info{ padding: 25px 15px; margin: 0px;} /************************about pages*************************************/ .x-panel.panel-default .panel-body{ padding: 25px;} .x-panel.panel-default .panel-body p { line-height: 28px; margin-bottom: 20px; font-size: 16px; } .follow-me{ text-align: center; margin: 0px;} .follow-me li{ padding: 0px 15px;} .follow-me li a{ font-size: 24px;} /************************signin pages*************************************/ .entry-form{ font-size: 18px;} .entry-form label{ color: #454545;} /**************************media responsive*********************************/ @media screen and (max-width: 300px) { .container { padding-top: 50px; } } @media (max-width: 1200px) { .navbar-brand img { height: 36px; width: auto; } .navbar-default .navbar-nav > li > a{font-size: 14px;padding: 20px 10px;} .navbar-brand { padding: 12px 15px; } .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu .store-icon li { padding: 0px 10px; } .navbar-default .navbar-nav .mega-dropdown-menu .sub-menu .store-icon li a { font-size: 14px; } .post .author-info ul li { padding-left: 9px; padding-right: 9px; } .post .author-info ul li .icon-box{margin-right: 10px;} .vt-post.post .caption { padding: 15px 0px; } .post .caption p{ margin-bottom: 15px;} .footer-box .flickr-feed a { margin: 0 8px 8px 0; } .masonry-container .masonry-item{ width: 320px; padding:0px 15px;} } @media (max-width: 768px) { .navbar-fixed-top{ position: relative;} body{ padding-top: 0px;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs li a{ text-align: left;position: relative; z-index: 9;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs{ min-height: 200px;} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: inherit; border-color: transparent; } .navbar-default .navbar-nav > li > a{ } .navbar-default .navbar-nav > li > a:before{ content: none; } .social-icons.navbar-nav{float: right!important;position: absolute; right: 15px; top: 0px;} .social-icons.navbar-nav li{float: left!important;} .navbar-default .navbar-toggle{ border: none; } .navbar-default .cbp-spmenu .navbar-nav > li > a{ color: #444; } .navbar-default .cbp-spmenu .navbar-nav > li > a:hover, .navbar-default .cbp-spmenu .navbar-nav > li > a:focus { background: #f6f6f6; } .cbp-spmenu .navbar-nav>li>.dropdown-menu{left: 105%; border-radius: 4px; top: 0px;} .navbar-default .navbar-nav .mega-dropdown { position: relative !important; } .navbar-default .navbar-nav .mega-dropdown .container { padding: 0px; width: 100%;} .navbar-default .navbar-nav .mega-dropdown-menu{ border-radius: 4px; float: left;} .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs{ width: 100%; } .navbar-default .navbar-nav .mega-dropdown-menu .tab-content{width: 100%;} .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail{ margin: 0px 0px 15px 0px; } .navbar-default .navbar-nav .mega-dropdown-menu .tab-content > .tab-pane .thumbnail .caption h3{ font-size: 14px;} .navbar-header { width: 100%; } .navbar-toggle { display: block; float: left; margin-right: 8px; padding: 12px 10px; margin-top: 9px; margin-bottom: 9px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: transparent;} .navbar-default .navbar-toggle .icon-bar{background-color: #eee;} .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; position: static; width: 100%; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; overflow-y: auto; } .collapsing { overflow: hidden!important; } .navbar-nav { margin:0px; position: relative; } .navbar-default .navbar-nav .mega-dropdown .dropdown-menu{ position: relative; width: 100%;} #parallax-1 h3{ font-size: 18px; } #feature-posts-2 .thumbnail{ height: 230px;} #feature-posts-2 .thumbnail img{ min-height: 230px;} .masonry-container .masonry-item { width: 375px; padding: 0px 15px; } .navbar-default .navbar-nav .mega-dropdown.search .dropdown-menu{ position: absolute; width: 300px;} .navbar-default .navbar-nav .mega-dropdown.search{position: relative !important;} .navbar-default .navbar-nav .mega-dropdown.search .container{ width: auto;} .post .author-info ul li { padding-left: 20px; padding-right: 20px; } } @media (max-width: 640px) { .navbar-header { float: left;margin: 0px !important; } .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-default .navbar-nav .mega-dropdown .container { } .navbar-default .navbar-nav .mega-dropdown-menu .tab-content { width: 100%; } .navbar-default .navbar-nav .mega-dropdown-menu .tabs-left > .nav-tabs { width: 100%; } .navbar-default .navbar-nav .mega-dropdown-menu { width: 100%; } .post .author-info ul li { padding-left: 5px; padding-right: 5px; } .footer-copyright{ text-align: center;} .footer-bottom .footer-social{ float: none;text-align: center; margin-top: 15px;} .vt-post.post .author-info ul li{ } .masonry-container .masonry-item { width: 310px; padding: 0px 15px; } .vt-post.post .author-info{ border-right: none; border-bottom:1px solid #ddd; } .vt-post.post .caption { padding: 15px; } .related-post .thumbnail .caption{ text-align: center; padding-bottom: 15px; } .img-grid li{ margin: 5px;} .comment-list .media .media-left .media-object{ width: 50px;} .comment-list .media { padding: 15px 15px; margin-top: 0px; } .comment-list .media .media-body .media{margin-left: -50px;} .comment-list .media .nested-first:before{left: -50px;top: 50px;} } @media (max-width: 480px) { .masonry-container .masonry-item { width: 100%; padding: 0px 15px; } .post .author-info ul li .icon-box { display: none; } .post .caption h3{ font-size: 24px; font-weight: 500;} .navbar-header { width: 100%; } .cbp-spmenu-vertical { width: 150px; } .navbar-brand { padding-left:0px; } .navbar-default .navbar-nav .mega-dropdown-menu { } .share-this{padding: 20px 15px;} .related-post{padding: 20px 15px;} .post .caption{padding: 15px 15px;} .comment-form{padding: 15px 15px;} .comment-list .media .media-body .media { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } } @media (max-width: 340px) { /*.post .author-info ul li:nth-child(3), .post .author-info ul li:nth-child(4) {*/ .post .author-info ul li:nth-child(4) { display: none; } .navbar-default .navbar-nav .mega-dropdown.search .dropdown-menu{ width: 260px; left: -155px;} .navbar-brand { padding-right: 0px; } .navbar-default .navbar-nav > li > a { padding: 20px 5px; } .navbar-brand img { height: 24px; } .navbar-brand { padding: 20px 0px; } .navbar-default .navbar-nav .mega-dropdown .container { padding: 0px; width: 200px; } .navbar-right .dropdown-menu { right: 0; left: -79px; } } /*##############################################*/ .h_over_cut { height: 35px;overflow: hidden; } .h3_over_cut { height: 68px;overflow: hidden;} .p_over_cut { height: 82px;width: 99%;overflow: hidden;} /*a { word-wrap: break-word; }*/ .post-detail .post .caption { word-wrap: break-word;} .post .caption { word-wrap: break-word; } /*##############################################*/ /*篩選*/ .filter_btn { background: linear-gradient(to bottom, #3460a9 16%,#284a81 100%); position:absolute; z-index:9; right:0; top:100px;padding:8px 12px 12px 12px; border-radius:3px; cursor:pointer;} /*.filter_box { display:none; width:480px; height:450px; background:#FFF; box-shadow:#A7A7A7 3px 3px 5px; position:fixed; z-index:2000; margin:-590px auto;}*/ /*relative -750px*/ .filter_box { display:none; width:480px; height:450px; background:#FFF; position:fixed; z-index:2000; margin:-590px auto;} /*relative -750px*/ .filter_box .btn_box{ width:30px; height:30px; position:absolute; right:0; top:0; z-index:999} .filter_box .btn_box #close2_btn{font-family:'Sosa Regular'; padding:1px 5px; background-color:#575757; font-size:1.3em; color:#FFF; position:absolute; right:0; top:0; cursor:pointer; } /*font-size:.9em; */ .filter_box h4 { color:#335EA4; line-height:2em; font-family: 'Roboto Condensed'; font-weight:400; font-size:2.3em; text-align:center; letter-spacing:-1px;} .filter_box h4 b{ font-size:0.5em; font-family: "微軟正黑體"; color:#737373; padding-left:5px; } .filter_box .tab_box { width:100%; margin-top:-30px; } .filter_box .tab_box .nav-tabs{ width:100%; margin:0 auto; padding:10px 10px 0 10px;} .filter_box .tab_box .nav-tabs li{ font-size:.8em; border-radius:4px 4px 0 0; margin-bottom:-2px; } .filter_box .tab_box .nav-tabs li.active{ background-color:#335EA4; border:none; } .filter_box .tab_box .nav-tabs li.active a { color:#FFD220; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFD220; background-color: #335EA4; border-color:#335EA4; border-radius:4px 4px 0 0 } .nav-tabs > li.active > a:hover { color:#FFF} .filter_box .tab_box .nav-tabs li a{ text-decoration:none;color:#333} .tab-content { width:100%; clear:both; margin-top:5px} .tab-content p { text-align:center; font-size:.7em;} .tab-content .swch{ margin-top:-6px; } .tab-pane { text-align:center} .tab-pane button { margin:0 5px;} .tab-content .pk_list{ width:96%; margin:10px auto; height:290px; clear:both; overflow-y:scroll; border:#E4E4E4 1px solid; border-radius:5px;} .tab-content .pk_list ul{ width:100%; display:inline-block; padding:5px 5px 10px 5px; border-bottom:#DFDFDF 1px solid; margin-bottom:-7px;} .tab-content .pk_list ul:nth-child(odd) { background-color:#FFF} .tab-content .pk_list ul:nth-child(even) { background-color:#F1F1F1} .tab-content .pk_list li{ float:left; display:block;} .tab-content .pk_list .pic { width:18%} .tab-content .pk_list .pic img{ width:100%} .tab-content .pk_list .name{ width:50%;font-family: 'Roboto Condensed'; color:#737373; font-weight:400; text-align:left; text-indent:4px; font-size:.9em; padding:20px 5px 0 10px;} .tab-content .pk_list .name b{font-family: "微軟正黑體"; color:#333; } .tab-content .pk_list .show, .tab-content .pk_list .no_show { width:13%; height:55px; background-repeat:no-repeat; background-size:70% auto; text-indent:-9999px; background-position:center center; cursor:pointer;} .tab-content .pk_list .show {background-image:url(../images/eye.png); opacity:.2} .tab-content .pk_list .show.active { opacity:1} .tab-content .pk_list .no_show {background-image:url(../images/eye-hidden.png); opacity:.2} .tab-content .pk_list .no_show.active { opacity:1} .tab-content .pk_list .btn-group { margin-left:15px;} .tab-content .pk_list .btn-group button{ margin:0 -1px 0 0; padding:4px 30px; background-color:#FFF; color:#335EA4; letter-spacing:5px} .tab-content .pk_list .btn-group button:hover{ color:#333; background-color:#DDD; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {background-color:#335EA4; color:#fff;!important} .tab-content .pk_list .btn-group .btn:active, .tab-content .pk_list .btn-group .btn.active {background-color:#335EA4; color:#fff;!important} /*#tab3 { text-align:center;} #tab3 h5 { font-size:1.5em; font-weight:600; color:#5C5C5C; line-height:2em;} #tab3 label { font-weight:normal; font-size:.9em; } #tab3 .form-group { width:70%; margin:-20px auto 0 auto;} #tab3 .form-group .form-control{background-color:#335EA4; color:#fff; font-size:1em; padding-top:5px; font-family: 'Roboto Condensed'; } #tab3 .form-group .form-control option{background-color:#DDD; color:#4B4B4B} #tab3 .ch_box { margin-top:15px;} #tab3 .ch_box input { width:18px; height:18px;} #tab3 .ch_box b{ padding-left:10px; font-size:.9em; } #tab3 .btn-group-md button { margin:15px 10px}*/ #tab4 { text-align:center;} #tab4 h5 { font-size:1.5em; font-weight:600; color:#5C5C5C; line-height:2em;} #tab4 label { font-weight:normal; font-size:.9em; } #tab4 .form-group { width:70%; margin:-20px auto 0 auto;} #tab4 .form-group .form-control{background-color:#335EA4; color:#fff; font-size:1em; padding-top:5px; font-family: 'Roboto Condensed'; } #tab4 .form-group .form-control option{background-color:#DDD; color:#4B4B4B} #tab4 .ch_box { margin-top:15px;} #tab4 .ch_box input { width:18px; height:18px;} #tab4 .ch_box b{ padding-left:10px; font-size:.9em; } #tab4 .btn-group-md button { margin:15px 10px} /*寶貝圖鑑 LIST*/ .list_page h1 { display: block; float: left; color: #335EA4; font-size: 1.4em; line-height: 1.4em; } /*.list_page .srch {*/ .content .srch { display: block; float: right; font-size: 17px; color: white; font-weight: 600; padding: 5px 40px 5px 15px; border-radius: 5px; background: url(../images/search.svg) no-repeat 90% center #335EA4; background-size: 24px auto; cursor: pointer; } /*.list_page .srch {*/ .content .btn1 { display: block; float: left; font-size: 17px; color: white; font-weight: 600; padding: 5px 15px 5px 15px; border-radius: 5px; background: center #335EA4; background-size: 24px auto; cursor: pointer; } .list-group { } .list-group .thead { width: 100%; background-color: #585858; padding: 8px; overflow: hidden; } .list-group .thead span { font-size: .7em; display: block; float: left; color: #CCC; text-align: center; } .list-group .thead span.id_num, .list-group .thead span.v1 { width: 11%; } .list-group .thead span.img { width: 25%; } .list-group .thead span.name { width: 20%; } .list-group ul { width: 100%; border-bottom: #E1E1E1 1px solid; border-top: #E1E1E1 1px solid; overflow: hidden; padding-bottom: 7px; margin-bottom: 0; margin-top: -1px; } .list-group ul:nth-child(odd) { background-color: white; } .list-group ul:nth-child(even) { background-color: #F5F5F5; } .list-group ul li { display: block; float: left; list-style: none; padding: 5px; text-align: center; font-size: .9em; padding-top: 10%; } .list-group ul li.id_num, .list-group ul li.v1 { width: 11%; } .list-group ul li.img { width: 25%; padding-top: 0; } .list-group ul li.img img { width: 100%; height: auto; } .list-group ul li.name { width: 20%; } .list-group ul li.name a { color: #335EA4; font-weight: bold; font-size: 1.1em; } .list-group .text_wrap { margin: 15px 0; } .list-group .text_wrap h2 { font-size: 1.4em; color: #335EA4; } .list-group .text_wrap .ads img { width: auto; } /*寶貝圖鑑 LIST - SEARCHBOX*/ .content .box { width: 100%; clear: both; background-color: #335EA4; color: #FFFFFF; border-radius: 8px; position: relative; display: none; } .content .box span { position: absolute; display: block; } .content .box .triangle { right: 35px; top: -11px; width: 22px; height: 12px; background: url(../images/triangle.png) no-repeat center top; background-size: 22px 12px; } .content .box .hide_btn { right: 15px; top: 10px; border: #FFFFFF 1px solid; border-radius: 2px; font-size: 1.2em; /*.8em;*/ padding: 2px 35px 2px 10px; background: url(../images/hide_btn.png) no-repeat 90% center; background-size: 20px auto; } .content .box .hide_btn:hover { opacity: .7; cursor: pointer; } .content .box ul, #SEARCH_BOX .box li { list-style: none; } .content .box ul { overflow: hidden; padding: 10px; margin-bottom: 0; } .content .box ul:nth-child(odd) { background-color: #335EA4; } .content .box ul:nth-child(even) { background-color: #294D87; } .content .box li { display: block; float: left; } .content .box li.lft { width: 20%; font-size: 1.3em; /*.9em;*/ text-align: center; } .content .box li.rgt { width: 80%; } .content .box ul li div.item, .content .box ul li .item input, .content .box ul li .item p { float: left; padding: 0 5px; } .content .box ul li .item p { margin-bottom: 0.3em; } .content .box ul.reset { padding: 10px 10%; } .content .box ul.reset .reset_btn { display: block; border: #BDCCE3 1px solid; border-radius: 3px; width: 100%; padding: 4px; text-align: center; font-size: 1.3em; /*.9em;*/ background-color: #223F6F; } .content .box ul.reset .reset_btn:hover { background-color: #FFD220; transition: all 0.2s; } .content .box ul.reset .reset_btn a { color: #99AFD2; } .content .box ul.reset .reset_btn a:hover { color: #335EA4; font-weight: bold; } .content .box li.rgt .kw { display: block; width: 70%; margin: 3px 10px; border: none; border-radius: 3px; color: #CCC; font-size: 1.2em; /*.8em;*/ padding: 3px 10px; } .content .box li.rgt .kw:focus { color: #333; font-size: 1.3em; /*.9em;*/ } .content .box li.rgt .kwlist { display: block; width: 70%; margin: 3px 10px; border: none; border-radius: 3px; color: #333; font-size: 1.2em; /*.8em;*/ padding: 3px 10px; } .content .box li.rgt .kwlist:focus { color: #333; font-size: 1.3em; /*.9em;*/ } /* 20170311*/ /*寶貝圖鑑 DETAIL*/ .detail { font-family: 'Roboto Condensed', sans-serif; margin-top:5px; font-weight:400; } .detail .type_box { width:100%; overflow:hidden;} .detail .type_box span { display:block; float:left; text-align:center; padding:3px; color:#FFF} .detail .type_box span.type1{ background-color:#FA5555; width:50%} .detail .type_box span.type2{ background-color:#00ACB4; width:50%} .detail .type_box span.type3{ background-color:#2E97E5; width:100%} .detail .type_box span i{font-family:"微軟正黑體"; font-style:normal;} .intro_box { clear:both; display:inline-block} .intro_box .pic{ width:50%; float:left; padding:25px;} .intro_box .about { list-style:none; margin-top:15px;} .intro_box .about li.id_num{ line-height:1.8em} .intro_box .about li.name{ font-family: 'Baloo Bhaina', cursive; font-size:2.5em; line-height:1em; color:#335EA4; margin-top:15px;} .intro_box .about li.name_cn{ font-family:"微軟正黑體"; color:#335EA4} .intro_box .about li.hei{ font-size:.8em; margin-top:15px; line-height:1.8em; font-style:normal; } .intro_box .about li.wei{ font-size:.8em; line-height:1.8em; font-style:normal} .intro_box .about li.hei em, .intro_box .about li.wei em{ color:#AFAFAF; font-style:normal; } .intro_box .about li.brief{ margin-top:15px;font-size:.8em; font-weight:light; font-family:"微軟正黑體"; line-height:1.7em; letter-spacing:-0.5px;} .attack_box { margin-top:20px; clear:both} .attack_box ul{ clear:both; padding:5px 0;} .attack_box .item { color:#666; font-weight:bold; line-height:1.8em} .attack_box .prograss{ height:30px; background-color:#CCC; padding:0; margin:3px 0 0 10px;} .attack_box .prograss_bar { background-color:#335EA4; color:#FFF; font-size:.8em; height:30px; text-align:center; line-height:1.9em} .move_box { margin-top:10px; clear:both;} .move_box .ttl, .evo_box .ttl{ font-size:1.2em; text-align:center; line-height:1.5em; font-family:"微軟正黑體"; font-weight:600} .move_box .outter { background-color:#F3F3F3; display:inline-block; border-radius:6px; padding:10px 10px 20px 10px; } .move_box .wrap { color:#999999;} .move_box .inner { background-color:#00ACB4; display:inline-block; color:#FFF; padding:0; margin-top:8px; } .move_box .inner .lft { padding:10px 6px 6px 6px; text-align:center; line-height:1.1em} .move_box .inner .rght { border-left:#F3F3F3 3px solid; padding:12px 6px 8px 6px; line-height:0.8em; font-size:1.2em;} .move_box .inner .rght .info { font-size:.6em; font-weight:100; line-height:.2em;} .move_box .inner .rght .name{ font-size:.7em; font-family:"微軟正黑體";} .move_box .inner .rght .info b{font-family:"微軟正黑體"; font-weight:normal} .move_box .inner .rght .energyBar{ margin:8px 0 2px -3px; width:100%} .energyBar .innerEnergyBar{ float:left; margin:0 1px 0 1px; height:12px; background:rgba(0, 0, 0, 0.19); border-radius:3px; flex:1} .move_box .topBar { background-color:#686868; font-size:.6em; border-radius:8px 0 0 0; color:#E7E7E7; padding:2px 2px 2px 8px; margin:8px 0 -8px 0; clear:both;} .move_box .oran { background-color:#FA5555} .move_box .blue { background-color:#2E97E5} .move_box .pur { background-color:#8756E6} .note { font-size:.7em; color:#CCC; text-align:center; margin:10px 0; font-weight:300;} /*candyBox*/ .candyBox { clear:both;} .candyWrap { margin:20px 0; display:inline-block} .candyWrap ul { border-right:#DCDCDC 1px solid;} .candyWrap li{ display:block; text-align:center; line-height:1em; font-size:.9em; font-weight:400;} .candyWrap img { width:30%; opacity:.3;} .candyWrap li.km {} .candyWrap li.km span{ color:#335EA4; font-size:2em; font-weight:bolder; padding-left:3px; font-weight:700;} .candyWrap li.item { font-family:"微軟正黑體";} .candyWrap li.item b{ font-family: 'Roboto Condensed'; font-weight:normal;} .candyWrap ul.noLine {border-right:none;} .candyWrap li.rate{ margin:15px 0 22px 5px;} .candyWrap .rate .rateBar { width:100%; height:35px; background-color:#CCC; position:relative; border-radius:17px} .candyWrap .rate .rateBar span { background-color:#335EA4; height:35px; color:#FFF; position:absolute; left:0; top:0; line-height:32px; border-radius:17px 0 0 17px} .pd_top{ padding-top:9px;} /*DEFENCE*/ .defen_box { margin-bottom:10px} .defen_box .outter { background-color:#F3F3F3; display:inline-block; border-radius:6px; padding:10px; } .defen_box ul { background-color:#00ACB4; padding:15px 20px; margin:10px 0} .defen_box li{ display:block; color:#FFF; font-size:.9em; line-height:1.6em; } .defen_box .wrap li span { font-size:.8em; color:white;} .defen_box .wrap span { font-family:"微軟正黑體"; color:#646464} .defenBg { background:url(../images/denfence.png) no-repeat 35% center;} /*EVOLUTION進化*/ .evo_box {} .evo_box .outter { background:none; background-color:#FFFFFF; margin:5px 0;} .evo_box .evo3 { padding:10px; width:95%; margin:0 auto;} .evo_box .evo3 li {display:block; float:left; } .evo_box .evo3 li.pic { width:25%;} .evo_box .evo3 li.pic img { width:100%;} .evo_box .evo3 li.candy{ width:10%; padding-top:13%; background:url(../images/evo.png) no-repeat center 60%;background-size:50% auto; text-align:center;} .evo_box .evo3 li.candy span {font-size:.9em; } .evo_box .evo2 { padding:20px; width:90%; margin:0 auto;} .evo_box .evo2 li {display:block; float:left; } .evo_box .evo2 li.pic { width:40%; padding:0 5%;} .evo_box .evo2 li.pic img { width:100%;} .evo_box .evo2 li.candy{ width:20%; padding:15% 0 0 0; background:url(../images/evo.png) no-repeat center 55%;background-size:33% auto; text-align:center;} .evo_box .evo2 li.candy span {font-size:.9em; } /*屬性顏色*/ .bug {background-color:#A8B820!important} .dark {background-color:#705848!important} .dragon {background-color:#7038F8!important} .electric {background-color:#F8D030!important} .fairy {background-color:#EE99AC!important} .fighting {background-color:#C02038!important} .fire {background-color:#F08030!important} .flying{background-color:#A890F0!important} .ghost{background-color:#705898!important} .grass{background-color:#78C850!important} .ground{background-color:#E0C068!important} .ice{background-color:#98D8D8!important} .normal{background-color:#A8A878!important} .poison{background-color:#A040A1!important} .psychic{background-color:#F85888!important} .rock{background-color:#B8A038!important} .steel{background-color:#B8B8D0!important} .water{background-color:#6890F0!important} .giovanni{background-color:#4B4B4B!important} .giovanni_r{background-color:#4B4B4B!important} .giovanni_x{background-color:#4B4B4B!important} .sierra{background-color:#4B4B4B!important} .arlo{background-color:#4B4B4B!important} .cliff{background-color:#4B4B4B!important} /*屬性名字顏色*/ .txt_bug {color:#A8B820!important} .txt_dark {color:#705848!important} .txt_dragon {color:#7038F8!important} .txt_electric {color:#F8D030!important} .txt_fairy {color:#EE99AC!important} .txt_fighting {color:#C02038!important} .txt_fire {color:#F08030!important} .txt_flying{color:#A890F0!important} .txt_ghost{color:#705898!important} .txt_grass{color:#78C850!important} .txt_ground{color:#E0C068!important} .txt_ice{color:#98D8D8!important} .txt_normal{color:#A8A878!important} .txt_poison{color:#A040A1!important} .txt_psychic{color:#F85888!important} .txt_rock{color:#B8A038!important} .txt_steel{color:#B8B8D0!important} .txt_water{color:#6890F0!important} .txt_giovanni{color:#FFFFFF!important;font-weight: 800;} .txt_giovanni_x{color:#FFFFFF!important;font-weight: 800;} .txt_giovanni_r{color:#FFFFFF!important;font-weight: 800;} .txt_decoy{color:#FFFFFF!important;font-weight: 800;} .txt_sierra{color:#F66060!important;font-weight: 800;} .txt_arlo{color:#F66060!important;font-weight: 800;} .txt_cliff{color:#F66060!important;font-weight: 800;} /*首頁 道場視窗*/ .map_box { } .fh5co-map { z-index:9!important} .team_btn { position:absolute; z-index:9; left:50%; top:30%;} .team_btn a{ display:block;} /*首頁 道場視窗-紅色*/ .team_box { display:none; width:360px; height:450px; overflow-y:auto; overflow-x:hidden; position:absolute; left:50%; top:60px; margin-left:-180px; background:url(../images/team_r.png) no-repeat -10% -8% #FFF; box-shadow:#A7A7A7 3px 3px 5px; z-index:10} .team_box .btn_box{ width:360px; height:30px; position:fixed; z-index:999} .team_box .btn_box #close_btn{font-family:'Sosa Regular'; padding:1px 5px; background-color:#575757; font-size:.9em; color:#FFF; position:absolute; left:0; top:0; cursor:pointer; } .team_box .team_wrap { width:95%; padding:10px; margin:0 auto; text-align:center; z-index:9} .team_box .team_wrap .team_icon{ display:block; width:100px;margin:0 auto; padding:10px;} .team_box .team_wrap h3 { font-weight:600; font-size:1em;} .team_box .team_wrap .Bar{width:96%; height:24px; margin:0 auto; background-color:#F0F0F0; border:1px #F3150A solid; border-radius:12px; position:relative} .team_box .team_wrap .Bar span { padding:2px 5px; height:23px; background-color:#F3150A; color:#FDFDFD; font-family: 'Roboto Condensed'; font-size:.8em; line-height:1.1em; border-radius:12px 0 0 12px; position:absolute; left:0; top:0;} .team_box .team_wrap h4{ line-height:2em; font-family: 'Roboto Condensed'; font-size:.9em; font-weight:600;} .team_box .team_wrap p{ line-height:.5em; font-size:.5em; color:#9F9F9F;font-family: 'Roboto Condensed'; margin-top:-15px;} .team_box .team_wrap .pk_box{ text-align:left; font-family: 'Roboto Condensed'; font-size:.9em; color:#444; padding:0 3px;} .team_box .team_wrap .pk_box .pk { display:block; clear:both; border-top:#CDCDCD 1px solid; color:#666} .team_box .team_wrap .pk_box .pk a { color:#444} .team_box .team_wrap .pk_box .pk img, .pk_box .pk_name, .pk_box .hunter_name { padding:5px 8px;} .team_box .team_wrap .pk_box .pk a img{ width:80px; padding-left:15px} .team_box .team_wrap .pk_box .pk_name{ display:block; font-size:0.9em!important; font-family: "微軟正黑體"; font-weight:600; line-height:1.3em; padding-top:10px; color:#444;} .team_box .team_wrap .pk_box .pk_name i{ font-style:normal; color:#000; font-family: 'Roboto Condensed'; font-size:1.2em; font-weight:400} .team_box .team_wrap .pk_box .hunter_name {padding-top:10px; font-size:.9em; font-weight:400; line-height:1.3em; } .team_box .team_wrap .pk_box .hunter_name b{ color:#777; font-weight:600; font-size:1.2em; } .team_box .team_wrap .pk_box .pk .info { display:none;} .team_box .team_wrap .pk_box .pk .info .col-md-6 { padding-left:2px; padding-right:2px;} .pk .info .col-md-6 .col-sm-3{font-family: "微軟正黑體"; font-weight:600; line-height:1.7em;} .team_box .team_wrap .pk_box .pk .info li { text-align:center; font-size:.7em; padding:2px 3px;} .team_box .team_wrap .pk_box .pk .info li span { font-size:.6em; color:#FFF; padding:2px 4px; background-color:#F8D030; border-radius:2px; margin:0 3px;} .team_box .team_wrap .pk_box .pk .info .energyBar { padding:8px 0;} .team_box .team_wrap .pk_box .pk .info .energyBar .innerEnergyBar{ margin-left:0; margin-right:2px; margin-bottom:10px;} .pk .open { margin-right:-10px;} .pk .open:after{ content: "\f13a"; font-size:20px; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; color: #555; line-height:2em;} .pk .open.on:before{ content: "\f139"} .team_box .pk_box li{ } .team_box .pk_box li img{ width:50px; margin:0 auto;} /*首頁 道場視窗-紅色*/ .Valor {background-image:url(../images/team_r.png)} .team_box .team_wrap .ValorBar{border:1px #F3150A solid;} .team_box .team_wrap .ValorBar span { background-color:#F3150A;} .Valor .pk_box .hunter_name b{ color:#F3150A;} /*首頁 道場視窗-藍色*/ .Mystic {background-image:url(../images/team_b.png)} .team_box .team_wrap .MysticBar{border:1px #0677EE solid;} .team_box .team_wrap .MysticBar span { background-color:#0677EE;} .Mystic .pk_box .hunter_name b{ color:#0677EE;} /*首頁 道場視窗-黃色*/ .Instinct {background-image:url(../images/team_y.png)} .team_box .team_wrap .InstinctBar{border:1px #FFCC00 solid;} .team_box .team_wrap .InstinctBar span { background-color:#FFCC00;} .Instinct .pk_box .hunter_name b{ color:#FFCC00;} /*內頁 全台灣道館狀態*/ .gyms h1{ float:none;} .gym_btns { clear:both; padding:20px 0;} .gym_btns ul {} .gym_btns li { display:block; width:21%; float:left; padding:110px 10px 10px 10px; margin:0 4% 0 0; text-align:center; font-size:.9em; color:#666; border-radius:7px; background-size:60% auto; cursor:pointer} .gym_btns li span { font-family: 'Roboto Condensed'; font-size:1.2em; display:block; font-weight:600;} .gym_btns li.active{border:#D7D7D7 1px solid; box-shadow:#CCC 3px 3px 5px inset} .gym_btns li:hover { color:#FFF; box-shadow:#444 3px 3px 5px inset} .gym_btns .valor { background:url(../images/Valor.png) no-repeat center 10px; } .gym_btns li.valor:hover {background-color:#F3150A;} .gym_btns .mystic { background:url(../images/Mystic.png) no-repeat center 10px; } .gym_btns li.mystic:hover {background-color:#0677EE;} .gym_btns .instinct { background:url(../images/Instinct.png) no-repeat center 10px; } .gym_btns li.instinct:hover {background-color:#FFCC00;} .gym_btns li.instinct:hover { color:#FFF; box-shadow:#888 3px 3px 5px inset} .gym_btns .none { background:url(../images/none.png) no-repeat center 10px; } .gym_btns li.none:hover {background-color:#666;} #chartContainer{ clear:both; margin:25px 0 0 0; padding-top:20px;} .status { margin:20px 0; padding:20px 0} .status h2 { text-align:center; line-height:1.7em; color:gray;} .status ul{ width:100%; display:inline-block; clear:both; border-bottom:#CCC 1px solid; margin-bottom:0;} .status ul.top{ border:none; background-color:#555; color:#FFF;} .status ul.top li{font-size:.8em;} .status li{ width:19%; padding:5px; float:left; font-size:.9em; text-align:center; line-height:1.4em;} .status li.frst{ width:24%; } .status li.citi{ color:#335EA4; font-weight:bold; padding:2px 5px 5px 5px;} .status li.no{ color:#444; font-weight:600; padding:2px 5px 5px 5px;} /*首頁 篩選*/ .filter_btn { background: linear-gradient(to bottom, #3460a9 16%,#284a81 100%); position:absolute; z-index:9; right:0; top:100px;padding:8px 12px 12px 12px; border-radius:3px; cursor:pointer;} /*.filter_box { display:none; width:480px; height:450px; background:#FFF; box-shadow:#A7A7A7 3px 3px 5px; position:relative; z-index:998; margin:-490px auto;}*/ /*relative -750px*/ .filter_box { display:none; width:480px; height:450px; background:#FFF; box-shadow:#A7A7A7 3px 3px 5px; position:relative; z-index:998; margin:-490px auto;} /*relative -750px*/ .filter_box .btn_box{ width:30px; height:30px; position:absolute; right:0; top:0; z-index:999} .filter_box .btn_box #close2_btn{font-family:'Sosa Regular'; padding:1px 5px; background-color:#575757; font-size:1.3em; color:#FFF; position:absolute; right:0; top:0; cursor:pointer; } /*font-size:.9em; */ .filter_box h4 { color:#335EA4; line-height:2em; font-family: 'Roboto Condensed'; font-weight:400; font-size:2.3em; text-align:center; letter-spacing:-1px;} .filter_box h4 b{ font-size:0.5em; font-family: "微軟正黑體"; color:#737373; padding-left:5px; } .filter_box .tab_box { width:100%; margin-top:-30px; } .filter_box .tab_box .nav-tabs{ width:100%; margin:0 auto; padding:10px 10px 0 10px;} .filter_box .tab_box .nav-tabs li{ font-size:.8em; border-radius:4px 4px 0 0; margin-bottom:-2px; } .filter_box .tab_box .nav-tabs li.active{ background-color:#335EA4; border:none; } .filter_box .tab_box .nav-tabs li.active a { color:#FFD220; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFD220; background-color: #335EA4; border-color:#335EA4; border-radius:4px 4px 0 0 } .nav-tabs > li.active > a:hover { color:#FFF} .filter_box .tab_box .nav-tabs li a{ text-decoration:none;color:#333} .tab-content { width:100%; clear:both; margin-top:5px} .tab-content p { text-align:center; font-size:.7em;} .tab-content .swch{ margin-top:-6px; } .tab-pane { text-align:center} .tab-pane button { margin:0 5px;} .tab-content .pk_list{ width:96%; margin:10px auto; height:290px; clear:both; overflow-y:scroll; border:#E4E4E4 1px solid; border-radius:5px;} .tab-content .pk_list ul{ width:100%; display:inline-block; padding:5px 5px 10px 5px; border-bottom:#DFDFDF 1px solid; margin-bottom:-7px;} .tab-content .pk_list ul:nth-child(odd) { background-color:#FFF} .tab-content .pk_list ul:nth-child(even) { background-color:#F1F1F1} .tab-content .pk_list li{ float:left; display:block;} .tab-content .pk_list .pic { width:15%} .tab-content .pk_list .pic img{ width:100%} .tab-content .pk_list .name{ width:15%;font-family: 'Roboto Condensed'; color:#737373; font-weight:400; text-align:left; text-indent:4px; font-size:.9em; padding:20px 5px 0 0px;} .tab-content .pk_list .name.ff{ width:50%;font-size: 1.2em;} .tab-content .pk_list .name b{font-family: "微軟正黑體"; color:#333; } .tab-content .pk_list .show, .tab-content .pk_list .no_show { width:13%; height:55px; background-repeat:no-repeat; background-size:70% auto; text-indent:-9999px; background-position:center center; cursor:pointer;} .tab-content .pk_list .show {background-image:url(../images/eye.png); opacity:.2} .tab-content .pk_list .show.active { opacity:1} .tab-content .pk_list .no_show {background-image:url(../images/eye-hidden.png); opacity:.2} .tab-content .pk_list .no_show.active { opacity:1} .tab-content .pk_list .btn-group { margin-left:15px;} .tab-content .pk_list .btn-group button{ margin:0 -1px 0 0; padding:4px 30px; background-color:#FFF; color:#335EA4; letter-spacing:5px} .tab-content .pk_list .btn-group button:hover{ color:#333; background-color:#DDD; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {background-color:#335EA4; color:#fff;!important} .tab-content .pk_list .btn-group .btn:active, .tab-content .pk_list .btn-group .btn.active {background-color:#335EA4; color:#fff;!important} /*#tab3 { text-align:center;} #tab3 h5 { font-size:1.5em; font-weight:600; color:#5C5C5C; line-height:2em;} #tab3 label { font-weight:normal; font-size:.9em; } #tab3 .form-group { width:70%; margin:-20px auto 0 auto;} #tab3 .form-group .form-control{background-color:#335EA4; color:#fff; font-size:1em; padding-top:5px; font-family: 'Roboto Condensed'; } #tab3 .form-group .form-control option{background-color:#DDD; color:#4B4B4B} #tab3 .ch_box { margin-top:15px;} #tab3 .ch_box input { width:18px; height:18px;} #tab3 .ch_box b{ padding-left:10px; font-size:.9em; } #tab3 .btn-group-md button { margin:15px 10px}*/ #tab4 { text-align:center;} #tab4 h5 { font-size:1.5em; font-weight:600; color:#5C5C5C; line-height:2em;} #tab4 label { font-weight:normal; font-size:.9em; } #tab4 .form-group { width:70%; margin:-20px auto 0 auto;} #tab4 .form-group .form-control{background-color:#335EA4; color:#fff; font-size:1em; padding-top:5px; font-family: 'Roboto Condensed'; } #tab4 .form-group .form-control option{background-color:#DDD; color:#4B4B4B} #tab4 .ch_box { margin-top:15px;} #tab4 .ch_box input { width:18px; height:18px;} #tab4 .ch_box b{ padding-left:10px; font-size:.9em; } #tab4 .btn-group-md button { margin:15px 10px} #gotop {display: none; position:fixed; right:20px;bottom: 20px; background: #335EA4; border:#FFF solid 5px; color: white; cursor: pointer; border-radius:50%; opacity:.7; text-align:center; line-height:40px; z-index:999;width:55px; height:55px;} @media screen and (max-width: 480px) { .navbar-default .navbar-nav li span.txt { margin-left:20%} .list-group ul li { font-size:.7em;} .list-group ul li.v1{ width:10%;} .list-group .text_wrap h2 { font-size:1.2em;} .content .box .hide_btn { right:8px; top:10px; border:#FFFFFF 1px solid; border-radius:2px; font-size:1.2em; padding:2px 8px 2px 8px; background:url(../images/hide_btn.png) no-repeat center center; background-size:20px auto; text-indent:-9999px} /*.8em;*/ .navbar-brand {width:180px; height:50px;background:url(../images/logo.png) no-repeat left 3px; background-size:160px auto; text-indent:-9999px; margin-left:20px;!important} .col-sm-2, .col-sm-10, .col-sm-12 { width:100%;} .evo_box .evo3 li.candy span, .evo_box .evo2 li.candy span {font-size:.7em; } .pk { position:relative} .pk .open{ position:absolute; right:0; top:10px;} .team_box { width:320px; } .pk .info .col-md-6, .pk .info .col-md-6 .col-sm-3 {padding:0;} .team_box .team_wrap .pk_box .pk a img{ width:70px; padding-left:2px} .team_box .team_wrap .pk_box .hunter_name {padding-top:10px; font-size:.8em; line-height:1.4em} .team_box { height:auto;} .status ul.top li{ font-size:.7em;} .status li{ font-size:.8em;} .gym_btns li { width:45%; margin-top:10px;} .filter_box { display:none; width:100%; height:100%; position:absolute; z-index:2000; left:0; top:0; margin:0 auto; box-shadow:none;} .filter_box .btn_box{ width:35px; height:35px; position:absolute; z-index:2000} /*right:0; top:0; */ .filter_box .btn_box #close2_btn{font-family:'Sosa Regular'; padding:1px 5px; background-color:#575757; font-size:1.3em; color:#FFF; position:absolute; right:0; top:0; cursor:pointer; } /*font-size:.9em; */ /* .team_box .btn_box{ width:360px; height:30px; position:fixed; z-index:999} .team_box .btn_box #close_btn{font-family:'Sosa Regular'; padding:1px 5px; background-color:#575757; font-size:.9em; color:#FFF; position:absolute; left:0; top:0; cursor:pointer; } */ .tab-content .pk_list{ height:100%; overflow-y:hidden; } .tab-content .pk_list .btn-group button {padding:4px 20px;} /*.tab-content .pk_list .name{ font-size:.9em; width:43%;}*/ .tab-pane button { margin:0 3px; padding:8px 10px;} .filter_box .tab_box .nav-tabs li a{ } #gotop {right:5px;bottom: 5px; border:#FFF solid 3px; color: white; line-height:40px; width:45px; height:45px;} } @media screen and (max-width: 320px) { .list-group ul li { font-size:.65em; padding-top:10%} .list-group ul li.name{ padding-top:10%;} .list-group ul li.v1{ width:9%;} .content .box li.lft { font-size:1em; color:#E3E3E3} /*0.7em;*/ .pk .info .col-md-6 .col-sm-3{ width:10%; padding:0;} /*.tab-content .pk_list .name{ font-size:.8em; width:39%;}*/ } @media screen and (max-width: 992px) { #fh5co-header .navbar-brand { padding-left: 55px !important; padding-right: 0 !important; } #fh5co-header .navbar-brand:after, #fh5co-header .navbar-brand:before { margin-left: 25px; } .rgt_clm { width:100%;} .defenBg { background:none;} .defen_box .outter { width:100%;} .move_box .outter { width:100%} } @media screen and (max-width: 768px) { #fh5co-header .navbar-default { margin-top: 0px; padding-right: 0px; padding-left: 0px; } .fh5co-nav-toggle { display: block; } .navbar-default .navbar-nav li span.txt { margin-left:42%} .navbar-default .navbar-nav li a.fb_btn { width:25px; height:30px; margin:10px 0 0 3px; background-image:url(../images/fb_btn.svg); background-size:auto 30px; background-repeat:no-repeat; } .move_box .inner .rght { border-left:none; padding-bottom:20px} .move_box .inner .lft { border-bottom:1px #FFF solid;} .col-sm-2, .col-sm-10, .col-sm-12 { width:100%;} footer p{ font-size:.7em;} #map {width: 95%;} .move_box .inner .rght .energyBar{ margin-bottom:5px;} .move_box .inner{ display:inline-block} .team_box { margin-left:-160px;} .pk .col-sm-4, .pk .col-sm-3, .pk .col-sm-1, .pk img{ float:left;} .pk { position:relative} .pk .open{ position:absolute; right:-2px; top:10px;} .pk .info .col-md-6 .col-sm-3{ width:10%;} .team_box .team_wrap .pk_box{font-family: 'arial';} .team_box .team_wrap .pk_box .pk_name i{ font-family: 'arial'; font-size:1em} .team_box .team_wrap .pk_box .pk .info li {font-size:.7em;} /*.col-sm-4 {float: left; width: 33.33333%!important}*/ } .autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; } .autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #f0f0f0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399ff; } .my_name { text-overflow : ellipsis; display : inline-block; overflow : hidden; width:120px; } /*.my_time { text-overflow: ellipsis; font-weight: 400; display: inline-block; font-size: .8em; color:red; font-family: '微軟正黑體'; overflow: hidden; margin-left:-100px; margin-top:-10px; width: 220px; }*/ .my_time { text-overflow: ellipsis; font-weight: 400; /*display: inline-block;*/ font-size: .7em; color:red; font-family: '微軟正黑體'; overflow: hidden; margin-left:-108px; margin-top:54px; width: 220px; } .my_time1{ height: 11px; display: block; } .my_boss_skill{ font-size: .6em; color: #FFF; padding: 2px 4px; border-radius: 2px; margin: 0 3px; } .my_boss_skill_table{ font-size: .6em; color: #FFF; padding: 2px 0px; border-radius: 2px; margin: 0 3px; padding-right: 3px; width: 27px; display: -webkit-inline-box; text-align: -webkit-center; } @media screen and (max-width: 480px) { .my_name { width:110px; } .my_time { margin-left: -87px; width: 80%; } .my_time1{ height: 25px; display: block; } } .myfont_title_m { color: black; } .myfont_line { color: black; } .fbfb { line-height: 22px; background-color: #4267b2; border-color: #4267b2; color: #fff; border: 1px solid; border-radius: 2px; box-sizing: content-box; font-family: helvetica, arial, sans-serif; font-size: 13px; -webkit-font-smoothing: antialiased; font-weight: bold; padding: 0 8px; position: relative; text-align: center; text-shadow: none; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; cursor: pointer; display: inline-block; text-decoration: none; white-space: nowrap; } .alink { text-decoration: none; } .alink a:hover { color: #fff; } .glyphicon-repeat-animate { animation: spin .9s infinite linear; -webkit-animation: spin2 .9s infinite linear; } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } .MyMarkerTooltip { font-weight:900; } /*twpkinfo*/ body .wowocean-reveal-modal-pk {position:fixed;background-color:rgba(22,22,22,0.6);width:100%;height:100%;top:0;left:0;z-index:10000;display:none;} body .wowocean-reveal-modal-pk .wowocean-pop-wrapper-pk {width:300px;height:250px;position:relative;margin:0 auto;z-index:10001;top:40px;display:block;} body .wowocean-reveal-modal-pk .wowocean-pop-wrapper-pk .wowocean-pop-close-pk { position: absolute; top: 2px; right: 0px; background: url(/images/icon_close3.png) no-repeat center center; border-radius: 32px; height: 40px; width: 40px; cursor: pointer; opacity: 1; z-index: 11002;background-color:#333;} body .wowocean-reveal-modal-pk #ypaAdWrapper-pop3-pk {margin:0;padding:0;width:300px;height:auto;overflow:hidden;position:relative;display:table;} body .wowocean-reveal-modal-pk #ypaAdWrapper-pop3-pk * {margin:0;padding:0;} body .wowocean-reveal-modal-pk #ypaAdWrapper-pop3-pk img {width:300px;height:250px;border:1px solid #d5d5d5;} body .wowocean-reveal-modal-pk #ypaAdWrapper-pop3-pk h3 {position:absolute;bottom:20px;color:#fff;background-color:#333;width:100%;opacity:0.7;} body .wowocean-reveal-modal-pk #ypaAdWrapper-pop3-pk h3 span {padding:5px;display:block;text-align:center;font-size:22px;} .poke_Newname { padding: 3px;margin-bottom: 8px;border-style: solid;border-color: lightgray;border-radius: 3px;border-width: 1px;} .poke_divIcon_div { position: absolute; } .poke_divIcon45_iv_100 { position: absolute;width:25px;height:25px;background-color:#009dfc;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -43px;margin-left: 8px;padding-left: 4px;padding-top: 4px; } .poke_divIcon45_iv_90 { position: absolute;width:20px;height:20px;background-color:#ef0601;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -43px;margin-left: 8px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_iv_00 { position: absolute;width:20px;height:20px;background-color:#000000;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -43px;margin-left: 8px;padding-left: 7px;padding-top: 1px; } .poke_divIcon45_iv_80 { position: absolute;width:20px;height:20px;background-color:#00bf0c;font-weight: 600;font-size:11px;border-radius:50%;color:white;margin-top: -43px;margin-left: 8px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_xsxl { position: absolute;width:20px;height:20px;background-color:#ff8d00;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -43px;margin-left: -18px;padding-left: 2px;padding-top: 1px; } .poke_divIcon25_league_img { margin-top: -40px;margin-left: 2px;padding-left: 4px;padding-top: 1px; width: 25px; height: 25px; outline: none; } .poke_divIcon26_iv100_img { margin-top: -46px;margin-left: 4px;width: 26px; height: 26px; outline: none;position: absolute; } .poke_divIcon45_img { margin-left: -16px; margin-top: -20px; width: 45px; height: 45px; outline: none; } .poke_divIcon45_00_img { margin-left: -16px; margin-top: -20px; width: 45px; height: 45px; outline: none;filter: grayscale(1); } .poke_divIcon45_xsxl_img { margin-left: -16px; margin-top: -20px; width: 45px; height: 45px; outline: none;filter: sepia(1); } .poke_divIcon40_img { margin-left: -13px; margin-top: -20px; width: 40px; height: 40px; outline: none; } .poke_divIcon30_img { margin-left: -12px; margin-top: -20px; width: 30px; height: 30px; outline: none; } .poke_divIcon35_img { margin-left: -11px; margin-top: -20px; width: 35px; height: 35px; outline: none; } .poke_divIcon45_sponsor_img { position: absolute;background-color:#c402fc;margin-top: -36px;margin-left: -15px;width: 20px;height: 20px;border-radius:50%; } .poke_divIcon45_mega_img { position: absolute;margin-top: -38px;margin-left: 5px; } .poke_divIcon45_AR_img { position: absolute;background-color:#000000;margin-top: -16px;margin-left: -15px;width: 20px;height: 20px;border-radius:50%; } .poke_divIcon45_pokeid { /*position: absolute;*/ /*padding-left: 4px;*/ width:30px;height:25px;background-color:#ffffff;font-weight: 600;font-size:11px;border-radius:10%;border-color:#000000;border-width: 2px;border-style: solid;color:#000000;text-align: center;margin-top: -10px;margin-left: -8px;padding-top: 3px; } .poke_divIcon45_rocket_type { position: absolute;width:20px;height:20px;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -46px;margin-left: 8px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_type_eng { position: absolute;width:20px;height:20px;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -46px;margin-left: 8px;padding-left: 6px;padding-top: 1px; } .poke_divIcon45_rocket_type_stmap { position: absolute;width:14px;height:14px;font-weight: 800;font-size:10px; border-radius:50%;color:white ;margin-top: -108px;margin-left: 151px; /*padding-left: 4px;padding-top: 1px;*/ } .poke_divIcon45_rocket_sexM_stmap { position: absolute;width:20px;height:20px;background-color:#0071b8;font-weight: 800;font-size:10px; border-radius:50%;color:white ;margin-top: -111px;margin-left: 148px; /*padding-left: 4px;padding-top: 1px;*/ } .poke_divIcon45_rocket_sexF_stmap { position: absolute;width:20px;height:20px;background-color:#eb6999;font-weight: 800;font-size:10px; border-radius:50%;color:white ;margin-top: -111px;margin-left: 148px; /*padding-left: 4px;padding-top: 1px;*/ } .poke_divIcon45_rocket_type_questionmark { position: absolute;width:20px;height:20px;background-color:#ef0601;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -46px;margin-left: 8px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_sexM { /*position: absolute;width:20px;height:20px;background-color:#0071b8;font-weight: 100;font-size:12px; border-radius:50%;color:white ;margin-top: -18px;margin-left: -14px;padding-left: 5px;padding-top: 0px;*/ /*position: absolute;width:28px;height:28px;background-color:#0071b8;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -48px;margin-left: 5px;padding-left: 4px;padding-top: 1px;*/ /*position: absolute;width:28px;height:28px;background-color:#0071b8;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -50px;margin-left: 4px;padding-left: 4px;padding-top: 1px;*/ position: absolute;width:26px;height:26px;background-color:#0071b8;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_sexM_L { position: absolute;width:26px;height:26px;background-color:#0071b8;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_sexF { /*position: absolute;width:20px;height:20px;background-color:#eb6999;font-weight: 100;font-size:12px; border-radius:50%;color:white ;margin-top: -18px;margin-left: -14px;padding-left: 5px;padding-top: 0px;*/ position: absolute;width:26px;height:26px;background-color:#eb6999;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_sexF_L { position: absolute;width:26px;height:26px;background-color:#eb6999;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_cadre { /*position: absolute;width:20px;height:20px;background-color:#eb6999;font-weight: 100;font-size:12px; border-radius:50%;color:white ;margin-top: -18px;margin-left: -14px;padding-left: 5px;padding-top: 0px;*/ position: absolute;width:26px;height:26px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_cadre_L { position: absolute;width:26px;height:26px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_boss { /*position: absolute;width:20px;height:20px;background-color:#eb6999;font-weight: 100;font-size:12px; border-radius:50%;color:white ;margin-top: -18px;margin-left: -14px;padding-left: 5px;padding-top: 0px;*/ position: absolute;width:26px;height:26px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_boss_L { position: absolute;width:26px;height:26px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -49px;margin-left: 5px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_bossR { position: absolute;width:21px;height:21px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -47px;margin-left: 7px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_bossR_L { position: absolute;width:21px;height:21px;background-color:#4b4b4b;font-weight: 600;font-size:11px; border-radius:50%;color:white ;margin-top: -47px;margin-left: 7px;padding-left: 4px;padding-top: 1px; } .poke_divIcon45_rocket_bossR1 { position: absolute;width:27px;height:27px;border-radius:50%;margin-top: -50px;margin-left: 4px;padding-left: 4px;padding-top: 1px; background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 100%); } .poke_divIcon45_rocket_bossR1_L { position: absolute;width:27px;height:27px;border-radius:50%;margin-top: -50px;margin-left: 4px;padding-left: 4px;padding-top: 1px; background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 100%); } .poke_divIcon45_gym_members { position: absolute;width:17px;height:17px;background-color:#000000;font-weight: 600;font-size:12px; border-radius:50%;color:#fefefe ;margin-top: -18px;margin-left: 14px;padding-left: 5px;padding-top: 0px; } .gym_divIcon_div { position: absolute; } .gym_divIcon_weather { width: 23px;margin-left: -2px;margin-top: -2px;filter: brightness(100); } .gym_divIcon_mega { width: 20px;margin-left: -28px;margin-top: -40px; } .gym_divIcon_team { width: 23px;margin-left: -2px;margin-top: -2px; } .gym_divIcon_sponsor { color: white;font-size: 14px;font-weight: 700;margin-left: 5px; } .gym_divIcon_AR { color: white;font-size: 14px;font-weight: 700;margin-left: 5px; } .gym_divIcon30_team_black { /*position: absolute;margin-top: -6px;margin-left: 12px;width: 20px;height: 20px;border-radius:50%;*/ position: absolute;margin-left: -30px; margin-top: -20px; width: 30px; height: 30px; outline: none; } .gym_divIcon30_iv_black { position: absolute;background-color:#c402fc;margin-top: 4px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon30_weather_black { position: absolute;background-color:#c402fc;margin-top: -26px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon30_mega_black { position: absolute;margin-top: -26px;margin-left: 9px;width: 20px;height: 20px; } .gym_divIcon30_Fgym_black { position: absolute;margin-top: -3px;margin-left: 40px;width: 20px;height: 20px; } .gym_divIcon30_img { margin-left: -10px; margin-top: -20px; width: 30px; height: 30px; outline: none; } .gym_divIcon45_team_black { /*position: absolute;margin-top: -6px;margin-left: 12px;width: 20px;height: 20px;border-radius:50%;*/ position: absolute;margin-left: -45px; margin-top: -20px; width: 45px; height: 45px; outline: none; } .gym_divIcon45_iv_black { position: absolute;background-color:#c402fc;margin-top: 4px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_weather_black { position: absolute;background-color:#c402fc;margin-top: -26px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_img { margin-left: -16px; margin-top: -20px; width: 45px; height: 45px; outline: none; } .gym_divIcon45_egg_img { margin-left: -11px; margin-top: -20px; width: 45px; height: 45px; outline: none; } .gym_divIcon45_sponsor_img { position: absolute;background-color:#c402fc;margin-top: -43px;margin-left: -20px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_sponsor1_img { position: absolute;background-color:#c402fc;margin-top: -46px;margin-left: -20px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_sponsor2_img { position: absolute;background-color:#c402fc;margin-top: -46px;margin-left: -15px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_sponsor3_img { position: absolute;background-color:#c402fc;margin-top: -55px;margin-left: -20px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon45_sponsor4_img { position: absolute;background-color:#c402fc;margin-top: -43px;margin-left: -10px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon50_team_black { /*position: absolute;margin-top: -6px;margin-left: 12px;width: 20px;height: 20px;border-radius:50%;*/ position: absolute;margin-left: -50px; margin-top: -20px; width: 50px; height: 50px; outline: none; } .gym_divIcon50_iv_black { position: absolute;background-color:#c402fc;margin-top: 6px;margin-left: 12px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon50_weather_black { position: absolute;background-color:#009dfc;margin-top: -24px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; /* #c402fc */ } .gym_divIcon50_img { margin-left: -20px; margin-top: -20px; width: 50px; height: 50px; outline: none; } .gym_divIcon60_team_black { /*position: absolute;margin-top: -6px;margin-left: 12px;width: 20px;height: 20px;border-radius:50%;*/ position: absolute;margin-left: -60px; margin-top: -20px; width: 60px; height: 60px; outline: none; } .gym_divIcon60_iv_black { position: absolute;background-color:#c402fc;margin-top: 14px;margin-left: 20px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon60_weather_black { position: absolute;background-color:#c402fc;margin-top: -16px;margin-left: 9px;width: 20px;height: 20px;border-radius:50%; } .gym_divIcon60_img { margin-left: -25px; margin-top: -20px; width: 60px; height: 60px; outline: none;border-radius: 5%; } .stop_divIcon60_img { margin-left: -25px; margin-top: -60px; width: 60px; height: 60px; outline: none; } .stop_divIcon40_img { margin-left: -13px; margin-top: -40px; width: 40px; height: 40px; outline: none; } .stop_divIcon30_img { margin-left: -8px; margin-top: -35px; width: 30px; height: 30px; outline: none;filter: drop-shadow(5px 5px 5px black); } .smap_divIcon_sponsor { width:65px;right: 45px;position:absolute;margin-top: -145px;background-color:#c402fc;border-radius:5%;color: white;padding-bottom: 2px; } .popup_divIcon_sponsor { margin-left: 5px;background-color: #c402fc;border-radius: 5%;color: white;padding: 2px 4px; } .span_poke_skill { background-color: white;color: black;border: 1px solid lightgray;width:150px;padding: 2.5px 3px;border-radius:3px;font-weight: 600; } .list-group .thead span.span_thead_pvp_1 { width:15%;font-size:1em; } .list-group .thead span.span_thead_pvp_2 { width:40%;font-size:1em;text-align: left;margin-left: 20px; } .list-group .thead span.span_thead_pvp_3 { width:30%;font-size:1em;text-align: left; } .list-group ul li.ul_li_pvp_1 { width:15%;padding-top: 5%;font-size: 16px;margin-left: -30px; } .list-group ul li.ul_li_pvp_2 { width:40%;padding-top: 5%;font-size: 16px;text-align: left;margin-left: 20px; } .list-group ul li.ul_li_pvp_3 { width:30%;padding-top: 5%;font-size: 16px;text-align: left;margin-left: 10px; } .list-group .divul { width: 100%; border-bottom: #E1E1E1 1px solid; border-top: #E1E1E1 1px solid; overflow: hidden; padding-bottom: 7px; margin: 0px 0px 0px 0px; } .list-group .divul:nth-child(odd) { background-color: white; } .list-group .divul:nth-child(even) { background-color: #F5F5F5; } .divul_col {padding: 10px 0px 0px 0px;} .divul_col_xs9 {font-size: 16px;font-weight: 800;line-height: 28px;} .divul_span_type {font-size: 1em;color: #FFF;padding: 2px 4px;border-radius: 2px;margin: 0 3px;} .divul_col_xs5 {margin-left:20px;line-height: 28px;} .divul_col_xs7 {margin-left:-20px;margin-top: 5px;} .divul_btn_join {float:right;font-weight: 800;margin-right:10px;padding-top: 5px;padding-bottom: 5px;margin-top: 5px;margin-bottom: 5px;} .divul_btn_status {float:right;font-weight: 800;margin-right:10px;padding-top: 5px;padding-bottom: 5px;margin-top: 5px;margin-bottom: 5px;background-color: #f8f9fa;border-color: #cbcbcb;color:red;} .divul_btn_cancel {float:right;font-weight: 800;margin-right:10px;padding-top: 3px;padding-bottom: 3px;margin-top: 5px;margin-bottom: 5px;background-color: #f8f9fa;border-color: #cbcbcb;color:#787878;} .pop_divscrollbar { border-color: #dedede;border-width: 1px;border-style: solid;padding: 1px; } .pop_divscrollbar::-webkit-scrollbar{ width:5px; } .pop_divscrollbar::-webkit-scrollbar-track { background-color: #dedede; } /* the new scrollbar will have a flat appearance with the set background color */ .pop_divscrollbar::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* this will style the thumb, ignoring the track */ .pop_divscrollbar::-webkit-scrollbar-button { background-color: #dedede; } /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */ .pop_divscrollbar::-webkit-scrollbar-corner { background-color: black; } .LocationList { width: 99%; height: 235px; overflow: auto; margin-top: 3px; border: 1px solid #6e6e6e; } .LocationList_row { padding-bottom: 0px; } .LocationList_div { height: 46px; padding-top: 3px; } .LocationList_remove { float: left; width: 30px; height: 30px; margin: 8px 0px; padding:2px 8px; font-size: large; } .LocationList_name { font-weight: 700; height: 20px; overflow: hidden; width: 80%; white-space: nowrap; } .LocationList_value { margin-left: 16px; height: 20px; overflow: hidden; width: 80%; white-space: nowrap; } .SearchLocation_a { width: 30px !important; height: 30px !important; background-color: #00AACE !important; color: white !important; } .SearchLocationFavorite_a { width: 30px !important; height: 30px !important; background-color: #f0ad4e !important; color: white !important; } .tab_link_div { padding: 0px 0px; } .tab_link_a { width:100%;height: 40px;display: block;text-align: center;letter-spacing: 1px;font-weight:700;color:#FFFFFF;padding-top: 10px;margin-left: 0px;background-color:#337ab7;/*#337ab7 0068b1*/ } .tab_link_a:hover { color:#FFFFFF; } .tab_link_a_left { border-right: 1px solid #0165ac; } .tab_link_a_right { border-left: 1px solid #0165ac; } .a_FastRaidJoin { position: fixed;bottom: 0px;left: 50%;transform: translate(-50%, 0%);padding-top: 10px;z-index: 100; } /*.tab_link_a { width:100%;height: 40px;display: block;text-align: center;padding-top: 10px;margin-left: -16px;border:solid; }*/ /* .btn-default_w { color: #333; background-color: #fff; border-color: #ccc } .btn-default_w.active,.btn-default_w.focus,.btn-default_w:active,.btn-default_w:focus,.btn-default_w:hover,.open>.dropdown-toggle.btn-default_w { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default_w.active,.btn-default_w:active,.open>.dropdown-toggle.btn-default_w { background-image: none } .btn-default_w.disabled,.btn-default_w.disabled.active,.btn-default_w.disabled.focus,.btn-default_w.disabled:active,.btn-default_w.disabled:focus,.btn-default_w.disabled:hover,.btn-default_w[disabled],.btn-default_w[disabled].active,.btn-default_w[disabled].focus,.btn-default_w[disabled]:active,.btn-default_w[disabled]:focus,.btn-default_w[disabled]:hover,fieldset[disabled] .btn-default_w,fieldset[disabled] .btn-default_w.active,fieldset[disabled] .btn-default_w.focus,fieldset[disabled] .btn-default_w:active,fieldset[disabled] .btn-default_w:focus,fieldset[disabled] .btn-default_w:hover { background-color: #fff; border-color: #ccc } .btn-default_w .badge { color: #fff; background-color: #333 } */