@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;background-color:#182539}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#40a4d4;text-decoration:none}
hr{border:1px solid #2e4c6f;clear: both}
article,aside,footer{font-family:"Thaineue";font-size:20px;color:#e1e1e1}
.container,.container-page{max-width:1200px;width:100%;margin:auto}
.container-page{max-width:1120px;padding:32px 0}
#nav{display:flex;}
.wrapper{max-width:1140px;margin:auto;/*background:#1a2b47;*/overflow:hidden}
.wrapper .content{float:left;background:none;width:75.5%;margin-bottom:24px}
.content p,.content ul,.content ol{font-size:20px;word-break:break-word}
.container-page .cont{padding:0 0 2em}
.container-post{padding:15px 10px}
.site-header{font-family:"Thaineue Bold";background:#080808 url(../images/head-bg.jpg) 170px 40px no-repeat}
.top-bar{width:100%;display:inline-block;background:#1d1d1d}
.ticker{font-family:"Thaineue";letter-spacing:1px;font-size:18px;color:#ccc;float:left;height:30px;overflow:hidden;padding:10px 5px 0}
.ticker li{height:30px;padding:5px;margin:0 5px}
.social{float:right;padding:12px}
.social li{display:inline-block}
.social li a{padding:10px 18px;transition:.5s ease 0}
.social li a:hover{opacity:.7}
.i-li{background:url(../images/btn-line.png) no-repeat left center;padding: 5px 73px !important}
.i-tg{background:url(../images/social/btn-telegram.png) no-repeat left center;margin-right: 5px;padding: 5px 73px !important}
.i-fb{background:url(../images/social/facebook.png) no-repeat left center}
.i-tw{background:url(../images/social/twitter.png) no-repeat left center}
.i-gg{background:url(../images/social/googleplus.png) no-repeat left center}
.i-yt{background:url(../images/social/youtube.png) no-repeat left center}
.language{position:relative;display:inline-block;float:right;border-left:2px solid #4c4c4c;padding:0 10px;margin:6px 0 0;height:30px}
.language span{display:inline-block;font-size:22px;position:relative;bottom:4px;color:#e1e1e1}
.dropbtn{font-family:"Thaineue";background-color:#1d1d1d;color:#fff;border:none;cursor:pointer}
.language-btn{display:none;position:absolute;background-color:#1d1d1d;min-width:100px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}
.language-btn a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.language-btn a:hover{background-color:#000}
.language:hover .language-btn{display:block}
.title-header{padding:10px;overflow:hidden}
.logo a{background:url(../images/royal-ruby888-logo.png) left top no-repeat;float:left;width:250px;padding-top:85px;margin-left:20px;color:#e8e8e8;font-size:22px;letter-spacing:.5px;text-align:center;text-transform:uppercase}
.site-detail,.title-header p{color:#ccc;font-size:24px;float:right;padding-top:40px}
.title-header p{position:relative;clear:both;bottom:32px;padding:0}	
#breadcrumb{border:1px solid #34557b;display:inline-block;padding-left:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:10px}
#breadcrumb ul li{display:inline-block;padding:5px 0;font-size:16px;letter-spacing:1px;text-transform:uppercase}
#breadcrumb ul li a:first-child::after{padding-right:10px;padding-left:15px;color:#34557b;content:"/"}
#breadcrumb ul li:last-child{background-color:#34557b;padding:10px 15px;margin-left:-16px}
#breadcrumb ul li:last-child::before{content:"";background:url(../images/bg-breadcrumb.png) no-repeat;background-size:cover;float:left;width:9px;height:26px;padding:10px 0 0;margin:-10px 0 -10px -24px;background-position:0 0}
.home a{background:url(../images/icon-home.png) no-repeat left center;padding:5px 0 5px 30px;margin-left:7px}
.contact-top {background:linear-gradient(to right, #2a5e83 ,#1e3853); border: #3572a0 1px solid; padding: 1em 0; overflow: hidden;}
.contact-top li{float: left; width: 24.33%; margin: 10px; padding-left: 85px;}
.contact-top span {color:#4fb7e1;}
.contact-top span ,.contact-top i {line-height: 1.5;}
.contact-top .qr-line {right: auto; bottom: auto; margin-top: -50px}
.content{background:#141e31;background:linear-gradient(#243b55,#000)}
.cont,.category-games{clear:both;padding:1em 0;overflow:hidden}
.content img{max-width:100%}
.content ol{list-style:decimal inside}
.img-center{text-align:center;margin:20px auto}
.img-left,.rule-games{float:left}
.img-right{float:right}
.clear{clear:both;margin:10px 0}
.bg-sec1{background:linear-gradient(#19263b,#141e30)}
.bg-sec2{background:#1c2a44 }
.bg-sec2 .list-dw {margin: 0 0 0 50px;}
.bg-sec3{background:#1e3249 url(../images/banking-bg.png) no-repeat right top;padding:0 0 247px}
.bg-sec4{background:#020e29 url(../images/top-promotion.jpg) no-repeat 220px center}
.bg-sec5{background:linear-gradient(#141e30,#000)}
.bg-sec6{background:#000}
.bg-sec6 .container{border-top:1px solid #21364e;border-bottom:1px solid #21364e;overflow:hidden}
.bg-register{background:#061a3c;background-size:contain}
.bg-register .column2{padding:0 10px 0 40px;width:45.5%;line-height:1.2;height:350px;overflow:hidden}
.register-step{margin:24px 0}
.register-step ul li,.dw-games ul,.preview .column{display:inline-block;margin:10px 0}
.register-step ol li{display:list-item}
.list{line-height:1.5;margin-left:20px;margin-bottom:20px}
.box-top{background:linear-gradient(#223c55,#2c6382);padding:20px 40px!important;height:287px}
.box-text{margin-top:10px;padding:0 20px;line-height:1.5;overflow:hidden;letter-spacing:.5px}
.box-dw{display:inline-block;line-height:1.7;margin-left:20px}
.box-dw a{color:#e5bf7a}
.bx{width:70%}
.box-gclub,.box-golden{padding:10px 20px!important;height:auto;line-height:1.5!important}
.br-sum {margin-top: 5px}
.br-sum p {padding: 0 10px 10px;}
.column{clear:both;padding:10px 0}
.column2{width:50%;float:left}
.bg-sec2 .img-right{position:relative;top:-290px;right:50px}
.title-head{font-family:"Thaineue Bold";font-size:38px;letter-spacing:1px;line-height:1;text-transform:uppercase}
.pr{color:#fff!important;font-size:26px!important;padding:30px 0 30px 90px;margin-bottom:24px!important;border-bottom:1px solid #4a75a6;border-top:1px solid #4a75a6;letter-spacing:1px}
.underline{border-bottom:1px solid}
.title-list{margin:10px 5px;}
.title-list::before{content:">";padding-left:10px;position:relative;right:5px;bottom:1px}
.cont-img{text-align:center;margin:20px auto;width:100%}
.text,.container-page p,.container-post p{line-height:1.5;margin-bottom:20px}
.tel-top{background: url(../images/tel-top.png) no-repeat left center}
.chat-top{background: url(../images/chat-top.png) no-repeat left center}
.line-top{background: url(../images/line-icon.png) no-repeat left center}
.icon-h{background:url(../images/icon-title1.png) no-repeat left center;padding:5px 0 14px 35px}
.icon-w{background:url(../images/icon-title2.png) no-repeat left 12px;padding:5px 0 14px 35px}
.icon-d{background:url(../images/icon-title3.png) no-repeat left 12px;padding:5px 0 14px 35px}
.icon-b{background:url(../images/icon-title4.png) no-repeat left center;padding:10px 0 14px 35px}
.icon-r{background:url(../images/icon-register.png) no-repeat left center;padding:5px 0 14px 35px;font-size:34px}
.icon-c{background:url(../images/icon-contact.png) no-repeat left center;padding:5px 0 14px 35px;font-size:34px}
.icon-blue{background:url(../images/icon-title5.png) no-repeat left 12px;display: inline-block;padding:5px 0 0 35px;font-size:36px;color:#3caad2}
.icon-g{background:url(../images/icon-dice.png) no-repeat left 12px;padding:5px 0 14px 35px;font-size:34px}
.icon-news{background:url(../images/icon-news.png) no-repeat left center;padding:5px 0 14px 35px}
.icon-posit{background:url(../images/about/deposit.jpg) no-repeat 10px center}
.icon-draw{background:url(../images/about/withdraw.jpg) no-repeat 10px center}
.icon-form{background:url(../images/about/form-icon.jpg) no-repeat 10px center}
.icon-dw{background:url(../images/icon-download.jpg) no-repeat 10px center}
.icon-link{background:url(../images/icon-link.jpg) no-repeat 10px center}
.icon-play{background:url(../images/play-icon.jpg) no-repeat 10px center}
.icon-art{background: url(../images/article-icon.jpg) no-repeat 10px center}
.list-dw li{display:inline-block;padding:5px}
.btn-link{display:inline-block;color:#fff;background-color:#40a4d4;min-width:160px;text-align:center;padding:5px;border:1px solid #40a4d4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.btn-link:hover{background-color:#21364e;color:#40a4d4}
.btn-back{float:right;background:#5990cf url(../images/back-btn.png) no-repeat left center;color:#fff;font-size:20px;letter-spacing:.8px;padding:4px 20px 8px 60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:10px}
.btn-back:hover{color:#34557b;font-weight:700}
.list-text{list-style:disc;list-style-position:inside;margin-left:10px;font-size:20px}
.list-text li{margin-bottom:5px}
.bg-sec3 .box-text{float:left;margin-left:20px}
.bg-sec3 .img-right{position:relative;left:320px;margin-top:-110px;margin-bottom:-3px}
.bg-sec4 .container{padding:1.7em 0;overflow:hidden}
.bg-sec4 .img-right img{margin-right:30px;border:solid thin #1f334b}
.list-contact{font-size:20px}
.list-contact span,.contact-top span{font-family:Thaineue Bold;text-transform:uppercase;letter-spacing:1px;font-size:22px}
.list-contact li{margin:10px 0 20px}
.i-tel,.i-line,.i-chat{padding-left:60px;background-position:left center!important;background-repeat:no-repeat!important}
.i-call,.contact-fb,.contact-tw,.contact-gg,.contact-yt{padding-left:30px;background-position:left center!important;background-repeat:no-repeat!important}
.i-tel{background:url(../images/contact-callcenter.gif)}
.i-line{background:url(../images/contact-line.gif)}
.i-chat{background:url(../images/contact-chat.gif)}
.i-call{background:url(../images/call.png)}
.contact-fb{background:url(../images/social/fb-icon.jpg)}
.contact-tw{background:url(../images/social/tw-icon.jpg)}
.contact-gg{background:url(../images/social/google-icon.jpg)}
.contact-yt{background:url(../images/social/ytd-icon.jpg)}
.line-id{display:inline-block;background:url(../images/line-id.jpg) no-repeat left center;padding-left:30px;margin-top:5px;margin-right:10px}
.qr-line{float:right;position:relative;right:50px;bottom:30px}
.column-yt{float:left;max-width:455px;margin-top:20px;margin-right:20px;min-height: 230px}
.bg-sec5 .box-text{margin:30px;padding:10px 40px}
.bg-sec5 .box-text h3{color:#fff;font-size:26px}
.container-page .img-box-games{margin:10px .6%}
.container-post .img-box-games{margin:10px .8%}
.img-box-games{color:#fff;position:relative;float:left;/*overflow:hidden;*/margin:10px 1.45%;min-width:220px;max-width:265px;height:190px;width:100%;text-align:left;font-size:16px;-webkit-perspective:50em;perspective:50em}
.img-box-games *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .6s ease;transition:all .6s ease}
.img-box-games img{opacity:1;width:100%;}
.img-box-games figcaption{background:linear-gradient(#21364f,#3382a5);position:absolute;top:0;left:0;width:100%;z-index:1;opacity:0;min-height:190px;padding:20px}
.img-box-games h3,.img-box-games p{margin:0 0 5px;line-height:1.3}
.title-cont,.img-box-games h3{font-family:Thaineue Bold;color:#3caad2;font-size:22px;margin:0;text-transform:uppercase}
.title-cont{margin:10px 0}
.img-box-games p{font-size:18px;font-weight:500;margin:0 0 15px}
.img-box-games .read-more{display:inline-block;border:2px solid #fff;padding:.5em 1em;font-size:18px;color:#fff;position:absolute;bottom:10px;right:20px}
.img-box-games .read-more:hover{background-color:#fff;color:#000}
.img-box-games:hover img,.img-box-games.hover img{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}
.img-box-games:hover figcaption,.img-box-games.hover figcaption{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
.img-box-games h3{display:block;font-size:28px;color:#fff;text-align:center;padding: 10px;position: relative;bottom: 59px;text-shadow: #e62117 1px 0 7.5px;    background: #040404c7;}
.bg-sec6 .btn-link{display:block!important;font-size:18px;margin:auto;width:200px;padding:10px 0;clear:both;position:relative;top:15px}
.news{background:#182c44}
.news h3{margin:10px 0;background:url(../images/icon-list.png) no-repeat left 3px;padding-left:30px}
.news .column2{margin:0 5% 0 1%;max-width:455px}
.recent-news ul{height:450px;overflow:hidden}
.recent-news ul li{margin:-10px 0 35px}
.img-news{margin:5px}
.img-news img{max-width:455px;width:100%}
.contact-chnel .img-left{margin-right:20px;margin-bottom:20px}
.contact-chnel ul{margin-top:10px}
.contact-chnel ul li{display:flex;line-height:1.7}
.rule-games{max-width:360px}
.preview h3{margin:0 0 10px}
.promotion h2{background:#1076a8;color:#fff;padding:10px;min-height:50px;text-align:center;margin:0 0 10px}
.promotion .column2{margin:10px;width:48%}
details{clear:both;background:#243b5575}
summary{text-align:center;background:#21364f;margin-bottom:16px;color:#40a4d4;font-weight:700;cursor:pointer;outline:1px;padding:10px;font-size:20px}
.sidebar{float:right;width:23.5%;/*background:#1a2b47;*/padding-top:20px;padding-right:5px;margin-bottom:24px}
.title-side{background-color:#4a75a6;background-position:7px center;background-repeat:no-repeat;padding:6px 0 12px 48px;font-family:Thaineue Bold;font-size:24px}
.link-side ul{background-color:#141f31}
.link-side ul li{border-bottom:#233856 1px solid}
.link-side ul li:hover{background:#355583 url(../images/side_hover.jpg) no-repeat left center}
.link-side ul li a{display:inline-block;width:100%;font-size:22px;color:#5a7dae;letter-spacing:1px;padding:8px 0 12px 60px;transition:.3s ease 0}
.link-side ul li a:hover{color:#9fc5fd}
.img-room{background:#0e1928;padding:20px 0;-webkit-box-shadow:inset -2px -35px 100px -10px rgba(0,0,0,0.75);-moz-box-shadow:inset -2px -35px 100px -10px rgba(0,0,0,0.75);box-shadow:inset -2px -35px 100px -10px rgba(0,0,0,0.75)}
.img-room marquee{height:450px}
.img-room li{display:inline-block;margin:5px 0}
.icon-s1{background-image:url(../images/pho-black-icon.png)}
.icon-s2{background-image:url(../images/slot-icon.png)}
.icon-s3{background-image:url(../images/sportbet-icon.png)}
.icon-s4{background-image:url(../images/rules-games-icon.png)}
.icon-s5{background-image:url(../images/dice-icon.png)}
.icon-s6{background-image:url(../images/e-payment-icon.png)}
.news-category {overflow: hidden;margin-bottom: 24px}
.news-category h2 a{color:#fff}
.news-category h2 a:hover{color:#40a4d4}
.news-category figure{max-width: 360px}
.news-category .btn-link {background:#3caad2 url(../images/readmore.gif) no-repeat right center;float:right;text-align:left;min-width:110px;padding-left:20px}
.news-category .btn-link:hover {color:#142031}
.previous ,.next{display:inline-block;background-color:#1c91bc;color:#fff;padding:8px 16px}
.previous:hover ,.next:hover{opacity:0.8;}
.site-footer{background:#1d1d1d;padding-bottom:0}
.contact-site{width:27%;float:left;background:url(../images/SSL-Support-Royal-Ruby888.jpg) no-repeat center 250px,url(../images/call-adress.jpg) no-repeat 70px 138px;min-height:315px;text-align:center;padding-bottom:10px}
.contact-site span,.nav-footer ul li span{font-family:Thaineue Bold;color:#40a4d4}
.nav-footer{width:70%;overflow:hidden;margin:10px auto;color:#FFF}
.nav-footer ul{display:block;float:left;padding:5px 0 0;width:25%;box-sizing:border-box}
.nav-footer ul li{line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;font-family:Thaineue}
.nav-footer ul li a{color:#ccc}
.nav-footer ul li a:hover{color:#fff}
.nav-footer ul li span{display:inline-block;font-size:24px;margin-bottom:10px}
copyright{clear:both;width:100%;display:inline-block;font-size:18px;border-top:1px solid #707070;margin-top:20px;text-align:center;color:#999;padding:10px}
@media screen and (max-width:1680px) {
.site-header{background-position:left 40px}
.bg-sec2{background-size:cover}
.bg-sec3 .img-right{left:200px}
.btn-link{min-width:160px}
.bg-sec4{background:#020e29 url(../images/top-promotion.jpg) no-repeat 0 center}
.bx{width:100%}
}
@media screen and (max-width:1440px) {
.bg-sec2{padding:2em}
/*.bg-sec2 .img-left{display:none}*/
.bg-sec3{background:#1e3249 url(../images/banking-bg.png) no-repeat 340px top;background-size:contain}
.bg-sec3 .img-right{left:0}
}
@media screen and (max-width:1200px) {
.language-btn{right:0}
.bg-sec1{padding:20px}
.box-top{padding:5px 40px 8px!important;height:auto}
.bg-sec3{background:#1e3249 url(../images/banking-bg.png) no-repeat 300px top;background-size:cover}
.bg-sec3 .img-right{display:none}
.bg-sec4{background-position:-100px 0}
.img-box-games{margin:10px 1%}
}
@media screen and (max-width:1024px) {
.site-header{background-position:-150px 40px;background-size:100% 90%}
.language{display: none}
.container,.container-page{width:96%}
.container-page{margin:0 14px}
.wrapper .content,.sidebar{float:none;width:100%}
.img-left,.img-right,.rule-games{float:none;text-align:center}
.contact-top li{width: 40%; margin: 10px 0}
.bg-sec1{padding:20px;width:50%;float:left}
.bg-sec2{padding:10px;background:none;background-color:#1c2c42;clear:none}
.bg-sec2 .list-dw {margin: auto;}
.bg-sec2 .column2,.bg-sec1 img{width:100%}
.bg-register .column2{padding:0 10px}
.qr-line{right:0}
.bg-sec3{background:#1e3249 url(../images/banking-transfer-1024.png) no-repeat right top;clear:both}
.contact-site{background-image:url(../images/SSL-Support-Royal-Ruby888.jpg);background-position:center 250px;background-repeat:no-repeat}
.bg-sec4{background:#020e29 url(../images/top-promotion-1024.jpg) no-repeat right 0}
.bg-sec4 .img-right{margin-left:50px;float: left}
.bg-sec5 .box-text{margin:0;padding:0 40px}
.img-box-games,.container-page .img-box-games{margin:10px 1%;max-width:200px;font-size:12px}
.img-box-games h3,.img-box-games p{line-height:1.2}
.icon-blue{background-position:left 7px;font-size:28px}
.register-step .img-left{float:left}
.rule-games,.preview .img-right{max-width:none;text-align:center}
.promotion .column2{margin:10px 5px}
.img-room marquee{height:170px}
}
@media screen and (max-width:800px) {
.site-header{background:#080808}
.icon-d{background-position:left 12px}
.bg-register .column2,.nav-footer{width:100%}
.column2 {width: 100%;}
.qr-line{right:250px}
.bg-sec3 .box-text{margin-left:0}
.register-step .img-left{float:none;text-align:center}
.bg-sec4{background:#020e29 url(../images/top-promotion-1024.jpg) no-repeat 240px 0}
.bg-sec4 .img-right{margin-left:0}
.column-yt{display:block;margin:auto;float:none}
.contact-site{display:none}
.news-category .img-left {margin: 14px auto}
.nav-footer ul{margin-left:20px;width:22%}
}
@media screen and (max-width:640px) {
.i-tg{position: relative;}
.logo a{background-position:center;float:none;display:inline-block;margin:auto;padding-top:90px;width:100%;font-size:20px}
.site-detail,.title-header p{float:none;font-size:20px;text-align:center;padding-top:10px;line-height:1.2}
.title-header p{bottom:6px}
.contact-top li {width: 80%;}
.contact-top .qr-line {right: 100px;}
.bg-sec1{padding:5px 0 15px;width:100%}
.bg-sec2 {clear:both}
.box-top{background:#0e1627db;padding:5px 20px 8px!important}
.bg-sec4 .img-right{display:none}
.qr-line{right:15px}
.bg-sec3{background:#286090}
.bg-register .column2{padding:0 10px;height:360px}
.bg-sec4{background:url(../images/top-promotion-1024.jpg) no-repeat 0 0;background-size:100%}
.bg-sec4 .container{padding:6em 0}
.container-page{width:94%}
.img-box-games,.container-page .img-box-games{margin:10px 2%;max-width:265px}
.news .column2{margin:0 auto 20px;max-width:fit-content;width:100%}
.img-news{text-align:center}
.recent-news{clear:both}
.nav-footer ul{width:21%}
}
@media screen and (max-width:480px) {
.ticker{width:100%}
.social{float:left}
.top-bar{position:fixed;bottom:0;z-index:5}
.i-tg{position:inherit}
.title-header {margin-top: 40px}
.nav-container {position:fixed;top:0;width:100%;z-index: 999}
.title-head{font-size:32px;padding:10px 0 5px 35px}
.language ,.logo ,.bg-sec1 .img-left ,.news p{display:none}
.icon-h{padding:0 0 0 35px}
.cont,.category-games{padding:1em 0}
.cont-img{margin:14px auto}
.bg-register .column2{height:420px}
.contact-top .qr-line{right: 10px}
.qr-line{bottom:0}
.column-yt{width:90%}
.category-games{width:80%;margin:auto}
.recent-news ul{height:310px}
.promotion .column2{width:95%}
.nav-footer ul{width:45%}
}
@media screen and (max-width:420px) {
.bg-register .column2{width:94%;padding:10px 10px 20px;height:500px}
.qr-line{right:5px}
.bg-sec4 .container{padding:4em 0}
}
@media screen and (max-width:375px) {
.box-top{padding:10px 20px!important;height:auto}
.title-head {padding: 14px 0 5px 35px}
.title-head,.pr{font-size:24px!important}
.icon-h {padding: 0 0 7px 35px;}
.icon-blue {background-position: left 13px;}
.bg-register .column2{height:480px}
.qr-line{right:60px}
.bg-sec5 .box-text{margin:0;padding:15px 10px 0}
.category-games{width:80%}
.img-box-games,.container-page .img-box-games{margin:10px auto}
.recent-news ul{height:320px}
.nav-footer ul{width:100%;text-align:center;margin:0 auto 20px}
}
@media screen and (max-width:320px) {
.i-gg{display:none}
.site-detail,.title-header p{font-size:18px}
.qr-line {right:20px}
.container-page{margin:0 10px}
#breadcrumb ul li a:first-child::after{padding-right:0}
}