﻿html, body { font-family: "Microsoft YaHei" !important; text-align: center; }
::-webkit-scrollbar {
 display: none;
}
#header { position: relative; top: 0; left: 0; width: 100%; z-index: 3; }
#header div { height: 69px; text-align: center; }
#header div a { display: inline-block; padding: 0 60px 0 0; margin: 22px auto; font-size: 16px; }
#header .bgmHeader a { color: white; }
#header .sec-nav { border-bottom: solid 1px #e3e3e3; background-color: rgba(255, 255, 255, 0.9) !important; }
#header a.cur { color: red; }
#header a:hover { color: red!important; }
#header a:hover * { color: red !important; }
#footer .footer-container { position: relative; top: -70px; }
#footer .footer-container h5 { margin-top: -27px; }
#footer .footer-container .footerBox { margin-left: auto; margin-right: auto; width: 140px; height: 140px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; background: white; z-index: 2; }
@media (max-width: 762px) {
 .footer {
 margin-top: 69px;
}
}
.main-nav, .sec-nav { padding-left: 60px; }
.mainBody { margin-top: -69px; margin-bottom: 0; padding-bottom: 103.5px; padding-top: 69px; }
.bgmPic { width: 100%; }
.bgmPic img { width: 100%; height: auto; }
.index-part { z-index: 1; margin-top: -69px; background: #f2f2f2; padding-bottom: 96.6px; }
#video_background { width: 100%; }
.home-part { margin-top: 69px; padding-bottom: 138px; min-width: 1000px; }
.home-part .circle-container { position: relative; width: 1288px; height:542px; margin: auto; }
.home-part .circle-container #home-article { position: absolute; top: 30%; left: 50%; width: 650px; margin-left: -350px; }
.home-part .circle-container #home-article .home-content p { font-size:16px; }
@media (max-width: 1288px) {
.home-part .circle-container { width: 1003px; height:422px; }
}

@media (max-width: 1520px) {
.home-part .circle-container #home-article {
width: 550px;
margin-left: -270px;
top: 25%;
}
.home-part .circle-container #home-article .home-content p {
font-size: 14px;
line-height:22px;
}
}
.home-part .circle-container #home-article .home-content { text-align: left; }
.home-part .circle-container img { width: 100%; }
.home-part .circle-container .circle-img-div { width: 80px; height: 80px; }
.home-part .circle-container .circle-img-div :hover { cursor: pointer; }
.home-part .circle-container .circle-img-div img { width: 100%; border-radius: 50%; }
.mhome-part { margin-top: 23px; padding-bottom: 69px; position: relative; }
.mhome-part .red-bg-circle { position: absolute; border-radius: 50%; left: -50%; top: -100vw; width: 200vw; height: 200vw; background: #E7294A; }
.mhome-part .gif-container { position: relative; z-index: 2; padding-top: 80%; }
.mhome-part .gif-container .gif-pic { border-radius: 50%; width: 40%; border: solid 10px white; }
.mhome-part .gif-container #rightbk { width: 15vw; margin-left: 10vw; }
.mhome-part .gif-container #leftbk { width: 15vw; margin-right: 10vw; }
.mhome-part .mhome-container { position: absolute; margin-top: 10vw; left: 50%; width: 80vw; margin-left: -40vw; }
.mhome-part .mhome-container .home-title p, .mhome-part .mhome-container .home-content p { color: white; }
.mhome-part .mhome-container .home-content p{ line-height:25px;}
.mhome-part .mhome-container .home-title p{font-size:20px; font-weight:bold;}
.mhome-part .mhome-container .home-content { text-align: left;}
@media (max-width: 375px) {
 .mhome-part .mhome-container {
 width: 80vw;
 margin-left: -40vw;
}
}
.hire-part { position: relative; overflow: hidden; width: 100%; min-width: 320px; background: #f2f2f2; padding-bottom: 138px; }
.hire-part h2, .hire-part h4 { color: black; }
.glance-part { padding-bottom: 138px; }
.glance-part img { max-width: 100%; height: auto; }
.glance-part .greyBg .container p { text-align: left; }
.contact-part { background: #f2f2f2; text-align: left; padding-bottom: 138px; }
.contact-part .conDiv { display: block; padding: 30px 0 30px 0; }
.contact-part .conDiv div { display: inline-block; }
.contact-part .conDiv .conInfo { padding-left: 50px; }
.contact-part .conDiv .conInfo h2 { margin-bottom: 0; color: #c30d23; }
.contact-part .conDiv .conInfo .h5 { margin-bottom: 20px; }
.contact-part .conDiv .conInfo p { color: #818181; word-wrap: break-word; margin: 10px 0; }
.contact-part .conDiv .conImg { padding-left: 20px; max-width: 320px; max-height: 320px; }
.contact-part .conDiv .conImg img { max-width: 100%; height: auto; }
@media (min-width: 992px) and (max-width: 1199px) {
 .contact-part .conDiv .conInfo, .contact-part .conDiv .conImg {
 padding-left: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
 .contact-part .conDiv .conInfo, .contact-part .conDiv .conImg {
 padding-left: 10px;
}
}
@media (max-width: 768px) {
 .contact-part .conDiv .conInfo, .contact-part .conDiv .conImg {
 padding-left: 5px;
}
 .contact-part .conDiv .conInfo p, .contact-part .conDiv .conImg p {
 margin: 5px 0;
}
 .contact-part .conDiv .conInfo .h5, .contact-part .conDiv .conImg .h5 {
 margin-bottom: 5px;
}
}
@media (max-width: 762px) {
 .contact-part .conDiv {
 padding: 40px 0;
}
}
@media (max-width: 480px) {
 .contact-part .conDiv {
 padding: 20px 0;
}
}
@media (max-width: 456px) {
 .contact-part .conDiv .conInfo h2, .contact-part .conDiv .conInfo .h5{
 float:left;
}
.contact-part .conDiv .conInfo .h5{
 line-height:33px;
}
.contact-part .conDiv .conInfo p{
 clear:both;
 line-height:18px;
	}
}



.partner-list { padding-bottom: 69px; text-align: left; }
.partner-list h5 { margin: 0 0 10px 0; }
.partner-list .partner-title { text-align: left; margin: 35px 0 11.66666667px 0; }
.partner-list .partner-title p { display: inline-block; }
.partner-list .partner-title .bigTitle { border-left: solid 10px #c30d23; padding-left: 11.66666667px; }
.partner-list .partner-item { margin-top: 40px; text-align: center; margin-right:0px;}
.partner-list .partner-item a img { padding: 20px 20px 0 20px; width: 100%; margin-top: 20px; }
.partner-list .partner-item a h5 { font-size: 20px; line-height: 25px; }
.partner-list .partner-item a a:hover h5 { color: #c30d23 !important; }
.partnerDetail { padding-bottom: 69px; }
.partnerDetail .partnerImg { padding-top: 60px; max-width: 100%; margin-left: auto; margin-right: auto; }
.partnerDetail .partnerImg img { max-width: 100%; }
@media (max-width: 768px) {
 .partnerDetail .partnerImg {
 padding-top: 10px;
 max-width: 320px;
 max-height: 480px;
}
}
.partnerDetail .partnerIntro { text-align: left; padding-top: 30px; }
.partnerDetail .partnerIntro .introTitle { border-left: solid 10px #c30d23; margin: 35px 35px 17.5px 35px; padding-left: 11.66666667px; font-size: 35px; line-height: 35px; }
.partnerDetail .partnerIntro .introTitle h2 { font-weight: 700; font-size: 30px; line-height: 37.5px; margin: 0; }
.partnerDetail .partnerIntro .introTitle h4 { font-size: 20px; line-height: 25px; }
.partnerDetail .partnerIntro .introDetail { margin: 35px 35px 17.5px 35px; }
.partnerDetail .partnerIntro .introDetail p { font-size: 16px; line-height: 24px; font-weight: 500; }
.look-part { padding-bottom: 138px; background: #f2f2f2; }
.look-part #travel-div { text-align: left; margin-top: 30px; }
.thought-part { padding-bottom: 138px; background: #f2f2f2; padding-top: 69px; }
.thought-part .h4 { margin: 30px 0 20px; }
.thought-part p { color: #4b4b4b; }



.case_imgbox { width:100%; text-align:left; padding-top:10px; }
.case_imgbox div{ font-weight:bold; }
.case-part { padding-bottom: 138px; }
.case-part .videoDiv { padding: 20px; width: 100%; text-align:center;}
.case-part .videoDiv video { width: 100%; }
.case-part #otherCase { background: #f2f0ef; padding-bottom: 40px; position: relative; }
.case-part #otherCase #upperIcon { position: absolute; bottom: -35px; left: 50%; margin-left: -39px; }
.case-part #otherCase #redLine { margin:0 auto; background: red; height: 3px; width:20%; }
.case-part #otherCase .h3 { margin-left: 0; }
.case-part #rolling-div { margin-top: 30px; }
.case_imgbox .pic_box{width:48%;float:left;}
.case_imgbox .left{float:left;}
.case_imgbox .right{float:right;}
@media (max-width: 685px) {
.case_imgbox .pic_box{ width:100%;}
.case_imgbox .left{float: none;}
.case_imgbox .right{float: none; margin-top:20px;}
}
}



.feature-header-withbg{ padding: 24% 0; }
.feature-header-withbg h1, .homepage-header-withbg h1, .feature-header-withbg h3, .homepage-header-withbg h3 { color: #ffffff; }
@media (min-width: 1200px) and (max-width: 1920px) {
 .feature-header-withbg {         
 padding: 20% 0;
 margin: -71px 0 -71px 0;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
 .feature-header-withbg {
 padding: 18% 0;
 margin: -71px 0 -71px 0;
}
}
@media (max-width: 991px) {
 .feature-header-withbg {
 padding: 18% 0;
 margin: -71px 0 0 0;
}
}
@media (max-width: 675px) {
.index-part{ margin-top:auto;}
 .feature-header-withbg .h1{
 font-size: 30px;
 line-height: 34px;
}
}
.lborder-4 { border-left: solid 4px #c30d23; padding-left: 10px; }
.pure-width-1-3, .pure-width-1-2, .pure-width-2-3-6 { box-sizing: border-box; padding: 10px; }
.pure-width-1-3 img, .pure-width-1-2 img, .pure-width-2-3-6 img { width: 100%; }
.middle-img-div { width: 30%; padding: 10px 0 30px 0; margin-left: auto; margin-right: auto; }
.box-container { width: 72%; padding-right: 8px; padding-left: 8px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) and (max-width: 991px) {
 .box-container {
 width: 88%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .box-container {
 width: 86%;
}
}
@media (max-width: 1200px) {
 .box-container {
 width: 100%;
}
}
.container { width: 960px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) and (max-width: 991px) {
 .container {
 width: 700px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .container {
 width: 850px;
}
}
@media (max-width: 768px) {
 .container {
 width: 100%;
}
}
.bolder { font-weight: 600; }
.small { font-size: 16px; line-height:30px; }
.small b { color:#333; }
.small14 { font-size:14px; }
.leftBorder { box-sizing: border-box; border-left: 1px solid #c30d23; }
.topBorder { box-sizing: border-box; border-top: 3px solid #c30d23; padding-top: 10px; display: inline-block; }
@media (max-width: 768px) {
 .leftBorder {
 border: none;
}
}
.middleDiv p { margin: 5px; }
.flagCol { padding-left: auto; padding-right: auto; }
.flagCol .flagDiv { display: inline-block; padding: 20px 30px; }
.homepage-div { padding: 0; margin: 10px 5px; background: white; box-sizing: border-box; -webkit-box-shadow: 1px 1px 1px grey; -moz-box-shadow: 1px 1px 1px grey; box-shadow: 1px 1px 1px grey; }
.homepage-div img { position: relative; z-index: 1; }
.homepage-div .tv-container { background: white; position: relative; z-index: 2; }
.homepage-div .tv-container .link-to { visibility: hidden; margin-top: 8px; }
.homepage-div:hover .tv-container { -moz-transform: translateY(-32px); -ms-transform: translateY(-32px); -webkit-transform: translateY(-32px); transform: translateY(-32px); }
.homepage-div:hover .tv-container .link-to { visibility: visible; }
.artiDiv { text-align: left; margin-top: 30px; padding-top: 30px; }
.artiDiv .h4, .artiDiv .small { padding-left: 15px; margin-bottom: 10px; }
.imgDiv img { box-sizing: border-box; padding: 0 15px; }
.imgDiv p { padding-top: 10px; }
.simgDiv .glance-img-container { padding: 20px 30px 10px 30px; }
.simgDiv .glance-img-container img { box-sizing: border-box; padding: 0 60px; }
.simgDiv p { padding-top: 30px; margin: 0; }
.braDiv * { display: inline-block; }
.braDiv * div { display: block; }
.braLeft, .braRight { width: 14px; height: 45px; }
.braLeft { background: url(../image/leftBra.jpg) 0 0; }
.braRight { background: url(../image/rightBra.jpg) 0 0; }
.braInnerDiv p { padding: 0; }
.tv-container { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
.textViewer { text-align: left; padding: 20px 10px 0 10px; min-height: 130px; }
.textViewer p { margin: 0; }
.textViewer .h3 { margin-left: 10px; }
.whiteIcon a { color: white; }
.redBg { background: #da3e54; }
.redBg p { color: white; margin: 0; }
.blackBoxShadow { -webkit-box-shadow: 0 -1px 1px black, 0 1px 1px black; -moz-box-shadow: 0 -1px 1px black, 0 1px 1px black; box-shadow: 0 -1px 1px black, 0 1px 1px black; }
.redCircleFa { margin-top: 15px; }
.redCircleFa div, .small-redCircleFa div { display: inline-block; }
.small-redCircleFa { margin-top: 20px; text-align: right; margin-right: 12%; }
.redCircle, .small-redCircle { background-color: #c30d23; border-radius: 50%; margin-right: 5px; }
.redCircle { width: 20px; height: 20px; margin-right: 18px; }
.small-redCircle { width: 15px; height: 15px; margin-right: 18px; }
@media (max-width: 992px) {
 .redCircle {
 width: 18px;
 height: 18px;
 margin-right: 10px;
}
 .small-redCircle {
 width: 14px;
 height: 14px;
 margin-right: 10px;
}
}
@media (max-width: 768px) {
 .redCircle {
 width: 14px;
 height: 14px;
}
 .small-redCircle {
 width: 10px;
 height: 10px;
}
}
#black-bg { margin: 50px 0; padding: 30px 0; background-image: url(../image/black-bg.jpg); }
#black-bg p { margin: 10px 0; color: white; }
@media (max-width: 762px) {
 #black-bg {
 margin: 30px 0;
 padding: 20px 0;
}
 #black-bg p {
 margin: 5px 0;
 font-size: 12px;
}
}
.greyBg { background: #f2f2f2; }
.japanFlag, .koreaFlag, .thaiFlag, .shabaFlag, .Singapore { width: 56px; height: 40px; }
.japanFlag { background: url('../image/bitmap.jpg') no-repeat 0 0; }
.koreaFlag { background: url('../image/bitmap.jpg') no-repeat -56px 0; }
.thaiFlag { background: url('../image/bitmap.jpg') no-repeat -112px 0; }
.shabaFlag { background: url('../image/bitmap.jpg') no-repeat -167px 0; }
.Singapore { background: url('../image/bitmap.jpg') no-repeat -222px 0; }
.wardPic { width: 125px; height: 125px; margin-left: auto; margin-right: auto; padding: 10px; }
.wardPic img { width: 100%; }
.homeIcon, .homeIconWhite { display: inline-block; width: 100px; height: 31px!important; vertical-align: middle; }
.homeIcon img, .homeIconWhite img { width: 100%; }
.footerIcon { display: inline-block; margin-top: 54px; width: 90px; height: 30px; vertical-align: middle; background-image: url("../image/eyb-title2.png"); background-size: cover; }
.red-footerIcon { display: inline-block; margin-top: 54px; width: 90px; height: 28px; vertical-align: middle; }
.red-footerIcon img { width: 100%; }
@media (max-width: 762px) {
 footer .footer-container {
 top: -48px;
}
 footer .footer-container .footerBox {
 width: 100px;
 height: 100px;
}
 footer .footer-container .footerBox .footerIcon {
 margin-top: 40px;
 width: 60px;
 height: 20px;
}
 footer .footer-container .footerBox .red-footerIcon {
 margin-top: 40px;
 width: 60px;
 height: 18px;
}
}
.mpaddingTop { padding-top: 60px; }
@media (max-width: 762px) {
 .mpaddingTop {
 padding-top: 20px;
}
}
.spaddingTop { padding-top: 20px; }
.mmarginTop { margin-top: 60px; }
.smarginTop { margin-top: 20px; }
.mmarginBottom { margin-bottom: 60px; }
.mpaddingBottom { padding-bottom: 60px; }
.red { color: #c30d23 !important; }
.white { color: white !important; }
.grey { color: #cccccc !important; }
.mgrey { color: #000 !important; }
.black { color: black !important; }
.ta-left { text-align: left; padding: 5px 0; }
.padder { padding: 0 100px 0 0; }
.mhome-red-bg { background: #EA5B6E!important; }
body { overflow-x: hidden; }
#content-area { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
#content-area.open { width: 60px; left: 260px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
[class^="icon-"], [class*=" icon-"] {
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 position: relative;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-search:before { content: "\e62d"; }
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.redBtn { list-style-image: url("../image/redBtn.jpg"); }
.redTop { box-sizing: border-box; border-top: solid 3px #c30d23 !important; }
p, ul, ol, li, td { color: black; font-weight: 300; font-size: 16px; line-height: 26px; }
@media (max-width: 992px) {
 p, ul, ol, li, td {
 font-size: 16px;
 line-height: 24px;
}
}
@media (max-width: 768px) {
 p, ul, ol, li, td {
 font-size: 14px;
 line-height: 20px;
}
}
p, ul, ol { margin-bottom: 18px; }
p { margin-top: 0; padding-top: 0; }
ul, ol { margin-left: 40px; }
@media (max-width: 768px) {
 ul, ol {
 margin-left: 0;
}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #4b4b4b; }
h1, .h1 { font-size: 40px; line-height: 45px; font-weight: normal; margin: 0 0 24px 0; }
h2, .h2 { font-weight: bold; margin: 0 0 10px 0; font-size: 30px; line-height: 37px; }
h3, .h3 { font-weight: normal; margin: 0 0 24px 0; font-size: 27px; line-height: 34px; }
h4, .h4 { font-weight: normal; margin: 0 0 16px 0; font-size: 21px; line-height: 28px; }
h5, .h5 { font-size: 16px; line-height: 21px; }
h6, .h6 { font-size: 16px; line-height: 21px; }
@media (min-width: 768px) and (max-width: 991px) {
 h1 {
 font-size: 35px;
 line-height: 40px;
}
 h2, .h2 {
 font-size: 24px;
 line-height: 32px;
 margin: 0 0 24px 0;
}
 h3, .h3 {
 font-size: 20px;
 line-height: 27px;
}
 h4, .h4 {
 font-size: 19px;
 line-height: 26px;
}
 h5 {
 font-size: 16px;
 line-height: 21px;
}
 h6 {
 font-size: 16px;
 line-height: 21px;
}
}
@media (max-width: 768px) {
 h1, .h1 {
 font-size: 26px;
 line-height: 33px;
}
 h2, .h2 {
 font-size: 20px;
 line-height: 27px;
}
 h3, .h3 {
 font-size: 18px;
 line-height: 25px;
}
 h4, .h4 {
 font-size: 20px;
 font-size: 16px;
 line-height: 23px;
}
 h5 {
 font-size: 12px;
 line-height: 17px;
}
 h6 {
 font-size: 12px;
 line-height: 17px;
}
}
.red-border { border-bottom: solid 3px #c30d23; }
.bigFont { margin: 0; padding: 10px; font-size: 56px; line-height: 56px; display: inline-block; }
@media (max-width: 762px) {
 .bigFont {
 padding: 10px;
 font-size: 30px;
 line-height: 35px;
}
}

#red-title { width: 70px; }
.mdl-layout-title { margin-top: 14px; }
.mdl-layout__container { left: 0; top: 0; right: 0; bottom: 0; }
@media (max-width: 762px) {
 .case-part, .glance-part, .hire-part, .look-part, .thought-part {
 margin-top: 0;
}
 .partner-list .partner-title {
 margin: 10px 0;
}
 .partner-list .h1, .partner-list h5, .partner-list h6, .partner-list .h5, .partner-list .h6, .partner-list h5 {
 margin: 10px 0 !important;
}
 .partnerDetail h4 {
 margin: 0;
}
 .glance-part .braInnerDiv {
 padding: 5px 10px;
}
}
.material-icons { font-size: 30px !important; }
.black-drawer .material-icons { color: black!important; }
#index-container { position: relative; max-height: 100%; overflow: hidden; }
#index-container #my-video, #index-container #my-video_html5_api { position: absolute; top:-150px; left: 0; width: 100%; }
@media (max-width: 991px) {
 #index-container {
 height: 100%;
}
}
#index-banner { background: rgba(0, 0, 0, 0.6); background-size: 100%; z-index: 2; position: relative; }
.keyword { font-size:24px; cursor:pointer; line-height:40px; margin:0 auto; height:50px; width:100%; color:#c5c5c5; position:absolute; top:70%; z-index:999; text-align:center; }
.keyword_title { font-size:24px; cursor:pointer; line-height:40px; margin:0 auto; height:50px; width:100%; color:#c5c5c5; position:absolute; top:70%; z-index:999; text-align:center; }
.keyword_txt { padding:8px 12px; border: 3px solid #c5c5c5; -moz-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-border-radius: 10px; }
.keyword_txt_title { padding:8px 12px; }
.mobile_keyword{ display:none;}
.pc_keyword{ display:block;}
 @media (max-width: 768px) {
.mobile_keyword{ display:block;}
.pc_keyword{ display:none;}
#print_text{ display:none;}
.keyword {
font-size:16px;
line-height:20px;
margin:0 auto;
height:20px;
width:100%;
}
.title_txt{ visibility:hidden;}
.flameBox{ visibility:hidden;}
.keyword_txt { padding:3px 8px; color:#FFF; border: 3px solid #FFF;}
.keyword_txt_title { padding:3px 8px; color:#FFF; }
.keyword{ bottom:10%; top:auto;}
.keyword_title{ top:120px;}
#index-banner{background: rgba(0, 0, 0, 0.6); background-size:100%; }
#my-video{ visibility:hidden; display:none;}
}
 @media (max-width: 440px) {
.keyword_title{ top:60px;}
.keyword_txt_title{font-size:20px;}
 }
.rnums { font-size:18px; font-weight:bold; color:#000; }
.rolling-number i { width: 12.5px; height: 18px; display: inline-block; text-indent: -999px; background: url(../image/rollingNum.png) 0 0 no-repeat; background-size: 100%; -moz-transition: all ease 1s; -webkit-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; }
@media screen and (max-height: 627px) {
 .rolling-number i {
 width: 14px;
 height: 17px;
}
}
@media screen and (max-height: 568px) {
 .rolling-number i {
 width: 10px;
 height: 14px;
}
}
@media screen and (max-height: 480px) {
 .rolling-number i {
 width: 18px;
 height: 24px;
}
}
.rolling-number .cur .rnum-0 { background-position: 0 100%; }
.rolling-number .cur .rnum-1 { background-position: 0 9.4%; }
.rolling-number .cur .rnum-2 { background-position: 0 19.5%; }
.rolling-number .cur .rnum-3 { background-position: 0 29.4%; }
.rolling-number .cur .rnum-4 { background-position: 0 39.5%; }
.rolling-number .cur .rnum-5 { background-position: 0 49.5%; }
.rolling-number .cur .rnum-6 { background-position: 0 59.3%; }
.rolling-number .cur .rnum-7 { background-position: 0 69.3%; }
.rolling-number .cur .rnum-8 { background-position: 0 79.3%; }
.rolling-number .cur .rnum-9 { background-position: 0 89.3%; }
.inlineBlock { display: inline-block; vertical-align: middle; transition: width 2s; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
.inlineBlock #lsymbol, .inlineBlock #rsymbol { font-size: 30px; color: white; font-weight: 700; }
.floatDiv { float: left; vertical-align: middle; }
#brandDiv { width: 94%; }
#clientsPic div { display: inline-block; }
#clientsPic img { width: 80%; }
.circle-img-div { position: absolute; transition: all 0.25s ease; }
#print_text span{font-size:40px; line-height:45px; color:#c5c5c5; width:10px;}
.flameBox { padding: 0 5px; display: inline-block; }

.mdl-navigation div{ width:100%; background-color:#FFF; text-align:center; display:none;}
.mdl-navigation div li{ line-height:40px;}
.mdl-navigation__sublink { background: white; font-size: 14px; line-height: 17px; padding: 10px; color: #757575; }
.mdl-navigation__link { text-align: left; }
.conInfo { word-break: break-all; }
.mob-only { display: none!important; }
@media (max-width: 762px) {
 .pc-only {
 display: none!important;
}
 .mob-only {
 display: inline-block !important;
}
}
.over-flow { overflow: auto; zoom: 1; }
#case_pure { width:100%; }