.fourth-col { width: 25%; } .half-col { width: 50%; } .full-col { width: 100%; } .font-o { font-family: 'Oswald', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; } .font-l { font-family: 'Lato', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; } .sep-line { display: block; width: 50px; height: 3px; } .long-line { width: 100%; } .short-line { width: 30px; } .red-line { } .gray-line { background: #464646; } .light-gray-line { background: #363636; } .white-line { background: #fff; } .blue-line { background: #24a5c2; } .deep-blue-line { background: #007893;} .pink-line { background: #c6003d; } .red-word { color: #911a1d; } .gray-word { color: #464646; } .light-gray-word { color: #363636; } .big-red-word { color: #dc2229;} .white-word { color: #fff;} .light-blue-word { color: #37cbe7; } .blue-word { color: #24a5c2; } .deep-blue-word { color: #007893;} .light-green-word { color: #3fcfc3; } .light-green-yellow-word { color: #2eae98;} .yellow-word { color: #ffcc00;} .pink-word { color: #c32555; } .btn { padding: 4px 30px 6px; border-radius: 5px; position: relative; top: 8px; } .red-btn { background: #911a1d; } .deep-red-btn { background: #b41b42; } .big-red-btn { background: #d62128; } .gray-btn { background: #464646; } .light-brown-btn { background: #c5ad8b; } .brown-btn { background: #c49e40; } .white-btn { background: #fff; } .blue-btn { background: #24a5c2; } .deep-blue-btn { background: #0b69b2; } .lake-blue-btn { background: #0088a2; } .orange-btn { background: #df8549; } .deep-orange-btn { background: #fe6f49; } .pink-btn { background: #c32555; } a.blue-btn:hover { background: #fff; color: #24a5c2; } .start-up-light-brown-btn { background: #cbb57b; } .normal-word { font-weight: 500; } .bold-word, strong { font-weight: 700; } .italic-word, em, i { font-style: italic; } .underline-word { text-decoration: underline; } .container { max-width: 100%; } .upper { text-transform: uppercase; font-size:24px; } .question { cursor: pointer; display: inline-block; position: relative; top: 3px; left: 5px; text-indent: initial; } .question:hover { opacity: 0.95; } .question:hover img { opacity: 0.8; } .question.small img { max-height: 18px; position: relative; top: 1px; } .question .tooltip { display:none; bottom: auto!important; position: absolute!important; left: 25px; top: -100%; z-index: 1000000; width: 250px!important; border-radius: 5px; font-size: 13px!important; text-transform: initial!important; padding:10px!important; text-align: justify; font-weight: normal!important; font-style: normal; } .question.active .tooltip { display: block; line-height: 18px!important; } .question .tooltip:before { border-color: transparent #363636 transparent transparent; border-right: 6px solid #363636; border-style: solid; border-width: 6px 6px 6px 0px; content: ""; display: block; height: 0; width: 0; line-height: 0; position: absolute; top: 40%; left: -6px; } .question .tooltip p { margin: 10px; color: White; } .question.mobile-close .tooltip { display: none!important;} .default-link { opacity: 1; } .default-link:hover { opacity: 0.7; text-decoration: underline; } .hexagon { width: 150px; height: 90px; background: red; position: relative; margin: 0 auto; border-radius: 5px;} .hexagon_before { content: ""; position: relative; top: 2px; width: 0; height: 0; margin: 0 auto; border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 42px solid red; border-radius: 5px; } .hexagon_after { content: ""; position: relative; width: 0; height: 0; bottom: 2px; margin: 0 auto; border-left: 75px solid transparent; border-right: 75px solid transparent; border-top: 42px solid red; border-radius: 5px; } .no-transform { transform: none!important; -webkit-transform: none!important; } .contact-form-input li>div>select { background-color: #fff; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; border-radius: 5px;} .contact-form-input li>div>select { background-color: rgba(255,255,255,0); } .contact-form-input li>div>select.with_bg { background-color: #fff; } /*---------------------------------------------------------blog_detail---------------------------------------------------------*/ .blog, .blog_detail { background-image: none!important; background: #ececec; padding-top: 77px; height: auto!important; display: flex; margin-bottom: -1px; } .blog_detail .container { max-width: calc(100% - 30px); margin: 0 auto; } .blog-main-wrapper { min-height: 100vh; display: inline-block; margin-right: -4px; vertical-align: top; position: relative; padding-bottom: 0px; } .blog-main-wrapper-left { background: #fff; width: 80%; } .blog-main-wrapper-right { background: #ececec; width: 20%; } .t_and_c .blog-main-wrapper-left { width: 100%; } .t_and_c .article-block { max-width: 1000px;} .t_and_c.blog_detail .blog-main-content .article-details ol { color: #464646; padding-left: 20px; line-height: 2.2rem; } .t_and_c.blog_detail .blog-main-content .article-details ol li { margin: 15px 0; line-height: 1.3rem; font-size: 17px; } .t_and_c.blog_detail .article-block.article-details h3 { text-align: left; font-size: 22px; color: #911a1c; } .t_and_c.blog_detail .article-block.article-details h3::after { margin: 15px 0; background: #911a1c; } /*----------------------blog-main-left----------------------*/ .main-article { opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; position: relative; } .main-article.active { opacity: 1; } .blog-main-banner { width: 100%; } .blog-main-banner .blog-main-banner-img { display: block; width: 100%; height: 0; padding-top: 33%; background-position: center; background-repeat: no-repeat; background-size: cover; } /*.blog-main-banner img { width: 100%; }*/ .blog-main-wrapper-left .blog-sep-line { margin: 10px auto; } .article-block { margin: 40px auto; max-width: 800px; } .blog-main-content { position: relative; } .left-article-info-block { position: absolute; left: 0; top: 0; background: #6b6b6b; font-size: 13px; border-radius: 0 10px 10px 0; max-width: 180px; letter-spacing: 1px; } .left-article-info-block.fixed { position: fixed; } .left-article-info-block p { margin: 10px ;} /*-----------article-info-----------*/ .article-block.article-info { text-align: center; } .article-block.article-info .main-cate { font-size: 20px; margin: 10px 0; } .article-block.article-info .main-title { font-size: 36px; line-height: 48px; margin: 20px 0; font-style: normal; font-weight: bold; display: inline-block; } .article-block.article-info .new-label { display: inline-block; font-size: 13px; line-height: 18px; background: #d62128; border-radius: 2px; color:#fff;margin-left:20px; margin-right: 20px; padding:5px 12px 7px 10px; position: relative; bottom: 5px; font-style: normal; font-weight: normal; margin-top: 15px; } .article-block.article-info .publish-date { font-size: 16px; margin: 20px 0; font-style: normal; font-weight: 300; } /*-----------article-info-----------*/ /*-----------article-details-----------*/ .article-details { margin-top: 50px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; overflow: hidden; max-height: 250px; } .article-block.article-details h3 { text-align: center; font-size: 28px; margin: 15px 0 35px 0; position: relative; color: #464646; } .article-block.article-details h3::after { content: ' '; text-align: center; width: 30px; margin: 15px auto; position: absolute; left: 0; right: 0; height: 3px; display: block; background: #464646; bottom: -30px; } .article-block.article-details table h3 { font-size:17px; color: #911a1c; text-align: left; font-weight: 700; margin-top: 18px; margin-bottom: 13px; } .article-block.article-details table h3::after { right: auto; height: 2px; bottom: -24px; background: #911a1c; } .article-block.article-details table span { font-size: 18px; line-height: 1.5rem; color: #464646;} .article-block.article-details h2 { font-size: 20px; } .article-block.article-details p, .article-block.article-details>div { color: #464646; margin: 20px 0; font-size: 18px; line-height: 1.5rem; text-align: justify; } .article-block.article-details img { max-width: 100%; height: auto!important; margin: 20px auto; text-align: center; display: block;} .article-block.article-details a { color: #911a1d; } .article-block.article-details a:hover { opacity: 0.75; text-decoration: underline; } .article-block.article-details table { border-collapse: collapse; width: calc( 100% - 2px); margin: 35px auto; text-align: justify; } .article-block.article-details table tr { display: block; width: 100%; } .article-block.article-details table td { display: inline-block; width: calc(100% - 41px); padding:10px 20px 30px 20px; border:1px solid #b7b7b7; } .article-block.article-details table tr:first-child td { border-radius: 5px 5px 0 0; border: 0; width: calc(100% - 39px); padding:10px 20px; } .article-block.article-details table:last-child { margin-bottom: 20px; } .article-block.article-details table.two-col { border-collapse: collapse; border-spacing: 0px; width: calc( 100% - 2px); margin: 35px auto; text-align: justify; } .article-block.article-details table.two-col tr { display: block; width: 100%; } .article-block.article-details table.two-col td { display: inline-block; width: calc(50% - 42px); padding:10px 20px; border:1px solid #959595; vertical-align: top; border-top:0;border-bottom: 0; float: left; } .article-block.article-details table.two-col td:nth-child(2) { width: calc(50% - 41px); border-left: 0; } .article-block.article-details table.two-col tr:first-child td { border-radius: 5px 0 0 0; border: 0; width: calc(50% - 40px); text-align: center; padding: 30px 20px; background-repeat: no-repeat; background-position: right 20px bottom -8px; background-size: 50px auto; } .article-block.article-details table.two-col tr:first-child td:last-child { border-radius: 0 5px 0 0; } .article-block.article-details table.two-col tr:last-child td { border-bottom:1px solid #959595; } .article-block.article-details table.two-col tr[colspan="2"] td { width: calc(100% - 42px); border-top:0;border-bottom: 0; background: #f1f1f1; text-align: center; } .article-block.article-details table.two-col tr[colspan="2"] td p { text-align: center; margin: 2px 0; font-size: 17px; color: #911a1c; font-weight: 700; } .article-block.article-details table.two-col tr td p { margin: 5px 0; font-size: 15px; color: #363636; } .article-block.article-details table.two-col tr td ul { color: #911a1d; margin-left: 20px; font-size: 15px; } .article-block.article-details table.two-col tr td ul li:before { color: #911a1d; content: "\002022"; left: 3px; top: 4px; display: inline-block; font-family: FontAwesome; position: relative; font-size: 14px; margin-left: -1.3em; width: 1.3em; color: #8b1718; transform: rotate(45deg); } .active .article-details { max-height: 9999px; } /*-----------article-details-----------*/ /*-----------article-read-all-----------*/ .read-all { display: block; width: 100%; text-align: center; position: relative; bottom: 150px; margin-bottom: -150px; padding: 70px 0 50px 0; background: url('../img/blog/read-bg.png'); background-repeat: repeat-x; } .read-all .read-all-btn { padding: 10px 45px; border-radius: 5px; } .read-all .read-all-btn:hover { background: #363636; } .active .read-all { display: none;} /*-----------article-read-all-----------*/ /*-----------article-sharing-----------*/ .article-block.article-sharing { display: none; text-align: center; } .article-block.article-sharing .share-title { } .article-block.article-sharing .share-btn-wrap { display:table; border-collapse:separate; border-spacing:16px; text-align: center; margin: 15px auto; } .article-block.article-sharing .share-btn { display: table-cell; width: 32px; height: 32px; border-radius: 50%; background: #999; vertical-align: middle; color: #fff; font-size: 14px; } .article-block.article-sharing .share-btn:hover { opacity: 0.8; } .article-block.article-sharing .share-btn:nth-child(1) { background: #385899; font-size: 16px; } .article-block.article-sharing .share-btn:nth-child(2) { background: #0078b6; } .article-block.article-sharing .share-btn:nth-child(3) { background: #00adee; } .article-block.article-sharing .share-btn:nth-child(4) { background: #dd4d3f; } .article-block.article-sharing .share-btn:nth-child(5) { background: #911a1d; } .active .article-sharing { display: block;} /*-----------article-sharing-----------*/ /*-----------article-other-----------*/ .article-block.article-other { display: none; text-align: center; } .article-block.article-other .article-btn { padding: 7px 25px 9px 25px; border-radius: 3px; color: #fff; margin: 0 10px; font-size:19px; font-weight: 300; } .article-block.article-other .article-btn:hover { background-color: #f0efef; color: #8f1c20; } .active .article-other { display: block;width:86%;} .active .article-other nobr { display: inline-block; height: 60px; } /*-----------article-other-----------*/ /*-----------article-tag-----------*/ .article-block.article-tag { line-height: 2rem; text-align: center; } .article-block.article-tag .article-tag-block { display: inline-block; } .article-block.article-tag .article-tag-block.has-tag:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #464646; display: inline-block; margin: 0 4px 5px 4px; } .article-block.article-tag .tag { text-decoration: underline; font-size: 15px; font-weight: 400; padding: 0 10px; vertical-align:baseline;} .article-block.article-tag .tag:hover { color: #911a1d;} .hidden .article-tag { display: block; } /*-----------article-tag-----------*/ /*-----------article-related-----------*/ .article-block.article-related { } .article-block.article-related .related-block { width: 100%; line-height: 39px;} .article-block.article-related .related-block:after { display: block; width: 100%; height: 1px; content:''; border-bottom: 1px dashed #d2d2d2;} .article-block.article-related .related-cate { display: inline-block; width: calc( 25% - 10px); vertical-align: top; letter-spacing: 1px; } .article-block.article-related .related-cate i { position: relative; bottom: 2px; margin-right: 3px; } .article-block.article-related .related-title { font-size: 18px; display: inline-block; width: calc( 75% - 10px); font-weight: bold; vertical-align: top; position: relative; top: -1px; } .article-block.article-related .related-title:hover { opacity: 0.8; } .article-block.article-related .related-title i { margin-left: 15px; font-size: 18px; position: relative; top: 1px; } .article-block.article-related .related-title br { display: none; } .article-block.article-related .related-title p { display: inline-block; width: calc(100% - 40px); line-height: 25px; height: 25px; font-size: 18px; } .related-block p { font-size: 20px; padding-bottom: 2px; } /*-----------article-related-----------*/ /*-----------article-like-----------*/ .article-like { /*border-top: 1px dashed #464646;*/ position: relative; } .article-like .like-title { text-align: center; font-size: 24px; margin: 75px 0 25px 0;} .article-like .article-like-slider { margin: 30px 0 ; } .article-like .article-like-slider li { margin: 10px; } .article-like .article-like-slider li:hover { opacity: 0.8; } .article-like .article-like-slider .img-wrap { width: 100%; height: 200px; background-size: cover; } .article-like .article-like-slider p { margin: 10px 0; font-size: 15px; line-height: 22px} .article-like .article-like-slider p.date { letter-spacing: 0.5px; } .article-like .article-like-slider p.red-word { font-size: 17px; padding-bottom: 5px; } .article-like .article-like-slider p.like-cate { letter-spacing: 0.5px; } .article-like .article-like-slider p.like-cate i { position: relative; bottom: 1px; margin-right: 3px; } .article-like .article-like-slider .new { font-style: normal; } #tips_detail .article-like .article-like-slider p.red-word { font-size: 18px; padding-bottom: 20px; } #tips_detail .article-like .article-recommend-slider .info { vertical-align: middle; } #tips_detail .article-like .article-recommend-slider .info img { position: relative; bottom: -1px; margin-right: 3px; } #tips_detail .article-like .article-recommend-slider .img-wrap { width: calc(50% - 10px); padding-top: 32%; display: inline-block; vertical-align: middle;} #blog_detail .article-like .article-like-slider { margin: 30px auto; width: calc(100% - 15px); max-width: 1350px; } #blog_detail .article-like .article-like-slider p:first-child { margin-top: 15px; } /*-----------article-like-----------*/ /*----------------------blog-main-left-----------*/ .blog .blog-main-content .article-details ul li:before, .blog_detail .blog-main-content .article-details ul li:before { content: "\002022"; left: 3px; top: 4px; display: inline-block; font-family: FontAwesome; position: relative; font-size: 14px; margin-left: -1.3em; width: 1.3em; transform: rotate(45deg); } /*----------------------blog-main-right----------------------*/ .blog-right-wrap { padding: 25px; position: relative; } .blog-sub-title { font-size: 20px; color: #464646; text-transform: uppercase; font-weight: 400; margin: 10px 0; } .blog-sep-line { display: block; width: 100%; height: 3px; } .blog-short-sep-line { width: 50px; } .blog-right-wrap .blog-short-sep-line { width: 35px; } /*-----------blog-search-----------*/ .blog-search { padding-top: 60px;} .blog-search form { position: relative; } .blog-search input#blog-search-area { border: 0; background: #fff; font-size: 18px; padding: 15px 50px 15px 15px; position: relative; width: calc( 100% - 65px); border-radius: 3px; } .blog-search input#search-btn { border: 0; font-size: 0; position: absolute; right: 12px; bottom: 14px; background: url('../img/blog/search-btn.png'); width: 20px; height: 20px; background-size: cover; } /*-----------blog-search-----------*/ /*-----------blog-categories-----------*/ .blog-categories .blog-categories-list { list-style: none; padding: 0; padding-top: 3px; } .blog-categories .blog-categories-list li { font-family: 'Lato', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; font-size: 14px; font-weight: bold; } .blog-categories .blog-categories-list li a { color: #363636; } .blog-categories .blog-categories-list li a:hover, .blog-categories .blog-categories-list li a.active { color: #911a1d;} .blog-categories .blog-categories-list .blog-main-category { padding-left: 1.3em; margin: 15px 0; font-size: 16px; } .blog-categories .blog-categories-list .blog-main-category:first-child { margin-top: 25px; } #tips .blog-categories .blog-categories-list .blog-main-category:first-child { margin-top: 15px; } #blog .blog-categories .blog-categories-list .blog-main-category:first-child { margin-top: 15px; } .blog-categories ul.blog-categories-list li.blog-main-category:before { content: "\f101"; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #911a1d; display: inline-block; margin-left: -1.3em; width: 1.3em; transform: rotate(0deg); top: 0; } .blog-categories ul.blog-categories-list li.blog-main-category li:before { content: ''; } .blog-categories .blog-categories-list .blog-main-category .num-row { position: relative; padding-left: 3px; bottom: 0.3em;; font-size: 0.75em;} .blog-categories .blog-article-list { display:none; padding-left: 20px; line-height: 22px; margin: 10px 0;} .blog-categories .blog-article { margin: 10px 0; } .blog-categories .blog-article:after { content:' '; display:block; width: 30px; height: 2px; border-bottom: 1px dashed #911a1d; margin: 10px 0; } .blog-categories .blog-article.last-child:after { display: none;} .blog-categories .new-logo { color: #dc2229; font-style: normal; font-weight: normal;} .blog-categories .read-more { font-size: 14px; text-transform: uppercase; font-weight: normal;} .blog-categories .read-more:after { content: ' > '; color: #911a1d; vertical-align: 10%; } /*-----------blog-categories-----------*/ /*-----------blog-hot-topics-----------*/ .hot-topic-wrapper { position: relative; } .hot-topics-img { display: block; width: 100%; height: 0; padding-top: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; } #tips .hot-topic-wrapper, #blog .hot-topic-wrapper { } #tips_detail .hot-topic-wrapper, #blog_detail .hot-topic-wrapper { top: 10px; } .hot-topic-wrap { margin: 20px 0; position: relative; } .hot-topic-wrap:hover { opacity: 0.8; } .hot-topic-wrap .date img { width: auto; vertical-align: bottom; } .hot-topic-wrap img { width: 100%; } .hot-topic-wrap a { display: block; line-height: 1.4rem;} .hot-topic-wrap .title { font-size: 16px; font-weight: bold; padding: 5px 0; } .hot-topic-wrap .date { font-size: 14px; color: #464646; padding-top: 5px; } .hot-topic-wrap .date img { position: relative; bottom: 0px; margin: 0px 3px -1px 0px; } .hot-topic-wrap .hop-topic-info { position: absolute; bottom: 0px; padding: 0 10px 8px 10px; background: rgba(255,255,255,0.9); width: calc(100% - 20px); } /*-----------blog-hot-topics-----------*/ /*----------------------blog-main-right----------------------*/ /*---------------------------------------------------------blog_detail----------------------------------------------------------*/ /*---------------------------------------------------------blog----------------------------------------------------------*/ .blog .blog-main-wrapper-left { background: #ececec; width: 80%; } .blog .blog-block { float: left; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .blog .blog-block.fourth-col { padding-top: 20.5%; min-height: 300px; box-sizing: border-box; } .blog .blog-block.half-col { padding-top: 20.5%; min-height: 300px; box-sizing: border-box; } .blog .blog-block.full-col { padding-top: 28.5%; min-height: 420px; box-sizing: border-box; } .blog .blog-block .blog-info { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } #blog .blog-block .blog-info { background: rgba(0,0,0,0.25); } #blog .blog-block:nth-child(2n) .blog-info { background: rgba(0,0,0,0.6); } #blog .blog-block.full-col .blog-info { background: rgba(0,0,0,0.85); background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.85)), color-stop(0%, rgba(0,0,0,0.85)), color-stop(0%, rgba(0,0,0,0.85)), color-stop(51%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); } #blog .blog-block.full-col.right-col .blog-info { background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 49%, rgba(0,0,0,0.85) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(49%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.85))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 49%, rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 49%, rgba(0,0,0,0.85) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 49%, rgba(0,0,0,0.85) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 49%, rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); Copy text } .blog .blog-block .blog-info .blog-info-block { margin: 55px 40px; width: calc(45% - 80px); height: calc(100% - 110px); position: absolute; } .blog .blog-block.half-col .blog-info .blog-info-block .blog-new-logo, .blog .blog-block.fourth-col .blog-info .blog-info-block .blog-new-logo { position: relative; top: 33px; margin-top: -33px; } .blog .blog-block .blog-info .blog-info-block .blog-new-logo { text-align: right; margin: 15px 0; } .blog .blog-block .blog-info .blog-info-block .blog-new-logo span { border-radius: 3px; padding: 1px 10px 4px 18px; margin: 0px 0 0px -16px;} .blog .blog-block .blog-info .blog-info-block .blog-date { float: right;} #blog.blog .blog-block .blog-info .blog-info-block .blog-date { position: relative; top: 2px; } .blog .blog-block .blog-info .blog-info-block .blog-cate { display: inline-block; max-width: calc(100% - 55px); line-height: 20px; } .blog .blog-block .blog-info .blog-info-block .vertical-sep-line { display: inline-block; width: 2px; height: 17px; margin: -2px 10px; } .blog .blog-block .blog-info .blog-info-block .blog-main-title { font-size: 24px; line-height: 30px; } .blog .blog-block .blog-info .blog-info-block .read-more { padding: 7px 15px 10px 15px; border-radius: 3px; display: inline-block; position: relative; margin-top: 10px; } .blog .blog-block .blog-info .blog-info-block .read-more:hover { background: #f0efef; color: #911a1d; } .blog .blog-sep-line { margin: 10px 0; /* width: 100%; */ height: 2px; } .blog .blog-block.right-col .blog-info .blog-info-block { right: 0; } .blog .blog-block.full-col .blog-info .blog-info-block .blog-main-title { font-size: 36px; line-height: 52px; } .blog .blog-block.half-col .blog-info .blog-info-block, .blog .blog-block.fourth-col .blog-info .blog-info-block { margin: 40px; width: calc(100% - 80px); height: calc(100% - 80px);} .blog .blog-block.half-col .blog-info .blog-info-block .blog-date, .blog .blog-block.fourth-col .blog-info .blog-info-block .blog-date { float: none; margin: 15px 0; } .blog .blog-block.half-col .blog-info .blog-info-block .read-more, .blog .blog-block.fourth-col .blog-info .blog-info-block .read-more { position: absolute!important; bottom: 0px; top: auto; } /*---------------------------------------------------------blog----------------------------------------------------------*/ /*---------------------------------------------------------start_up----------------------------------------------------------*/ .main-wrap { background-image: url('../img/start_up/bg.png'); background-repeat: repeat;} .main-wrap .main-banner { display: block; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; height: 680px; background-position: center; } .main-wrap .main-banner p { font-size: 42px; line-height: 3.5rem; font-weight: 200; } .main-wrap .main-banner p b { font-size: 50px; font-weight: 600; } /* Fix FOUC on page load before carousel script is initialized */ .main-wrap .main-banner.slick-slide { display: none;} .main-wrap .slick-initialized .main-banner.slick-slide { display: block; } .main-wrap h1 { border-bottom: 0;} .main-wrap p{line-height:30px;} h1.noresult { text-align: center; } .main-wrap .start-up-wrapper { text-align: center; position: relative; } .main-wrap .start-up-wrapper.white-bg { background: rgba(255,255,255,0.55); } .main-wrap .start-up-wrapper.gray-bg { background: rgba(248,248,248,0.55); } .main-wrap .start-up-wrapper .main-title { display: block; /* display: inline-block; */ margin: 0 auto; padding: 15px;} .main-wrap .start-up-wrapper .main-title-top { display: block; /* display: inline-block; */ margin: 0 auto; padding: 15px;} .main-title-top{background: rgb(255 255 255 / 40%);} .main-wrap .start-up-wrapper .main-title.more-support { background-color: #fff; margin: 5px auto 2px auto; max-width: 1500px; width: calc(100% - 60px); } .main-wrap .start-up-wrapper .main-title.more-support .suppor-title { width: 100%; } .main-wrap .start-up-wrapper .sep-line { margin: 15px auto;} /*-----------start up package-----------*/ .package-wrapper { padding: 7px 0 52px 0; display: block; width: 1300px; max-width: calc(100% - 30px); margin: 0 auto;} #start_up .package-wrapper .slick-track, #offshore .package-wrapper .slick-track { padding-left: 4px; min-width:100%; } #visa-service-china .package-wrapper .slick-track { margin: 0 auto; } #visa-service-china .package { width: calc( 33% - 12px)!important; } #virtual-office .package-wrapper .slick-track { margin: 0 auto; } #virtual-office .package { width: calc( 33% - 12px)!important; } #account-audit .package-wrapper .slick-track { padding-top: 30px; } .package { display: inline-block; margin: 13px 6px 13px 4px; text-align: center; background: #fff; padding-top: 45px; width: calc( 25% - 13.5px)!important; max-width: 450px; opacity: 0.6; transition: opacity 0.5s ease; -webkite-transition: opacity 0.5s ease; position: relative; vertical-align: top; } .package:last-child { margin-right: 4px!important; } .package.best-seller, .package.gold-package { width: calc(25% - 17.5px)!important; } .package.active { opacity: 1;} .package h2 { font-size: 28px;} .package .sep-line { margin: 15px auto; } .package.slick-slide img { display: inline-block; } .package-light-box .light-box-left table { font-size: 16px; line-height: 28px; } .package-light-box .light-box-left table td { padding: 5px 0; } .package.best-seller, .package.gold-package { box-shadow: none!important; border-left: 4px solid rgba(197, 173, 139, 0.9)!important; border-bottom: 4px solid rgba(197, 173, 139, 0.9)!important; margin-top: 17px!important; margin-right: 6px!important; } .package.gold-package.hover, .package.best-seller.hover { border: 4px solid rgba(197, 173, 139, 0.9)!important; margin-top: 13px!important; margin-right: 2px!important; } .package.gray-package { border: 4px solid rgba(255,255,255,0); border-left:0; border-bottom: 0; border: 1px solid #cc1e2c;} .package.gray-package.active { border: 1px solid #cc1e2c;} .package .overlay { display: block; width: calc(100% + 1px); height: 150px; position: absolute; bottom: 0; left: 0; background: rgba(98, 98, 98, 0.8);border-top-left-radius: 100px;border-top-right-radius: 100px; } .package .overlay01 { display: block; width: calc(100% + 1px); height: 150px; position: absolute; bottom: 0; left: 0; background: rgba(98, 98, 98, 0.8); } .package.active .overlay { background: rgba(214, 33, 40, 0.8); } .package .best-seller { display: block; width: 100%; text-align: center; position: absolute; top: -27px; } .package .best-seller-btn { display: inline-block; padding: 8px 25px 10px 23px; z-index: 2; top: 11px; min-width: 130px; } .package .best-seller-btn img { padding-right: 5px; display:inline-block!important; } .package .package-title { height: 150px!important; padding:0!important; /*display: table-cell; width: 500px;*/ vertical-align: middle; position: relative!important;} .title-content p{line-height:150px;} .package .package-title p img { vertical-align: middle; margin: 0 2px; position: relative; display:inline-block!important; } .package-slider-wrapper-main { position: relative; } .package-slider-wrapper-main .arrow-area { display: flex; width: 20px; height: 80%; max-height: 100vh; position: absolute; z-index: 2; align-items: center; justify-content: center; } .package-slider-wrapper-main .arrow { } .package-slider-wrapper-main .arrow .fa { font-size: 46px; color: #818181; font-weight: bold; } .package-slider-wrapper-main .arrow-left { left: 10px; } .package-slider-wrapper-main .arrow-right { right: 10px; } .package-mobile-area { max-width: 1000px; margin: 0 auto; width: calc(100% - 9px); text-align: left; display: none; } .package-display { display: inline-block; width: calc(50% - 4px); box-sizing: content-box; margin: 1px; padding: 0; height:0; padding-top: 35%; position: relative; background-position:center; background-size:cover; background-repeat: no-repeat; } .package-display > * { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .package-display .content .to-package-slick { text-align: center; color: #fff; padding-bottom: 10px; } .package-display .content p { font-size: 18px; margin: 9px 0; line-height: 24px; } .package-display .content p span { font-size: 28px; } .package-display .content .btn { background: #464646; width: 40px; margin: 1px auto; padding-left: 32px; } .package-display .content:hover .btn { background: #f0efef; color: #911a1d; } .start-up-wrapper .package { padding-top: 0;min-width:32%; } .start-up-wrapper .package .package-title { padding: 30px 0; font-size: 28px; margin-bottom: 30px; } .start-up-wrapper .package .package-title .title-content { z-index: 1; position: relative; color: #fff; } .start-up-wrapper .package .package-title .title-area { margin-bottom: 0px; } #start_up .start-up-wrapper .package:nth-child(1) .package-title { background: rgba(166,21,58,1); } #start_up .start-up-wrapper .package:nth-child(2) .package-title { background: rgba(184,30,36,1); } #start_up .start-up-wrapper .package:nth-child(3) .package-title { background: rgba(215,56,75,1); } #start_up .start-up-wrapper .package:nth-child(4) .package-title { background: rgba(226,109,91,1); } #start_up .best-seller-btn, #offshore .best-seller-btn { background: #cbb57b; } #start_up .youtube-box { box-shadow: -5px 5px 0px #cd2026; } #start_up .package .package-content, #offshore .package .package-content { padding-top: 15px; } .package .package-content { text-align: left; min-height: 150px; padding: 0 10px; padding-bottom: 35px;} .package .package-content-item .package-content { padding-bottom: 0px; } .package .package-content-item:last-child .package-content { padding-bottom: 35px; } .package .package-content li { margin: 12px 8px 0px 25px;} .package .package-content li:before { display: inline-block; font-family: FontAwesome; position: relative; top: 1px; left: -5px; font-size: 14px; margin-left: -1.3em; width: 1.3em; content: "\f124"; color: #8b1718; transform: rotate(45deg); } .package .package-content li .smaller { font-size: 0.9rem; } .package .package-content li p { display: inline-block; vertical-align: top; } .package .apply-now { position: relative; margin-top: 20px; } .package .apply-now .apply-now-area { width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; display: table; position: relative; z-index: 1; } .package .apply-now .apply-now-area.small-advice, .package .small-advice .overlay { height: 95px; } .package .apply-now .apply-now-desc { display: table-cell; vertical-align: middle; position: relative; z-index: 2; } .package .apply-now .apply-now-desc p { color: #fff; } .package .apply-now .apply-now-desc .large-word { font-size: 25px; font-family: 'Oswald', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; } .package .apply-now .apply-now-desc .large-word span { font-size: 38px;} .package .apply-now .apply-now-desc .small-word { font-size: 13px; padding-top:20px; } .package .apply-now .btn { position: relative; z-index: 2; } .package .apply-now .btn:hover, .assists-box .apply-now .btn:hover { background: #f0efef; color: #911a1d; } .package .payment-col { display: table; width: 200px; height: 60px; margin: 0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .package.active .payment-col { -webkit-filter: grayscale(0%); filter: grayscale(0%);} .package .payment-col .payment-icon { display: table-cell; vertical-align: middle; } /*-----------start up package-----------*/ /*-----------start up setup-----------*/ .start-up-wrapper .main-desc { font-size: 20px; padding-top: 8px; line-height: 25px; position: relative; z-index: 5;} .start-up-wrapper .set-up-content {border: 1px solid #b41b42; display: inline-block; width: 100%; margin:0 auto; text-align:center; border-collapse:separate; border-spacing:25px 20px; padding-bottom: 40px; } .start-up-wrapper .set-up-content .set-up-tab { margin:0 auto; text-align:center; width: 100%; } .start-up-wrapper .set-up-content .set-up-tab-btn { display: inline-flex; width: calc(25% - 33px); height: 0; position: relative; padding-top: calc(25% - 30px); align-items:center; justify-content:center;margin: 15px; border-radius: 6px; vertical-align: top;} .start-up-wrapper .set-up-content .set-up-tab-btn p { padding-top: 15px; line-height: 24px; font-size: 18px;} .start-up-wrapper .set-up-content .set-up-tab-btn-content { width: 100%; height: 100%; top: 0px;left:0; right:0; position: absolute; display: table; } /*.start-up-wrapper .set-up-content .set-up-tab-btn-content>div { height: 100%; display: flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: center; }*/ .start-up-wrapper .set-up-content .set-up-tab-btn-content>div { display: table-cell; vertical-align: middle; } .start-up-wrapper .set-up-content .set-up-section { /*margin: 10px 15px 25px 15px;*/ text-align:left; } .start-up-wrapper .set-up-content .set-up-section .set-up-title { overflow: hidden; padding: 15px; font-size: 18px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;height:80px; } .start-up-wrapper .set-up-content .set-up-section .set-up-title p { display:block; position: absolute; color:#fff; } .start-up-wrapper .set-up-content .set-up-section .set-up-block { border-radius: 0 0 5px 5px; overflow: hidden; background-color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: relative; } .start-up-wrapper .set-up-content .set-up-section .set-up-block .content { display: none; font-size: 15px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block .content p { padding: 3px 0px; margin-left: 10px; line-height: 30px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block .content p:last-child { padding-bottom: 10px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul { max-width: 100%; box-sizing: border-box; text-align: justify;padding-left:0px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul li { line-height:30px; padding:20px;list-style:none; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul li a { color: #911a1d; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul li a:hover { opacity: 0.7; text-decoration: underline; } /*.start-up-wrapper .set-up-content .set-up-section .set-up-block ul li:before { display: inline-block; font-family: FontAwesome; position: relative; margin-left: -1.3em; width: 1.3em; content: "\f00c"; color: #8b1718; } */ .start-up-wrapper .set-up-content .set-up-section .set-up-block ul.dot li:before { left: 5px; top: -1px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul.none_list_style>li:before { content: '';} .start-up-wrapper .set-up-content .set-up-section .set-up-block ul li a.enter-icon {color: #fff; width: 20px; height: 20px; top: 4px; left: 5px; } .start-up-wrapper .set-up-content .set-up-section .set-up-block ul li a.enter-icon i { font-size: 16px; top: 47%; left: 54%; } /*-----------start up setup-----------*/ /*-----------start up step-----------*/ .step-wrapper { background-image: url('../img/start_up/steps_bg.png'); background-size: cover; background-position: center; } .step-wrapper h1 { padding: 15px 0 5px 0; } .step-wrapper h1 span { font-weight: 500; } .step-wrapper .steps-area { display: block; width: 1000px; max-width: 100%; margin: 0 auto; padding-bottom: 37px; } .step-wrapper .steps-area .step-content { display: table-cell; vertical-align: middle; } .step-wrapper .steps-area .step-content a { font-size: 24px; } .step-wrapper .steps-area .step-content a:hover { color: #911a1d; background: #f0efef; } .step-wrapper .steps-area .step-content a .red { display: none; } .step-wrapper .steps-area .step-content a .default { display: inline-block; } .step-wrapper .steps-area .step-content a:hover .red { display: inline-block; } .step-wrapper .steps-area .step-content a:hover .default { display: none; } .step-wrapper .steps-area .step-block { display: inline-block; width: 180px; margin: 8px 20px 0; background: #fff; position: relative; border-radius: 25px 25px 5px 5px; vertical-align: middle; } .step-wrapper .steps-area .next { display: inline-block; position: relative; font-size: 30px; } .step-wrapper .steps-area .next i { position: relative; z-index: 5;} .step-wrapper .steps-area .next:after { content: ''; width: 19px; height: 19px; background: #fff; position: absolute; right: 4px; top: 5px; z-index: 2; border-radius: 25px; } .step-wrapper .steps-area .next.next-1 { color: #b21b34; } .step-wrapper .steps-area .next.next-2 { color: #c2293b; } .step-wrapper .steps-area .next.next-3 { color: #da5757; } .step-wrapper .steps-area .step-block .sep-line { height: 1px; width: 20px; margin: 10px auto!important; } .step-wrapper .steps-area .step-block .step-top { padding: 6px 0; border-radius: 5px 5px 0 0;} .step-wrapper .steps-area .step-block .step-top .title { font-size: 18px; } .step-wrapper .steps-area .step-block .step-top .title span { font-size: 25px; padding-left: 3px;} .step-wrapper .steps-area .step-block .step-top .desc { font-size: 22px; line-height: 26px; } .step-wrapper .steps-area .step-block .step-top .desc span { font-size: 16px; } .step-wrapper .steps-area .step-block .step-bottom { height: 80px; display: table; width: 100%; border-radius: 0 0 5px 5px;} .step-wrapper .steps-area .step-block .step-bottom .image { display: table-cell; vertical-align: middle; } .step-wrapper .steps-area .step-block .paypal-btn { position: absolute; bottom: -5px; text-align: center; width: 100%;} .step-wrapper .steps-area .step-block .paypal-btn a { font-size: 13px; padding: 5px 10px; border-radius: 5px; letter-spacing: 1px; } .step-wrapper .steps-area .step-block .paypal-btn a:hover { background: #f0efef; color: #a6153a; } .step-wrapper .steps-area .step-block-1 .step-top, .step-wrapper .steps-area .step-block-1 .paypal-btn a { background: #911a1d; } .step-wrapper .steps-area .step-block-1 .paypal-btn .icon-paypal { font-size: 12px; position: relative; top: 1px; } .step-wrapper .steps-area .step-block-2 .step-top { background: #b81e24; } .step-wrapper .steps-area .step-block-3 .step-top { background: #d7384b; } .step-wrapper .steps-area .step-block-4 .step-top { background: #e26d5b; } .step-stamp { display: inline-block; position: absolute; bottom: -20px; right: -30px; } /*-----------start up step-----------*/ /*-----------start up question-----------*/ .question-section { width: 100%; margin: 0 auto; padding-bottom: 45px; } .question-section .question-block { text-align: left; background: #fff; padding: 20px; position: relative; } .question-section .question-block p { font-size: 19px; padding-top: 15px;line-height:1.2; } .question-section .question-block ul { list-style: none;font-size: 14px; margin: 25px 0 35px 0; max-height: 0px; overflow:hidden; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -ms-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; line-height:1.4em } .question-section .question-block ul li { margin: 15px 0; padding-left: 15px;} .question-section .question-block ul li:before { display: inline-block; font-family: FontAwesome; position: relative; margin-left: -0.8em; width: 0.8em; content: "\002022"; font-size: 19px;} .question-section .question-block .btn-bar { display: block; background: url(../img/blog/read-bg.png); background-repeat: repeat-x; background-position: top; padding: 50px 0 0 0; position: absolute; bottom: 15px; width: calc(100% - 50px); background-size: auto 100%; } .question-section .question-block.active ul { max-height: 1000px; height: auto; margin-bottom: 10px;list-style: none;} .question-section .question-block.active .btn-bar { display: none;} .question-section .question-block.red-block { border: 1px solid #d03152; margin: 0px 0px 30px 0px; } .question-section .question-block.orange-block { border: 1px solid #d15e00; } .question-section .question-block.blue-block { border: 1px solid #48b5ab; } .question-section .question-block.green-block { border: 1px solid #9dc605; } .question-section .question-block.red-block ul li:before, .question-section .question-block.red-block i { color: #dc3457; } .question-section .question-block.orange-block ul li:before, .question-section .question-block.orange-block i { color: #e68d44; } .question-section .question-block.blue-block ul li:before, .question-section .question-block.blue-block i { color: #4cc0b5; } .question-section .question-block.green-block ul li:before, .question-section .question-block.green-block i { color: #a6d105; } .question-section .question-block.red-block a { color: #dc3457; } .question-section .question-block.orange-block a { color: #e68d44; } .question-section .question-block.blue-block a { color: #4cc0b5; } .question-section .question-block.green-block a { color: #a6d105; } .question-section .question-block a:hover { opacity: 0.7; text-decoration: underline; } .question-arrow { display: block; position: absolute; z-index:5; /*top: calc( 50% - 35px);*/ top: 300px; width: 35px; height: 35px; left: 45px; cursor: pointer; background-position: center; background-image: url('../img/arrow_prev.png');background-repeat: no-repeat; } .question-arrow.question-next { right: 45px; left: auto; background-image: url('../img/arrow_next.png'); } .question-arrow[aria-disabled='true'] { display: none!important; } /*-----------start up question-----------*/ /*-----------start up other-----------*/ .other-section { width: 1300px; max-width: calc(100% - 30px); margin: 0 auto; padding-bottom: 55px; } .other-section .other-block { padding-top: 190px; background-size: cover; position: relative; margin: 20px; margin-top:5px; overflow: hidden; box-shadow: -4px 4px 0px rgba(208, 208, 208, 0.9); } .other-section .other-block .title { position: absolute; bottom: 0; padding: 15px; background: rgba(48,52,50,0.7); width: 90%; text-align: left; letter-spacing: 1px; } .other-section .other-block:hover { box-shadow: -4px 4px 0px rgba(214, 33, 40, 0.9); } .other-section .other-block:hover .title { background: rgba(214,33,40,0.7); } /*-----------start up other-----------*/ /*-----------start up what-else-----------*/ .main-slick { position: relative; } .main-slick .main-slick-btn { position: absolute; top: 210px; z-index: 5; padding: 10px; text-align: center; line-height: 22px; cursor: pointer; width: 100px!important; height: 45px!important; } .main-slick .main-slick-btn[aria-disabled='true'] { display: none!important; } .main-slick .main-slick-btn:hover { background: #911a1d;} .main-slick .main-slick-prev { left:0 ; border-radius: 0 5px 5px 0;} .main-slick .main-slick-next { right: 0; border-radius: 5px 0 0 5px;} .main-slick .what-else-section { width: 100%; padding: 0 0 33px 0;} .main-slick .what-else-block { display: inline-block; margin: 25px; margin-top: 3px; width: 300px; vertical-align: top; position: relative; } .main-slick .what-else-block p a:hover { opacity: 0.75; text-decoration: underline; } .main-slick .what-else-block .icon-area { height: 172px; position: relative; margin-bottom: 20px; } .main-slick .what-else-block .icon-area .img-ele { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; } .main-slick .what-else-block:hover .icon-area { opacity: 0.7; } .main-slick .what-else-block a { display: block; } .main-slick .what-else-block>a { color: #363636; } .main-slick .what-else-block a img { position: absolute; top: 0; left: 0; right: 0; } .main-slick .what-else-block p.title { font-size: 20px; } .main-slick .what-else-block p { padding: 5px 0; line-height: 22px; } .main-slick .what-else-block img { text-align:center; margin:0 auto!important; } .main-slick .client-feel-box { display: inline-block; } /*-----------start up what-else-----------*/ /*-----------start up contact-----------*/ .last-contact-block { background-image: url('../img/start_up/contact-bg.png'); background-size: 100% auto; background-position: bottom; background-repeat: no-repeat;} .main-wrap .start-up-wrapper .last-contact-block .main-title { padding: 0; } .last-contact-block .main-title .sep-line { margin: 0 auto; } .last-contact-wrapper { display:block; width: calc(100% - 30px); max-width:900px; height: 400px; margin: 0 auto; text-align: left; padding: 67px 0; position: relative;} .last-contact-wrapper.mobile { display: none; } .last-contact { position: relative; overflow:hidden; margin: 0px; background: #666; width: calc(32% - 15px); height: 200px; margin-left: 0;box-shadow: -4px 4px 0px rgba(208, 208, 208, 0.9); background-size: cover; background-repeat: no-repeat; } .last-contact.apply { width: calc(64% - 15px); height: 200px;} .last-contact.meet { width: calc(34% - 15px); height: 410px; } .last-contact .last-contact-content { display: table; width: 101%; height: 100%; background: rgba(235,235,235,0.9); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .last-contact .last-contact-content .last-contact-info { display: table-cell; vertical-align: middle; text-align: center; } .last-contact .last-contact-content .last-contact-info .title { font-size: 20px; } .last-contact .last-contact-content .last-contact-info .desc { padding: 10px 0 20px 0; font-size: 16px; line-height: 22px; max-width: calc(100% - 10px); margin: 0 auto;} .last-contact .last-contact-content .last-contact-info .btn { display: flex; align-items: center; justify-content: center; padding: 6px 15px; width: 80px; height: 22px; text-align: center; margin: 0 auto; } .last-contact .last-contact-content .last-contact-info .btn i { position: relative; bottom: 2px; padding-right: 7px; } .last-contact .last-contact-content .last-contact-info .btn i.fa-arrow-right { font-size: 12px; padding-left: 5px; padding-right: 0; bottom: 0; left: 1px; } .last-contact .last-contact-content .last-contact-info .btn img { position: relative; padding-right: 7px; max-height: 24px; } .last-contact .last-contact-content .last-contact-info .btn img.red { display: none; } .last-contact.apply .last-contact-content .last-contact-info .btn img { padding-right: 5px; } .last-contact .last-contact-content .last-contact-info .btn span { display: inline-block; width: 10px; height: 10px; border-bottom: 1px solid #fff; position: relative; right: -2px;} .last-contact .last-contact-content:hover { background: rgba(143,28,32,0.8); } .last-contact .last-contact-content.active { background: rgba(143,28,32,0.8); } .last-contact .last-contact-content.active .gray-word { color: #fff; } .last-contact .last-contact-content:hover .gray-word { color: #f0efef; } .last-contact .last-contact-content.active:hover .gray-word { color: #f0efef; } .last-contact .last-contact-content:hover .gray-btn { background-color: #f0efef; } .last-contact .last-contact-content.active:hover .gray-btn { background-color: #f0efef; } .last-contact .last-contact-content.active .gray-btn { background-color: #fff; } .last-contact .last-contact-content:hover .white-word { color: #911a1d; } .last-contact .last-contact-content.active .white-word { color: #911a1d; } .last-contact .last-contact-content:hover .last-contact-info .btn img { display: none;} .last-contact .last-contact-content.active .last-contact-info .btn img { display: none;} .last-contact .last-contact-content:hover .last-contact-info .btn img.red { display: inline-block;} .last-contact .last-contact-content.active .last-contact-info .btn img.red { display: inline-block;} .last-contact.apply .last-contact-content.active .last-contact-info .btn img.red { display: inline-block; } .last-contact.apply .last-contact-content.active .last-contact-info .btn img.default { display: none; } .last-contact.apply .last-contact-content.active:hover .last-contact-info .btn img.red { display: none;} .last-contact.apply .last-contact-content.active:hover .last-contact-info .btn img.default { display: inline-block;} .last-contact.apply .last-contact-content.active:hover .gray-btn { background-color: #464646; color: #fff; } .last-contact.white .last-contact-content .last-contact-info .btn i { bottom: 1px; } .last-contact.white .last-contact-content .last-contact-info .btn span { height: 12px; } /* .last-contact.apply { background-size: 110%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-position: center; } .last-contact.apply:hover { background-size: 135%; background-position: center; } .last-contact.apply .last-contact-content.active:hover { background: rgba(25,25,25,0.8); } */ .last-contact.apply { background-size: 110%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-position: center; } .last-contact.apply:hover { background-size: 135%; background-position: center; } .last-contact.apply .last-contact-content.active:hover { background: rgba(250,250,250,0.8); } .last-contact.apply .last-contact-content.active:hover .last-contact-info p { color: #464646; } .last-contact.apply .last-contact-content.active:hover .last-contact-info p a { color : #464646; } .last-contact.apply .last-contact-content.active .last-contact-info p a { color : #fff; } /*Mobile Setting */ .last-contact-wrapper.mobile .last-contact { color: #454545;} .last-contact-wrapper.mobile .last-contact .contact-icon { margin: 0 0 25px 0; height: 50px; } .last-contact-wrapper.mobile .last-contact .contact-icon img { max-height: 100%; } .last-contact-wrapper.mobile .last-contact .contact-icon span { display: inline-block; width: 20px; height: 10px; border-bottom: 2px solid #464646; position: relative; right: -2px; top: 3px; } .last-contact-wrapper.mobile .last-contact:hover .active .contact-icon .fa { color: #454545; } .last-contact-wrapper.mobile .last-contact .contact-icon .fa { font-size: 50px; color: #454545; position: relative; top: -1px; } .last-contact-wrapper.mobile .last-contact .contact-icon .fa.fa-pencil { position: relative; /* bottom: 3px; */ } .last-contact-wrapper.mobile .last-contact:hover .contact-icon span { border-bottom: 1px solid #fff; } .last-contact-wrapper.mobile .last-contact:hover .contact-icon .fa, .last-contact-wrapper.mobile .last-contact .active .contact-icon .fa { color: #fff; } .last-contact-wrapper.mobile .last-contact .contact-icon .hover { display: none; } .last-contact-wrapper.mobile .last-contact:hover .contact-icon .default { display: none; } .last-contact-wrapper.mobile .last-contact:hover .contact-icon .hover { display: inline-block; } /*-----------start up contact-----------*/ /*---------------------------------------------------------start_up----------------------------------------------------------*/ /*---------------------------------------------------------meeting----------------------------------------------------------*/ /* meeting fancybox style */ .meeting-fancybox.fancybox-wrap { min-width: 600px!important; } .meeting-fancybox.fancybox-wrap .fancybox-inner { width: 100% !important; } .meeting-fancybox.fancybox-wrap .fancybox-close { /*background: url('../img/close.png') no-repeat!important;*/ } .meeting-fancybox.fancybox-wrap .fancybox-close:after { font-size: 21px; top: 47%; } .meeting-fancybox.fancybox-wrap .fancybox-skin { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; } .meeting-fancybox.fancybox-wrap .fancybox-skin:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -5px; top: 5px; background: #24a5c2; z-index: -2; } /* meeting fancybox style */ #meeting .paypal:hover { background: #f0efef; } #meeting .paypal img { position: relative; top: 2px; padding-right: 3px; } /*------------------- room top search wrapper -------------------*/ .top-search-wrapper { } .top-search-wrapper .search-area { padding: 15px; text-align: left; width: 1300px; max-width: calc(100% - 30px); margin: 0 auto; } .top-search-wrapper .search-area .search-area-slogan p { display: inline-block; font-size: 26px;} .top-search-wrapper .search-area .search-area-slogan p.search-main-desc { font-size: 20px; padding-bottom: 15px; word-spacing: 2px; } .top-search-wrapper .search-area .search-area-slogan .vertical-sep-line { display: inline-block; width: 1px; height: 24px; background: #fff; margin: 0 10px; position: relative; top: 3px; } .search-input-list { position: relative; margin-bottom: 15px;} .search-input-list .search-input-item { display: inline-block; width: calc(8% + 10px); margin: 0 12px 0 1px; position: relative; } .search-input-list .search-input-item.long { width: calc(25% - 22px);} .search-input-list .search-input-item.people { width: calc(8% + 10px); } .search-input-list .search-input-item.phone-input { z-index: 3; } .search-input-list .before { position: absolute; left: -25px; color: #fff; top: 12px; cursor: pointer; display: block; width: 25px; height: 25px; } .search-input-list .before::before { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; } .search-finished-message { position: absolute; width: 100%; height: calc(100% + 7px); z-index: 5; display: none; align-items: center; color: #fff; font-size: 19px; background: #464646; } .search-input-item.phone-input .fa-phone { z-index: 3; } .search-input-item.phone-input .flag-container { left: 25px!important; } .search-input-item.phone-input .flag-container .selected-flag { background: #fff; } .search-input-item.phone-input #phone { padding-left: 115px!important; } .search-input-item .search-input { width: 100%; background: #fff; border: 0; border-radius: 5px; padding: 12px; font-size: 14px; color: #8d8d8d; margin-top:-2px} .search-input-item.has-icon .search-input { padding-left: 30px; } .search-input-item.has-icon .search-input.date { padding-left: 29px; } .search-input-list .search-input-item.people .search-input { padding-left: 25px; } .search-input-item.sepcial-col.clock .search-input { padding-left: 28px; } .search-input-item.sepcial-col .search-input { width: calc(100% - 40px); } .search-input-item.people .search-input { width: calc(100% - 26px); } .search-input-item .search-input.blank_error { border: 1px solid #ff0000!important; } .search-input-item.has-icon i { position: absolute; left: 8px; top: 12px; color: #8d8d8d; } .search-input-item.has-icon .phoneicon {top:14px;} .search-input-item.has-icon i.fa-calendar-o { font-size: 13px; top: 15px; left: 9px; } .search-input-item.has-icon i.fa-user { font-size: 15px; top: 13px; } .search-input-item.people i { left: 12px; } .search-input-list.hidden { display: none; } .search-input-list .search-btn { display: inline-block; margin-left: 5px; width: 80px; text-align: center; position: absolute; right: 0; top: 0;height: 33px;} .search-area .add-new-btn { /*border-bottom: 1px dashed #fff;*/ padding: 20px 0 35px; } .search-area .add-new-btn .btn { border: 1px solid #fff; position: relative; left: 3px; padding: 5px 20px; } .search-area .add-new-btn .btn:hover { color: #363636; background: #fff; } .search-area .add-new-btn .btn i { position: relative; bottom: 1px; } .search-area .add-new-btn .btn span { position: relative; bottom: 1px; } .search-area .result-list { padding: 25px 0; text-align: right; display: none; } .search-area .result-list .result-table { display: inline-block; width: calc(25% - 24px); text-align: left; border-radius: 5px; margin-right: 28px; } .search-area .result-list .result-table .result { margin: 6px;} .search-area .result-list .result-table .result.red-word { border-top: 1px dashed #959595;} .search-area .result-list .result-table .result p { display: inline-block; padding: 8px; width: calc(30% - 18px); } .search-area .result-list .result-table .result p:first-child { width: calc(70% - 18px);} .search-area .result-list .paypal { display: inline-block; width: 80px; text-align: center; } .search-area .result-list .book-btn:hover { background: #f0efef; color: #911a1d; } /*------------------- room top search wrapper -------------------*/ /*------------------- room search wrapper -------------------*/ .room-search-wrapper { background-image: url(../img/meeting/room_search_bg.png); background-size: cover; padding-bottom: 85px; } .room-search-wrapper .room-search-desc { max-width: calc(100% - 30px); margin: 0 auto; } .room-search-wrapper .room-search-desc p { line-height: 24px; padding-bottom: 25px; } /*------------------- room search wrapper -------------------*/ .room-wrapper { width: 1300px; max-width: calc(100% - 30px); margin: 0 auto; padding-bottom: 35px; } .room-wrapper .room-block { margin: 5px 0 30px 0;} .room-wrapper .room-block.active { border: 3px solid #24a5c2; border-top:0; border-right: 0; } /*----- meeting room info -----*/ .room-wrapper .room-block .room-info { height: 300px; } .room-wrapper .room-block .room-info .info-block { display: inline-block; float:left; width: 30%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .room-wrapper .room-block .room-info .info-block.large { width: 70% ; background-image: url(../img/start_up/bg.png); background-repeat: repeat; background-size: auto; } /* ----meeting room info area left---- */ .room-info .info-block .info-area { width: 100%; height: calc(100% - 30px); margin: 15px 25px; } .room-info .info-block .info-area-left { float: left; width: calc( 64% - 25px ); text-align: left; margin: 25px; height: calc( 100% - 50px); } .info-area-left .room-title { font-size: 24px; } .info-area-left .price-list { padding: 10px 0 30px 0;} .info-area-left .price-list .price-tag { display: inline-block; padding: 7px; margin-bottom: 10px; margin-right: 20px; border: 3px solid #007893; border-top:0; border-right: 0;} .info-area-left .price-list .price-tag p { font-size: 18px; line-height: 26px;} .info-area-left .price-list .price-tag p.large { font-size: 22px; padding-top:10px; font-weight: 600; } .info-area-left .price-list .price-tag p.large span { font-size: 36px;} .info-area-left .room-remark { font-size: 14px; letter-spacing: 0.5px; } /* ----meeting room info area left---- */ /* ----meeting room info area right---- */ .room-info .info-block .info-area-right { float: right; width: calc( 38% - 100px ); text-align: right; } .location-list .location-btn { display: inline-block; margin-left: 3px; width: 82px; text-align: center; padding: 5px 20px; } .location-list .location-btn i { position: relative; bottom: 1px; left: -3px; } .room-wrapper .sep-line { margin: 15px 0!important;} .room-wrapper .ppl-max { padding-top: 25px; } .room-wrapper .ppl-max p { font-size: 22px; } .room-wrapper .ppl-max p i { font-size: 36px; } .room-wrapper .ppl-max .sep-line { float: right; margin: 5px 0;} .room-wrapper .btn { display: inline-block; padding: 7px 15px; width:85px; text-align: center; } .room-wrapper .btn.room-slide-btn { padding: 10px 20px; } .room-wrapper .read-more:hover { background: #363636; } .room-wrapper .book-btn, .room-wrapper .paypal { display: none; } .room-wrapper .room-block.active .book-btn, .room-wrapper .room-block.active .paypal { display: inline-block;} .room-wrapper .room-block.active .read-more { display: none;} /* ----meeting room info area right---- */ /* ----meeting room detail---- */ .room-wrapper .room-detail { text-align: left; } .room-detail .room-detail-block { display: inline-block; vertical-align: top; width: 320px; padding: 25px 25px 0; } .room-detail .room-detail-block.large { width: calc( 100% - 460px); margin-right: 25px; } .room-detail .room-detail-block.map { position: relative; right: -10px;} .room-detail .location-btn.active { background: #911a1d; } .room-detail .location-btn:hover { background: #f0efef; color: #911a1d;} .room-detail .room-detail-desc p { padding: 5px 0; line-height: 24px; text-align: justify; } .room-detail .amenities-list { } .room-detail .amenities-list p { padding: 15px 0; font-size: 15px; line-height: 18px; } .room-detail .amenities-list p.bold-word { font-size: 16px; } .room-detail .amenities-block { display: inline-block; text-align: center; width: 120px; vertical-align: top; margin: 8px; } .room-detail .amenities-block .img-blk { display:block; width: 50px; height: 35px; margin: 0 auto; } .room-detail .address { padding-top: 30px; display: none; } .room-detail .map-canvas { width: 100%; min-height: 200px; margin: 30px 0; overflow: hidden; } .rate-detail { text-align: center; padding: 15px;} .rate-detail .main-title { font-size: 36px; } .rate-detail .sep-line { margin: 15px auto; } .rate-detail .select-bar { } .rate-detail .select-item { display: inline-block; } .rate-detail select.select-item { border: 1px solid #878787; border-radius: 4px; padding: 5px 10px; } .rate-detail .content { display: none; text-align: left; width: 90%; margin: 25px auto 0;} .rate-detail .content.active { display: block; } .rate-detail .row { } .rate-detail .col { background: #ececec; display: inline-block; padding: 10px 3px; width: calc(30% - 10px); text-align: center; } .rate-detail .col.long { width: calc(70% - 10px); margin-right: 2px; text-align: left ;} .rate-detail .row:nth-child(2n) .col { background: #f6f6f6; } /* ----meeting room detail---- */ /*---------------------------------------------------------meeting----------------------------------------------------------*/ /*--------------------------------------------------------- Co Working ----------------------------------------------------------*/ /* ------------------------------------package------------------------------------ */ #co_working .package { padding-top: 0; margin-top: 17px; margin-right: 6px; } /* ------package title------ */ #co_working .package .package-title { padding: 30px 0; margin-bottom: 0; } #co_working .package .package-title p { font-size: 26px; line-height: 30px; } #co_working .package .package-title p sup { font-size: 14px; font-weight: 600; line-height: 14px; position:relative; top: -2px; left: -1px; } #co_working .package .package-title p img { vertical-align: middle; margin: 0 2px; } /* ------package title------ */ /* ------package color------ */ #co_working .package { box-shadow: none; border-top:0; border-right:0; border-left: 4px; border-bottom: 4px; border-style: solid; border-color: rgba(208, 208, 208, 0.9); } #co_working .package.best-seller { border-color: rgba(208, 208, 208, 0.9); } /* 1st package*/ #co_working .package.greenblue-package .package-title { background: #00bfaf;} #co_working .package.greenblue-package.active { box-shadow: none; border-color: rgba(0, 191, 175, 0.9); } #co_working .package.greenblue-package.active .overlay { background: rgba(0, 191, 175, 0.8); } #co_working .package-mobile-area .package-display:nth-child(1) .overlay { background: rgba(0, 191, 175, 0.8); } /* 1st package*/ /* 2nd package*/ #co_working .package.light-greenblue-package .package-title { background: #2cd5c7; } #co_working .package.light-greenblue-package.active { box-shadow: none; border-color: rgba(44, 213, 199, 0.9); } #co_working .package.light-greenblue-package.active .overlay { background: rgba(44, 213, 199, 0.8); } #co_working .package-mobile-area .package-display:nth-child(2) .overlay { background: rgba(44, 213, 199, 0.8); } /* 2nd package*/ /* 3rd package*/ #co_working .package.green-package .package-title { background: #2cd588;} #co_working .package.green-package.active { box-shadow: none; border-color: rgba(44, 213, 136, 0.9); } #co_working .package.green-package.active .overlay { background: rgba(44, 213, 136, 0.8); } #co_working .package-mobile-area .package-display:nth-child(3) .overlay { background: rgba(44, 213, 136, 0.8); } /* 3rd package*/ /* 4th package*/ #co_working .package.light-green-package .package-title { background: #abd52c;} #co_working .package.light-green-package.active { box-shadow: none; border-color: rgba(171, 213, 44, 0.9);} #co_working .package.light-green-package.active .overlay { background: rgba(171, 213, 44, 0.8); } #co_working .package-mobile-area .package-display:nth-child(4) .overlay { background: rgba(171, 213, 44, 0.8); } /* 4th package*/ /* ------package color------ */ /* ------package content------ */ #co_working .package .package-content-wrapper { min-height: 570px; padding: 15px 0; padding-bottom: 0; } #co_working .package .package-content { min-height: 0; padding-left: 0 ; padding-right: 0; } #co_working .package .package-content .package-content { padding-left: 11px; padding-bottom: 0; } #co_working .package-content-item { text-align: left; } #co_working .package-content-item .title { padding: 8px 15px; text-indent: -27px; margin-left: 26px; padding-bottom: 3px; } #co_working .package-content-item .title img { padding-right: 10px; position: relative; top: 3px; } #co_working .package .package-content li { font-size: 15px; margin: 2px 5px 2px 47px; } #co_working .package .package-content li:before { content: "\002022"; top: 5px; left: 4px; } #co_working .package .package-content li.main { color: #911a1d; font-weight: 600; } #co_working .package .package-content li.sub-main { color: #911a1d; font-weight: 600;} /* ------package content------ */ /* ------------------------------------package------------------------------------ */ /* ------------------------------------Workplace------------------------------------ */ .workspace-section { } .workspace-image img { width: 100%; } #co_working .workspace-section .slick-dots { padding: 2px 8px; width: auto!important; display: inline-block!important; background: rgba(0,0,0, 0.55)!important; border-radius: 5px!important; position: relative; bottom: 55px!important; margin-bottom: -55px; } #co_working .workspace-section .slick-dots li { width: 25px; height: 25px;} #co_working .workspace-section .slick-dots li button { width: 25px; height: 25px;} #co_working .workspace-section .slick-dots li button:before { font-size: 35px; width: 25px; height: 25px; line-height: 25px; color: #fff;} #co_working .workspace-section .slick-dots li.slick-active button:before { text-shadow: none; color: #33ccbf; } /* ------ amenities-section ------ */ #co_working .amenities-section { width: 1300px; max-width: calc(100% - 40px); margin: 25px auto; padding-bottom: 155px; } #co_working .amenities-section .amenities { position: relative; } #co_working .amenities-section .amenities .title { position: relative; padding: 15px 25px; display: inline-block; top: 20px; font-size: 17px; } #co_working .amenities-section .amenities .amenities-details { padding: 50px 0;} #co_working .amenities-section .amenities .amenities-block { display: inline-block; width: calc(15% - 40px); margin: 20px; vertical-align: top; } #co_working .amenities-section .amenities .amenities-block .img { display: block; width: 100%; height: 60px; background-position: center; background-repeat: no-repeat; margin-bottom: 15px;} #co_working .amenities-section .amenities .amenities-block .desc { width: calc(100% - 26px); margin: 0 auto; line-height: 20px;} /* ------ amenities-section ------ */ /* ------------------------------------Workplace------------------------------------ */ /* ------------------------------------step------------------------------------ */ #co_working .step-wrapper { background-image: url('../img/co_working/steps_bg.png'); } #co_working .step-wrapper .steps-area .step-block-1 .step-top { background: #00bfaf; } #co_working .step-wrapper .steps-area .step-block-1 .paypal-btn a { background: #911a1d; } #co_working .step-wrapper .steps-area .step-block-2 .step-top { background: #1dcfc1; } #co_working .step-wrapper .steps-area .step-block-3 .step-top { background: #2cd588; } #co_working .step-wrapper .steps-area .step-block-4 .step-top { background: #abd52c; } #co_working .step-wrapper .steps-area .next.next-1 { color: #0fccbc; } #co_working .step-wrapper .steps-area .next.next-2 { color: #25d3a4; } #co_working .step-wrapper .steps-area .next.next-3 { color: #64d52c; } /* ------------------------------------step------------------------------------ */ /*--------------------------------------------------------- Co Working ----------------------------------------------------------*/ /*--------------------------------------------------------- Maintenance Secretary ----------------------------------------------------------*/ /* ------------------------------------package------------------------------------ */ #maintenance-secretary .package { padding-top: 0; margin-top: 17px; margin-right: 6px; } /* ------package title------ */ #maintenance-secretary .package .package-title { padding: 30px 0; margin-bottom: 5px; } #maintenance-secretary .package .package-title p { font-size: 26px; line-height: 30px; } /*#maintenance-secretary .package .package-title p:nth-child(1) { padding-bottom: 10px; }*/ #maintenance-secretary .package .package-title p span { position: relative; padding-left: 1px; padding-right: 5px; bottom: 10px; font-size: 14px; font-weight: 600; line-height: 14px;} #maintenance-secretary .package .package-title p img { vertical-align: middle; margin: 0 2px; } /* ------package title------ */ /* ------package color------ */ #maintenance-secretary .package { box-shadow: none; border-top:0; border-right:0; border-left: 4px; border-bottom: 4px; border-style: solid; border-color: rgba(208, 208, 208, 0.9); } #maintenance-secretary .package.best-seller { border-color: rgba(208, 208, 208, 0.9); } /* 1st package*/ #maintenance-secretary .package.greenblue-package .package-title { background: #0088a2;} #maintenance-secretary .package.greenblue-package.active { box-shadow: none; border-color: rgba(0, 136, 162, 0.9); } #maintenance-secretary .package.greenblue-package.active .overlay { background: rgba(0, 136, 162, 0.8); } #maintenance-secretary .package-mobile-area .package-display:nth-child(1) .overlay { background: rgba(0, 136, 162, 0.8); } /* 1st package*/ /* 2nd package*/ #maintenance-secretary .package.light-greenblue-package .package-title { background: #199ebf;} #maintenance-secretary .package.light-greenblue-package.active { box-shadow: none; border-color: rgba(25, 158, 191, 0.9); } #maintenance-secretary .package.light-greenblue-package.active .overlay { background: rgba(25, 158, 191, 0.8); } #maintenance-secretary .package-mobile-area .package-display:nth-child(2) .overlay { background: rgba(25, 158, 191, 0.8); } /* 2nd package*/ /* 3rd package*/ #maintenance-secretary .package.green-package .package-title { background: #4aadd6;} #maintenance-secretary .package.green-package.active { box-shadow: none; border-color: rgba(74, 173, 214, 0.9); } #maintenance-secretary .package.green-package.active .overlay { background: rgba(74, 173, 214, 0.8); } #maintenance-secretary .package-mobile-area .package-display:nth-child(3) .overlay { background: rgba(74, 173, 214, 0.8); } /* 3rd package*/ /* 4th package*/ #maintenance-secretary .package.light-green-package .package-title { background: #77c4eb;} #maintenance-secretary .package.light-green-package.active { box-shadow: none; border-color: rgba(119, 196, 235, 0.9);} #maintenance-secretary .package.light-green-package.active .overlay { background: rgba(119, 196, 235, 0.8); } #maintenance-secretary .package-mobile-area .package-display:nth-child(4) .overlay { background: rgba(119, 196, 235, 0.8); } /* 4th package*/ /* ------package color------ */ /* ------package content------ */ #maintenance-secretary .package .package-content-wrapper { min-height: 250px; padding: 15px 0; padding-bottom: 0px; } #maintenance-secretary .package .package-content { min-height: 0; } #maintenance-secretary .package-content-item { text-align: left; } #maintenance-secretary .package-content-item .title { padding: 8px 15px; } #maintenance-secretary .package-content-item .title img { padding-right: 9px; position: relative; top: 3px; } #maintenance-secretary .package .package-content li { margin: 12px 8px 0px 25px; line-height: 20px; font-size: 15px; } #maintenance-secretary .package .package-content li:before { display: inline-block; font-family: FontAwesome; position: relative; top: 1px; left: -5px; font-size: 14px; margin-left: -1.3em; width: 1.3em; content: "\f124"; color: #8b1718; transform: rotate(45deg); } #maintenance-secretary .package .package-content li.star:before { top: 0px; left: -4px;content: "\f005"; transform: rotate(0deg); } #maintenance-secretary .package .package-content li.dot:before { content: "\002022"; left: 3px; top: 5px; } #maintenance-secretary .package .package-content li.main { color: #911a1d; font-weight: 600;} #maintenance-secretary .package .package-content li.sub-main { color: #911a1d; } /* ------package content------ */ /* ------package bottom------ */ .package-bottom { padding: 10px 0; } .package-bottom p { font-size: 17px; letter-spacing: 0.5px; line-height: 25px; position: relative; right: 1px;} .package-bottom .payment-col { height: 50px; width: 135px; } .package-bottom .payment-col a img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .package-bottom .payment-col a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* ------package bottom------ */ /* ------------------------------------package------------------------------------ */ /* ------------------------------------step------------------------------------ */ #maintenance-secretary .step-wrapper .steps-area .step-block-1 .step-top { background: #0088a2; } #maintenance-secretary .step-wrapper .steps-area .step-block-1 .paypal-btn a { background: #911a1d; } #maintenance-secretary .step-wrapper .steps-area .step-block-2 .step-top { background: #199ebf; } #maintenance-secretary .step-wrapper .steps-area .step-block-3 .step-top { background: #4aadd6; } #maintenance-secretary .step-wrapper .steps-area .step-block-4 .step-top { background: #77c4eb; } #maintenance-secretary .step-wrapper .steps-area .next.next-1 { color: #1296b7; } #maintenance-secretary .step-wrapper .steps-area .next.next-2 { color: #37a1cd; } #maintenance-secretary .step-wrapper .steps-area .next.next-3 { color: #37a1cd; } #maintenance .deregister-list .deregister-answer a:hover { color: #ffde47!important;} /* ------------------------------------step------------------------------------ */ /*-----------start up step-----------*/ .must-know { width: 100%; margin: 0 auto;} .must-know ul.none_list_style li:before { content: '';} #maintenance-secretary .step-wrapper { background-image: url(../img/maintenance/steps_bg.png); } #maintenance-secretary .main-banner .youtube-box { box-shadow: -5px 5px 0px #0088a1; } #maintenance-secretary .other-section .other-block:hover { box-shadow: -4px 4px 0px rgba(74, 173, 214, 0.9);} #maintenance-secretary .other-section .other-block:hover .title { background: rgba(74, 173, 214, 0.9); } #maintenance-secretary .light-box-title { color: #199ebf; } #maintenance-secretary .light-box-line { border-bottom: 3px solid #199ebf; } /*--------------------------------------------------------- Maintenance Secretary ----------------------------------------------------------*/ /*--------------------------------------------------------- Offshore ----------------------------------------------------------*/ #offshore .start-up-wrapper .package { } #offshore .start-up-wrapper .package .package-title { background : rgba(185, 35, 81, 1); } #offshore .start-up-wrapper .package:nth-child(2) .package-title { background : rgba(206, 94, 119, 1); } #offshore .start-up-wrapper .package:nth-child(3) .package-title { background : rgba(229, 118, 129, 1); } #offshore .start-up-wrapper .package:nth-child(4) .package-title { background : rgba(251, 157, 161, 1); } /*--------------------------------------------------------- Offshore ----------------------------------------------------------*/ /*---------------------------------------------------------General----------------------------------------------------------*/ /* -----------banner----------- */ .main-banner .text-block { position: relative; top: 26%; display: table; height: 46%; width: 21%; min-width: 460px; } .main-banner.default .text-block { left: 8.5%; } .main-banner .text-block .word-block { display: table-cell; vertical-align: middle; position: relative; z-index: 5;} .main-banner .text-block .word-block .xs-word { font-size: 22px; } .main-banner .text-block .word-block .s-word { font-size: 32px;} .main-banner .text-block .word-block .bold-word { font-weight: 500;} .main-banner .text-block .word-block .sep-line { margin: 0 auto; } .text-block .polygon { top: -16%; width: 80%; height: 0; padding-top: 90%; display: block; position: absolute; left: -28px; max-width: 350px; background-size: 100%; background-position: center; background-repeat: no-repeat; z-index: 2;} .text-block .polygon.large { top: 0; left: 0; width: 100%; height: 0; padding-top: 97%; max-width: 9999px; } .main-banner-section .slick-dots li button:before { font-size: 35px; height: 35px; width: 35px; } .main-wrap .main-banner.right .text-block { position: absolute; left: 61%; right: 0; top: 0; width: 40%; text-align: center; height: calc(100% - 150px); margin: auto;} .main-wrap .main-banner.right p { position: relative; font-size: 42px; top:0; left:0; } .main-wrap .main-banner.right p.main { font-size: 50px; } .main-wrap .main-banner.right .btn { position:relative; top: 30px; letter-spacing: 1px; } .main-banner.with-pic .pic-box { width: 40%; display: block; position: absolute; top: 0; left: 50%; height: 100%; } .pic-box .pic { height: 100%; max-width: 100%; background-position: center; background-size: auto; background-repeat: no-repeat; } .main-banner.youtube .youtube-link { width: 550px; display: block; position: absolute; top: 50%; left: 55%; transform: translateY(-50%); } .main-banner.youtube .youtube-link .youtube-box { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .main-banner.youtube .youtube-link:hover .youtube-box { opacity: 1; } .main-banner.youtube.right .youtube-link { left: 250px;} .main-banner.youtube.right .youtube-link.large { left: 225px; } .main-banner.youtube .youtube-link.large { width: 36%; max-width: 620px; } .main-banner.youtube .youtube-link.large .youtube-box { height: 0; padding-top: 62%; max-width: 620px; } .main-wrap .main-banner.right .btn:hover { background: #f0efef;} .main-banner-section.right .slick-dots { width: 40%; bottom: 25%; right: 0;; } .main-banner-section.right .slick-dots li button:before { color: #007690; font-size: 35px;} .main-banner-section.right .slick-dots li.slick-active button:before { text-shadow: none; color: #fff;} #meeting .main-banner.right .text-block { height: calc( 100% - 100px); } #meeting .search-input-list .search-btn { line-height: 34px; } #offshore .slick-dots li button:before { color: #494a4c;} #offshore .slick-dots li.slick-active button:before { text-shadow: none; color: #8e0c0e;} #co_working .main-banner-section.right .slick-dots li button:before { color: #00867b;} #co_working .main-banner-section.right .slick-dots li.slick-active button:before { text-shadow: none; color: #fff;} #co_working .main-banner-section .youtube-link .youtube-box { box-shadow: -5px 5px 0px #00bfaf; } .main-banner-section .slick-dots li button:before { color: rgba(0,0,0,0.7); } .main-banner-section .slick-dots li.slick-active button:before { text-shadow: none; color: #911a1d;} /* -----------banner----------- */ /*---------------------------------------------------------General----------------------------------------------------------*/ /*---------------------------------------------------------Tips----------------------------------------------------------*/ #tips { background-image: none; } #tips .blog-main-wrapper-left { background: #fff; padding-bottom: 50px; } #tips .blog-block-area { width: 100%; margin: 0 auto; margin-top: -10px; } #tips .fourth-col { width: calc(25% - 30px); margin: 10px 15px; } #tips .half-col { width: calc(50% - 30px); margin: 10px 15px; } #tips .full-col { width: calc(100% - 30px); margin: 10px 14px;} #tips .blog-block .blog-info { } #tips .blog-block .blog-info .blog-info-block { opacity: 0.95; padding: 25px; width: calc(100% - 50px); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; padding-bottom: 20px; height: auto; cursor: pointer;} #tips .blog-block.whole-white { cursor: pointer; } #tips .blog-block.whole-white:hover, #tips .blog-block.whole-white:hover .blog-icon, #tips .blog-block.fourth-col.whole-white:hover .blog-info .blog-info-block, #tips .blog-block.fourth-col .blog-info .blog-info-block:hover, #tips .blog-block .blog-info .blog-info-block:hover { background: rgba(250,250,250,0.9); opacity: 0.95; } #tips .blog-block .blog-info .blog-info-block .blog-title-area { position: relative;} #tips .blog-block.full-col .blog-info .blog-info-block { width: 40%; height: auto; padding-bottom: 70px; } #tips .blog-block.full-col .blog-info .blog-info-block .blog-title-area { text-align: center; } #tips .blog-block.full-col .blog-info .blog-info-block .blog-main-title { line-height: 45px; } #tips .blog-block .blog-info .blog-info-block .vertical-sep-line { height: 21px; } #tips .blog-block .blog-info .blog-info-block .blog-cate { font-size: 22px; } #tips .blog-block .blog-info .blog-info-block .blog-date { float: right; margin: 0; font-size: 18px; color: #e9bb61; } #tips .blog-block .blog-info .blog-info-block .blog-main-title { line-height: 26px; } #tips .blog-block .blog-info .blog-info-block .read-more { position: absolute; top: auto; bottom: -40px; margin:0 auto; left: 0; right: 0; width: 70px;} #tips .blog-block .blog-info .blog-info-block .blog-title-area {padding: 10px 0;} #tips .blog-block .blog-info .blog-info-block .blog-title-area .blog-date { float: none; } #tips .full-col .read-more-arrow { display: none; } #tips .read-more-arrow { float: right; font-size: 32px; position: absolute; right: 2px; z-index: 1; } #tips .read-more-arrow:hover { color: #f0efef;} #tips .read-more-arrow:hover:after { content: ''; width: 19px; height: 19px; background: #990000; position: absolute; right: 4px; border-radius: 50%; top: 5px; z-index: -1; } #tips .fourth-col .blog-title-area .read-more-arrow { bottom: 5px; } #tips .blog-title-area .read-more-arrow { bottom: 6px; } #tips .blog-icon { display: table; width: calc(100% + 1px); height: 47.5%; } #tips .blog-icon .blog-icon-image { display: table-cell; vertical-align: middle; } #tips .blog-icon .blog-icon-image .icon-btn { border-radius: 50%; width: 100px; height: 100px; margin: 0 auto; background-repeat: no-repeat; background-position: center; } #tips .blog-block .blog-info .blog-info-block.half { position: relative; height: 50%; display: table; } #tips .blog-block .blog-info .blog-info-block.half .blog-icon { display: table-cell; vertical-align: middle; padding-right: 20px; width: 150px; } #tips .blog-block .blog-info .blog-info-block.half .blog-info-detail { display: table-cell; vertical-align: middle; width: 100%; height: 50%; } #tips .blog-block.fourth-col .blog-info .blog-info-block { opacity: 1; background: #f2f2f2; top: calc(48% - 20px); padding-top:15px; } #tips .hot-topic-wrap .date img { width: auto; vertical-align: bottom; bottom:0; } /*---------------------------------------------------------Tips----------------------------------------------------------*/ /*---------------------------------------------------------Tips Detail----------------------------------------------------------*/ .blog-main-banner { position: relative; max-height: 500px; overflow: hidden; } .blog-main-banner .slogan { display: block; width: 430px; max-width: calc(100% - 45px); position: absolute; bottom: 30px; background: rgba(255, 255, 255, 0.85); padding: 15px; } .blog-main-banner .slogan .slogan-ele { display: inline-block; vertical-align: top; } .blog-main-banner .slogan .slogan-ele.slogan-icon { width: 80px; text-align: center; vertical-align: bottom; } .blog-main-banner .slogan .slogan-ele.slogan-icon img { width: auto; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); position: relative; bottom: 5px; max-width: 100%; } .blog-main-banner .slogan .slogan-ele.slogan-text { width: calc(100% - 85px); font-size: 14px; line-height: 18px; } .blog-main-banner .slogan .slogan-ele.slogan-text .title { font-size: 20px; padding: 2px 0 7px 0; } .blog-main-banner .slogan .slogan-ele.slogan-text a:hover { opacity: 0.7; text-decoration: underline; } #tips_detail .blog-main-banner .slogan { border-radius: 0 5px 5px 0; } .article-like .article-slide-area { position: relative; } .article-like .slide-blocked-area { position: absolute; display: block; width: 19px; height: 100%; background: #fff; z-index: 1;} .article-like .article-recommend-slider li { padding-left: 10px; border-left: 1px dashed #6e6e6e; } .article-like .article-recommend-slider .img-wrap { width: calc(50% - 15px); margin-right: 12px; padding-top: 32%; height: 0; background-size: cover; display: inline-block; } .article-like .article-recommend-slider .info { width: 46%; display: inline-block; vertical-align: top; } .article-like .article-recommend-slider .info p { margin: 8px 0; } .article-like .article-recommend-slider .info p:first-child { height: 55px; line-height: 20px; } .article-like .article-recommend-slider .info img { display: inline-block; position: relative; bottom: -1px; margin-right: 3px; } #tips_detail .article-like .article-recommend-slider .info p:first-child {height: 65px;} .blog-main-wrapper-left .blog-sep-line.tip-short-line { margin: 5px 0; width: 30px; height: 2px; } /*---------------------------------------------------------Tips Detail----------------------------------------------------------*/ /*---------------------------------------------------------Account Tax Compliance----------------------------------------------------------*/ #account-tax-compliance { } #account-tax-compliance .main-banner .youtube-box { box-shadow: -5px 5px 0px #369c66; } /*---------------------package---------------------*/ #account-tax-compliance .package { margin-top: 17px; margin-right: 6px; } #account-tax-compliance .package-content-item { padding-top: 8px; } #account-tax-compliance .package .question { top: 0; } #account-tax-compliance .package .package-title { margin-bottom: 5px; padding: 30px 0; } #account-tax-compliance .package .package-title p img { height: auto; max-height: 31px; } #account-tax-compliance .package .package-title p { padding: 0; } #account-tax-compliance .package .title-area p:nth-child(1), #account-tax-compliance .package .package-title .title { padding: 0; padding-bottom: 0px;} #account-tax-compliance .start-up-wrapper .package .package-title .title-area { margin-bottom: 0; z-index:2 } #account-tax-compliance .start-up-wrapper .title-content p { margin-bottom: 0; padding-bottom: 0; } #account-tax-compliance .package .package-content li { margin: 12px 8px 0px 25px; line-height: 20px;} #account-tax-compliance .package .package-content li:before { display: inline-block; font-family: FontAwesome; position: relative; top: 1px; left: -5px; font-size: 14px; margin-left: -1.3em; width: 1.3em; content: "\f124"; color: #8b1718; transform: rotate(45deg); } #account-tax-compliance .package .package-content li.star:before { top: 0px; left: -4px;content: "\f005"; transform: rotate(0deg); } #account-tax-compliance .package .package-content li.dot:before { content: "\002022"; left: 3px; top: 6px; } #account-tax-compliance .package .package-content li.main { color: #911a1d; font-weight: 600;} #account-tax-compliance .package .package-content li.sub-main { color: #911a1d; } #account-tax-compliance .package.package-1 .package-title { background: #369c66; } #account-tax-compliance .package.package-1.active { border-color: rgba(54,156,102,0.9); /*z-index: 4;*/ } #account-tax-compliance .package.package-1.active .overlay { background: rgba(54,156,102,0.8); } #account-tax-compliance .package-mobile-area .package-display:nth-child(1) .overlay { background: rgba(54,156,102,0.8); } #account-tax-compliance .package.package-2 .package-title { background: #2aba3e; } #account-tax-compliance .package.package-2.active { border-color: rgba(42,186,62,0.9); /*z-index: 3;*/ } #account-tax-compliance .package.package-2.active .overlay { background: rgba(42,186,62,0.8); } #account-tax-compliance .package-mobile-area .package-display:nth-child(2) .overlay { background: rgba(42,186,62,0.8); } #account-tax-compliance .package.package-3 .package-title .title { margin-bottom: 2px; } #account-tax-compliance .package.package-3 .package-title { background: #82c912; } #account-tax-compliance .package.package-3.active { border-color: rgba(130,201,18,0.9); /*z-index: 2;*/ } #account-tax-compliance .package.package-3.active .overlay { background: rgba(130,201,18,0.8); } #account-tax-compliance .package-mobile-area .package-display:nth-child(3) .overlay { background: rgba(130,201,18,0.8); } #account-tax-compliance .package.package-4 .package-title { background: #acc900; } #account-tax-compliance .package.package-4.active { border-color: rgba(172,201,0,0.9); /*z-index: 1;*/ } #account-tax-compliance .package.package-4.active .overlay { background: rgba(172,201,0,0.8); } #account-tax-compliance .package-mobile-area .package-display:nth-child(4) .overlay { background: rgba(172,201,0,0.8); } #account-tax-compliance .package .package-title p:first-child { margin-bottom: 0; } #account-tax-compliance .package .apply-now .btn { top: 4px; } #account-tax-compliance .title-area .question .tooltip { right: 30px; left: auto; top: -180%; } #account-tax-compliance .title-area .question .tooltip:before { left: auto; right: -6px; border-left: 6px solid #363636; border-width: 6px 0px 6px 6px ; } .package-remark { font-size: 14px; text-align: justify; padding: 5px 15px; font-weight: 600; letter-spacing: 0.5px; line-height: 16px; } .package-remark.with-star { text-indent: -10px; margin-left: 10px; padding: 5px 9px; } .package .package-content li { font-size: 15px; line-height: 20px; } .package .package-content li.dot { margin: 2px 0 2px 40px!important; } .package .package-content li.has-discount { width: calc(100% - 78px); } .package .package-content li.has-discount:after { display: block; width: 56px; height: 46px; content:' '; background-image: url('../img/stamp.png'); position: absolute; top: 0; right: -58px; } .package .question { position: relative; top: -2px; } .package .question:hover { opacity: 1;} .package-remark-area { position: relative; display: block; width: 1300px; max-width: calc(100% - 30px); margin: 0px auto -20px auto; top: 0px; } /*---------------------package---------------------*/ /*---------------------step---------------------*/ #account-tax-compliance .step-wrapper.step-visa { background-image: url(../img/account-tax-compliance/steps_bg.png); } #account-tax-compliance .step-wrapper .steps-area .step-block-1 .step-top { background: #369c66; } #account-tax-compliance .steps-area .step-block-1 .paypal-btn a { background: #911a1d; } #account-tax-compliance .steps-area .step-block-1 .paypal-btn a:hover { background: #f0efef; color: #369c66; } #account-tax-compliance .step-wrapper .steps-area .step-block-2 .step-top { background: #2aba3e; } #account-tax-compliance .step-wrapper .steps-area .step-block-3 .step-top { background: #82c912; } #account-tax-compliance .step-wrapper .steps-area .step-block-4 .step-top { background: #acc900; } #account-tax-compliance .step-wrapper .steps-area .next.next-1 { color: #31a04b; } #account-tax-compliance .step-wrapper .steps-area .next.next-2 { color: #5db920; } #account-tax-compliance .step-wrapper .steps-area .next.next-3 { color: #9dc906; } /*---------------------step---------------------*/ /*---------------------table---------------------*/ #account-tax-compliance .table-content { width: 100%; max-width: 900px; margin: 0 auto; padding-bottom: 40px; } #account-tax-compliance .table-content table { text-align: left; margin: 30px auto; width: calc(100% - 30px); max-width: 900px; line-height: 1.2rem; } #account-tax-compliance .table-content table:first-child { margin-top: 5px;} #account-tax-compliance .table-content table tr td { padding: 10px 15px; background: #fff; font-size: 15px; font-weight: 600; } #account-tax-compliance .table-content table tr.child td { padding: 4px 15px; } #account-tax-compliance .table-content table tr.last-child td { padding-bottom: 10px; } #account-tax-compliance .table-content table tr td i { font-size: 13px; letter-spacing: 0.5px; } #account-tax-compliance .table-content table tr td i.large { font-size: 15px; } #account-tax-compliance .table-content table tr td:first-child { width: 67%; } #account-tax-compliance .table-content table tr td:second-child { width: 30%; } #account-tax-compliance .table-content table tr:first-child td { background: #acc900; color: #fff; border-radius: 0 5px 0 0; font-size: 17px; padding: 15px 15px; } #account-tax-compliance .table-content table tr:first-child td i { font-size: 15px; font-weight: normal; letter-spacing: 0; } #account-tax-compliance .table-content table tr:first-child td:first-child { border-radius: 5px 0 0 0; } #account-tax-compliance .table-content table:nth-child(2n) tr:first-child td { background: #369c66; } #account-tax-compliance .table-content table tr:nth-child(2n) td, #account-tax-compliance .table-content table tr.gray td { background: #f9f9f9; } #account-tax-compliance .table-content table tr.white td { background: #fff; } #account-tax-compliance .table-content .package-remark { padding-bottom: 25px; } /*.package .question .tooltip { left: auto; right: 25px; } .package .question .tooltip:before { border-color: transparent transparent transparent #363636; border-left: 6px solid #363636; border-width: 6px 0px 6px 6px; left: auto; right: -6px;}*/ /*---------------------------------------------------------Account Tax Compliance----------------------------------------------------------*/ /*---------------------------------------------------------Account Audit----------------------------------------------------------*/ #account-audit { } /*---------------------package---------------------*/ #account-audit .package-wrapper { } #account-audit .package-content { padding-top: 8px; } #account-audit .package .package-title { margin-bottom: 15px; padding: 30px 0; } #account-audit .package .package-title p { padding: 0; } #account-audit .package .package-title p:first-child { margin-bottom: 0px; } #account-audit .package .package-title p img { height: auto; } #account-audit .package .package-content li { margin: 12px 8px 0px 25px; line-height: 20px;} #account-audit .package .package-content li span { } #account-audit .package .package-content li:before { display: inline-block; font-family: FontAwesome; position: relative; top: 1px; left: -5px; font-size: 14px; margin-left: -1.3em; width: 1.3em; content: "\f124"; color: #8b1718; transform: rotate(45deg); } #account-audit .package .package-content li.star:before { top: 0px; left: -4px;content: "\f005"; transform: rotate(0deg); } #account-audit .package .package-content li.dot:before { content: "\002022"; left: 3px; top: 6px; } #account-audit .package .package-content li.main { color: #911a1d; font-weight: 600;} #account-audit .package .package-content li.main span { color: #911a1d; } #account-audit .package .package-content li.sub-main { color: #911a1d; } #account-audit .package.package-1 .package-title { background: #3bab50; } #account-audit .package.package-1.active { border-color: rgba(59,171,80,0.9); z-index: 4; } #account-audit .package.package-1.active .overlay { background: rgba(59,171,80,0.8); } #account-audit .package-mobile-area .package-display:nth-child(1) .overlay { background: rgba(59,171,80,0.8); } #account-audit .package.package-2 .package-title { background: #0fbb8c; } #account-audit .package.package-2.active { border-color: rgba(15,187,140,0.9); z-index: 3; } #account-audit .package.package-2.active .overlay { background: rgba(15,187,140,0.8); } #account-audit .package-mobile-area .package-display:nth-child(2) .overlay { background: rgba(15,187,140,0.8); } #account-audit .package.package-2 { box-shadow: none!important; border-left: 4px solid rgba(197, 173, 139, 0.9)!important; border-bottom: 4px solid rgba(197, 173, 139, 0.9)!important; margin-top: 0!important; margin-right: 6px!important; } #account-audit .package.package-2.hover { border: 4px solid rgba(197, 173, 139, 0.9)!important; margin-top: -4px!important; margin-right: 2px!important; } #account-audit .package.package-3 .package-title { background: #6ac74a; } #account-audit .package.package-3.active { border-color: rgba(106,199,74,0.9); z-index: 2; } #account-audit .package.package-3.active .overlay { background: rgba(106,199,74,0.8); } #account-audit .package-mobile-area .package-display:nth-child(3) .overlay { background: rgba(106,199,74,0.8); } #account-audit .package.package-4 .package-title { background: #a6d73b; } #account-audit .package.package-4.active { border-color: rgba(166,215,59,0.9); z-index: 1; } #account-audit .package.package-4.active .overlay { background: rgba(166,215,59,0.8); } #account-audit .package-mobile-area .package-display:nth-child(4) .overlay { background: rgba(166,215,59,0.8); } #account-audit .package .apply-now .apply-now-desc .small-word { font-size: 13px; line-height: 30px;} #account-audit .package .apply-now .apply-now-desc .small-word:first-child { line-height: 15px; padding-bottom: 5px; } /*---------------------package---------------------*/ /*---------------------step---------------------*/ #account-audit .step-wrapper.step-visa { background-image: url(../img/account-audit/steps_bg.png); } #account-audit .step-wrapper .steps-area .step-block-1 .step-top { background: #3bab50; } #account-audit .step-wrapper .steps-area .step-block-2 .step-top { background: #0fbb8c; } #account-audit .step-wrapper .steps-area .step-block-3 .step-top { background: #6ac74a; } #account-audit .step-wrapper .steps-area .step-block-4 .step-top { background: #a6d73b; } #account-audit .step-wrapper .steps-area .next.next-1 { color: #1ea869; } #account-audit .step-wrapper .steps-area .next.next-2 { color: #2ab468; } #account-audit .step-wrapper .steps-area .next.next-3 { color: #88d73b; } /*---------------------step---------------------*/ /*---------------------------------------------------------Account Audit----------------------------------------------------------*/ /*---------------------------------------------------------Contact----------------------------------------------------------*/ #contact .social-media-content { max-width: 1200px; width: 100%; margin: 0 auto; display: inline-flex; flex-direction: row; } #contact .social-media-content .media-block { width: calc( 50% - 20px); text-align: center; vertical-align: top; } #contact .social-media-content .media-block .media-btn-area { padding-top: 80px; } #contact .social-media-content .media-block .media-btn-area .media-line { } #contact .social-media-content .media-block .media-btn-area a { display:inline-block; margin: 8px 12px; -webkit-filter: grayscale(90%); filter: grayscale(90%); transition: all 0.5s ease; -website-transition: all 0.5s ease; } #contact .social-media-content .media-block .media-btn-area a.active { -webkit-filter: grayscale(0%); filter: grayscale(0%); } #contact .social-media-content .media-remark { display: table; max-width: 500px; width: calc(100% - 30px); margin: 25px auto; height: 48px; max-width: 500px; } #contact .social-media-content .media-remark .remark-item { display: table-cell; vertical-align: middle; text-align:center; padding: 10px 5px; } #contact .social-media-content .media-remark .remark-item:nth-child(1) { text-align: right; font-size: 18px; } #contact .social-media-content .media-remark .remark-item:last-child p { font-weight: 300; font-size: 20px; line-height: 24px; text-align: left; } #contact .social-media-content .media-remark .remark-item:last-child p:last-child { letter-spacing: 1px; } #contact .social-media-content .media-remark .remark-item .fa-whatsapp { color: #4dc247; margin-right: 5px; font-size: 21px; } #contact .social-media-content .media-remark .remark-item .fa-search { color: #911a1d; margin-right: 5px; } #contact .social-media-content .media-remark .vertical-sep-line { display: block; width: 1px; height: 100%; background: #b7b7b7; } /*---office location---*/ #contact .virtual-office-location .location-desc .subtitle:after { background: #ae2547; } #contact .virtual-office-location .location-desc .address > li .fa { color: #ae2547; } #contact .virtual-office-location .location-desc .apply-now { margin: 35px 0 16px; } .virtual-office-location .location-desc .address > li { margin-bottom: 15px; } .virtual-office-location .location-desc .address > li:first-child { margin-bottom: 25px; } .virtual-office-location .location-desc .map-canvas { width: 100%; min-height: 200px; margin: 35px 0; } #contact-light-box .light-box-title { color: #8f1c20; } #contact-light-box .light-box-line { border-bottom: 3px solid #8f1c20; } #contact-light-box table { width: 100%; } #contact-light-box table tr { border-bottom: 1px dotted #aeaeae; padding: 15px 0; } #contact-light-box table tr td { padding: 5px 0; font-size: 15px; width: 45%; } #contact-light-box table tr td:first-child { padding-right: 5px; width: 55%; } .package-light-box .light-box-title { color: #8f1c20; } .package-light-box .light-box-line { border-bottom: 3px solid #8f1c20; } .package-light-box table { width: 100%; } .package-light-box table tr { border-bottom: 1px dotted #aeaeae; padding: 15px 0; } .package-light-box table tr td { padding: 10px 0; font-size: 15px; width: 45%; } .package-light-box table tr td:first-child { padding-right: 5px; width: 55%; } .what-else-light-box, #locationbox_1, #locationbox_2 { width: calc(100% - 40px); max-width: 1200px; } .what-else-light-box .country-lst, #locationbox_1 .country-list, #locationbox_2 .country-list { max-width: 355px; overflow-x: hidden; max-height: 140px; } #locationbox_1 table { width: 100%; } #locationbox_1 table tr { border-bottom: 1px dotted #aeaeae; padding: 15px 0; } #locationbox_1 table tr td { padding: 10px 0; font-size: 15px; width: 45%; } #locationbox_1 table tr td:first-child { padding-right: 5px; width: 55%; } #locationbox_2 table { width: 100%; } #locationbox_2 table tr { border-bottom: 1px dotted #aeaeae; padding: 15px 0; } #locationbox_2 table tr td { padding: 10px 0; font-size: 15px; width: 45%; } #locationbox_2 table tr td:first-child { padding-right: 5px; width: 55%; } /*---------------------------------------------------------Contact----------------------------------------------------------*/ .learn-more-wrapper { height: 300px; } .learn-more-wrapper .background-wrap { height: 100%; width: 100%; position: absolute; top:0; z-index:2; overflow: hidden; } .learn-more-wrapper .background-wrap .background-block { display:inline-block; float: left; width: 50%; height: 100%; overflow: hidden; } .learn-more-wrapper .background-wrap .learn-more-block { width: 100%; height: 100%; background-size: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-position: center; position: relative; } .learn-more-wrapper .background-wrap .learn-more-block .overlay { display: block; width: 100%; height: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .learn-more-wrapper .background-wrap .learn-more-block.part-a .overlay { background: rgba(48,101,103,0.7); } .learn-more-wrapper .background-wrap .learn-more-block.part-b .overlay { background: rgba(8,103,136,0.2); } .learn-more-wrapper .background-wrap .learn-more-block.active { transform: scale(1.1); } .learn-more-wrapper .background-wrap .learn-more-block.part-a.active { } .learn-more-wrapper .background-wrap .learn-more-block.part-b.active { } .learn-more-wrapper .background-wrap .learn-more-block.part-a.active .overlay { background: rgba(48,101,103,0.6); } .learn-more-wrapper .background-wrap .learn-more-block.part-b.active .overlay { background: rgba(8,103,136,0.1); } .learn-more-wrapper .learn-more { position: relative; top: 0; z-index:3; padding: 10px 0; padding-top: 0; } .learn-more-wrapper .learn-more-content { display: table; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; } .learn-more-wrapper .learn-more-content .learn-logo { position: absolute; left: calc(50% - 25px); z-index: 3; top: 25px; } .learn-more-wrapper .learn-more-content .learn-more-ele { display: table-cell; vertical-align: middle; text-align: center; position: relative; font-size:26px; padding: 15px; line-height: 36px; width: 440px; } .learn-more-wrapper .learn-more-content .learn-more-ele p { position:relative; } .learn-more-wrapper .learn-more-content .learn-more-ele.left { text-align: left; } .learn-more-wrapper .learn-more-content .learn-more-ele.right { text-align: right; } .learn-more-wrapper .learn-more-content .learn-more-ele.black-bg { background: rgba(0,0,0,0.5); } .learn-more-wrapper .learn-more-content .learn-more-ele.black-bg.active { background: rgba(122,42,48,0.9); } .learn-more-wrapper .learn-more-content .learn-more-ele.arrow { width: 100px; } .learn-more-wrapper .learn-more-content .learn-more-ele.arrow.active { animation: arrow-move 1s ease 0s infinite alternate; } @keyframes arrow-move { 0% { left: 0; } 25%, 75% { left: -6px; } 50% { left: 0; } 25%, 75% { left: 6px; } 100% { left: 0; } } /*---------------------------------------------------------Location----------------------------------------------------------*/ .location-section { max-width: 1200px; width: calc(100% - 30px); margin: 0 auto; } .location-section .location-wrap { height: 500px; margin-top: 5px; } .location-section .location-wrap .location-ele { float:left; width: 70%; height: 100%; } .location-section .location-wrap .location-ele#find-route { width: 30%; background-image:url('../img/location/route-finder-bg.png'); background-size: cover; text-align: left; } .location-section .location-wrap .location-ele#find-route .content { padding: 20px; } .location-section .location-wrap .location-ele#find-route .result-col { overflow: auto; max-height: 100%; display: none; } .location-section .location-wrap .location-ele h3 { font-size: 20px; } .location-section .location-wrap .location-ele .sep-line { margin: 20px 0; } .location-section .location-wrap .location-ele .location-input { padding: 10px; border: 0; border-radius: 5px; background: #fff; } .location-section .location-wrap .location-ele input { width: calc( 100% - 20px); margin: 10px 0 15px 0; } .location-section .location-wrap .location-ele select { width: 100%; margin: 10px 0 35px 0; } .location-section .location-wrap .get-route:hover { color: #911a1d; background: #f0efef;} .location-section .location-wrap .desc { /*display:none;*/ padding-top: 40px; font-size: 15px; line-height: 18px; } .location-section .location-wrap .desc .title { font-size: 20px; } .location-section .location-wrap .desc .sep-line { margin: 15px 0; } .location-section .location-wrap .desc.active { display: block; } .location-section .location-wrap .desc p { margin: 0 2px; text-align: justify; line-height:22px } .location-section .location-search { display: inline-block; width: 100%; } .location-section .location-part { display: inline-block; text-align: left; padding: 20px 0; min-height: 100px; vertical-align: top; } .location-section .location-part:nth-child(1) { width: 22%; /*margin-left: 158px;*/ margin-left: 190px; } .location-section .location-part:nth-child(3) { width: 55%; } .location-section .location-part h3 { font-size: 18px;padding-top:20px } .location-section .location-part .sep-line { margin: 15px 0; } .location-section .location-part .location-tab { display: inline-block; width: 120px; padding: 0; text-align: center; line-height: 35px; margin-right: 3px; } .location-section .location-part .location-tab i { position: relative; bottom: 1px; } .location-section .location-part .location-tab:hover { background: #f0efef; color: #911a1d; } .location-section .location-part .location-tab.active { background: #911a1d; color: #fff; } .location-section .location-part.vertical-sep-line { background: #cccccc; width: 1px; height: 100%; margin: 22px 30px 22px 15px;} .location-section .location-part .location-detail { /*display: none;*/ } .location-section .location-part .location-detail.active { display: block; } .location-section .location-part .location-detail .desc { margin-bottom: 18px; width: 100%; } .location-section .location-part .location-detail .desc:last-child { margin-bottom: 0; } .location-section .location-part .location-detail .desc .img { display: inline-block; width: 25px; text-align: center; } .location-section .location-part .location-detail .desc p { display: inline-block; width: calc(100% - 30px); vertical-align: top; line-height: 20px; } .location-section.white-btn { margin-bottom: 34px; box-shadow: -4px 4px 0px rgba(208, 208, 208, 0.9); } #location .virtual-office-location { margin-bottom: 71px;} #location .virtual-office-location .location-desc .subtitle:after { background: #b22349; } #location .virtual-office-location .location-desc .address > li .fa { color: #b22349; } #location .map-canvas { display: none; } #location .gm-style .gm-style-iw { color: #8b0000; font-size: 14px; font-weight: bold;} #location .gm-style .gm-style-iw > div > div { overflow:hidden !important; font-family: 'Lato', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif;} .result-col .back-btn { text-align: right; width: calc( 100% - 40px); } .result-col .back { position: relative; top: 10px; left: 20px; font-size: 25px; color: #fff; } .mobile-workspace-section { display: none; } .desktop-workspace-section { display: block; } /* google map result */ #find-route .result-col table { width: calc( 100% - 30px); padding: 0 15px; margin: 0 auto; font-family: 'Lato', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; font-size: 14px; line-height: 18px; background: none; border-left:0; border-right: 0; } #find-route .result-col .warnbox-content, #find-route .result-col .adp-warnbox, #find-route .result-col .adp-agencies, #find-route .result-col .adp-legal { width: 0; height: 0; padding: 0; margin: 0; font-size: 0;} #find-route .result-col .adp-summary { padding: 5px 15px; font-size: 14px; } #route-panel-detail > div { display: none; } #route-panel-detail > div:nth-child(1) { display: block; background: rgba(255,255,255,0.85); border-radius: 5px; } #route-panel-detail .adp-step, #route-panel-detail .adp-text { vertical-align: middle; } #route-panel-detail img.adp-marker { margin-right: 5px; padding: 5px 0; } /* google map result */ /*---------------------------------------------------------Location----------------------------------------------------------*/ /*---------------------------------------------------------About----------------------------------------------------------*/ /* ---------------- about desc ---------------- */ .about-desc { background: #f1f1f1; } .about-desc-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; padding: 40px 0; } .about-desc-wrapper .about-desc-container { display: inline-block; width: 30%; margin-right: -4px; vertical-align: top; text-align: justify; font-family: 'Oswald', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif !important;} .about-desc-wrapper .about-desc-container.about-desc-small p { font-size: 38px; line-height: 44px; color: #363636; font-family: 'Oswald', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif !important; } .about-desc-wrapper .about-desc-container.about-desc-small .sep-line { margin: 20px 1px; } .about-desc-wrapper .about-desc-container.about-desc-large { width: 70%; } .about-desc-wrapper .about-desc-container.about-desc-large p { margin: 0 0 35px 0; color: #000; font-size: 16px; line-height: 20px; } .about-desc-wrapper .about-desc-container.about-desc-large p a { color: #911a1d; } .about-desc-wrapper .about-desc-container.about-desc-large p a:hover { opacity: 0.65; text-decoration: underline; } .about-desc-wrapper .about-desc-container.about-desc-large h3 { margin: 25px 0; position: relative; font-size: 22px; } .about-desc-wrapper .about-desc-container.about-desc-large h3:after { content: ''; position: absolute; width: 30px; height: 2px; background: #911a1d; bottom: -15px; left: 0; } /* ---------------- about desc ---------------- */ /* ---------------- about thoughts ---------------- */ .about-thoughts-wrapper { display: flex; flex-direction: row; max-width: 1200px; width: calc(100% - 30px); margin: 0 auto; padding: 40px 0; position: relative; } .about-thoughts-wrapper .about-thoughts-container { width: 30%; margin-right: -4px; vertical-align: top; text-align: justify; } .about-thoughts-wrapper .about-thoughts-small { } .about-thoughts-wrapper .about-thoughts-small p { font-size: 38px; line-height: 44px; color: #363636; text-align: right; font-family: 'Oswald', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; } .about-thoughts-wrapper .about-thoughts-small .sep-line { margin-right: 0; } .about-thoughts-wrapper .about-thoughts-large { width: 70%; } .about-thoughts-wrapper .about-thoughts-large p { color: #000; font-size: 17px; line-height: 25px; margin-left: 3px; } .about-thoughts-wrapper .about-thoughts-large p:first-child { margin-left: 0; } .about-thoughts-wrapper .about-thoughts-large p:last-child { font-size: 14px; } .about-thoughts-wrapper .about-thoughts-list { padding-left: 100px; } .about-thoughts-wrapper .thoughts { width: 100%; max-width: 750px; } .about-thoughts-wrapper .thoughts:nth-child(2) { position: relative; right: 100px; } .about-thoughts-wrapper .thoughts-ele { display: table-cell; vertical-align: middle; padding: 0 10px; } .about-thoughts-wrapper .thoughts-ele img { } .about-thoughts-wrapper .thoughts-ele.desc>b { display:block; padding-top: 8px; } /* ---------------- about thoughts ---------------- */ #about .virtual-office-location { margin-bottom: 71px; } #about .virtual-office-location .location-desc .subtitle:after { background: #911a1d;} #about .virtual-office-location .location-desc .address > li .fa { color: #911a1d; } /*---------------------------------------------------------About----------------------------------------------------------*/ /*---------------------------------------------------------Contact----------------------------------------------------------*/ #contact .virtual-office-location { margin-bottom: 71px; } /*---------------------------------------------------------Contact----------------------------------------------------------*/ /*--------------------------------------------------------- Visa Form China ----------------------------------------------------------*/ .visa-form .visa-form-wrapper { background-size: 100% auto; background-position: bottom; min-height: 500px; position: relative; } .visa-form .visa-form-wrapper .overlay { background: rgba(221, 120, 54, 0.85); position: absolute; width: 100%; height: 100%; top:0; left:0; } .visa-form .visa-form-wrapper .visa-form { position: relative; z-index: 2; padding: 150px 0 100px; width: calc(100% - 30px); max-width: 1100px; margin: 0 auto; } .visa-form .visa-form-wrapper .visa-form-content { width: 100%; height: 100%; background: #fff; } .visa-form-progress { text-align: center; } .visa-form-content h1 { text-align: center; padding-bottom: 10px; } .visa-form-content p { text-align: center; font-size: 18px; } .visa-form-content .sep-line { margin: 25px auto; height: 4px; width: 50px; background: #df864c; } .visa-form-content .icon-area { position: relative; display: inline-block; } .visa-form-content .icon-area .text { position: absolute; top: 0; width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; } .visa-form-content .icon-area .text p { font-size: 15px; position: relative; bottom: 2px; } .visa-form-content .icon-area .text p i { font-size: 20px; } .visa-form-content .icon-area .text p span { font-size: 25px; } .visa-form-content .icon-area .hexagon_bg::before { content:''; display: block; top: 2px; position: relative; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 16px solid red; border-bottom-color: #c5c5c5; } .visa-form-content .icon-area .hexagon_bg .hexagon { width: 60px; height: 36px; background: #c5c5c5;} .visa-form-content .icon-area .hexagon_bg::after { content:''; display: block; bottom: 2px; position: relative; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 16px solid red; border-top-color: #c5c5c5;} .visa-form-content .icon-area .hexagon_bg.active::before { border-bottom-color: #8f1c21; } .visa-form-content .icon-area .hexagon_bg.active .hexagon { background: #8f1c21;} .visa-form-content .icon-area .hexagon_bg.active::after { border-top-color: #8f1c21;} .visa-form-content .sep-dot-line { width: 100px; height: 70px; margin: 0 10px; overflow: hidden; } .visa-form-content .dot-line { position: relative; width: 100px; height: 1px; top: 50%; transform: translateY(-50%); border-bottom: 4px dotted #c5c5c5; } .visa-form-wrapper .detail { width: 670px; max-width: 90%; margin: 20px auto; padding-bottom: 50px; position: relative; } .visa-form-wrapper .detail .require-desc { font-size: 14px; text-align: right; } .visa-form-wrapper .detail .contact-form-input>li>div { width: 60%; position: relative; z-index: 1; } .visa-form-wrapper .detail .contact-form-input>li>div.contact-form-name { width: 40%!important; z-index: 3; line-height: 19px;} .visa-form-wrapper .detail .contact-form-input>li.phonewithcode { position:relative; z-index: 4; } .visa-form-wrapper .detail .radio { position: relative; top: 5px; } .visa-form-wrapper .detail .radio label { margin-right: 6px; /* vertical-align:5px; */ } .visa-form-wrapper .detail .radio input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0 5px 0px 0; width: 12px; height: 12px; background: #eeeeee; box-shadow: inset 0 0 0 .22em white, 0 0 0 1px #c7c7c7; border-radius: 50%; transition: .2s; cursor: pointer; color: #323232; position: relative; top: 1px; } .visa-form-wrapper .detail .radio input[type="radio"]:hover, .visa-form-wrapper .detail .radio input[type="radio"]:checked { background: #000; box-shadow: inset 0 0 0 .22em white, 0 0 0 1px #989898; } .visa-form-wrapper .detail .radio input[type="radio"]:focus { outline: 0; } .visa-form-wrapper .detail .upload { height: 30px; } .visa-form-wrapper .detail .upload input[type="file"] { display: none; } .visa-form-wrapper .detail .upload .upload-btn { padding: 6px 12px; background: #959595; border-radius: 5px; cursor: pointer; position: relative; top: 12px; font-size: 15px; display: inline-block; } .visa-form-wrapper .detail .upload .upload-btn:hover { background: #f0efef; color: #911a1d; } .visa-form-wrapper .detail .btn-list { position: relative; padding-bottom: 20px; } .visa-form-wrapper .require::before { bottom: 5px;} .visa-form-wrapper .detail .input-page-1 .btn-list .btn { top: 6px; padding-bottom: 7px;} .visa-form-wrapper .detail .btn-list .btn.visa-done-btn { width: 82px; } .visa-form-wrapper .detail .btn-list .btn { position: absolute; right: 0; top: 0; padding: 8px 18px; } .visa-form-wrapper .detail .btn-list .btn:hover { background: #f0efef; color: #911a1d; } .visa-form-wrapper .detail .btn-list .btn:nth-child(2) { right: initial; left: 0; padding-bottom: 7px; } .visa-form-wrapper .detail .fa-arrow-left { position: relative; bottom: 2px; margin-right:5px; } .visa-form-wrapper .detail .fa-arrow-right { position: relative; bottom: 2px; margin-left:5px; } .visa-form-wrapper .contact-form-input input[type="text"].short { width: calc(100% - 125px); position: relative; /*bottom: 3px;*/ } .visa-form-wrapper .country-list { width: 396px; } .visa-form-wrapper .file-caption { word-break: break-all; position: relative; top: 11px; left: 5px; font-size: 15px; display: inline-block; vertical-align: top; width: calc(100% - 100px); } .visa-form-wrapper .detail .contact-form-input>li>div.upload { height: auto; } /*--------------------------------------------------------- Visa Form China ----------------------------------------------------------*/ /*--------------------------------------------------------- Visa Form China Done ----------------------------------------------------------*/ .visa-form-wrapper .detail p { text-align: justify; padding: 10px 0; line-height: 20px; font-size: 16px; } .visa-form-wrapper .detail p:first-child { font-size: 17px; } .visa-form-wrapper .detail p a { font-size: 16.5px; } .visa-form-wrapper .detail p a:hover { opacity: 0.85; text-decoration: underline; } .visa-form-wrapper p.require-desc { font-size: 13px!important; } .visa-form-wrapper p.require-desc span { position: relative; } .visa-form-wrapper p.require-desc span:before { content: "*"; position: absolute; left: -8px; color: #d02121; font-weight: bold; font-size: 16px; font-style: normal; } .visa-form-article-area { background: #fff; } .visa-form-article { max-width: 1500px; margin: 0 auto; } .visa-form-article .article-like { border-top: 1px dashed #fff; } .visa-form-article .blog-sep-line { margin: 0 auto; } #visa-form-china-done .article-like .article-recommend-slider .info p:first-child { height: 65px; font-size: 18px; padding-bottom: 20px; } /*--------------------------------------------------------- Visa Form China Done ----------------------------------------------------------*/ .tip_more_area { max-width: 1300px; width: calc(100% - 30px); margin: 0 auto; } .tip_more_area .article-like { border-top: 0px; } .tip_more_area .blog-sep-line { margin: 0 auto;} .tip_more_area .not-slick li { display: inline-block; width: calc(33% - 20px); vertical-align: top; } /*--------------------------------------------------------- Footer Live Chat ----------------------------------------------------------*/ .footer_livechat { display: block; max-width: 29%; position: fixed; bottom: 30px; right: 10px; width: 135px; z-index: 16; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-image: url('../img/live-chat-icon.png'); background-size: cover; background-repeat: no-repeat; } .footer_livechat.fixed { bottom: 110px; } .footer_livechat img { max-width: 100%; opacity: 0; } .clickdesk_bubble { display: none !important; } .pano-slide-image { width: 100%; height: 0px; padding-top: 35%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .blog .blog-main-content .article-details ol, .blog_detail .blog-main-content .article-details ol { list-style-type:decimal; padding-left: 15px; line-height: 1.2rem; } .blog .blog-main-content .article-details ul, .blog_detail .blog-main-content .article-details ul { margin-left: 20px; line-height: 1.2rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .light-box-wrap { height: 50vh; background: none; } .light-box-wrap::before { background: rgba(0,0,0, 0.6); height: 100vh; position: absolute; top:0; left:0; content: ''; display: block; width: 100%; } } @media screen and (min-width: 1380px) { .inno-adj1 { top:-2px !important; } } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .list.custom-list ul li h5 a { color: #000; } .list.custom-list ul li h5 { font-size: 1.4em; text-transform: uppercase; font-weight: bolder; text-align: left; line-height: 30px; } .table-green table { width:100%; border: 1px solid #b41b42; } .table-green table tr th { background-color: #b41b42; font-size: 18px; color: #fff; font-weight: 700; padding: 20px; } .table-green table tr{ border-radius: 5px 5px 0 0; } table th { text-shadow: 0 1px 1px rgb(0 0 0 / 0%); font-family:'Lato', "source-han-sans-traditional", "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB", sans-serif; font-size: 16px; letter-spacing: 0px; text-align: left; padding: 12px; } table tr.even td, table tr.odd td { background-color: #fff; font-size: 16px; } table td { background-color: #f0f0f0; color: #666; text-align: left; padding: 12px; font-size: 16px; line-height:30px; } .list.custom-list ul li p { display: block; font-style: normal; font-size: 14px; line-height: 1.8em; color: #777; font-weight: 300; } .table-header { background-color: #2f374c; } .table-header > div.id_col { width: 70%; text-transform: uppercase; } .course_list .table-header > div { float: left; color: #ffffff; font-size: 20px; line-height: 1; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 20px; } .table-header > div.duration_col { width: 30%; } .course_list .table-header > div { float: left; color: #ffffff; font-size: 20px; line-height: 1; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 20px; } .course_list .table-list { margin: 0; padding: 0; } .course_list .table-list li { /*float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; background-color: #ffffff;*/ } .course_list .table-list li > div.name_col { width: 70%; height: 60px; } .course_list .table-list li > div { float: left; /* padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px;*/ border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #333; } .course_list .table-list li > div.date_col { width: 30%; height: 60px; } .course_list .table-list li > div { float: left; /* padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px;*/ border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #333; }