@import url('css/font-awesome.min.css'); html,*{margin:0;padding:0} body{color:#222;font: 400 13px/18px Tahoma;margin:0;padding:0} h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0} a{color:#36c;outline:none;text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden} * html .clearfix{height:1%;} @font-face { font-family: 'OpenSans'; src: url('../font/opensans_regular.eot'); src: url('../font/opensans_regulard41d.eot?#iefix') format('embedded-opentype'), url('../font/opensans_regular.woff') format('woff'), url('../font/opensans_regular.ttf') format('truetype'), url('../font/opensans_regular.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../font/opensans_bold.eot'); src: url('../font/opensans_boldd41d.eot?#iefix') format('embedded-opentype'), url('../font/opensans_bold.woff') format('woff'), url('../font/opensans_bold.ttf') format('truetype'), url('../font/opensans_bold.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../font/opensans_semibold.eot'); src: url('../font/opensans_semiboldd41d.eot?#iefix') format('embedded-opentype'), url('../font/opensans_semibold.woff') format('woff'), url('../font/opensans_semibold.ttf') format('truetype'), url('../font/opensans_semibold.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OswaldVNF'; src: url('../font/oswald-vnf.eot'); src: url('../font/oswald-vnfd41d.eot?#iefix') format('embedded-opentype'), url('../font/oswald-vnf.woff') format('woff'), url('../font/oswald-vnf.ttf') format('truetype'), url('../font/oswald-vnf.svg#AftaserifRegular') format('svg'); font-weight: 300; font-style: normal; } /* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */ .menu{} .menu ul, .menu ol{ margin:0; padding:0; list-style:none; } /* ========== FLOAT ========== */ .menu .left{ float:left; } .menu .right{ float:right; } /* ========== DIV THAT HOLDS MAIN LINKS ========== */ .menu ul{ position:relative; } /* ========== MAIN LINKS ========== */ .menu ul li{ float:left; } .menu ul li.menu_right{ position:relative; } .menu > ul > li:first-child a{ } .menu > ul > li:first-child a span{display:none} .menu ul > li > a{ display:block; padding:0 20px; font: 400 14px/44px OpenSansSemiBold; color:#fff; text-decoration:none; text-transform:uppercase; -webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms; -moz-transition:color 180ms linear 20ms, background 180ms linear 20ms; -ms-transition:color 180ms linear 20ms, background 180ms linear 20ms; -o-transition:color 180ms linear 20ms, background 180ms linear 20ms; transition:color 180ms linear 20ms, background 180ms linear 20ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu ul > li > a div{ padding-top:5px; font:400 13px/13px "OpenSans", Arial; color:#fff; text-decoration:none; text-transform:none; } /* ========== MAIN LINKS ON MOUSEOVER ========== */ .menu ul:hover li.active a{ } .menu ul li:hover > a{ color:#fff; background:rgba(231,44,62,1); } .menu ul li.active:hover > a{ } .menu ul li:first-child:hover > a{ } /* ========== MAIN LINKS ON MOUSE CLICK ========== */ .menu ul li a:active, .menu ul li.active a:active{ } /* ========== CLASSIC/MEGA MENU ========== */ .menu ul ul, .menu .mega_menu{ position:absolute; visibility:hidden; opacity:0; z-index:997; border-left:solid 0px #006a0c; border-right:solid 0px #006a0c; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } /* ========== MEGA MENU ========== */ .menu .mega_menu{ padding:9px 0 9px; border:none; border-top:solid 0 #004b09; border-bottom:solid 0 #004b09; } /* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */ .menu ul li:hover > ul, .menu ul li:hover .mega_menu{ visibility:visible; opacity:1; } /* ========== LINKS IN CLASSIC MENU ========== */ .menu ul ul li{ float:none; position:relative; } .menu ul ul li a{ position:relative; background:rgba(231,44,62,.8); min-width:185px; height:auto; padding:10px 20px; font:400 13px/18px Arial; text-transform:none; color:#fff; border-bottom:solid 1px #ccc; border-right:none; } .menu ul ul li:last-child a{ border-bottom:dotted 0px #d2d2d2; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .menu ul ul li a i{ position:absolute; right:12px; } /* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */ .menu ul ul li:hover > a{ background:rgba(231,44,62,1); border-right:none; } .menu ul ul li:first-child:hover a{ background:rgba(231,44,62,1); border-right:none; } /* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */ .menu ul ul li a:active{ background:rgba(231,44,62,1); } /* ========== CLASSIC MENU LVL 2,3,4,... ========== */ .menu ul ul ul li:first-child a{ -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; } .menu ul ul ul{ left:100%; top:0; border-top-right-radius:4px; } /* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */ .menu ul li.menu_right .mega_menu{ right:0; } /* ========== DIFFERENT SIZE OF MEGA MENU ========== */ .menu .size1{ width:150px; /* + 10px from left and right side, width=170px */ } .menu .size2{ width:250px; /* + 10px from left and right side, width=270px */ } .menu .size3{ width:350px; /* + 10px from left and right side, width=370px */ } .menu .size4{ width:450px; /* + 10px from left and right side, width=470px */ } .menu .size5{ width:550px; /* + 10px from left and right side, width=570px */ } .menu .size6{ width:650px; /* + 10px from left and right side, width=670px */ } .menu .size7{ width:750px; /* + 10px from left and right side, width=770px */ } .menu .size8{ width:850px; /* + 10px from left and right side, width=870px */ } .menu .full_width{ width:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */ left:0; padding:9px 8px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========== HEADINGS IN MEGA MENU ========== */ .menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{ margin:0; font-family:"OpenSans"; font-weight:normal; color:#ffff00; } .menu h1{ font-size:18px; } .menu h2{ font-size:16px; } .menu h3{ font-size:14px; } .menu h4{ font-size:13px; } .menu h5{ font-size:12px; } .menu h6{ font-size:12px; } /* ========== CLASSIC LINKS IN MEGA MENU ========== */ .menu .mega_menu a{ } .menu .mega_menu a:hover{ } /* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */ .menu .mega_menu a img{ margin:0; } .menu .mega_menu a img:hover{ } .menu .mega_menu a img:active{ } /* ========== TYPOGRAPHY IN MEGA MENU ========== */ .menu .mega_menu p{ margin:3px 0 6px 0; font-size:12px; color:#888; font-family:Tahoma, Geneva, sans-serif; } .menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{ margin:0 1%; padding:0 0 12px; float:left; } .menu .mega_menu .one{ width:98%; } .menu .mega_menu .one_half{ width:48%; } .menu .mega_menu .one_thirds{ width:31.33%; } .menu .mega_menu .two_thirds{ width:64.67%; } .menu .mega_menu .one_fourth{ width:23%; } .menu .mega_menu .three_fourths{ width:73%; } /* ========== IMAGES IN MEGA MENU ========== */ .menu .mega_menu img{ } .menu .mega_menu img.left{ } .menu .mega_menu img.right{ } /* ========== PORTFOLIO IN MEGA MENU ========== */ .menu .mega_menu .portfolio li{ display:inline-block; vertical-align:top; width:12.5%; padding:5px; margin:0; float:none; *float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu .mega_menu .portfolio li a{} .menu .mega_menu .portfolio li a img{width:100%;margin:0;} .menu .mega_menu .portfolio li p{margin:0;padding:8px 0;text-align:center} .menu .mega_menu .portfolio li p a{font:400 14px/18px OpenSans;color:#444;} .menu .mega_menu .portfolio li p a:hover{color:#c40002;} /* ========== LISTS IN MEGA MENU ========== */ .menu .mega_menu .list{ display:inline-block; /*vertical-align:top;*/ width:46%; margin:0 2%; padding:0; *float:left; } .menu .mega_menu .list li{ width:100%; float:left; } .menu .mega_menu .list li.headline{ border-bottom:solid 1px #353535; } .menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{ margin-left:7px; font:20px "OpenSans"; color:#5B5B5B; text-transform:uppercase; } .menu .mega_menu .list li.headline h3 a{ margin-left:0; } .menu .mega_menu .list li a{ margin-left:7px; padding:0; font:13px/24px "OpenSans"; color:#616161; text-transform:none; text-decoration:none; border:none; } .menu .mega_menu .list li:hover a{ background:none; } .menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{ color:#ffff00; } .menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{ color:#888; } /* ========== BLOG IN MEGA MENU ========== */ .menu .mega_menu .blog_post{ margin-bottom:10px; padding:5px; overflow:hidden; background:#029013; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .menu .mega_menu .blog_post h2{ margin-bottom:3px; padding-bottom:3px; color:#555; border-bottom:solid 1px #2E2E2E; } .menu .mega_menu .blog_post p{ font-size:11px; color:#888; } .menu .mega_menu .blog_post .read_more{ margin-top:-5px; height:auto; float:right; font:11px OpenSans; color:#555; text-decoration:none; } .menu .mega_menu .blog_post .read_more:hover{ color:#ffff00; } /* Animated CSS3 Mega Menu - Responsive */ .menu input#dropdown, .menu label{ display:none; position:absolute; top:5px; left:0px; width:46px; height:35px; } .menu input#dropdown{ opacity:0; } .menu label{ background: #c40002 url('../images/icon_list.png') no-repeat center; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .menu label:hover{ cursor:pointer; } .menu input#dropdown:checked ~ label{ background: #543a1f url('../images/icon_list.png') no-repeat center; -webkit-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A; -moz-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A; box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A; } .menu input#dropdown:checked ~ ul{ display:block; } .menu div.dropdown{ display:none; position:absolute; top:3px; left:66px; margin:0; font: 400 16px OpenSans; text-transform:uppercase; color:#fff; } .menu div.dropdown span{ text-transform:none; font:400 26px "OswaldVNF"; color:#fff; } .menu div.dropdown span a{ color:#fff; } .menu div.flag{ float:right; display:none; margin:9px 5px 0 0; } .menu div.flag img{ margin:0 5px 0 0; } @media only screen and (max-width: 1024px){ .menu{ width:100%; } .menu ul > li > a{} .menu ul ul{ margin:0; } .menu .mega_menu{ width:auto; margin:0; } } @media only screen and (max-width: 900px){ .menu input, .menu label, .menu div.dropdown{display:block;} .menu div.flag{display:block;} .menu{ width:100%; min-height:50px; height:100%; /*overflow:hidden;*/ position:relative; } .menu ul{ display:none; position: absolute; width:100%; top:50px; margin:0; padding:0; float:none; background:#543a1f; z-index:997; } .menu ul > li{ float:none; } .menu > ul > li:first-child a{ background: none; width:100%; height:auto; padding:6px 2%; font:400 14px/28px "OpenSans", Arial; color:#fff; text-transform:uppercase; border-right:solid 0px #684a2b; border-bottom:solid 1px #684a2b; } .menu > ul > li:first-child a span{display:block} .menu ul li a{ width:100%; background:none; height:auto !important; padding:6px 2% !important; font:400 14px/28px "OpenSans", Arial !important; color:#fff; text-transform:uppercase; border-right:solid 0px #684a2b; border-bottom:solid 1px #684a2b; } .menu .mega_menu .portfolio li p {padding-bottom:0} .menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #fff;border-bottom:none} .menu .mega_menu .portfolio li a {border-bottom:none} .menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px "OpenSans", Arial;text-transform:uppercase;color:#fff;} .menu ul li:hover > a, .menu ul li.active:hover > a{ color:#fff; } .menu ul li:first-child:hover > a{ color:#fff; } .menu ul ul, .menu .mega_menu{ display:block; position:static; visibility:visible; opacity:1; margin:0; font-size:0; overflow:hidden; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:#684a2b; } .menu ul ul li{ width:100%; float:left; } .menu ul ul li a{ width:100%; padding: 6px 2% !important; text-align:left; color:#fff; border:none; font: 400 14px/28px "OpenSans", Arial !important; text-transform:none; border-bottom:solid 1px #543a1f; } .menu ul ul li:hover a{ background:#005378; color:#fff; } .menu ul ul li:first-child:hover a{ background:#005378; color:#fff; } .menu ul ul ul, .menu ul ul li a i{ display:none; } .menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{ display:inline-block; vertical-align:top; padding:0 0 12px; float:none; } .menu .mega_menu{ width:auto !important;} .menu .mega_menu .portfolio li, .menu .mega_menu .list{ margin:0; width:48%; margin:0 1% 2%; } } @media only screen and (max-width: 750px) { .menu{width:100%} .hidden-mobile{ display: none; } } .clearfix { clear: both; } /* START HEADER */ #header{width:100%;background:#fff;border-top:#e72c3f 2px solid; position:fixed; top:0; z-index:9999; } #header .top{width:100%;padding:10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #header .top .box{position:relative;width:1172px;margin:0 auto;} #header .top .box .logo{display:inline-block;vertical-align:top;padding:0 0 0 10px;} #header .top .box .logo img{display:block;max-height:57px;border:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #header .top .box .right{position:absolute;top:10px;right:0;} #header .top .box .right .hotline {display:inline-block;vertical-align:top;margin:0 10px 0 0;padding:0 10px 0 0;text-align: left;border-right: 1px solid #333;} #header .top .box .right .hotline p{display: block;font:400 13px/20px Arial;color:#000;text-transform: uppercase;} #header .top .box .right .hotline div{display: block;font:700 18px/20px Arial;color:#e72c3f;text-transform: uppercase;} #header .top .box .right .worktime {display:inline-block;vertical-align:top;margin:0 10px 0 0;padding:0 10px 0 0;text-align: left;border-right: 1px solid #333;} #header .top .box .right .worktime p{display: block;font:400 13px/20px Arial;color:#000;text-transform: uppercase;} #header .top .box .right .worktime div{display: block;font:700 14px/20px Arial;color:#000;text-transform: uppercase;} #header .top .box .right .giohang {display:inline-block;vertical-align:top;padding:4px 0;} #header .top .box .right .giohang a{display:block;margin:0;padding:0 0 0 35px;background: url('../images/global/cart.png') no-repeat left;color:#585858;font:400 14px/32px OpenSans;text-decoration:none;vertical-align:top;} #header .top .box .right .giohang a span{display:inline-block;padding:0 0 0 5px;color:#444;font:400 14px/32px OpenSansSemiBold;} #header .top .box .right .giohang a:hover{color:#585858;} #header .top .box .right .mxh {display:inline-block;vertical-align:top;padding:9px 0;} #header .mnbox{width:100%;margin:0;background:#ea5563;height:44px;} #header .mnbox .box{position:relative;width:1172px;margin: 0 auto;} #header .mnbox .box .right{position:absolute;top:0;right:10px;} div.search{display:flex;padding:8px 3px 0;} div.search .ditext{ display: flex; flex-grow: 1; flex-basis: 0; vertical-align: middle; } div.search .dibut { display: flex; width: auto; vertical-align: middle; } div.search input { display:inline-block; width:180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; background-color: #ea5563; border:#fff 1px solid; border-right:none; outline: 0; margin: 0; padding:6px 10px 6px 12px; font:400 14px/16px Arial; color:#fff; } div.search button[type="submit"] { width:auto; background-color: #e72c3f; border:#fff 1px solid; border-left:#fff 0 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: 0; margin: 0; padding:5px 10px; font:400 13px/16px Arial; color:#fff; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } div.search button[type="submit"]:hover { color:#f00; } .fixed {padding:0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #boxads{padding:126px 0 0;} #boxmn{display:none;padding:0;margin:0;list-style-type:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #boxmn li { display: inline-block; vertical-align: top; width: 22%; padding: 0; margin: 5px 1%; list-style-type: none; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; background: #e44a4a; border-radius: 4px; } #boxmn li a{display:block;font:400 14px/20px Arial;color:#222;text-align:center; display: block; font: 400 14px/20px Arial; color: #fff; text-align: center; padding: 4px 5px; min-height: 72px; /* border: #ea212b 1px solid; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; /* border-radius: 3px; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); font-weight: 600; } /* END HEADER */ /* START CONTENT */ #navi{margin: 0;padding:0;background:#fcfcfc;border-bottom:1px solid #eee;} #navi .navibox{width:1172px;font:400 13px/13px OpenSansSemiBold;color:#222;padding:10px 0;margin:0 auto;} #navi .navibox a{color:#222;text-decoration:none;} #navi .navibox a:hover{text-decoration:underline;} #otherul{padding:0;margin:0 0 0 10px;list-style:none;} #otherul li{background:url("../images/global/arrow-rv1.png") no-repeat left;background-position: 5px 7px;padding:0 0 10px 15px} #otherul li a{font:400 14px/18px Arial;color:#222;text-decoration:none} #otherul li a:hover{color:#d4232b} #content{width:100%; padding: 0 0 15px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content div.conbox{width:1172px;margin:0 auto;} #content div.homebox{margin:0;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content div.homebox .hotpro{ width: 1172px; margin: 0 auto; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 20px; text-align: center; } #content div.homebox .hotpro p { padding-top: 15px; font-size: 14px; color: #777; } #content div.homebox .hotpro .ulhome{width:100%;padding:0;margin:0;list-style-type:none;} #content div.homebox .hotpro .ulhome .lihome{padding:15px 0;text-align:center} #content div.homebox .hotpro .ulhome .lihome .title{position:relative;background:#fff;display:inline-block;margin:0;padding:0 15px;font:400 22px/30px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;} #content div.homebox .hotpro .ulhome .lihome .title:before { position: absolute; left: 100%; top: 50%; height: 1px; width: 100px; content: ""; z-index: 1; margin-bottom: 30px; background: #ccc; } #content div.homebox .hotpro .ulhome .lihome .title:after { position: absolute; right: 100%; top: 50%; height: 1px; width: 100px; content: ""; z-index: 1; margin-bottom: 30px; background: #ccc; } #content div.homebox .homepro{width:1172px;margin:0 auto;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content div.homebox .homepro ul{width:100%;padding:0;margin:0;list-style-type:none;} #content div.homebox .homepro ul li{width:32%;display:inline-block;vertical-align:top;padding:0;margin:0 4px 0 1%; position: relative; overflow: hidden; } #content div.homebox .homepro ul li:first-child{margin-left:0;} #content div.homebox .homepro ul li img{display:block;width:100%;border:none} #content div.homebox .homepro ul li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; text-align: center; vertical-align: middle; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; } #content div.homebox .homepro ul li a .text { vertical-align: middle; display: table; width: 100%; height: 100%; } #content div.homebox .homepro ul li a .text div.middle { vertical-align: middle; display: table-cell; } #content div.homebox .homepro ul li h2 { vertical-align: middle; font:400 16px/20px OpenSansSemiBold; margin: 0; padding: 15px 30px; text-transform:uppercase; color: #fff; background: rgba(231,44,62,.8); -webkit-transition: background-color 0s; -moz-transition: background-color 0s; -o-transition: background-color 0s; -ms-transition: background-color 0s; transition: background-color 0s; } #content div.homebox .homepro ul li p { text-align: center; color: #FFF; font:400 14px/20px OpenSans; padding: 10px 30px; display: none; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; } #content div.homebox .homepro ul li:hover a {background:rgba(0,0,0,.55)} #content div.homebox .homepro ul li:hover h2 { background: 0 0; padding-left: 0; padding-right: 0; margin: 0 30px; border-bottom: 1px solid #e72c3f; } #content div.homebox .homepro ul li:hover p {display:block;} #content div.homebox .homead{width:1172px;margin:0 auto;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content div.homebox .homead .ulhome{width:100%;padding:25px 0 0;margin:0;list-style-type:none;} #content div.homebox .homead .ulhome li.lihome{padding:15px 0;text-align:center} #content div.homebox .homead .ulhome li.lihome p{position:relative;background:#fff;display:inline-block;margin:0;padding:0 15px;font:400 22px/30px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;} #content div.homebox .homead .ulhome li.lihome p:before { position: absolute; left: 100%; top: 50%; height: 1px; width: 100px; content: ""; z-index: 1; margin-bottom: 30px; background: #ccc; } #content div.homebox .homead .ulhome li.lihome p:after { position: absolute; right: 100%; top: 50%; height: 1px; width: 100px; content: ""; z-index: 1; margin-bottom: 30px; background: #ccc; } #content .featured{padding:10px 0 10px 0.5%;} #content .featured span{color:#565656;font:400 22px/22px OpenSansSemiBold;margin:0;padding:0;} #sliderh { width:100%; margin:0; padding:0; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow:hidden; } /* MAIN PRO LIST */ #content .prolist {margin:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .prolist .left{width:20%;display:inline-block;vertical-align:top;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .prolist .left .cmenu{width:100%;padding:20px 0 5px;margin:0;list-style-type:none;} #content .prolist .left .cmenu li{padding:0;margin:0;} #content .prolist .left .cmenu li.head { background:#444; font:400 14px/22px OpenSansSemiBold; color: #fff; text-transform: uppercase; padding: 8px 15px; } #content .prolist .left .cmenu li.head a{font:400 14px/22px OpenSansSemiBold;color:#fff;} #content .prolist .left .cmenu li.head a:hover{color:#ff9c00;} #content .prolist .left .cmenu li ul{padding:0;margin:0;list-style-type:none;} #content .prolist .left .cmenu li ul li{padding:0;margin:0;text-align:left; border-bottom:#dfdfdf 1px solid; } #content .prolist .left .cmenu li ul li a{display:block;padding:8px 2px;font:400 13px/22px Arial;color:#444;} #content .prolist .left .cmenu li ul li:hover > a{color:#e72c3f;} #content .prolist .left .cmenu li ul li a i{padding-right:6px;font-size:13px;} #content .prolist .left .cmenu li ul li a.active{color:#444;} #content .prolist .right{width:79%;display:inline-block;vertical-align:top;padding:0 0 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* MAIN PRO DETAIL */ #content .prode {margin:20px 0 0; border-top:#ddd 1px solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .prode .left{width:78%;display:inline-block;vertical-align:top;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .prode .right{width:21%;display:inline-block;vertical-align:top;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .prode .right .chotro{width:100%;margin:0 8px;list-style-type:none;} #content .prode .right .chotro li{background:#f2f2f2;padding:25px 15px;margin:0;} #content .prode .right .chotro li ul{padding:0;margin:0;list-style-type:none;} #content .prode .right .chotro li ul li{padding:0;margin:0;text-align:left;} #content .prode .right .chotro li ul li a{display:block;padding:5px 0;font:400 12px/20px OpenSansSemiBold;color:#444;text-transform:uppercase;} #content .prode .right .chotro li ul li:hover > a{color:#e72c3f;} #content .prode .right .chotro li ul li a i{padding-right:6px;font-size:13px;} #content .prode .right .chotro li div.support{padding:2px;margin:20px 0 0;border:2px double #e72c3f;background:#fff;} #content .prode .right .chotro li div.support div{border: 1px double #e72c3f;display: block;padding: 15px 10px 10px;position: relative;} #content .prode .right .chotro li div.support div h3{position:absolute;width:100%;top:-14px;left:0;margin:0;padding:0;text-align:center} #content .prode .right .chotro li div.support div h3 span{position:relative;display:inline-block;padding:0 10px;text-align:center} #content .prode .right .chotro li div.support div h3 span strong{position:relative;z-index:2;display:inline-block;font:400 15px/20px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;} #content .prode .right .chotro li div.support div h3 span:before { background: #FFF; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 1; content: ""; display: block; } #content .prode .right .chotro li div.support div h3 span:after { background: #f2f2f2; width: 100%; height: 50%; position: absolute; left: 0; top: 0; z-index: 1; content: ""; display: block; } #content .prode .right .chotro li div.support div p{margin:0;padding:5px 0;text-align:center;} #content .prode .right .chotro li div.support div a{display:block;background:#eee;padding:5px 0;font:400 14px/20px OpenSans;color:#444;} #content .prode .right .chotro li div.support div a i{padding-right:6px;font-size:13px;} #content .prode .right .chotro li div.support div a:hover, #content .prode .right .chotro li div.support div a:hover i{color:#e72c3f;} #content .prode .right .cmenu{width:100%;padding:15px 0 0;margin:0;list-style-type:none;} #content .prode .right .cmenu li{padding:0;margin:0;} #content .prode .right .cmenu li.head { background:#444; font:400 14px/22px OpenSansSemiBold; color: #fff; text-transform: uppercase; padding: 8px 15px; } #content .prode .right .cmenu li.head a{font:400 14px/22px OpenSansSemiBold;color:#fff;} #content .prode .right .cmenu li.head a:hover{color:#ff9c00;} #content .prode .right .cmenu li ul{padding:0;margin:0;list-style-type:none;} #content .prode .right .cmenu li ul li{padding:0;margin:0;text-align:left; border-bottom:#dfdfdf 1px solid; } #content .prode .right .cmenu li ul li a{display:block;padding:8px 2px;font:400 13px/22px Arial;color:#444;} #content .prode .right .cmenu li ul li:hover > a{color:#e72c3f;} #content .prode .right .cmenu li ul li a i{padding-right:6px;font-size:13px;} #content .prode .right .cmenu li ul li a.active{color:#444;} /* START NEWS LIST */ #content div.neread{margin:0;padding:35px 0 15px;font:400 15px/15px OpenSans;color:#222;text-align:center} #content div.neread a{ border: #ff0000 2px solid; color: #ff0000; display: inline-block; font: 400 14px/34px Arial; text-transform: uppercase; margin: 0; padding: 0 25px; text-decoration: none; } #content div.neread a:hover{background: #ff0000 none repeat scroll 0 0;color:#fff;text-decoration:none} #content .ulnews{width:100%;padding:0;margin:0 auto;list-style-type:none;} #content .ulnews li{ display:inline-block; background:#fff; border:#d9d9d9 1px solid; width:29.33333%; margin:25px 2% 0; padding:10px; list-style-type:none; vertical-align:top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #content .ulnews li .thumb{ position:relative; width:100%; padding:0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .ulnews li .thumb a img{ display:block; position:relative; width:100%; margin:0 auto; opacity:1; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-transition:opacity 140ms ease-in 10ms; -moz-transition:opacity 140ms ease-in 10ms; -ms-transition:opacity 140ms ease-in 10ms; -o-transition:opacity 140ms ease-in 10ms; transition:opacity 140ms ease-in 10ms; z-index:1; } #content .ulnews li h4{margin:10px 0 8px 0;padding:0;font:400 16px/22px OpenSansSemiBold;color:#222;height:22px;overflow:hidden;} #content .ulnews li h4 a{font:400 16px/22px OpenSansSemiBold;color:#222;} #content .ulnews li h4 a:hover {color:#dd3333;} #content .ulnews li p.desc{height:60px;overflow:hidden;margin:0;padding:0;font:400 14px/20px OpenSans;color:#444;} #content .ulnews li p.updated{margin:0;padding:0 0 8px 0;font:400 italic 13px/13px OpenSans;color:#565656;} /* END NEWS LIST */ /* START HOME PRO LIST */ #content .hpro{width:100%;padding:15px 0 0 0;margin:0;list-style:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .hpro li{display:inline-block;width:32%;position:relative;margin:5px 4px;list-style:none;vertical-align:top; border: 1px solid #ddd; padding: 15px 10px; background:#fff;; /*-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);*/ transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .hpro li .thumb { display: block; text-align: center; width: 100%; padding:0; transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .hpro li .thumb img{ display:block; width: 100%; border:none; transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; /* -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); padding:0; */ margin: 0 auto; } #content .hpro li .thumb div.seller{ display: inline-block; position: absolute; top: 5px; left: 10px; width:40px; } #content .hpro li .thumb div.seller img{display:block;width:100%;border:none} #content .hpro li .thumb div.km{ display: inline-block; position: absolute; top: 5px; right: 5px; width:80px; } #content .hpro li .thumb div.km img{display:block;width:100%;border:none} #content .hpro li h2{height:20px;overflow:hidden;margin:5px 0;padding:0;font:400 13px/20px OpenSansSemiBold;color:#222;text-align:center} #content .hpro li h3 a{ margin: 0; font: 400 13px/20px OpenSansSemiBold; color: #222; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } #content .hpro li h3 a:hover{color:#e72c3f;} #content .hpro li p.desc{ height: 20px; overflow: hidden; margin: 3px 0; padding: 0; font: 400 13px/20px OpenSans; color: #222; text-align: center; display: block; text-overflow: ellipsis; white-space: nowrap; } #content .hpro li p.oprice{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;text-decoration:line-through} #content .hpro li p.opricen{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666} #content .hpro li p.price{margin:3px 0;padding:0;font:400 20px/30px OpenSansSemiBold;text-align:center;color:#e72c3f;} #content .hpro li div.lovebox{margin:0;padding:8px 0 0 0;text-align:center;} #content .hpro li div.lovebox .love { background: #e72c3f; display: inline-block; visibility: hidden; cursor: pointer; color: #fff; font: 400 11px/20px Arial; text-transform: uppercase; padding: 3px 15px; text-decoration: none; } .ac {background: #5CB811 !important;} #content .hpro li div.lovebox .numcart { display: inline-block; visibility: hidden; padding: 3px 0 3px 8px; } #content .hpro li:hover{border: 1px solid #ddd;} #content .hpro li:hover .thumb img{ display:block; width: 100%; border:none; margin: 0 auto; } #content .hpro li:hover div.lovebox .love {visibility:visible;} #content .hpro li:hover div.lovebox .numcart {visibility:visible;} #content .hpro li div.lovebox .love:hover {background: #222;} /* END HOME PRO LIST */ /* START HOME PRO LIST */ #content .pro{width:100%;padding:15px 0 0 0;margin:0;list-style:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .pro li{display:inline-block;width:24%;position:relative;margin:5px 0;list-style:none;vertical-align:top; border: 1px solid #ddd; padding: 15px 10px; background:#fff;; /*-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);*/ transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .pro li .thumb { display: block; text-align: center; width: 100%; padding:0; transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .pro li .thumb img{ display:block; width: 100%; border:none; transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; /* -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); padding:0; */ margin: 0 auto; } #content .pro li .thumb div.seller{ display: inline-block; position: absolute; top: 5px; left: 10px; width:40px; } #content .pro li .thumb div.seller img{display:block;width:100%;border:none} #content .pro li .thumb div.km{ display: inline-block; position: absolute; top: 5px; right: 5px; width:80px; } #content .pro li .thumb div.km img{display:block;width:100%;border:none} #content .pro li h2{ height:20px;overflow:hidden;margin:5px 0;padding:0;font:400 13px/20px OpenSansSemiBold;color:#222;text-align:center; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } #content .pro li h2 a{margin:0;font:400 13px/20px OpenSansSemiBold;color:#222;} #content .pro li h2 a:hover{color:#e72c3f;} #content .pro li p.desc{ height:20px;overflow:hidden; margin:3px 0;padding:0; font:400 13px/20px OpenSans; color:#222; text-align:center; display: block; text-overflow: ellipsis; white-space: nowrap; } #content .pro li p.oprice{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;text-decoration:line-through} #content .pro li p.opricen{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;} #content .pro li p.price{margin:3px 0;padding:0;font:400 20px/30px OpenSansSemiBold;text-align:center;color:#e72c3f;} #content .pro li div.lovebox{margin:0;padding:8px 0 0 0;text-align:center;} #content .pro li div.lovebox .love { background: #e72c3f; display: inline-block; visibility: hidden; cursor: pointer; color: #fff; font: 400 11px/20px Arial; text-transform: uppercase; padding: 3px 15px; text-decoration: none; } .ac {background: #5CB811 !important;} #content .pro li div.lovebox .numcart { display: inline-block; visibility: hidden; padding: 3px 0 3px 8px; } #content .pro li:hover{border: 1px solid #ddd;} #content .pro li:hover .thumb img{ display:block; width: 100%; border:none; margin: 0 auto; } #content .pro li:hover div.lovebox .love {visibility:visible;} #content .pro li:hover div.lovebox .numcart {visibility:visible;} #content .pro li div.lovebox .love:hover {background: #222;} #content .progen{font:400 14px/20px Arial;color:#444;padding:0;text-align:justify} #content .progen h1{font:400 18px/24px Arial;color:#444;padding:5px 0;} #content .progen h2{font:400 17px/24px Arial;color:#444;padding:5px 0;} #content .progen h3{font:400 16px/24px Arial;color:#444;padding:5px 0;} #content .progen p{font:400 14px/20px Arial;color:#444;padding:5px 0;} #content .progen div{font:400 14px/20px Arial;color:#444;padding:5px 0;} #content .progen p a{font:400 14px Arial;color:#444;text-decoration:none} #content .progen p a:hover{font:400 14px Arial;color:red;text-decoration:underline} #content .progen div a{font:400 14px Arial;color:#444;text-decoration:none} #content .progen div a:hover{font:400 14px Arial;color:red;text-decoration:underline} #content .progen img{margin:5px 0;max-width:100%;height:auto !important;border:none} #content .progen table{max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .progen td{padding:3px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .progen .bang {margin:10px 0;border-collapse: collapse;} #content .progen .bang td{padding:3px 5px;border:#ababab 1px solid;} #content .progen .bang0 {margin:10;border-collapse: collapse;} #content .progen .bang0 td{padding:0;border:#ababab 0px solid;} /* END HOME PRO LIST */ /* START PRO DETAIL */ #content .divpro{width:100%;padding:0;margin:0;} #content .divpro .prohead{width:100%;padding:0;margin:0;} #content .divpro .prohead h1{margin:0;padding:0 0 15px 0;font:bold 24px/28px Arial;color:#444;text-align:center} #content .divpro .protop{width:100%;padding:0;margin:0;} #content .divpro .protop .left{float:left;width:53%;padding:0 10px 10px;margin:0; border:#ddd 1px solid; border-top:#ddd 0 solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .divpro .protop .left img.ipro{display:block;width:100%;border:none} #galpro{ padding:0; border: #e3e8f4 0px solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .divpro .protop .right{float:right;width:45%;padding:0 25px 0 0;margin:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content .divpro .protop .right .tab{padding:35px 0 0 0;} #content .divpro .protop .right h1{ margin: 0; padding: 15px 0 10px; font: 400 16px/22px OpenSansSemiBold; color: #222; text-transform: uppercase; word-wrap: break-word; } #content .divpro .protop .right h2{margin:15px 0 0;padding:15px 0 5px 0;font:bold 16px/28px Arial;color:#565656;text-transform:uppercase;border-top: #dedede 1px solid;} #content .divpro .protop .right .price{position:relative;display:block;width:100%;padding:5px 0;margin:0;font:400 14px/20px Arial; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#555; } #content .divpro .protop .right .price span{font:700 17px/18px Arial;color:#ff0000;} #content .divpro .protop .right .price span.tt{font:400 14px/18px Arial;color:#666;text-decoration:line-through} #content .divpro .protop .right .technote{padding:7px 7px;margin:0;font:400 14px/22px Arial;color:#444444c7;} #content .divpro .protop .right ul{width:100%;padding:0;margin:0;list-style:none;} #content .divpro .protop .right ul li{display:inline-block;width:100%;margin:0;padding:5px 0;list-style:none;vertical-align:top;font:400 13px/18px Arial;color:#444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .divpro .protop .right ul li:nth-child(odd){width:26%;padding:5px 10px 5px 0;float: left;} #content .divpro .protop .right ul li:nth-child(even){width:70%;} #content .divpro .protop .right .procart{ position: relative; padding: 10px 15px; margin: 15px 0 0; font: 400 15px/22px Arial; color: #444; background: #f8f8f8; border-top: #eee 1px solid; border-bottom: #eee 1px solid; } #content .divpro .protop .right .procart span.cart{ display:inline-block; background:#ea5563; margin:0; padding:8px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font:400 13px/20px OpenSansSemiBold; color:#fff; text-transform:uppercase; text-align:center; cursor:pointer; } #content .divpro .protop .right .procart span.cart:hover { background:#e72c3f; text-decoration:none; } #content .divpro .protop .right .procart span.cart i{padding-right:6px;} #content .divpro .protop .right .procart span.numcart{ display:inline-block; padding:8px 5px; } #content .divpro .protop .right .procart div.dshare{position:absolute;top:13px;right:13px;} #content .divpro .procon{margin:20px 0 0 0;padding:0 25px 0 0;font:400 13px/18px Tahoma;color:#222; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #content iframe { margin: 0 auto; height: 500px; } @media only screen and (max-width: 780px) and (min-width: 150px) { #content iframe { height: 250px; } } #content .divpro .procon .pro-title h2{ position: relative; display: inline-block; margin: 0; padding: 0; font: 400 20px/30px OpenSansSemiBold; color: #e72c3f; text-transform: uppercase; } #content .divpro .procon .pchead{margin:0 0 10px 0;border-bottom:#e88520 2px solid;} #content .divpro .procon .pchead span{display:inline-block;background-color:#e88520;margin:0;padding:0 25px;font:bold 16px/30px 'Arial';color:#fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* END PRO DETAIL */ /* START BOX PRO GEN */ #content .degen{font:14px/20px Arial;color:#222;padding:15px 0;text-align:justify} #content .degen h1{font:20px/26px Arial;color:#222;padding:5px 0;} #content .degen h2{font:18px/26px Arial;color:#222;padding:5px 0;} #content .degen h3{font:16px/26px Arial;color:#222;padding:5px 0;} #content .degen p{font:14px/20px Arial;color:#222;padding:5px 0;} #content .degen div{font:14px/20px Arial;color:#222;padding:5px 0;} #content .degen p a{font:14px Arial;color:#222;text-decoration:none} #content .degen p a:hover{font:14px Arial;color:red;text-decoration:underline} #content .degen div a{font:14px Arial;color:#004e8a;text-decoration:none} #content .degen div a:hover{font:14px Arial;color:red;text-decoration:underline} #content .degen img{margin:5px 0;max-width:100%;height:auto !important;border:none} #content .degen table{max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .degen td{padding:3px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .degen .bang {margin:10px 0;border-collapse: collapse;} #content .degen .bang td{padding:3px 5px;border:#ababab 1px solid;} #content .degen .bang0 {margin:10;border-collapse: collapse;} #content .degen .bang0 td{padding:0;border:#ababab 0px solid;} /* END BOX PRO GEN */ #content .tailieu {padding:15px 0 10px;margin:0;} #content .tailieu .ultailieu{width:100%;padding:0;margin:0;list-style-type:none;} #content .tailieu .ultailieu li{width:100%;padding:0;margin:0;list-style-type:none;} #content .tailieu .ultailieu li.head{padding:10px 0;} #content .tailieu .ultailieu li.head h2{margin:0;padding:0;font:400 18px/25px OpenSansSemiBold;color:#222;text-transform:uppercase;} #content .tailieu .ultailieu li ul{width:100%;padding:0;margin:0;list-style-type:none;} #content .tailieu .ultailieu li ul li{width:100%;padding:5px 0;margin:0;list-style-type:none;} #content .tailieu .ultailieu li ul li a{font:400 14px/20px Arial;color:#222;} #content .tailieu .ultailieu li ul li a i{padding-right:5px;} #content .tailieu .ultailieu li ul li a:hover{color:#e72c3f;} /* START BOX NEWS */ #content .mainnews {padding:25px 0 10px;margin:0;} #content .nbox {width:100%;padding:0;margin:0;list-style:none} #content .nbox li{width:49%;display:inline-block;vertical-align:top;padding:0 20px 0 0;margin:0 0 25px 1%; border:#ddd 1px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .nbox li:nth-child(odd){margin-left:0;} #content .nbox li .left {float:left;width:38%;padding:0;} #content .nbox li .left img{display:block;width:100%;border:none; padding:0px; border: 0px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .nbox li .right {float:right;width:62%;padding:0 0 0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .nbox li h2{ max-height:40px; overflow:hidden; margin: 15px 0 5px; padding: 0; font: 400 15px/20px OpenSansSemiBold; text-transform: uppercase; color: #222; } #content .nbox li h2 a{color:#222;} #content .nbox li h2 a:hover{color:#f00;} #content .nbox li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;} #content .nbox li p.desc{max-height:60px;overflow:hidden;margin:5px 0 10px;padding:0;font:400 14px/20px OpenSans;color:#444;} /* CHIA 3 COT */ #content .n3box {width:100%;padding:0;margin:0;list-style:none} #content .n3box li{display:inline-block;width:32%;padding:0;margin:10px 0 10px 2%;vertical-align:top; border-bottom:#ddd 0 dotted; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .n3box li:first-child, #content .n3box li:nth-child(4), #content .n3box li:nth-child(7), #content .n3box li:nth-child(10){margin-left:0} #content .n3box li .thumb {width:100%;padding:0;} #content .n3box li .thumb img{display:block;width:100%;border:none; padding:0px; border: 0px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .n3box li h2{ margin: 0; padding: 8px 0 5px 0; font: 400 14px/18px OpenSans; text-transform: uppercase; color: #444; } #content .n3box li h2 a{color:#444;} #content .n3box li h2 a:hover{color:#b15c00;} #content .n3box li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;} #content .n3box li p.desc{margin:0;padding:5px 0 0 0;font:400 14px/20px OpenSans;color:#444;} /* END BOX NEWS */ #content .vibox{padding:15px 0 25px;} #content .vibox iframe{width:100%;height:500px} #content .vidbox{padding:15px 0 25px;} #content .vidbox .vicbox{width:80%;margin:0 auto;} #content .vidbox .vicbox iframe{width:100%;height:400px} /* START BOX GENERAL */ #content .boxgen{font:400 14px/22px Arial;color:#000;padding:0;text-align:justify} #content .boxgen .title{ font: 400 22px/28px OpenSansSemiBold; color: #e72c3f; padding: 0 0 15px; text-transform: uppercase; } #content .boxgen .updated {padding:0 0 4px 0;font:400 italic 13px/15px Arial;color:#666;} #content .boxgen .updated img{display:inline-block;margin:0 0 0 6px} #content .boxgen .desc{font:400 15px/22px Arial;color:#222;padding:5px 0;} #content .boxgen .source{font:400 italic 14px/22px Arial;color:#000;padding:10px 0 0 0;text-align:right} #content .boxgen h1{font:20px/26px Arial;color:#000;padding:5px 0;} #content .boxgen h2{font:18px/26px Arial;color:#000;padding:5px 0;} #content .boxgen h3{font:16px/26px Arial;color:#000;padding:5px 0;} #content .boxgen p{font:14px/22px Arial;color:#000;padding:5px 0;} #content .boxgen div{font:14px/22px Arial;color:#000;padding:5px 0;} #content .boxgen p a{font:14px Arial;color:#004e8a;text-decoration:none} #content .boxgen p a:hover{font:14px Arial;color:red;text-decoration:underline} #content .boxgen div a{font:14px Arial;color:#004e8a;text-decoration:none} #content .boxgen div a:hover{font:400 14px Arial;color:red;text-decoration:underline} #content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none} #content .boxgen table{max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .boxgen td{padding:3px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .boxgen .bang {margin:10px 0;border-collapse: collapse;} #content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;} #content .boxgen .bang0 {margin:10;border-collapse: collapse;} #content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;} #content .share{padding:10px 0;text-align:left} /* END BOX GENERAL */ #sitemap {padding: 0 0 5px 30px;list-style:none;} #sitemap li{padding:5px 0 5px 0;list-style:none;} #sitemap li a{font:bold 14px/18px Arial;text-decoration:none;color:#222;} #sitemap li a:hover{text-decoration:underline} #sitemap li ul {padding: 0 0 5px 30px} #sitemap li ul li{padding:5px 0 5px 0;} #sitemap li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;} #sitemap li ul li a:hover{text-decoration:underline} #sitemap li ul li ul {padding: 0 0 5px 30px} #sitemap li ul li ul li{padding:5px 0 5px 0;} #sitemap li ul li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;} #sitemap li ul li ul li a:hover{text-decoration:underline} /* START GROUP LIST */ #fgroup{width:1172px;padding:0 0 10px 0;margin:0 auto;list-style:none;} #fgroup li{ margin:0; padding: 0 10px 0; list-style:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #fgroup li.section-1{padding:0;} #fgroup li.section-1 .section-title{margin:0 0 20px 0;padding:0;border-bottom: 1px solid #dea52a;} #fgroup li.section-1 .section-title h2{margin:0;padding:0;font:400 22px/36px "Helvetica Neue",Arial;text-transform:uppercase;color:#666;} /* END GROUP LIST */ /* START FOOTER */ #footer{display:block;background:#3b3b3b;} #footer .box{width:1172px;margin: auto;padding:20px 0 10px;} #footer .box ul{padding:0;margin: auto;list-style:none;display: table;} #footer .box ul li{ display:inline-block; width: 34%; margin:0; padding:0; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #footer .box ul li.add{width: 32%;} #footer .box ul li.fanpage{width:30%;padding:0 0 0 20px;} #footer .box ul li.fanpage .facebook{width:100%;margin:0;overflow:hidden;text-align:center;} #footer .box ul li div.head{padding:0 0 10px;font:400 15px/20px OpenSansSemiBold;color:#dddcdc;text-transform:uppercase} #footer .box ul li div.head a{font:400 15px/20px OpenSansSemiBold;color:#dddcdc;} #footer .box ul li div.head a:hover{color:#fff;} #footer .box ul li ul{padding:0;margin:0;list-style:none} #footer .box ul li ul li{display:inline-block;width:100%;margin:0;padding:3px 0;vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #footer .box ul li ul li:last-child{width:100%;} #footer .box ul li ul li a{display:block;font:400 13px/18px OpenSans;color:#888;} #footer .box ul li ul li a:hover{color:#fff;} #footer .box ul li ul li a i{padding-right:8px;font-size:16px;} #footer .box ul li ul.office{padding:0;margin:0;list-style:none} #footer .box ul li ul.office li{display:inline-block;width:100%;margin:0;padding:3px 0;vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #footer .box ul li ul.office li h3{margin:0;padding:3px 0;font:400 13px/18px OpenSansSemiBold;color:#888;text-transform:capitalize;} #footer .box ul li ul.office li h3 i{padding-right:8px;font-size:16px;} #footer .box ul li ul.office li p{margin:0;padding:3px 0;font:400 13px/18px OpenSans;color:#888;} #footer .box ul li ul.office li a{display:inline-block;font:400 13px/18px OpenSans;color:#888;} #footer .box ul li ul.office li a:hover{color:#fff;} #footer .copy{width:1172px;margin:0 auto;border-top:#dddcdc 1px solid;padding:10px 0;font:400 13px/18px OpenSans;color:#888;text-align:center;} /* END FOOTER */ #navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px} #pnavigation h1{font:400 18px OpenSansSemibold;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;} #comming {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;} #page-result{margin:0;font:bold 18px arial;color:#3b5998;} #mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px} #imgintro {width:710px;height:260px;border:none;outline:none} #mainlink {margin:5px 0;padding:0;text-align:center;} #mainlink a { background-color: #fff; font: 400 16px/22px Arial; color: #002bff; margin: 15px 5px 0px 5px; padding: 5px 5px; min-width: 30px; display: inline-block; text-align: center; text-decoration: none; border: #ccc 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;} #mainlink a.active { background-color:#e72c3f; font:400 16px/22px Arial; color: #fff; margin: 0px 4px; padding: 3px 0; min-width:30px; display:inline-block; text-align: center; text-decoration:none; border:#e72c3f 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;} /* START BOX ENQUIRE */ #cartlist{display:block;} #cartlist .caleft{width:100%;display:inline-block;vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #cartlist .caleft h2{margin:0;padding:15px 0;font:400 20px/28px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;} #cartlist .caleft h3{margin:0;padding:0;} #cartlist .caleft h3 span{display:inline-block;padding:8px 10px;font:400 italic 14px/20px OpenSans;color:#222;} #cartlist .caleft h3 a{display:inline-block;background:#222;padding:8px 15px;font:400 14px/20px OpenSans;color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #cartlist .caleft h3 a i{padding-right:8px;} #cartlist .caleft h3 a:hover{background:#ea5563;} #cartlist .caright{width:0%;display:inline-block;vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #enlist{display:block;margin:0;padding:15px 0 10px 0;font:400 14px/25px Arial;color:#222;} #enlist .entit-1{width:6%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;} #enlist .entit-2{font:bold 14px/25px Arial;color:#222;padding:6px 8px;} #enlist .entit-3{width:10%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;} #enlist .entit-4{width:8%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;} #enlist .entit-5{width:10%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;} #enlist .entit-6{width:6%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;} #enlist .encon-1{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center} #enlist .encon-2{font:bold 14px/25px Arial;color:#222;padding:6px 8px;} #enlist .encon-2 a{font:bold 14px/25px Arial;color:#222;} #enlist .encon-2 a:hover{color:#ff0000;} #enlist .encon-3{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:right} #enlist .encon-4{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center} #enlist .encon-5{font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:right} #enlist .encon-6{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center} #enlist .encon-6 img{display:inline-block;border:none} #enlist .xemtiep {padding:15px 0 0;text-align:right;} #enlist .xemtiep a{ display:inline-block; background:#222; margin:0; padding:8px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font:400 13px/20px OpenSansSemiBold; color:#fff; text-transform:uppercase; text-align:center; cursor:pointer; } #enlist .xemtiep a:hover { background:#ea5563; text-decoration:none; } /* END BOX ENQUIRE */ /* START BOX ENFORM */ #enform{width:60%;margin:15px auto;padding:0;font:400 14px/22px Arial;color:#222;} #enform .entit{font:400 italic 14px/22px Arial;color:#222;padding:5px 0 10px;} #enform .enitem{padding:5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #enform .enitem .enleft{float:left;width:40%;font:400 14px/32px Arial;color:#222;} #enform .enitem .enleft span{color:#ff0000;} #enform .enitem .enright{float:left;width:60%;font:400 14px/22px Arial;color:#222;} #enform .enitem .enright span{display:inline-block;padding:0 10px 0 5px;font:400 14px/22px Arial;color:#222;} #enform .enitem .enright input[type="text"], #enform .enitem .enright textarea { display:inline-block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #f0f0f0 #f0f0f0 #dedede; outline: 0; margin: 0; padding: 5px 10px; font:400 14px/20px OpenSans; color:#444; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #enform .enitem .enright input[type="radio"] { display:inline-block; outline: 0; margin: 0; padding: 5px 10px; font:400 14px/20px OpenSans; color:#444; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #enform .enitem .enright input[type="button"] { display:inline-block; width:auto; background:#1f892a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; border: 0px solid; border-bottom: 3px solid #197923 !important; outline: 0; margin: 0; padding: 6px 35px; font:400 14px/22px OpenSansSemiBold; color:#fff; text-transform: uppercase; cursor:pointer; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #enform .enitem .enright input[type="text"]:hover, #enform .enitem .enright textarea:hover, #enform .enitem .enright input[type="radio"]:hover { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; } #enform .enitem .enright input[type="button"]:hover { background: #197923; border-bottom: 3px solid #197923 !important; } .txtRequired {border: #d73553 1px solid !important;} /* END BOX ENFORM */ /* START FORM BOX */ .bform{ border-top:#d3d3d3 0px solid !important; padding-top:0 !important; margin-top:0 !important; } .fform{ border-top:#d3d3d3 0px solid !important; padding-top:5px !important; margin-top:5px !important; } #form{ width:100%; border-top:#d3d3d3 1px solid; padding-top:25px; margin-top:20px; } #form .formdetail{ width:100%; padding: 0 0 5px 0; font: 400 14px/20px Tahoma; } #form .formdetail p{ font: 400 14px/20px Tahoma; padding:3px 0 3px 0; } #form .formdetail span{ font: 400 italic 13px Tahoma; } #form .formbox {} #form .formbox .formleft{ float:left; width:25%; padding:9px 0 9px 8%; font: 400 13px/16px Tahoma; } #form .formbox .formleft span{ color:#FF0000 } #form .formbox .formright{ float:right; width:55%; padding:3px 10% 3px 0; font: 400 13px/16px Tahoma; } #form .formbox .formright span{ font: bold 13px Tahoma; } /* END FORM BOX */ /* START SEARCH ITEM */ .ssubmit{background:url("../images/global/searchbg.png");border:#cccccc 1px solid;border-radius:3px;color:#444;cursor:pointer;font:bold 12px tahoma;padding:6px 15px;text-align:center;text-transform:uppercase;margin:4px 0 4px 0;} .ssubmit:hover{color:#fff;background:url("../images/global/searchbgac.png");border:#e87e00 1px solid;} .soluong {outline:none;font-size:14px; width:18px; text-align:center; color:#222;border: #cccccc 1px solid;border-left: #cccccc 0 solid;border-right: #cccccc 0 solid;padding:2px 5px;margin:auto;} .txnum {outline:none;font-size:14px;width:20px;text-align:center;color:#222;border:#cccccc 1px solid;padding:2px 0;margin:auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .textbox100 {outline:none;font-size:14px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:5px;margin:2px 0 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .textarea100 {outline:none;font-size:14px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:5px;margin:2px 0 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cbox100 {outline:none;font-size:13px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:3px;margin:2px 0 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .txtbox65px {outline:none;width:65px;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 5px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; height:27px; } .txtbox100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 2%; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; height:27px; } .txtarea100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:5px 2%; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .cbobox100 {outline:none;width:100%;font:400 14px/18px arial;color:#222;border:#ddd 1px solid;margin:5px 0;padding:4px 2%; background: #fff url('../images/global/down-green.png') no-repeat right; -moz-user-select:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } select::-ms-expand { display: none; } /* END SEARCH ITEM */ /* START MANG XH */ a.vs-social-link { display: inline-block; margin-left: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.vs-social-link i { font-size: 22px; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.vs-social-link.rss { color: #555; } a.vs-social-link.facebook { color: #555; } a.vs-social-link.twitter { color: #555; } a.vs-social-link.google { color: #555; } a.vs-social-link.linkedin { color: #555; } a.vs-social-link.youtube { color: #555; } a.vs-social-link.pinterest { color: #555; } a.vs-social-link:hover { color: #000; } a.vs-social-link:hover i { color: #000; } /* BOTTOM */ a.vs-social-link-b { background: #105caa; width: 34px; display: inline-block; text-align: center; margin: 3px 8px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.vs-social-link-b i { font-size:15px; color: #fff; margin: 6px 0; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.vs-social-link-b.rss-b { background: #ee6d12; } a.vs-social-link-b.facebook-b { background: #39517b; } a.vs-social-link-b.twitter-b { background: #4ec5ec; } a.vs-social-link-b.google-b { background: #dc1b18; } a.vs-social-link-b.linkedin-b { background: #2f5d93; } a.vs-social-link-b.youtube-b { background: #bd1111; } a.vs-social-link-b.pinterest-b { background: #fe0000; } a.vs-social-link-b:last-child { margin: 0; } a.vs-social-link-b:hover { background: #fff; } a.vs-social-link-b:hover i { color: #4f5972; } /* END MANG XH */ /* START SLIDE BANNER */ #floating_banner_left{overflow: hidden; position: absolute; top: 0px; left:0; width: 160px; height: auto; z-index:500;} #floating_banner_right{overflow: hidden; position: absolute; top: 0px; right: 0px; width: 165px; height: auto; left: 1111px; z-index:500;} #floating_banner_left div.box, #floating_banner_right div.box { border: 2px solid #222; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_left div.adbox, #floating_banner_right div.adbox { border: 2px solid #222; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_left div.adbox img, #floating_banner_right div.adbox img {display:block;width:100%;border:none;margin: 0 0 8px 0;} #floating_banner_left div.head, #floating_banner_right div.head { font: 400 14px/20px OpenSansSemiBold; color: #fff; margin: 0; padding: 5px 10px; background: #e60000; } #floating_banner_right .pro{width:100%;padding:15px 5px 0;margin:0;list-style:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_right .pro li{display:inline-block;width:100%;position:relative;padding:0 0 10px;margin:0 0 15px 0;list-style:none;vertical-align:top; border-bottom: 1px solid #ddd; background:#fff;; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_right .pro li:last-child{padding:0;border-bottom: 0px solid #ddd;} #floating_banner_right .pro li .thumb{display:inline-block;width:30%;padding:0;vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_right .pro li .thumb img{display:block;width:100%;border:none} #floating_banner_right .pro li .info{display:inline-block;width:70%;padding:0 0 0 10px;vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #floating_banner_right .pro li div.price{padding:0;font:400 12px/15px Arial;color:#ff0000;} #floating_banner_right .pro li div.price a{font:bold 12px/15px Arial;color:#ff0000;} #floating_banner_right .pro li div.price a:hover{color:#ff0000;} #floating_banner_right .pro li h2{margin:0;padding:0 0 5px 0;font:400 12px/15px Arial;color:#444} #floating_banner_right .pro li h2 a{display:block;margin:0;font:400 12px/15px Arial;color:#444;} #floating_banner_right .pro li h2 a:hover{color:#e60000;} /* END SLIDE BANNER */ /* START VIDEO LIST */ #promap{width:100%;height:450px;margin:25px 0 10px;} /* END MAP LIST */ /* FORM DANG KY EMAIL */ #feedback-1 { position: fixed; bottom: 0; height: auto; z-index: 9999; left: 50px; } #feedback-1 .feedback-header { font:400 15px/20px OpenSansSemiBold; color:#fff; text-align: center; padding: 7px 25px; cursor: pointer; background: #015ea7; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .fade{ opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0.5 !important; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } #feedback-2 { background: #015DA5; position: fixed; left: 50px; bottom: 50px; z-index: 999999; color: #ffffff !important; height: auto; width: 550px; padding: 15px 20px; border-radius: 4px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; bottom: inherit !important; } #feedback-2 #close{ position: absolute; font-size: 20px; right: 15px; top: 2px; opacity: .8; cursor: pointer; } #feedback-2 .heading{ font:400 18px/20px OpenSansSemiBold; border-bottom: 1px solid #ffffff; margin-bottom: 12px; padding: 0 0 10px; } #feedback-2 .body form{ margin-top: 10px; } #feedback-2 .body span.shead{ font:400 14px/18px OpenSans; } #feedback-2 .body .msg{ font:400 italic 14px/18px OpenSans; color:#ffff00; text-align:center; padding:30px 0 42px; } #feedback-2 .body .dkform{padding:12px 0 0} #feedback-2 .body .dkform div{display:inline-block;width:32.666666%;vertical-align:top; margin: 0 1% 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #feedback-2 .body .dkform div.button{margin:0;} #feedback-2 .body .dkform div span{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px OpenSans;color:#fff;} #feedback-2 .body form input[type="text"] { display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; background-color: #eff0f0; border: 0px solid; border-color: #eff0f0 #eff0f0 #eff0f0 #eff0f0; outline: 0; margin: 0; padding: 6px 12px; font:400 14px/20px OpenSans; color:#222; } #feedback-2 .body form input[type="button"] { width:100%; background:#f05a28; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; border: 0px solid; border-bottom: 0px solid #347da4 !important; outline: 0; margin: 0; padding: 6px 10px; font:400 14px/20px OpenSansSemiBold; color:#fff; text-transform:none; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #feedback-2 .body form input[type="submit"]:hover { background:#d6410f; color:#fff; } #feedback-2 .foot{ opacity: .5; font:400 13px/16px OpenSans; margin-top: 10px; } /* FORM DANG KY TÀI LIỆU */ #reg-2 { background: #fff; border: 3px solid #ccc; position: fixed; left: 20%; bottom: 10%; z-index: 999999; color: #222; height: auto; width: 700px; padding: 15px 15px; /* top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; bottom: inherit !important; */ } #reg-2 #closer{ position: absolute; font-size: 20px; right: 15px; top: 12px; opacity: .8; cursor: pointer; } #reg-2 .heading{ font:400 18px/20px OpenSansSemiBold; border-bottom: 1px solid #eee; margin-bottom: 12px; padding: 0 0 10px; } #reg-2 .info{display:inline-block;width:55%;vertical-align:top; padding:0 30px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reg-2 .info .thumb{padding:5px 0 0} #reg-2 .info .thumb img{display:block;width:100%;border:none} #reg-2 .info .dkinfo{width:100%;padding:0;margin:15px 0 0 0;} #reg-2 .info .dkinfo div.rbox{margin:0;padding:10px 15px 5px; border:#dadada 1px solid; border-top:0px solid #054d66; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #reg-2 .info .dkinfo h3{ margin: 0; border: none; padding: 0 0 5px 0; font: 400 14px/20px OpensansSemiBold; color: #222; text-transform: uppercase; } #reg-2 .info .dkinfo .why{width:100%;padding:0;margin:0;list-style:none;} #reg-2 .info .dkinfo .why li{list-style:none; position: relative; margin:0; padding: 10px 0 10px 28px; font: 400 14px/18px Opensans; color: #222; } #reg-2 .info .dkinfo li:last-child{border-bottom:0px solid #ddd;} #reg-2 .info .dkinfo li:before{ position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f00c"; top: 9px; left: 0; color: #ffb50b; border: 1px solid; border-radius: 50%; padding: 2px; } #reg-2 .body{display:inline-block;width:45%;vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reg-2 .body form{ margin-top: 10px; } #reg-2 .body span.shead{ font:400 14px/18px OpenSans; } #reg-2 .body .msg{ font:400 italic 14px/18px OpenSans; color:#ff0000; text-align:center; padding:30px 0 42px; } #reg-2 .body .dkform{padding:12px 0 0} #reg-2 .body .dkform div{display:inline-block;width:100%;vertical-align:top; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reg-2 .body .dkform div.button{margin:0;} #reg-2 .body .dkform div span{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px OpenSans;color:#222;} #reg-2 .body form input[type="text"], #reg-2 .body textarea { display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; background-color: #fff; border: #ccc 1px solid; outline: 0; margin: 0; padding: 4px 10px; font:400 14px/20px OpenSans; color:#222; } #reg-2 .body form input[type="button"] { width:100%; background:#f05a28; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; border: 0px solid; border-bottom: 0px solid #347da4 !important; outline: 0; margin: 0; padding: 6px 10px; font:400 14px/20px OpenSansSemiBold; color:#fff; text-transform:none; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #reg-2 .body form input[type="submit"]:hover { background:#d6410f; color:#fff; } #reg-2 .foot{ opacity: .5; font:400 13px/16px OpenSans; margin:15px 0 5px; } #cs-fb { position: fixed; bottom: 0; right: 0; z-index: 999999; width: 250px; } #cs-fb .cs-title { background: #3b5998; padding: 10px; color: #FFF; font-size: 14px; width: 120px; float: right; } #cs-fb .fb-page { display: none; } #cs-fb:hover> .fb-page { display: block; } @media (max-width:1280px){ #header .top .box, #header .mnbox .box, #content div.homebox .hotpro, #content div.homebox .homepro, #content div.homebox .homead, #footer .box, #footer .copy, #navi .navibox, #content div.conbox {width: 98%;} #header .mnbox .box {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; } #content .hpro li {width: 23%;} } @media (max-width:1024px){ } @media (max-width:900px){ #content .prolist .left {display: none;} #content .prolist .right {width: 100%;padding: 0;} #content .prode .left {width: 70%;} #content .prode .right {width: 30%;} #content .divpro .protop .left {width: 100%;} #content .divpro .protop .right {width: 100%;} #footer .box ul li {width: 49%;} #footer .box ul li.add {width: 39%;padding: 0px 0 0;} #footer .box ul li.fanpage {width:50%;padding: 15px 0;} #footer .box ul li.fanpage .facebook {text-align: left;} } @media (max-width:768px){ #content .prode .left {width: 100%;overflow: hidden;} #content .prode .right {width: 100%;} #content .divpro .procon {padding: 0;} #content .divpro .protop .right {padding:0;} #content .nbox li {width: 100%;margin: 0 0 25px;} } @media (max-width:640px){ #header .top{padding: 1px 0;} #header .top .box .logo {display: block;float:left;padding-top: 5px} #header .top .box .logo img {display: inline-block;max-height: 50px; object-fit: cover; width: 40px; height: 40px; position: fixed; object-position: left;} #header .top .box .right {position: static;top: auto;right: auto;text-align: right;padding: 5px 0 10px;} #boxads{padding:103px 0 0;} #content .hpro li {width: 49%;margin: 5px 0px;} #content .pro li {width: 49%;} #content div.homebox .homepro ul li {width: 100%;margin: 0 0 20px;} #footer .box ul li.add {width:100%;} #footer .box ul li.fanpage {width:100%;} } @media (max-width:480px){ #sliderh {height:150px !important;} #header .top .box .right .mxh {display: none;} #boxmn{display:block;} #content .pro li div.lovebox .numcart {padding: 3px 8px;} #content .hpro li div.lovebox .numcart {padding: 3px 8px;} #footer .box ul li ul.office li {width: 100%;} #content .nbox li {padding:0} #content .nbox li .left {width: 100%;padding: 0;} #content .nbox li .right {width: 100%;padding: 0 10px;} #content .divpro .protop .right ul li:nth-child(odd) { width: 32%; padding: 5px 10px 5px 0; float: left; } #content .divpro .protop .right ul li:nth-child(even) { width: 66%; } } @media (max-width:420px){ #header .top .box .right .worktime { display: inline-table; border: none; } #content div.homebox .hotpro .ulhome li.lihome h2:before {width: 30px;} #content div.homebox .hotpro .ulhome li.lihome h2:after {width: 30px;} } /* hk */ .hk { position: relative; padding-bottom: 56.25% !important; padding-top: 10px !important; height: 0; overflow: hidden; width: 98%; margin: auto; } .hk iframe, .hk object, .hk embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .call-zalo { position: fixed; bottom: 52px; height: 40px; line-height: 40px; padding: 0 0px 0 0px; border-radius: 40px; color: #fff; left: 20px; z-index: 99999; background: #57abd8; } .call-zalo .icon-zalo { font-size: 17px; line-height: 38px; background: #57acd8; border-radius: 100%; width: 40px; height: 40px; text-align: center; float: right; background-image: url(../images/global/zalo.png); margin-top: -1px; } .call-zalo a{ text-transform: uppercase; text-decoration: none; } .call-zalo img{ border-style: none; } .call-mobile { background: #ED1C24; position: fixed; bottom: 10px; height: 40px; line-height: 40px; padding: 0 0px 0 0px; border-radius: 40px; color: #fff; right: 20px; z-index: 99999; } .call-mobile i { font-size: 20px; line-height: 40px; background: #B52026; border-radius: 100%; width: 40px; height: 40px; text-align: center; float: right; } .call-mobile a { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; margin-right: 10px; padding-left: 10px; } .success { background-color: #1E73BE; padding: 10px; color: white !important; } /* hidden ============================================================================= */ @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .pro-detail .rsImg { margin-top: 10px !important; } /* Style the tab */ .tab { overflow: hidden; /* border: 1px solid #ccc; background-color: #f1f1f1; */ text-align: center; } /* Style the buttons that are used to open the tab content */ .tab .tablinks { background-color: inherit; color: #777; border: none; outline: none; cursor: pointer; padding: 16px 16px 2px 16px; transition: opacity .25s ease,color .25s ease; text-transform: uppercase; font-size: 14px; font-weight: normal; display: inline-flex; flex-direction: column; align-items: center; } /* Change background color of buttons on hover */ .tab .tablinks:hover { border-bottom: 2px solid #ea5563; } /* Create an active/current tablink class */ .tab .tablinks.active { border-bottom: 2px solid #ea5563; color: #000; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; /* border: 1px solid #ccc; */ border-top: none; } .title-br { display: inline; font-size: 14px; } .product-label-hot { display: flex; align-items: center; justify-content: center; padding: 5px 5px; height: 30px; width: 30px; border-radius: 35px; font-size: 14px; background-color: #ff0000; text-transform: uppercase; color: #fff; font-weight: bold;