::-webkit-scrollbar {width:.38vw; height:.38vw}
::-webkit-scrollbar-track {background-color:#e8e8e8}
@-moz-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-webkit-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-o-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-moz-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-webkit-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-o-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-moz-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes rotate-side {50% {-webkit-transform:scale(.86,.86)}}
@keyframes rotate-side {50% {transform:scale(.86,.86)}}
@font-face {font-family: 'HDfont';src:url(HDfont.ttf)}
* {margin:0; padding:0; border:0}
*:focus {outline:none}
a {text-decoration:none; cursor:pointer}
blockquote {background:#fafafa; font-size:1.3vw; line-height:1.68vw; margin-top:1vw; padding:1.68vw; border: outset 2px; border-radius:6px}
blockquote b {font-size:1.38vw; line-height:1.68vw; letter-spacing:2px}
blockquote img {float:left}
blockquote span {float:right; line-height:3vw}
body {color:#383838; background-size: 100% auto; font-family:"Arial",sans-serif; font-size:1.2vw; line-height:1.68vw; font-weight:400; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none}
button {color:#fff!important; font-family:Calibri; font-size:1.38vw; font-weight:400; padding:.38vw 1.3vw .5vw 1.3vw; border-radius:8px; cursor:pointer}
footer {background:rgba(3,6,8,.9)}
h1 {font-size:2vw; font-family:Calibri; font-weight:bold; line-height:2.5vw;text-transform:uppercase}
h2 {font-size:1.86vw; line-height:2.2vw; font-family:Calibri; font-weight:bold;}
h3 {font-size:1.38vw; line-height:2vw; font-family:Calibri}
h4 {font-size:1.3vw; line-height:1.68vw; font-weight:400}
h5 {font-size:1.25vw; line-height:3.38vw; font-weight:400; text-align:center; text-transform:uppercase}
h6 {font-size:1.2vw; line-height:1.68vw; font-weight:400}
header {height:42vw; background:#fff}
hr {width:10vw; height:0; border:0; margin:1vw 0}
html {height:100%}
i {font-size:1vw}
img {border:0; max-width:100%}
input {box-shadow:0 1px 2px rgba(68,68,68,.68); color:#000; padding:.9vw 1vw; width:23vw; margin-top:1vw; border-radius:.25vw; border:0}
textarea {box-shadow:0 1px 2px rgba(68,68,68,.68); color:#000; padding:.8vw 1vw; width:23vw; height:8vw; margin:1vw 0 -.38vw 0; border-radius:.25vw; border:0}
ul, li {list-style:none}
sticknav {width:99.62vw; margin:0vw; left:0vw; right:0vw; position:relative; z-index:9999; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
table {width:100%}
td {padding:.86vw; background:#f3f6f8}
th {text-align:center; font-weight:bold; line-height:3.2vw; padding:.0 .86vw; white-space:nowrap !important; color:#fff}

.avt {width:60vw; margin:1.68vw 0}
.banner {display:table; width:99.62vw; height:38vw; margin-top:-35vw}
.banner div {display:table-cell; vertical-align:middle; text-align:center; padding:0 18vw; color:#fff; font-size:1.3vw; font-weight:400; line-height:3vw; background:rgba(0,0,0,.168) url("/HDImage/skin/pattern.png") center fixed;}
.banner h1 {font-size:3.68vw; font-weight:bold; line-height:3.86vw; text-transform:uppercase; -webkit-text-stroke: .5px #fff; text-shadow:1px 1px 3px #383838}
.banner h2 {color:#fff; text-shadow:1px 1px 2px #383838}
.banner hr {margin-left:27vw; border-color:#fff}
.body {background:#fff; padding:3vw 0 3.68vw 0}
.button {color:#fff!important; border:solid 1.5px #fff; font-family:Calibri; font-weight:400; font-size:1.38vw; padding:.5vw 1.68vw!important; border-radius:.38vw; cursor:pointer}
.callme {background:rgba(255,255,255,.86); padding:5vw 16.8vw 0 16.8vw; line-height:2.5vw; text-align:left}
.callme img {float:left; width:20vw; margin:0 3vw 0 0}
.callme input {margin-bottom:1.68vw}
.clear {clear:both; line-height:0; height:0; margin:0; padding:0}
.date {float:right; margin:-3.25vw 0 0 1vw; width:3.3vw; padding:1vw .35vw .38vw .35vw; color:#fff; font-weight:700; text-align:center; border-radius:2px}
.date hr {width:100%; margin:0; border-bottom:solid 1px #fff}
.date span {font-size:3vw}
.discount {float:right; font-size:1vw; line-height:3vw; width:3vw; margin:0 0 -3vw 0; position:relative; z-index:1; background:url("/HDImage/skin/disc.png"); background-size:100% 100%; font-weight:normal; text-align:center; color:#fff}
.fb-like {float:right}
.fb-page {margin-top:1vw; border-bottom:solid 1px #fff}
.fixed {position:fixed; height:3.2vw}
.fixed .logo {display:none}
.fixed .HDmenu {margin:0; width:99.62vw; height:3.2vw; border:0; border-radius:0}
.fixed .HDmenu li a {padding:0 3.35vw; line-height:3.2vw}
.fixed .HDLink-phone {top:16.8vh}
.fixed .HDLink-number {opacity:0; width:0}
.fixed .HDLink-hotline:hover>.HDLink-number {opacity:1; width:16.8vw}
.fixed .HDi-face {right:2.68vw; top:50vh}
.fixed .HDi-zalo {right:2.68vw; top:38vh}
.foot {text-align:left; padding:0 3vw; line-height:3.38vw; box-shadow:-2px 0 3px #000; background:rgba(0,0,0,.86)}
.foot a {color:#666; position:absolute; right:3vw; font-size:1vw}
.footer {float:left; max-width:33vw; color:#ddd; margin:3.68vw 1.67vw 3.68vw 3vw; text-align:left; font-size:1.2vw; line-height:2.5vw}
.footer a {color:#fff}
.footer h2 {font-size:1.5vw;text-transform:uppercase}
.footer hr {margin:.5vw 0}
.footer i {font-size:.86vw; line-height:1.68vw}
.footer img {max-height:3.68vw; margin-top:.68vw}
.HDcatalogue {margin-top:3.68vw; text-align:left; padding:.32vw .68vw 0 0; font-size:1.6vw; line-height:2.68vw; text-transform:uppercase}
.HDcategory {float:left; width:45.3vw; height:25vw; margin:3.68vw 0 0 3vw}
.HDcategory:hover {box-shadow:2px 2px 5px #ccc}
.HDcategory a {font-size:1.5vw}
.HDcategory button {float:right; border-radius:100%; height:2vw; width:2vw; border:0; background:#ccc; padding:0}
.HDcategory .content {float:left; background:rgba(255,255,255,.8); width:17.3vw; height:22vw; padding:1.5vw; line-height:1.6vw; text-align:justify; overflow:hidden}
.HDcategory hr {width:3.68vw}
.HDcategory img {height:6vw; margin-bottom:.68vw}
.HDcontact {float:left; width:25vw}
.HDctl-home {margin-bottom:3.68vw; padding-top:5vw}
.HDctl-home h2 {font-size:3vw; line-height:3.68vw; font-family:Calibri; font-weight:bold; text-transform:uppercase}
.HDcatehome {float:left; width:22vw; margin:0 0 5vw 5vw; background:#f3f6f8; padding:2.3vw; border-bottom:solid .5vw #ccc}
.HDcatehome button {border-radius:100%; height:3.68vw; width:3.68vw; border:0; background:#ccc}
.HDcatehome img {width:6.8vw; height:6.8vw; margin-bottom:1.68vw}
.HDcatehome h3 {font-size:1.68vw; line-height:3vw; letter-spacing:1.68px}
.HDcatehome hr {width:3.68vw}
.HDcatehome .desc {height:16.8vw; line-height:1.86vw; overflow:hidden}
.HDhome-gallery {padding:5vw 0; background:rgba(13,16,18,.96) url("/HDImage/skin/pattern.png") center fixed}
.HDgallery {width:94vw; height:33vw; position:relative; margin-top:3.68vw}
.HDgallery nav {width:6.8vw; position:absolute; z-index:1000; bottom:0; left:50%; margin-left:-2vw}
.HDgallery nav span{text-indent: -200vw; float: left; cursor:pointer; width:1.68vw; height:1.86vw; opacity:.68; background:transparent url("/HDImage/skin/arrows.png") no-repeat top left; background-size:auto 100%}
.HDgallery nav span:hover{opacity: 1}
.HDgallery nav span.HDnext{background-position:top right; margin-left:1vw}
.HDgallery-img {width: 50.4vw; height:28vw; margin:0; padding:0; position:relative; -webkit-transform-style:preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;-ms-transform-style: preserve-3d; transform-style:preserve-3d; -webkit-perspective:50vw; -moz-perspective:50vw; -o-perspective:50vw; -ms-perspective:50vw; perspective:50vw}
.HDgallery-img img {width:50.4vw; height:28vw; border-radius:1vw; display:block; position:absolute; left:0; top:0; box-shadow:0 2vw 3vw #000}
.HDgallery-img img.HDtransition {-webkit-transition: all .86s ease-in-out;-moz-transition:all .86s ease-in-out; -o-transition:all .86s ease-in-out; -ms-transition:all .86s ease-in-out; transition:all .86s ease-in-out}
.HDhome-new {background:#fff; padding:5vw 0}
.HDhome-newsest {float:left; width:46vw; height:28vw; margin:1.68vw 0 0 3vw}
.HDhome-newsest button {float:right; border-radius:100%; height:2vw; width:2vw; border:0; background:#ccc; padding:0}
.HDhome-newsest .content {float:right; background:rgba(255,255,255,.8); width:15vw; height:25vw; padding:1.5vw; line-height:1.68vw; text-align:justify; overflow:hidden}
.HDhome-newsold {float:left; width:22.5vw; height:13.16vw; margin:1.68vw 0 0 1.38vw}
.HDhome-newsold button {border-radius:100%; height:2vw; width:2vw; border:0; background:#ccc; padding:0; margin-top:.38vw}
.HDhome-newsold .content {float:right; background:rgba(255,255,255,.68); width:8.84vw; height:11vw; padding:1.08vw .25vw; line-height:1.68vw; text-align:center; overflow:hidden}
.HDicon {position:fixed; z-index:999999; width:3vw; height:3vw; border:solid .15vw; border-radius:100%; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDi-face {background:url("/HDImage/skin/face.png"); background-size:cover; right:28vw; top:1.68vw}
.HDi-zalo {background:url("/HDImage/skin/zalo.png"); background-size:cover; right:23vw; top:1.68vw;}
.HDLink {position:absolute; right:3vw; line-height:3.38vw; font-size:.86vw; color:#ccc}
.HDLink a {color:#ccc}
.HDLink-phone {position:fixed; width:12.5vw; height:12.5vw; cursor:pointer; top:-2.8vw; right:-2vw; z-index:999999; opacity:.86; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDLink-phone.HDLink-show {visibility:visible}
.HDLink-circle {width:9vw; height:9vw; top:1.333vw; left:1.333vw; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid rgba(30,30,30,.4); opacity:.5; -webkit-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -moz-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -ms-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -o-animation:HDLink-circle-anim 1.2s infinite ease-in-out; animation:HDLink-circle-anim 1.2s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-circle-fill {width:5.5vw; height:5.5vw; top:3.125vw; left:3.125vw; position:absolute; background-color:#000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid transparent; opacity:.3; -webkit-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -o-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-img-circle {text-align:center; line-height:3vw; font-weight:bold; color:red; font-size:1.68vw; width:3vw; height:3vw; top:4.375vw; left:4.375vw; position:absolute; background:rgba(30,30,30,.1) url("../HDImage/skin/call.png") no-repeat center center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid transparent; opacity:1; -webkit-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -moz-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -ms-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -o-animation:HDLink-circle-img-anim 1s infinite ease-in-out; animation:HDLink-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-number {color:#fff; text-shadow:1px 1px 2px #000; width:16.8vw; height:3.38vw; margin:4.4vw 0 0 -15vw; text-align:left; padding-left:1.333vw; border-radius:3.38vw; font-size:2vw; font-weight:700; line-height:3.38vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDmaps {float:left; width:66vw; margin:3.68vw 3vw 0 3vw; border-radius:5px; box-shadow:2px 2px 5px #ccc}
.HDmaps iframe {width:66vw; height:36vw; border:0; border-radius:5px; margin-bottom:-.5vw}
.HDmenu {position:absolute; width:80vw; height:6vw; margin:35vw 0 0 10vw; border-radius:1.68vw; border:solid .15vw #fff; box-shadow:0 2px 5px #686868}
.HDmenu-close {display:none}
.HDmenu-closeok {display:none}
.HDmenu ul {display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline;-moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDmenu li {float:left; position:relative; display:inline-block; list-style:none; cursor:pointer}
.HDmenu li a {display:block; color:#fff; text-transform:uppercase; padding:0 2vw; letter-spacing:.1vw; font-size:1.2vw; line-height:6vw; overflow:hidden; position:relative; white-space:nowrap !important}
.HDmenu li a.tab {content: ""; width: 1px; height: 100%; padding: 0; background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%); background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%); background-image: linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%);}
.HDmenumobile {display:block}
.HDmenumobile .HDmenumobile-bt {display:none}
.HDmenusub{float:left; width:24.7vw; text-align:left; font-family:Calibri; line-height:3.68vw; margin-top:.68vw; background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fafafa 100%); border-right:solid .3vw; border-right-color:#ccc}
.HDmenusub a {color:#686868; font-weight:bold; font-size:1.38vw}
.HDmenusub img {float:left; height:3.68vw; margin-right:.68vw}
.HDnews {float:left; background:#fafafa; width:29.33vw; margin:3.68vw 0 0 3vw; border-radius:3px; border-bottom:solid 5px #ccc}
.HDnews:hover {box-shadow:2px 2px 5px #ccc}
.HDnews img {width:29.33vw; height:16.3vw}
.HDnews .content {text-align:justify; padding:.68vw 1vw; font-size:1.2vw; line-height:1.68vw;}
.HDnews .content span {font-weight:400!important}
.HDnews .date {margin:-3px 1vw 0 0}
.HDnews .detail {padding:.38vw 1vw; background:#fafafa; color:#686868; font-style: italic; text-align:left}
.HDnews .title {display:table; height:6.8vw; text-align:left; padding:0 .68vw 0 1vw;}
.HDnews .title a {display:table-cell; vertical-align:middle; text-transform:uppercase; font-size:1.38vw; line-height:1.86vw; color:#383838}
.HDnews .title:before {position:absolute; z-index:1;margin:6.5vw 0 0 1.68vw; width:0;  height:0; content:""; border-top:1vw solid #fafafa; border-left: 1vw solid transparent; border-right: 1vw solid transparent;}
.HDnewsz {overflow:hidden; position:relative; display:inline-block; width:29.33vw; height:16.3vw}
.HDrelated {float:left; width:25vw; height:5vw; margin:.5vw 2.62vw 0 0; text-align:justify; display:table}
.HDrelated a {line-height:1.68vw; color:#000}
.HDrelated .info {display:table-cell; vertical-align:middle; width:100%}
.HDrelatedz {overflow:hidden; position:relative; display:inline-block; width:9vw; height:5vw; margin:.5vw .68vw 0 0; border-radius:2px}
.HDreviews {width:99.62vw; height:20vw; padding:3.68vw 0; background:rgba(255,255,255,.68)}
#HDreviews {width:68vw; height:10vw; margin:2vw 13vw 0 13vw}
.HDreviews-div {background:rgba(255,255,255,.68); box-shadow:0 .36vw .68vw #686868; border:solid .25vw #fff; position:relative; width:68vw; height:10vw; overflow:hidden; border-radius:10vw}
.HDreviews-div div {width:68vw; height:10vw; text-align:left}
.HDreviews-div img {width:10vw; height:10vw; float:left; border-radius:100%; margin:0 1.68vw 0 0}
.HDslides {width:99.62vw; height:38vw; margin-top:-35vw}
.HDslides-div {width:99.62vw; height:38vw;overflow:hidden}
.HDslides-div img {width:99.62vw; height:38vw}
.HDslides-bullet {position:absolute; z-index:2; top:39vw;right:2vw;}
.HDslides-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.HDslides-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.HDslides-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.HDslides-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.HDslides-bullet .i.idn {opacity:.3;}
.HDslides-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslides-arrow {display:block;position:absolute; z-index:2; z-indcursor:pointer;width:3vw;height:3vw;top:0px;}
.HDslides-aleft {left:1.68vw}
.HDslides-aright {right:1.68vw}
.HDslides-arrow .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.HDslides-arrow:hover {opacity:.8;}
.HDslides-arrow.arrowdn {opacity:.5;}
.HDslides-arrow.arrowds {opacity:.3;pointer-events:none;}
.HDslides-arrow svg {position:absolute;top:6vw;left:0;width:100%;height:100%}
.HDslides .banner {position:absolute; z-index:1; margin-top:0}
.intro {padding:9vw 11vw 6vw 11vw; display:table; height:30vw; width:77.62vw; background:rgba(255,255,255,.86)}
.intro div {display:table-cell; vertical-align:middle; text-align:left; width:45vw; font-size:1.2vw; line-height:2.5vw}
.intro h1 {font-size:3.68vw; font-weight:bold; line-height:3.86vw; margin-bottom:1.68vw; text-transform:uppercase; -webkit-text-stroke: 1px #fff; text-shadow:2px 2px 3px #686868}
.intro h2 {margin:1.68vw 0; font-family: 'HDfont', Calibri, Arial; font-size:3.68vw; text-shadow:1px 1px 1px #000}
.intro img {float:left; width:30vw}
.logo {height:3.68vw; padding:1.56vw 0 1.56vw 3vw; font-weight:bold; font-size:3.38vw; line-height:3.68vw; -webkit-text-stroke: .68px #fff; font-family:Calibri; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.logo img {float:left; height:3.68vw; margin-right:1vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
#main {float:left; width:60vw; background:#fcfcfc; min-height:25vw; margin:3.68vw 3vw 0 3vw; padding:3vw; text-align:justify; border-radius:5px; box-shadow:2px 2px 5px #ccc}
.main {width:94vw; padding:3.68vw 2.62vw 0 3vw; text-align:justify}
.more {float:right; margin:-2vw 2.62vw}
.mota {color:#383838; font-size:1.5vw; line-height:2vw}
.muc-luc {float:right; width:30vw; border:solid 1px #168; padding:1vw; margin:0 0 1vw 2vw}
.muc-luc a {color:#686868}
.note {background:#fafafa; color:#686868; font-size:1.68vw; line-height:2vw; padding:3vw; border-radius:.25vw}
.searchbox {position:absolute; margin:-5vw 0 0 33.3vw; width:30vw; border-radius:3vw; box-shadow:0 1px 3px #ccc; padding:0 1.33vw}
.searchbox input {background:rgba(0,0,0,0); box-shadow:none; float:left; line-height:1.2vw; padding:0 0 .8vw 0; text-align:left; width:26vw; border:0}
.searchbox input:focus {outline:none}
.searchbox button {float:right; width:3vw; height:3vw; padding:0; margin:0 -1.33vw 0 0; border:0; border-radius:100%; background:url("/HDImage/skin/find.png") center no-repeat; background-size:auto 1.68vw}
.searchbox button:hover {background:url("/HDImage/skin/find.png") center no-repeat; background-size:auto 1.86vw; box-shadow:0 0 2px #686868; border:0; border-radius:100%}
.searchok {margin:1vw 0}
.searchok img {float:left; margin-right:1vw; height:10vw}
#sub {float:left; width:25vw; margin:0 0 -6.5vw 0}
.table {width:60vw; overflow-x:auto}
.view {background:url(/HDImage/skin/view.png) left center no-repeat; background-size:auto 100%; line-height:2vw; padding:0 0 0 30px; float:right}
.youtube {width:58vw; height:30vw; background:url("/HDImage/skin/tivi.png") no-repeat center center; background-size:100% 100%; padding:1vw 1vw 8vw 1vw}
.youtube iframe {width:58vw; height:32.5vw}
.zoom {transition:transform .5s ease}
.zoom:hover {transform:scale(1.2)}