@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     font: inherit;
     margin: 0pt;
     padding: 0pt;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

.wapper {margin: 0px auto; padding: 0px;}

a, a:hover, .pic img, .pic:hover img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}

@font-face
{
font-family: UTMBebas;
src: url(/UTMBebas.ttf);
}
@font-face
{
font-family: UTMAurora;
src: url(/UTMAurora.ttf);
}
@font-face
{
font-family: UTMAvo;
src: url(/UTMAvo.ttf);
}
@font-face
{
font-family: UTMHelveBold;
src: url(/UTMHelveBold.ttf);
}

/*

@font-face
{
font-family: UTMHelve;
src: url(/UTMHelve.ttf);
}

@font-face
{
font-family: UTMHelveItalic;
src: url(/UTMHelveItalic.ttf);
}
@font-face
{
font-family: UTMPenumbra;
src: url(/UTMPenumbra.ttf);
}
@font-face 
{
font-family: UTMHelvetIns;
src: url(/UTMHelvetIns.ttf);
}
*/
body
{
	margin-bottom:0px; margin-top:0px; font-family: Arial; color:#4b352a; font-size:15px; background:#fff; position: relative;  }
.bg {margin: 0px auto; overflow: hidden;  }

/*Layout*/
.clear {clear: both;}
.body {width: 100%; margin: 0px auto; overflow: hidden}
.body1 {width: 100%; margin: 0px; overflow: hidden; z-index:1000; padding: 0px;}
.body1-content {background-color:#f5f5f5;}

.pic{max-width:800px;max-height:624px;position:relative;overflow:hidden;-webkit-animation:anima 2s;-moz-animation:anima 2s;-o-animation:anima 2s;-ms-animation:anima 2s;animation:anima 2s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.pic:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}

.icon-flipped {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}

b, strong, h1, h2, h3 {font-weight: bold}
.web-content {width: 1100px; margin: 0px auto; padding-bottom: 40px;}
.cols1 {width: 73%; float: left; margin-right: 2%; overflow: hidden;}
.cols2 {overflow: hidden; width:100%; max-width: 1020px; clear: both; margin: 0px auto; }
.cols3 {width: 25%; float: left; margin:0px; }
.cols3-content {width: 340px; overflow: hidden;}
.cols4 {width: 209px; float: left; padding-left: 15px; overflow: hidden;}
.cols5 {width: 670px; float: left; overflow: hidden; margin-right:30px; }
.rows1 {clear: both; overflow: hidden; background:url(/images/bgproject-home.png) center top;}
.rows2 {clear: both; overflow: hidden; height: 771px;  }

.rows3 {clear: both; overflow: hidden; background:url(/images/bgghisang.png) repeat-x top center; padding-bottom: 20px;}
.rows4 {clear: both; overflow: hidden; height:350px; background:url(/images/bgrow4.png) no-repeat top center;}

.cols6 {overflow: hidden; margin:0px auto; clear: both; min-height:484px;}

.map-area {width: 650px; float: left; margin-left: 50px; }
/*Layout*/
 
/*-----------------------------------------------------------*/ 
 
/*Banner218*/
.banner-area {clear: both; margin: 0px auto;  border-bottom: solid 1px #cdcdcd; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+23,ffffff+30,04295d+30,04295d+30,04295d+38,04295d+50,04295d+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 23%, #ffffff 30%, #04295d 30%, #04295d 30%, #04295d 38%, #04295d 50%, #04295d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 23%,#ffffff 30%,#04295d 30%,#04295d 30%,#04295d 38%,#04295d 50%,#04295d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 23%,#ffffff 30%,#04295d 30%,#04295d 30%,#04295d 38%,#04295d 50%,#04295d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#04295d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.content-area {clear: both; margin: 0px auto; padding:0px; width: 100%;  max-width: 1120px;  }
.banner-area .content-area .logo {width: 25%; font-size: 0px; float: left; padding: 10px 0px; text-align: center }
.banner-area .content-area .logo img {width: 50%; font-size: 0px;  }
.banner-area .content-area .social {float: left; padding:0px; width: 75%; margin-top:10px; height: 40px;  }
.banner-area .content-area .social .icon-social{float: left; padding:0px; width: 60%; text-align: right;  }
.banner-area .content-area .social .icon-social img{height: 25px;}
.banner-area .content-area .social .search-area {width: 28%; height: 27px;  float: left; margin-left: 2%; overflow: hidden; border:solid 1px #747474; border-radius: 30px; }
.banner-area .content-area .social .search-area select {width: 200px; height: 45px;  margin: 0px; padding: 0px; float: left; background:url(/images/icondanhmuc.png) no-repeat 8px 12px; padding-left: 30px;}
.banner-area .content-area .social .search-area .textbox {width: 180px; height: 25px; background-color:#04295d; border-width: 0px;  margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; float: left;}
.banner-area .content-area .social .search-area .submit {width: 50px; height: 25px; border-width: 0px;  margin: 0px; padding: 0px; float: left; background:url(/images/iconsearch.png) no-repeat center center; font-size: 0px;}
.banner-area .content-area .menu-area {float: left; width: 75%; text-align: left;  vertical-align: middle; font-family: UTMBebas; font-size: 20px; text-shadow: 1px 1px 1px #000; color:#fff;  }
#jssor_1 {margin: 0px; padding: 0px;position: relative; margin: 0 auto; padding: 0px; top: 0px; left: 0px; width: 1366px; height: 391px; overflow: hidden; visibility: hidden;}
.jssora051 {width: 65px; height: 65px; top: 0px; left: 25px; overflow: hidden }
.jssora051 {width: 65px; height: 65px; top: 0px; left: 25px; overflow: hidden }
 
.banner-area .content-area .order-icon {width: 78px; height: 67px; background:url(/images/icon-chart.png) no-repeat center center; float: right; margin: 35px;} 
.banner-area .content-area .order-icon div {height: 29px; width: 29px; background-color:#363636; border-radius: 20px; text-align: center; float: right; margin: 20px 0px; line-height: 29px; vertical-align: middle; color:#fff; font-size: 13px; }

.banner-area .line3 {clear: both; margin: 0px auto; padding:0px; height: 80px; border-top: solid 1px #6496ab}
.banner-area .line3 .content-area {margin: 0px auto; padding:0px; width: 1120px; height: 80px;}

.banner-area .hot-contact {height: 50px; line-height: 50px; background-color: Blue; clear: both}
.banner-area .hot-contact .hotline{width: 380px; height: 50px; background-color:#ee1c3f; font-family:UTMAvo; font-size:18px; float: left }
.banner-area .hot-contact .hotline .icon {width: 75px; height: 50px; background:#ee1c3f url(/images/hotline.png) no-repeat center center; float: left }
.banner-area .hot-contact .hotline .content2 {width: 270px; height: 50px; float: left;  color:#fff; font-weight: bold;text-shadow: 1px 1px 1px #333 }
.banner-area .hot-contact .facebook2{width: 380px; height: 50px; background-color:#0063c8; font-family:UTMAvo; font-size:18px; float: left}
.banner-area .hot-contact .facebook2 .icon {width: 75px; height: 50px; background: url(/images/icon-facebk.png) no-repeat center center; float: left }
.banner-area .hot-contact .facebook2 .content2 {width: 270px; height: 50px; float: left;  color:#fff; font-weight: bold;text-shadow: 1px 1px 1px #333 }
.banner-area .hot-contact .email2{width: 380px; height: 50px; background-color:#ffc221; font-family:UTMAvo; font-size:18px; float: left}
.banner-area .hot-contact .email2 .icon {width: 75px; height: 50px; background: url(/images/icon-email.png) no-repeat center center; float: left }
.banner-area .hot-contact .email2 .content2 {width: 270px; height: 50px; float: left;  color:#fff; font-weight: bold;text-shadow: 1px 1px 1px #333 }
.banner-area .hot-contact a{color:#fff; text-decoration: none; text-shadow: 1px 1px 1px #333}
/*Page-Content*/
.adv-home {width: 100%; max-width: 1440px; margin: 0px auto; height: 391px; float: none; position: relative; clear: both }
 
/*----------------------------Center-------------------------------*/

.title-center {width: 100%; clear: both; height: 47px; line-height: 47px; vertical-align: middle; border-bottom:solid 3px #04295d; overflow: hidden}
.title-center span {background:#04295d url(/images/bgtitlecenter.png) no-repeat top right; padding: 14px 0px; padding-right: 100px; margin: 0px; font-size: 20px; padding-left: 30px; text-transform: uppercase; font-weight: bold; color:#fff;  }
.title-center span a{color:#fff; }
.title-center span a:hover{color:#8f1f19; text-shadow: 1px 1px 1px #fff; text-decoration: none}
.title-center span:hover{color:#8f1f19; text-shadow: 1px 1px 1px #fff; text-decoration: none }


.product-item-home {width: 23%; margin-right:2%; float: left; overflow: hidden; margin-top: 15px; padding-bottom: 20px; height: 280px;}
.product-item-home div.image-product {width: 100%; height: 180px;float: left; text-align: center; overflow: hidden; border:solid 1px #ccc }
.product-item-home div.image-product a img{border:0px; width: 100%;height: 180px; position: relative}
.product-item-home div.image-product div {border:0px; width: 40px;height: 40px; position: absolute; top: 0px; right: 0px;}
.product-item-home div.title-product {color:#232222; text-decoration: none; width:100%; height: 45px; line-height: 20px; padding-bottom: 15px; 
                                      padding-top:5px; clear: both;vertical-align:middle; text-align: left; font-weight: bold; text-align: center; color:#04295d; font-size: 16px;}
.product-item-home div.title-product a{color:#04295d; text-decoration: none; }
.product-item-home div.title-product a:hover{ text-decoration: none; color:#59595b;}
.product-item-home div.price {color:#4d4d4f; width: 30%; float: left; vertical-align: middle; text-align: left; font-family: UTMAurora; font-size: 22px;}
.product-item-home div.price span{clear: both; display: block; color:#ccc; font-size: 18px;}
.product-item-home div.detail {color:#4d4d4f; width: 70%; float: left;  text-align: center; vertical-align: middle;padding-top: 5px; margin-top: 10px; }
.product-item-home div.detail a{color:#fff; font-weight: bold; background-color:#1d4e87; padding: 5px 20px; clear: both; float: right; border-radius: 5px; font-size: 13px; }
.product-item-home div.detail a:hover{background-color:#0b610c; text-decoration: none; }

.mid-news-area {clear: both; width: 100%; max-width: 1000px; margin: 0px auto;}
.mid-news-area .title {clear: both; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-align: center;}
.mid-news-area .item {width:29%; margin: 2%; float: left; text-align: center; padding: 20px 0px;}
.mid-news-area .item a{font-family: UTMBebas; font-size: 25px; color:#1d4e87; text-decoration: none;  }
.mid-news-area .item p{padding-top:5px;}
.mid-news-area .item .button {height: 50px; line-height: 50px; vertical-align: middle; text-align: center}
.mid-news-area .item .button a{border:solid 2px #ff0000; border-radius: 20px; padding: 5px 20px; font-family: Arial; font-size: 15px; text-transform: uppercase; color:#ff0000; font-weight: bold}

.clear20 {clear: both; width: 100%; height: 20px;}

.title-left {background-color:#59595b; height: 40px; line-height: 40px; vertical-align: middle; width:100%; padding-left:13px; text-transform: uppercase; color:#fff; font-weight: bold; font-family: UTMAvo}

.category-list ul, .category-list li{margin:0;padding:0;list-style:none}
.category-list .category-title{background:#1d4e87 url(/images/menu_left_button_hien.png) no-repeat scroll right 5% center;font-size:15px;margin:0;text-align:left;line-height:25px;width:100%;text-transform:uppercase;display:block;border-top:1px #e9e9e9 solid; float:left;color:#fff;padding:10px;box-sizing:border-box; font-weight: bold}
.category-list .category-title1{background:#1d4e87;font-size:15px;margin:0;text-align:left;line-height:25px;width:100%;text-transform:uppercase;display:block;border-top:1px #e9e9e9 solid;float:left;color:#fff;padding:10px;box-sizing:border-box}
.category-list .list{display:none}
.category-list .parent_item.active_parent .list{display:block}
.category-list .parent_item.active_parent .category-title{background:url(/images/menu_left_button_an.png) no-repeat scroll right 5% center #04295d}
.category-list .list>ul>li a{background:url(/images/bullet.gif) no-repeat scroll 10px center;color:#101010;padding:5px 5px 5px 25px;white-space:nowrap;color:#505050; display:inline-block;  }
.category-list .list>ul>li>ul>li {border-bottom:dotted 1px #ccc; }
.category-list .list>ul>li>ul>li a{background:url(/images/menu_left_bullet_normal.png) no-repeat scroll 10px center;color:#101010;padding:5px 5px 5px 25px;white-space:nowrap;color:#505050;text-transform:none;display:inline-block;font-weight: normal}
.category-list .list>ul>li a:hover,.category-list .list>ul li.current-cat>a{margin-left:10px;background:url(/images/icon2.png) no-repeat 10px center;color:#ef7862;transition:all .3s}
.category-list .list>ul>li>ul>li a:hover,.category-list .list>ul li.current-cat>a{margin-left:10px;background:url(/images/menu_left_bullet_hover.png) no-repeat 10px center;color:#ef7862;transition:all .3s}
.category-list>ul>li li{line-height:30px;min-height:30px;overflow:hidden;width:100%;box-sizing:border-box;background:#f5f5f5}
.category-title >a{color:#fff}
.category-title1 >a{color:#fff}


.about-us-detail-content {clear: both; width:100%; font-size: 16px; line-height: 20px;}
.about-us-detail-content img {max-width:100%;}


.top-news-home {width: 100%; max-width: 1120px; min-height: 520px; margin: 0px auto; background-color:#fff; padding: 10px; margin-top: 10px;}
.top-news-home .top-item {width: 40%; float: left }
.top-news-home .top-item .img {width: 100%; border-width: 0px; height: 300px;}
.top-news-home .top-item .img img{width: 100%; border-width: 0px; height: 300px;}
.top-news-home .top-item .title1 {width: 100%; clear: both; padding: 20px 0px; }
.top-news-home .top-item .title1 a{font-size: 20px; text-decoration: none; color:#0d509c; font-weight: bold}
.top-news-home .top-item .title1 a:hover {color:#35a72d}

.top-news-home .list-item {float: left; width: 60%;  }
.top-news-home .list-item .item {width: 48%; margin-left: 2%; float: left; overflow: hidden; height: 250px; margin-bottom: 10px; text-align: justify}
.top-news-home .list-item .item .img{width: 100%; height: 200px; margin-bottom:5px;}
.top-news-home .list-item .item .img img{width: 100%; height: 200px;}
.top-news-home .list-item .item a{font-size: 16px; text-decoration: none; color:#0d509c; font-weight: bold; padding-top: 10px; clear: both;}
.top-news-home .list-item .item a:hover {color:#35a72d; }
.top-news-home .list-item .item p{font-size:12px; padding-top: 8px;}



.adv-home-centerpage {width: 100%; max-width: 1440px; margin: 0px auto; background-color: #fff; margin-top: 10px; margin-bottom: 30px; }
.adv-home-centerpage img {width: 100%;}
.jssorb03 {
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    background: url(img/b03.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(img/a03.png) no-repeat;
    overflow: hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }   


.order-home-area {clear: both; display: block; float: none;  width:100%; max-width: 1120px; margin: 0px auto; margin-top: 10px; }
.order-home-left {width: 70%;  float: left; background:rgba(255,255,255,0.7); display: block ; padding:10px;}
.order-home-left .order-home-title {font-size: 25px; height: 50px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c;}

.donhang-item {clear: both; width:100%;margin-top: 10px; height: 135px; display: block; background-color:#f7f6f4; padding: 10px;}
.donhang-item .date {width: 13%; float:left; height: auto; border-right: solid 1px #ccd8e7; text-align: center; color:#0d509c }
.donhang-item .date span {font-family:Roboto-Bold; font-size: 40px; text-transform: uppercase;  width:100%; padding: 10px; border-bottom:solid 1px #ccd8e7}
.donhang-item .date p{ font-size: 16px; clear: both; display: block;  width:100%; padding: 10px; margin-top: 10px;}
.donhang-item .title {width: 82%; display: block; float: left; padding-left: 20px; }
.donhang-item .title h3 a{font-size: 22px; font-family: UTMHelve; line-height: 22px; padding-bottom: 10px;  display: block; color:#55cf45 }
.donhang-item .title a{font-size: 22px; font-family: UTMHelve; line-height: 22px; padding-bottom: 10px;  display: block; color:#55cf45 }
.donhang-item .title a:hover {color:#ff0000}
.donhang-item .content {width: 82%; display: block;  float: left;padding-left: 20px;}

.order-home-right {width: 29%; margin-left: 1%;  float: left;display: block ;}

.register-email {width: 100%; clear: both; background-color:#55cf45; border-radius: 5px; padding: 20px 20px; margin-top: 10px; margin-bottom: 10px;}
.register-email .title {text-align: center; clear: both; height: 50px; font-size: 17px; font-weight: bold; padding-bottom: 10px;}
.register-email .title span {font-size: 25px;}
.register-email input[type=text] {clear: both; height: 25px; line-height: 25px; vertical-align: middle; border:solid 1px #fdfdfd; width: 100%; margin-bottom: 5px; border-radius:3px; padding-left: 10px }
.register-email textarea {clear: both; height: 150px; vertical-align: middle; border:solid 1px #fdfdfd; width: 100%; margin-bottom: 5px; border-radius:3px; padding-left: 10px }
.register-email input[type=submit] {clear: both; height: 30px; line-height: 30px; vertical-align: middle; border:solid 1px #474646; width: 85px; margin-bottom: 5px; border-radius:3px; float: right; background-color:#fe0000; font-weight: bold; color:#fff }

.support-area {width: 100%;  margin-top: 10px; }
.support-item {width: 100%; background:url(/images/bg.png);  float:left; font-size: 13px; line-height: 22px; background-color:#fff; padding:10px; border-radius: 5px; margin-bottom:10px;}
.support-area .support-title{font-size: 18px; height: 35px; font-family: UTMAvo; font-weight: bold; color:#0d509c; text-align: center}
.support-area .support-title1{font-size: 16px; height: 35px; font-family: UTMAvo; font-weight: bold; color:#0d509c; text-align: right}
.support-item .info {clear: both; height:30px; line-height: 30px; vertical-align: middle; border-bottom: dotted 1px #f48f6b; text-transform: uppercase }
.support-item .name {clear: both;  color:#3366ff; display: block; background: url(/images/support-icon.png) no-repeat center left; padding-left: 40px; height: 40px; line-height: 40px; vertical-align: middle; font-size: 16px; } 
.support-item .name a {color:#3366ff } 
.support-item .phone {float: left; width: 50%; display: block; background: url(/images/icon-phone4.png) no-repeat center left; padding-left: 25px; color:#808080 } 
.support-item .phone a {color:#808080 } 
.support-item .mobile {float: left;width: 50%; display: block; background: url(/images/icon-phone-2.png) no-repeat center left; padding-left: 25px; color:#808080 } 
.support-item .mobile a {color:#808080 } 
.support-item .email {clear: both; display: block; background: url(/images/icon-email2.png) no-repeat center left; padding-left: 25px; color:#df7401 } 
.support-item .email a {color:#df7401 } 
.support-item .skype {clear: both; display: block; background: url(/images/icon-skype.png) no-repeat center left; padding-left: 35px; color:#df7401 } 
.support-item .skype a {color:#01bbea } 

.support-item .livechat {float: left; width: 100%; display: block; background: url(/images/livechat.png) no-repeat center left; padding-left: 60px; height: 25px; margin-top: 5px; color:#808080 } 
.support-item .zalo {float: left; display: block; color:#808080 } 
.support-item .zalo a {color:#808080 } 
.support-item .mesFace {float: left; display: block; color:#808080 } 
.support-item .mesFace a {color:#808080 } 
.support-item .livechat img {margin-top: 2px;}


.news-right-area {clear: both; margin: 0px; padding: 0px; list-style-type: none; background: rgba(255,255,255, 0.6);padding:5px;}
.news-right-area .news-right-title {font-size: 18px; height: 35px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c;}
.news-right-area .news-right-title a{color:#ff0000;}
.news-right-area .news-right {clear: both; margin: 0px; padding: 0px; list-style-type: none; width: 100%; padding-top: 5px; border-radius: 3px;}
.news-right-area .news-right img {width: 30%; height:55px; float: left; margin-right: 5px; border:solid 1px #ccc;}
.news-right-area .news-right a {color:#5a8354; font-size:13px;}
.news-right-area .news-right a:hover {color:#333; font-size:13px;}
.news-right-area .news-right span {color:#ccc; font-size:13px;}

.adv-area-right {width: 100%;}
.adv-area-right img{width: 100%; clear: both; padding-bottom:10px;}

.product-info {width: 100%; text-align: left; margin: 0px auto ; overflow: hidden; margin-top:20px; }
.product-info div.image-product-area {width: 45%; overflow:hidden; margin-right:10px; float: left; text-align: left; overflow: hidden; border: solid 3px #0b610c }
.product-info div.image-product-area div.share-info{width: 300px; margin-top:10px; float: left; text-align: left; overflow: hidden; }
.product-info div.image-product-area img {width:100%; }
 
.product-info div.info { line-height: 20px; text-align: left; float: left; overflow: hidden; width: 50%;  }
.product-info div.info div.createdDate{width: 100%; height: 39px; line-height: 39px; text-align: left; clear: both; vertical-align:middle; font-size:11px; border-bottom:solid 1px #dfdfdf; color:#bcbaba;}
.product-info div.title-product {color:#b52117; text-decoration: none; width:100%; line-height: 30px; vertical-align:middle; text-align: left; font-weight: 500; font-size:25px; font-family: UTMHelveBold; padding-bottom: 20px;}
.product-info div.title-product a{color:#b52117; text-decoration: none; }
.product-info div.info div.title-product a:hover{ text-decoration: none; color:#61060d;}
.product-info div.info div.product-price {color:#6b6767; font-size:15px; text-decoration: none; height: 40px; line-height: 40px; vertical-align: middle; border-bottom:solid 1px #dfdfdf;}
.product-info div.info div.product-price span{color:#792303; font-size:15px; text-decoration: none; }
.product-info .more-info {color:#4d4d4f; clear: both; text-decoration: none;  overflow: hidden; line-height: 22px; padding: 10px 0px; text-align: justify; width:100%}
.product-info .more-info strong {font-weight: bold}
.product-info .more-info img{max-width:100%;}
.product-info .more-info table{width:100%; border:solid 1px #ececec; border-collapse: collapse}
.product-info .more-info table tr{width:100%; min-height: 23px; }
.product-info .more-info table td{border:solid 1px #ececec; min-height: 23px; }
.product-info .more-info a{font-weight: bold; color:#4b352a; text-decoration:none}

.product-info div.info div.product-sumary {color:#4d4d4f; text-decoration: none; width:100%; height: 100px;  overflow: hidden; line-height: 22px; padding: 10px 0px; text-align: justify;}
.product-info  b{font-weight: bold;}
.product-info  img {max-width:100%}
.product-info  table{border:solid 0px #999; }
.product-info  table td {border-bottom:solid 1px #999; border-top:solid 0px #999;border-left:solid 0px #999; border-right:solid 1px #999;  border-collapse: collapse; padding: 10px 0px; }

.product-info div.info .title-pro {width: 28%; float: left; color:#999; height: 30px; line-height: 30px; vertical-align: middle}
.product-info div.info .value-pro {width: 48%; float: left; color:#333; height: 30px; line-height: 30px; vertical-align: middle}
.product-info div.info .value-pro b{font-weight: bold; color:#ff0000; font-size: 18px;}
.product-info div.info .value-pro a.{font-weight: bold; color:#ff0000; font-size: 18px;}
.product-info div.info .order-product {padding-top: 5px; color:#4d4d4f; margin-right:5px; width:100%; clear: both; padding: 10px 0px}
.product-info div.info .order-product a{color:#fff; padding: 7px 15px; background-color:#6fba2c; text-decoration: none; font-weight: bold; border-radius: 5px; }
.product-info div.info .order-product a:hover{color:#4d4d4f; text-decoration: underline; font-weight: 500}
.product-info div.info div.navigator-button {color:#fff; height:25px; text-align: center; line-height:25px; vertical-align: middle; float: left; text-decoration: none; font-size:500; background-color:#d65908;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top: 20px; text-align: center}
.product-info div.info div.navigator-button a{padding:0px 10px; color:#fff; text-decoration:none}
.product-info div.tags-product {clear: both; border-bottom:solid 1px #e3dfdf; padding-bottom: 20px; }
.product-info div.tags-product div.tags-product-title{clear: both; font-size:14px; font-weight: bold; color:#009943; border-top:solid 1px #e3dfdf; height: 50px; line-height: 70px; vertical-align: middle; text-transform: uppercase; }
.product-info div.tags-product div.tags-product-content {clear: both; color:#a09d9d; line-height: 20px; vertical-align: middle;}
.product-info div.tags-product div.tags-product-content a{color:#a09d9d; text-decoration:none;}
.product-info div.tags-product div.tags-product-content a:hover{color:#000; text-decoration:underline;}



.title-news {clear: both; width: 100%; font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }

.table-lai {width: 65%; float: left; padding-top: 30px; }
.table-lai h3{clear: both; padding-bottom:10px; font-size: 20px; margin-top: 15px;}
.table-lai input[type=text]{clear: both;  font-size: 18px; height: 40px; line-height: 40px; width: 80%;}
.table-lai input[type=radio]{font-size: 20px;}
.table-lai button {font-size: 20px; margin: 10px 0px; padding: 5px 20px; }
.table-lai table {width:100%;}
.table-lai table th{border-bottom: solid 1px #ccc; height: 30px; line-height: 30px; vertical-align: middle}
.table-lai table td{border-bottom: solid 1px #ccc; height: 30px; line-height: 30px; vertical-align: middle}


.col-laicontent {width: 35%; float: left; text-align: right; padding-top: 45px; line-height: 25px; font-size: 20px; }



.order-home-right .video-area {width: 100%; max-width: 330px; clear: both; height: 191px; margin: 10px 0px; padding-top:10px; overflow: hidden}
.order-home-right .video-area iframe{width: 100%; max-width: 330px; clear: both; height: 191px; }

.order-home-area .order-details {float: left; width:43%; }
.order-home-area .order-details .order-title {clear: both; width:100%; font-family: UTMBebas; font-size: 25px; padding-bottom: 20px;  }
.order-home-area .order-details .order-content {clear: both; width:100%; font-family: Roboto-Regular; font-size: 18px; padding-bottom: 20px;  }
.order-home-area .order-details .order-content img {max-width: 100%; line-height: 22px;}

.order-home-area .order-home-right2 {float: left; width:55%; margin-left:2%; background:rgba(255,255,255, 0.7); padding: 10px; }
.order-home-area .order-home-right2 .order-home-title {width: 100%; font-family: UTMAvo; font-size: 35px; text-transform: uppercase; padding-bottom: 10px; color:#ff0000}
.order-home-area .order-home-right2 .order-home-title a{ color:#ff0000}
.order-home-area .order-home-right2 .order-home-title a:hover{color:#808080; text-decoration: none}

.order-home-bottom {width: 100%; float: left;display: block;clear: both; background: rgba(255,255,255,0.7); padding-top: 20px;padding-bottom: 20px;}
.order-home-bottom .order-home-bottom-content {width: 100%; max-width: 1120px; float: none; margin: 0px auto;display: block;clear: both; background-color:#fff;}
.order-home-bottom .register-email {width: 30%; float: left; background-color:#55cf45; border-radius: 5px; padding: 20px 40px;}
.order-home-bottom .register-email .title {text-align: center; clear: both; height: 50px; font-size: 17px; font-weight: bold; padding-bottom: 10px;}
.order-home-bottom .register-email .title span {font-size: 25px;}
.order-home-bottom .register-email input[type=text] {clear: both; height: 25px; line-height: 25px; vertical-align: middle; border:solid 1px #fdfdfd; width: 100%; margin-bottom: 5px; border-radius:3px; padding-left: 10px }
.order-home-bottom .register-email input[type=submit] {clear: both; height: 30px; line-height: 30px; vertical-align: middle; border:solid 1px #474646; width: 85px; margin-bottom: 5px; border-radius:3px; float: right; background-color:#fe0000; font-weight: bold; color:#fff }

.order-home-bottom .support-area {width: 26%;  float: left; margin-left: 2%; }
.order-home-bottom .support-area .support-title{font-size: 18px; height: 30px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c; }
.order-home-bottom .support-item {width: 100%; float:left; font-size: 13px; line-height: 22px; background-color:#f1f0ed; padding:10px; border-radius: 5px; margin-bottom:10px;}
.order-home-bottom .support-item .info {clear: both; height:30px; line-height: 30px; vertical-align: middle; border-bottom: dotted 1px #f48f6b; text-transform: uppercase }
.order-home-bottom .support-item .name {clear: both; font-weight: bold; color:#3366ff; display: block } 
.order-home-bottom .support-item .name a {color:#3366ff } 
.order-home-bottom .support-item .phone {clear: both; display: block; background: url(/images/icon-phone.png) no-repeat center left; padding-left: 35px; color:#808080 } 
.order-home-bottom .support-item .phone a {color:#808080 } 
.order-home-bottom .support-item .email {clear: both; display: block; background: url(/images/icon-email.png) no-repeat center left; padding-left: 35px; color:#df7401 } 
.order-home-bottom .support-item .email a {color:#df7401 } 
.order-home-bottom .support-item .skype {clear: both; display: block; color:#01bbea;} 
.order-home-bottom .support-item .skype a {color:#01bbea } 
.order-home-bottom .adv-area-right {width: 40%; margin-left:2%; float: left}
.order-home-bottom .adv-area-right .adv-area-right-title{font-size: 18px; height: 35px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c;}
.order-home-bottom .adv-area-right img{width: 30%; height: 70px; float: left; margin:1%;}

.order-home-bottom .news-bottom {width: 40%; margin-left:2%; float: left}
.order-home-bottom .news-bottom .news-bottom-title{font-size: 18px; height: 35px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c; border-bottom:solid 1px #ccc;}
.order-home-bottom .news-bottom ul {margin: 0px; padding: 0px; list-style-type: disc}
.order-home-bottom .news-bottom ul li {margin: 0px; padding: 0px; list-style-type: disc; margin-left: 15px; padding-top: 5px;padding-bottom: 5px;}
.order-home-bottom .news-bottom ul li a{color:#7b7a78}
.order-home-bottom .news-bottom ul li a:hover{color:#55cf45}

.duhoc-home-area {clear: both; float: none;  width:100%; max-width: 1120px; margin: 0px auto; padding-top: 10px; }
.duhoc-home-left {width: 23%;  float: left; }
.duhoc-home-right {width: 76%; margin-left: 1%;  float: left;display: block ;background:rgba(255,255,255,0.7); display: block ; padding:10px 0px 10px 10px;}
.duhoc-home-right .duhoc-home-title {font-size: 25px; height: 50px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c;}
 
.duhoc-home-right .donhang-home { line-height:18px; text-align:justify; width: 48%; float: left; overflow:hidden; 
                margin-right:2%; padding:10px; height: 220px; margin-top:10px;   background-color:#f7f6f4;  }
.duhoc-home-right .donhang-home a{color:#fe0000; font-weight: bold; }
.duhoc-home-right .donhang-home a:hover{color:#000000;}
.duhoc-home-right .donhang-home img{width:50%; height: auto; margin-right: 10px; border-radius: 3px; border:solid 1px #ccc}
.duhoc-home-right .donhang-home span{color:#ccc; font-size:13px;  }


.news-item-info {clear: both; overflow: hidden;  font-size:16px; line-height: 25px; }  
.news-item-info strong{font-weight: bold}
.news-item-info a{color:#333; text-decoration: none}
.news-item-info b{color:#333; text-decoration: none;  }
.news-item-info strong{color:#333; text-decoration: none; }
.news-item-info table{border:solid 0px #f10425; margin: 0px auto;}
.news-item-info table td{border:solid 0px #f10425;}
.news-item-info img {max-width: 98%; text-align: center; float: none; margin: 0px auto; clear: both}

.clear {clear: both}
.duhoc-area {width:100%; max-width: 1120px; margin: 0px auto; float: none; clear: both;}
.duhoc-area .duhoc-left {width:22%; float: left; margin-top: 10px; }
.duhoc-area .duhoc-left .thongtin-duhoc {background: rgba(255,255,255, 0.6); width: 100%; padding: 5px 10px; padding-bottom: 20px;}
.duhoc-area .duhoc-left .thongtin-duhoc .thongtin-duhoc-title {width: 100%; height: 40px; line-height: 42px; vertical-align: middle; background:url(/images/icon-thongtin.png) no-repeat center left; padding-left: 30px; text-transform: uppercase; font-size: 17px; color:#5a8354}
.duhoc-area .duhoc-left .thongtin-duhoc .thongtin-duhoc-title a{color:#5a8354; text-decoration: none; font-weight: bold}
.duhoc-area .duhoc-left .thongtin-duhoc .thongtin-duhoc-title2 {width: 100%; height: 40px; line-height: 42px; vertical-align: middle; background:url(/images/icon-other.png) no-repeat center left; padding-left: 30px; text-transform: uppercase; font-size: 17px; color:#5a8354}
.duhoc-area .duhoc-left .thongtin-duhoc .thongtin-duhoc-title2 a{color:#5a8354; text-decoration: none; font-weight: bold}


.order-area {width: 100%; clear: both;}
.list-order {width: 100%; clear: both; overflow: hidden; margin-top: 20px;}
.table-order {width: register-area; border:solid 1px #e1e1e1; border-collapse: collapse; background-color:#f5f5f5;width: 98%; }
.table-order tr{vertical-align: middle; height: 30px; line-height: 30px; vertical-align:middle}
.table-order tr th{height: 30px; color:#9ea3a6; line-height: 30px; vertical-align: middle; border:solid 1px #e1e1e1; }
.table-order tr th.stt {width: 30px;}
.table-order tr th.name {width: 220px;}
.table-order tr th.model {width: 120px; display: none;}
.table-order tr th.size {width: 50px; display: none;}
.table-order tr th.price {width: 60px;}
.table-order tr th.count {width: 20px;}
.table-order tr th.total {width: 60px;}
.table-order tr th.action {width: 50px;}
.table-order tr td{height: 30px; line-height: 30px; vertical-align: middle; border:solid 1px #e1e1e1; padding:0px 3px;}
.table-order tr td a{color:#792303; text-decoration:none}
.table-order tr td a:hover{color:#66060e; text-decoration:underline}

.order-info-area {width: 100%; clear: both; overflow: hidden; margin:10px;}
.order-info-area div.order-info {width: 100%; float: left; line-height: 25px;}
.order-info-area div.order-info div.list-discount {padding-left: 30px;}
.order-info-area div.order-info a{padding: 5px 15px; color:#fff; text-decoration:none; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-color:#66060e; font-weight: 500; }
.order-info-area div.order-info a:hover{background-color:#d3a940; }
.order-info-area div.customer-info {width: 100%; float: left;  }
.order-info-area div.customer-info div.line-contact {clear: both; width: 100%;}
.order-info-area div.customer-info div.line-contact div.contact-title{float: left; width: 100%; color:#333; }
.order-info-area div.customer-info div.line-contact div.contact-control{float: left; width: 100%; padding-bottom: 10px;  }
.order-info-area div.customer-info div.line-contact div.contact-control .TEXTBOX{border:solid 1px #d8d8d8; height: 40px; line-height: 40px; vertical-align: middle; color:#63615e; width:410px; background-color:#fff;}
.order-info-area div.customer-info div.line-contact div.contact-control .TEXTAREA{border:solid 1px #d8d8d8;height: 150px; line-height: 20px; vertical-align: middle; color:#63615e; width:407px;background-color:#fff;}
.order-info-area div.customer-info div.line-contact div.contact-control .refreshbtn{background:url(/images/refresh.png) no-repeat center center}
.order-info-area div.customer-info div.line-contact div.contact-control .BUTTON{border:solid 1px #0e0e0e; line-height: 20px; vertical-align: middle; background-color:#66060e;-webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px; color:#fefefe; padding: 3px 15px }
.order-info-area div.customer-info div.line-contact div.contact-submit .BUTTON:hover{background-color:#d3a940;}


.duhoc-area .duhoc-left .hr-duhoc-title {height: 1px; width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f3805f+6,ef5226+16,ef5226+50,ef5226+84,f3805f+93,ffffff+100 */
background: #ffffff; /* Old browsers */margin:0px; padding: 0px; margin-bottom:10px;
background: -moz-linear-gradient(left,  #ffffff 1%, #f3805f 6%, #ef5226 16%, #ef5226 50%, #ef5226 84%, #f3805f 93%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 1%,#f3805f 6%,#ef5226 16%,#ef5226 50%,#ef5226 84%,#f3805f 93%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 1%,#f3805f 6%,#ef5226 16%,#ef5226 50%,#ef5226 84%,#f3805f 93%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.duhoc-area .duhoc-left .lihr-duhoc-title {height: 1px; width:100%; margin:0px; padding: 0px; margin-bottom:0px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e9e9e9+12,d6d6d6+25,d6d6d6+51,d6d6d6+78,e9e9e9+88,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 1%, #e9e9e9 12%, #d6d6d6 25%, #d6d6d6 51%, #d6d6d6 78%, #e9e9e9 88%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 1%,#e9e9e9 12%,#d6d6d6 25%,#d6d6d6 51%,#d6d6d6 78%,#e9e9e9 88%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 1%,#e9e9e9 12%,#d6d6d6 25%,#d6d6d6 51%,#d6d6d6 78%,#e9e9e9 88%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.thongtin-duhoc ul {clear: both; margin: 0px; padding: 0px; list-style-type: none;}
.thongtin-duhoc ul li{clear: both; margin: 0px; padding: 0px; background:url(/images/icon-item.png) no-repeat center left; padding: 7px 0px; padding-left: 20px; width: 93%; margin: 0px auto; }
.thongtin-duhoc ul li a {color:#5a8354; text-decoration: none}
.thongtin-duhoc ul li a:hover {color:#55cf45; text-decoration: underline }

.duhoc-area .duhoc-left .register-email {width: 100%; clear: both; background-color:#55cf45; border-radius: 5px; padding: 10px 10px; margin-top:10px;}
.duhoc-area .duhoc-left .register-email .title {text-align: center; clear: both; height: 50px; font-size: 17px; font-weight: bold; padding-bottom: 10px;}
.duhoc-area .duhoc-left .register-email .title span {font-size: 25px;}
.duhoc-area .duhoc-left .register-email input[type=text] {clear: both; height: 25px; line-height: 25px; vertical-align: middle; border:solid 1px #fdfdfd; width: 100%; margin-bottom: 5px; border-radius:3px; padding-left: 10px }
.duhoc-area .duhoc-left .register-email input[type=submit] {clear: both; height: 30px; line-height: 30px; vertical-align: middle; border:solid 1px #474646; width: 85px; margin-bottom: 5px; border-radius:3px; float: right; background-color:#fe0000; font-weight: bold; color:#fff }

.duhoc-area .duhoc-left .support-area {width: 100%;  margin-top: 10px; }
.duhoc-area .duhoc-left .support-area .support-title{font-size: 18px; height: 35px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c;}
.duhoc-area .duhoc-left .support-item {width: 100%; float:left; font-size: 13px; line-height: 22px; background-color:#fff; padding:10px; border-radius: 5px; margin-bottom:10px;}
.duhoc-area .duhoc-left .support-item .info {clear: both; height:30px; line-height: 30px; vertical-align: middle; border-bottom: dotted 1px #f48f6b; text-transform: uppercase }
.duhoc-area .duhoc-left .support-item .name {clear: both; font-weight: bold; color:#3366ff; display: block; width:100%; } 
.duhoc-area .duhoc-left .support-item .name a {color:#3366ff } 
.duhoc-area .duhoc-left .support-item .phone {clear: both; display: block;width:100%; background: url(/images/icon-phone.png) no-repeat center left; padding-left: 35px; color:#808080 } 
.duhoc-area .duhoc-left .support-item .phone a {color:#808080 } 
.duhoc-area .duhoc-left .support-item .email {clear: both; display: block;width:100%;background: url(/images/icon-email.png) no-repeat center left; padding-left: 35px; color:#df7401 } 
.duhoc-area .duhoc-left .support-item .email a {color:#df7401 } 
.duhoc-area .duhoc-left .support-item .skype {clear: both; color:#01bbea;width:100%;display: block;} 
.duhoc-area .duhoc-left .support-item .skype a {color:#01bbea } 
.duhoc-area .duhoc-left .adv-area-right {width: 100%;}
.duhoc-area .duhoc-left .adv-area-right img{width: 100%; clear: both; padding-bottom:10px;}

.adv-area-left {width: 100%;padding-top:10px;}
.adv-area-left img{width: 100%; clear: both; padding-top:5px;}

.adv-home-left {width: 100%; }
.adv-home-left img{width: 100%; clear: both; padding-bottom:5px;}
.duhoc-home-left .thongtin-duhoc-title {width: 100%; height: 40px; line-height: 42px; vertical-align: middle; background:url(/images/icon-thongtin.png) no-repeat center left; padding-left: 30px; text-transform: uppercase; font-size: 17px; color:#5a8354}
.duhoc-home-left .thongtin-duhoc-title a{color:#5a8354; text-decoration: none; font-weight: bold}
.duhoc-home-left ul {clear: both; margin: 0px; padding: 0px; list-style-type: none;}
.duhoc-home-left ul li{clear: both; margin: 0px; padding: 0px; background:url(/images/icon-item.png) no-repeat center left; padding: 7px 0px; padding-left: 20px; width: 93%; margin: 0px auto; }
.duhoc-home-left ul li a {color:#5a8354; text-decoration: none}
.duhoc-home-left ul li a:hover {color:#55cf45; text-decoration: underline }
.duhoc-home-left .lihr-duhoc-title {height: 1px; width:100%; margin:0px; padding: 0px; margin-bottom:0px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e9e9e9+12,d6d6d6+25,d6d6d6+51,d6d6d6+78,e9e9e9+88,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 1%, #e9e9e9 12%, #d6d6d6 25%, #d6d6d6 51%, #d6d6d6 78%, #e9e9e9 88%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 1%,#e9e9e9 12%,#d6d6d6 25%,#d6d6d6 51%,#d6d6d6 78%,#e9e9e9 88%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 1%,#e9e9e9 12%,#d6d6d6 25%,#d6d6d6 51%,#d6d6d6 78%,#e9e9e9 88%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.duhoc-home-left .hr-duhoc-title {height: 1px; width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f3805f+6,ef5226+16,ef5226+50,ef5226+84,f3805f+93,ffffff+100 */
background: #ffffff; /* Old browsers */margin:0px; padding: 0px; margin-bottom:10px;
background: -moz-linear-gradient(left,  #ffffff 1%, #f3805f 6%, #ef5226 16%, #ef5226 50%, #ef5226 84%, #f3805f 93%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 1%,#f3805f 6%,#ef5226 16%,#ef5226 50%,#ef5226 84%,#f3805f 93%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 1%,#f3805f 6%,#ef5226 16%,#ef5226 50%,#ef5226 84%,#f3805f 93%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


.duhoc-area .duhoc-right {width:76%; float: left; margin-left: 0%;}
.duhoc-area .duhoc-right1 {width:74%; float: left; margin-left: 2%;}
.duhoc-area .duhoc-right1 .duhoc-home-title {font-size: 25px; height: 50px; line-height: 50px; vertical-align: middle; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c; margin-left:2%; }
.duhoc-area .duhoc-right .duhoc-home-title {font-size: 25px; height: 50px; line-height: 50px; vertical-align: middle; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#0d509c; margin-left:2%; }

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

jssor-slider-image-product {position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:480px;overflow:hidden;visibility:hidden;}
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.donhang-news { line-height:18px; text-align:justify; width: 48%; float: left; overflow:hidden; background: rgba(252,252,252, 0.7); 
                margin-left:2%; padding:10px; height: 220px; margin-top:10px;   }
.donhang-news a{color:#fe0000; font-weight: bold; }
.donhang-news a:hover{color:#000000;}
.donhang-news img{width:50%; height: auto; margin-right: 10px; border-radius: 3px; border:solid 1px #ccc}
.donhang-news span{color:#ccc; font-size:13px;  }


.duhoc-area .duhoc-center {width:52%; float: left; margin-left: 2%; margin-right:2%; }
.duhoc-area .duhoc-center .duhoc-center-title {font-size: 25px; height: 50px; line-height: 55px; vertical-align: middle; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#4b352a;}
.duhoc-area .duhoc-center .duhoc-center-title a {color:#4b352a;}


.item-news {margin-top:10px; line-height:18px; text-align:justify; width: 100%; float: left; overflow:hidden; clear: both; }
.item-news div.title1 {padding-bottom: 10px; font-size:18px; color:#78ab37;float: left;width: 68%; }
.item-news div.title1 a{color:#fe0000; font-weight: bold; }
.item-news div.title1 a:hover{color:#000000;}
.item-news a {color:#666666; text-decoration:none}
.item-news a:hover {color:#000; text-decoration:none}
.item-news a:visited {color:#666666; text-decoration:none}
.item-news div.content {width: 68%; float: left; line-height: 23px; }
.item-news div.detail {width: 68%; float: left }
.item-news div.time {width: 68%;float: left; color:#999; padding-bottom:10px; }
.item-news div.detail a{color:#000; font-weight: bold; font-size:11px; float: right;}
.item-news div.detail a:hover{color:#333;}
.item-news div.detail a:visited{color:#000;}
.item-news div.img {float:left; width:30%;height: 140px; margin-right:2%; overflow: hidden;border:solid 2px #ccc; border-radius:3px;}
.item-news div.img img{width:100%; height: 160px;}


.pager{height:30px; line-height:30px; padding-top:10px; vertical-align: middle; color:#000; width: 100%; font-size:12px; clear: both; text-align: center; font-family:UTMAvo; font-size: 18px; }
.pager div.title-category {width: 265px; float: left;}
.pager div.pagering {width: 100%; float: left;text-align: center; }
.pager a{text-decoration: none; color:#5c5c5c; margin:4px; font-family:UTMAvo; font-size: 18px;}
.pager a:hover{color:#5c5c5c; text-decoration: underline}


.titlecenter { font-size: 30px; font-weight: bold; padding:10px 0px; font-family: MYRIADPROBOLDCOND; color:#ff0000 }


.list-other-news-list {clear: both; padding-left: 20px; padding-bottom: 50px;  }
.list-other-news-list ul{clear: both; margin:0px; padding:0px; list-style-type: disc; list-style-position: inside}
.list-other-news-list ul li{clear: both; margin:0px; padding:0px; color: #55cf45; vertical-align: middle; padding: 5px 0px; }
.list-other-news-list ul li a{color: #000; text-decoration: none; font-size: 15px;  }
.list-other-news-list ul li a:hover{color: #fe0000; text-decoration: none; font-size: 15px;  }
.list-other-news-list .other-news-list-title {width: 100%; height: 40px; line-height: 40px; vertical-align: middle; font-size: 16px; font-weight:bold; clear: both; font-family: UTMbebas; font-size: 25px; color:#000 }


.contact-form {width: 95%; float: none; margin: 0px auto; overflow: hidden;  }
.contact-form div.line-contact {clear: both; width: 100%;}
.contact-form div.line-contact div.contact-title{float: left; width: 100%; color:#333; }
.contact-form div.line-contact div.contact-control{float: left; width: 100%; padding-bottom: 10px; }
.contact-form div.line-contact div.contact-control {float: left; width: 100%; padding-bottom: 10px; }
.contact-form div.line-contact div.contact-control .TEXTBOX{border:solid 1px #d8d8d8; height: 35px; line-height: 35px; vertical-align: middle; color:#63615e; width:100%; background-color:#fff;}
.contact-form div.line-contact div.contact-control .TEXTAREA{border:solid 1px #d8d8d8;height: 190px; line-height: 20px; vertical-align: middle; color:#63615e; width:100%;background-color:#fff;}
.contact-form div.line-contact div.contact-control .refreshbtn{backgroundK:url(/images/refresh.png) no-repeat center center}
.contact-form div.line-contact div.contact-submit {width:95px; text-align: right; float: left; }
.contact-form div.line-contact div.contact-control .BUTTON{border:solid 1px #0e0e0e; line-height: 20px; vertical-align: middle; background-color:#66060e;-webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px; color:#fefefe; padding: 3px 15px }
.contact-form div.line-contact div.contact-submit .BUTTON:hover {background-color:#d3a940}

.clear10 {clear: both; height: 5px;}


/*-------------------------*/


.footer {width: 100%; clear: both; margin: 0px auto; background:#04295d url(/images/bgfooter.png) repeat-x top left;padding-top:40px; margin-top: 10px;}
.footer .content-footer {width: 100%; max-width:1120px;padding: 10px; margin: 0px auto; }
.footer .content-footer .col-footer {width:30%; padding: 0px; margin-right: 1.3%; float: left; padding-bottom: 30px;}
.footer .content-footer .col-footer .logo-footer {width:100%; padding: 0px; padding-bottom: 40px; }
.footer .content-footer .col-footer .logo-footer img {width:100%; padding: 0px; }
.footer .content-footer .col-footer .content {width:100%; padding: 0px; text-align: justify; line-height: 20px; color:#fff;}
.footer .content-footer .col-footer2 {width:35%; padding: 0px; margin-right: 1.3%; float: left; padding-bottom: 30px;}
.footer .content-footer .col-footer2 .home{background:url(/images/icon-home.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 10px; padding-bottom:5px; font-weight: bold; color:#dcfe69; vertical-align: middle}
.footer .content-footer .col-footer2 .local{background:url(/images/icon-local.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 10px;padding-bottom:5px;  color:#fcfdfa;vertical-align: middle}
.footer .content-footer .col-footer2 .phone{background:url(/images/icon-phone2.png) no-repeat 0px 0px; padding-left: 28px;margin-top: 10px; padding-bottom:5px; color:#fcfdfa;vertical-align: middle}
.footer .content-footer .col-footer2 .mobile{background:url(/images/icon-mobile.png) no-repeat 0px 0px; padding-left: 28px;margin-top: 10px; padding-bottom:5px;  color:#fcfdfa;vertical-align: middle}
.footer .content-footer .col-footer2 .hoptac{background:url(/images/icon-hoptac.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 10px;padding-bottom:5px; color:#fcfdfa;vertical-align: middle;font-weight: bold; color:#dcfe69; }
.footer .content-footer .col-footer2 .email{background:url(/images/icon-email3.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 10px; padding-bottom:5px; color:#fcfdfa;vertical-align: middle;  color:#fff; }
.footer .content-footer .col-footer2 .internet{background:url(/images/icon-hoptac.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 10px;padding-bottom:5px; color:#fcfdfa;vertical-align: middle; color:#fff; }
    .footer .content-footer .col-footer2 img {
        width:100%;
    }
.footer .quangcao-footer {height: 100px; background-color:#b80909; clear:both; width: 100%; text-align: center}
.footer .quangcao-footer img {width: 48%; float:left; margin-left: 10px; margin-top: 10px; }
.footer .content-footer .col-footer3 {width:32.2%; padding: 0px; float: left; padding-bottom: 30px;}
.footer .content-footer .col-footer3 .col-footer-title{font-size: 18px; height: 35px; font-family: UTMAvo; text-transform: uppercase; font-weight: bold; color:#fff;}
.footer .content-footer .col-footer3 .col-footer-title a{color: #fff}
.footer .content-footer .col-footer3 img{width: 30%; height: 70px; float: left; margin:1%;}


/*-----------------------------------------------------------*/

/*Page-Content*/

  
@media all and (max-width: 1024px) {
    .adv-home div{min-width: 100% !important; background-color:#000}
    .adv-home div div{min-width: 100% !important; background-color:#000}
    .adv-home img{ max-width: 100% !important;}
    .adv-home {  height: 201px;}
}
@media all and (max-width: 920px) {
    .duhoc-area .duhoc-left {width:30%; float: left; margin-top: 10px; }
    .duhoc-area .duhoc-right {width:70%; float: left; margin-left: 0%;}
    .duhoc-area .duhoc-center {width:36%; float: left; margin-left: 2%; margin-right:2%; }
    .banner-area .content-area .menu-area {width: 100%; clear: both}
    .adv-home {  height: 221px;}
}
@media all and (max-width: 901px) {
}
@media all and (max-width: 800px) 
{
    .banner-area .content-area .menu-area {width: 100%; clear: both}
    .banner-area .content-area .social .icon-social{width: 50%; }
    .banner-area .content-area .social .search-area {width: 50%;}
    .adv-home { height: auto;   }
    .adv-home div{height: auto;   }
    .order-home-area .order-home-right2 .order-home-title { font-size: 23px;}
    .donhang-news { width: 98%; margin-left:2%; padding:10px; height: auto; margin-top:10px;   }
}

@media all and (max-width: 768px) 
{
    .banner-area .content-area .social .search-area .textbox {width: 85%;}
    .banner-area .content-area .social .search-area .submit {width: 15%;}
    .top-news-home .list-item .item .img{width: 100%; height: 120px; margin-bottom:5px;}
    .top-news-home .list-item .item .img img{width: 100%; height: 120px;}
    .adv-home-centerpage {width: 100%; height: auto; }
    .adv-home-centerpage .slide-country {display: none;}
    .adv-home-centerpage .slide-country2 {display: block; clear: both; width: 100%; }
    .adv-home-centerpage .slide-country2 .item{width: 48%;margin-left:2%; float: left   }
    .adv-home-centerpage .slide-country2 .item img{width: 100%; height: auto;margin-top: 10px; }
    
    .order-home-left {width: 100%;  float: left; display: block ; padding:10px;}
    .donhang-item {clear: both; width:100%;margin-top: 10px; height: auto; display: block; background-color:#f7f6f4; padding: 10px;}
    .donhang-item .date span { font-size: 20px; }
    .donhang-item .date p{ font-size: 13px; text-align: center; width:100%; padding: 0px; padding-top: 10px;}
    .donhang-item .title h3 a{font-size: 15px; font-weight: bold }
    .donhang-item .content {font-size:13px;}
     
    .order-home-right {width: 100%; margin: 0px;  float: left;display: block ;padding:10px;}
    
    .order-home-right .register-email {width: 55%; clear: none; float:left}
    .order-home-right .support-area {width: 43%; margin-top: 10px; clear: none; float:left; margin-left: 2%}
    .order-home-right .video-area { width: 55%; float:left; clear: both;  }
    .order-home-right .video-area iframe{width: 100%; min-height: 200px; float: none; margin: 0px auto; }
    .order-home-right .adv-area-right {width: 43%;float:left; clear: none; margin-left: 2%; }

    .order-home-area .order-details {float: none; width:95%; clear: both; margin: 0px auto; }
    .order-home-area .order-home-right2 {float: none; width:95%; clear: both; margin: 0px auto; }
    .order-home-bottom {width: 95%; float: none;clear: both; margin: 0px auto; }
    .order-home-bottom .register-email {width: 48%; float: left; margin-left: 2%;  }
    .order-home-bottom .support-area {width: 46%;  margin-top: 10px;  float: left; margin-left: 2%; }
    .order-home-bottom .adv-area-right {width: 98%; margin-left:2%; clear: both; margin-top: 20px;}
    .order-home-bottom .adv-area-right img{width: 22.5%; height: 80px; float: left; margin:1%;}

    .duhoc-area .duhoc-left {width:100%; float: left; margin-top: 10px; display: none }
    .duhoc-area .duhoc-right {width:100%; float: right; margin: 0%;}
    .duhoc-area .duhoc-center {width:98%; float: none; margin: 0px auto;;}
    .donhang-news { width: 98%; margin:0px auto; float: none; clear: both; padding:10px; height: auto; margin-top:10px;   }

    .footer .content-footer .col-footer {width:100%; padding: 0px; margin-right: 1.3%; float: left; padding-bottom: 30px;}
}

@media all and (max-width: 640px) 	
{
    .banner-area .content-area .logo {width: 35%; }
    .banner-area .content-area .social {height: auto; width: 65%; }
    .banner-area .content-area .social .icon-social{width: 100%; }
    .banner-area .content-area .social .search-area {width: 70%; float: right; margin-top: 5px;}
    .top-news-home .top-item {width: 100%; float: left }
    .top-news-home .top-item .img { height: auto;}
    .top-news-home .top-item .img img{ height: auto;}
    .top-news-home .top-item .title1 {width: 100%; clear: both; padding: 20px 0px; }
    .top-news-home .list-item {float: left; width: 100%;  }
    .register-email {width: 100%; clear: none; float:left}
    .order-home-right .support-area {width: 100%; margin: 0px auto;margin-left: 0% }
    .order-home-right .register-email {width: 100%; clear: none; float:left}
    .order-home-right .support-area {width: 100%; margin-top: 10px; clear: none; float:left; margin-left: 0%}
    .order-home-right .video-area {width: 100%; float:left; clear: none; }
    .order-home-right .video-area iframe{width: 100%; min-height: 200px; float: none; margin: 0px auto; }
    .order-home-right .adv-area-right {width: 100%;float:left; clear: none; margin-left: 0%}

    .order-home-right .video-area {width: 100%; max-width: 100%; clear: both; height: auto;float: none; background-color:#000 }
    .order-home-right .video-area iframe{width: 100%; min-height: 200px; float: none; margin: 0px auto; }
    .order-home-area .order-home-right2 .order-home-title { font-size: 21px;}

    .duhoc-home-left {width: 23%;  float: left; display: none }
    .duhoc-home-right {width: 98%; float: none; margin: 0px auto;} 
    .duhoc-home-right .donhang-home { line-height:18px; text-align:justify; width: 100%; float: none; overflow:hidden; 
                 padding:10px; height: auto; margin-top:10px;   background-color:#f7f6f4;  }
                
    .footer .content-footer .col-footer3 {width:98%; padding: 0px; float: none; margin: 0px auto;}
    .footer .content-footer .col-footer2 {width:98%; padding: 0px; float: none; margin: 0px auto; padding-top: 20px}
}
@media all and (max-width: 568px) {	
	.banner-area .content-area .social .search-area {width: 96%; }
	.adv-home-centerpage .slide-country2 .item{width: 100%;margin:0px auto; float: left   }
	.footer .quangcao-footer {height: auto;  }
    .footer .quangcao-footer img {width: 100%; float:none; margin: 0px auto; margin-top: 10px; }
    .order-home-bottom .register-email {width: 96%; float: left; margin-left: 2%;}
    .order-home-bottom .support-area {width: 96%;  margin-top: 10px;  float: left; margin-left: 2%; }
    .order-home-bottom .adv-area-right { margin-top: 10px;}
    
    .title-center { height: 37px; line-height: 37px; }
    .title-center span { padding: 11px 0px; padding-right: 100px; margin: 0px; font-size: 16px; }

    .content-area {margin-top: 10px;}
    
    .product-item-home {width: 48%; margin-left: 1%;  margin-right: 1%;  }
    .product-item-home div.price { font-family: Arial; font-size: 15px;}
    .product-item-home div.price span{ font-size: 15px;}
    
    .mid-news-area .item {width:58%; margin: 20px auto; float: none; text-align: center; padding: 0px 0px;}
    .cols1 {clear: both; width: 98%; margin: 0px auto; float: none; padding: 0px;}
    .cols3 {clear: both; width: 98%; margin: 0px auto; float: none; padding: 0px;}
    
    .product-info div.image-product-area {width: 100%; margin:0px auto; float: none; }
    .product-info div.info { line-height: 20px; text-align: left; float: none; overflow: hidden; width: 100%;  }
    
    .item-news div.title1 {width: 98%; float: none; margin: 0px auto; clear: both }
    .item-news div.content {width: 98%; float: none; margin: 0px auto; clear: both }
    .item-news div.detail {width: 98%; float: none; margin: 0px auto; clear: both }
    .item-news div.time {width: 98%; float: none; margin: 0px auto; clear: both }
    .item-news div.detail a{color:#000; font-weight: bold; font-size:11px; float: right;}
    .item-news div.detail a:hover{color:#333;}
    .item-news div.detail a:visited{color:#000;}
    .item-news div.img {float:left; width:98%;height: auto; margin:0px auto;}
    .item-news div.img img{width:100%; height: auto;}
    .footer .content-footer .col-footer {width:100%; padding: 0px; margin: 0px auto; float: none;}
    .footer .content-footer .col-footer .logo-footer {width:60%; padding: 0px; padding-bottom: 20px; text-align: center;margin: 0px auto; }
    .footer .content-footer .col-footer .logo-footer img{float: none; margin: 0px auto; }
}
@media all and (max-width: 480px) 	
{
    .order-home-area .order-home-right2 .order-home-title { font-size: 19px;}
}

@media all and (max-width: 320px) 
{
    
}