/* Minification failed. Returning unminified contents. (399,257): run-time error CSS1054: JavaScript error in expression property: Expected ',' or ')': entElement */ /*! * jQuery UI Selectable 1.8.24 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } @charset "utf-8"; #Contact{ width:80%; margin:20px auto; height:auto; border:1px dashed #c2c2c2; border-radius: 5px } #Contact h1{ text-align:center; margin:10px auto 5px auto; text-transform:uppercase; color:#4a4a4a; font-weight:normal; } .rOrder{ width:100%; height:auto; float:left; margin:0px } .rOrder .Left{ width:30%; height:100%; float:left; margin:0px} .rOrder .Left span{ text-align:right; margin:10px 10px 0px 10px; display:block; color:#4a4a4a} .rOrder .Right { width:60%; height:100%; float:left; margin:0px} .rOrder .Right input.txtName{ height:15px; border:none; border-bottom:1px dashed #4a4a4a; width:300px; margin:7px 5px 0px 5px; font-weight:bold; text-decoration:underline; ; color:#4a4a4a} .rOrder .Right input.txtAddress{ height:15px; border:none; border-bottom:1px dashed #4a4a4a; width:500px; margin:7px 5px 0px 5px; font-weight:bold; color:#4a4a4a} .rOrder .Right input.txtMobile{ height:15px; border:none; border-bottom:1px dashed #4a4a4a; width:200px; margin:7px 5px 0px 5px; font-weight:bold; color:#4a4a4a} .rOrder .Right input.txtDate{ height:15px; border:none; border-bottom:1px dashed #4a4a4a; width:200px; margin:7px 5px 0px 5px; font-weight:bold; color:#4a4a4a} .rOrder .Right input.txtEmail{ height:15px; border:none; border-bottom:1px dashed #4a4a4a; width:300px; margin:7px 5px 0px 5px; font-weight:bold; text-decoration:underline; color:#4a4a4a} .rOrder .Right .txtDescription{ height:100px; border:none; border:1px solid #c2c2c2; width:550px; margin:7px 5px 0px 5px; font-weight:bold; color:#4a4a4a} .rOrders{ width:100%; height:auto; float:left; margin:8px 0px ; color:#fff} .rOrders .Ghichu{font-weight:bold; margin:0px 10px 5px 30px; color:#4a4a4a} .rOrders .Ghichu1{ font-style:italic; margin:5px 10px 5px 50px; color:#4a4a4a} .rOrders .Date{ text-align:right; margin:5px 5px; color:#4a4a4a} .rOrders .Sign{ text-align:right; margin:5px 15px 5px 5px; text-decoration:underline; color:#4a4a4a} p.Giohang{text-transform:uppercase; margin:10px 0px; text-align:center; color:#4a4a4a} #CheckOrder{ width:100%; height:auto; float:left; margin:2px 0px} .Row_Order{ width:100%; height:25px; float:left; margin:0px; background:#efefef} .Col_Stt{ width:50px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Col_Name{ width:350px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Col_Price{ width:100px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Col_Ord{ width:60px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Col_SumPrice{ width:130px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Col_Func{ width:110px; text-align:center; color:#555555; line-height:25px; font-weight:bold; font-size:12px; float:left} .Row_Order_child{ width:100%; height:25px; float:left; margin:0px; border-bottom:1px dashed #eeeeee} .Row_Order_child .Col_Stt{ width:50px; text-align:center; color:#4a4a4a; line-height:25px; height:100%; font-size:12px; float:left; font-weight:normal} .Row_Order_child .Col_Name{ width:350px; text-align:center; color:#4a4a4a; line-height:25px;height:100%; font-size:12px; float:left; font-weight:normal} .Row_Order_child .Col_Name a{ color:#4a4a4a} .Row_Order_child .Col_Price{ width:100px; text-align:right; color:#4a4a4a; line-height:25px; height:100%; font-size:12px; float:left; font-weight:normal} .Row_Order_child .Col_Ord { width:60px; text-align:center; color:#4a4a4a; height:100%; font-size:12px; float:lef; font-weight:normalt} .Row_Order_child .Col_Ord input{text-align:center} .Row_Order_child .Col_Ord input{ width:40px; margin:2px auto; height:16px; color:#000; font-size:12px; border:1px solid #edeff1 } .Row_Order_child .Col_SumPrice{ width:130px; text-align:right; color:#4a4a4a; line-height:25px;height:100%; font-size:12px; float:left; font-weight:normal} .Row_Order_child .Col_Func{ width:110px; text-align:center; color:#000; line-height:25px;font-size:12px;height:100%; float:left; font-weight:normal; color:#333} .Row_Order_child .Col_Func a{color:#F00} .Sums{ text-align:right; margin:10px; display:block; line-height:30px; color:#4a4a4a} .Sums span{ font-weight:bold} #Contact .Func{ width:100%; height:auto; float:left; margin:5px 0p} #Contact .Func a{width:150px; height:23px; line-height:23px; margin:5px 5px 5px 250px; background:#fa8e00; border:none; border-radius:5px; color:#FFF; text-transform:uppercase; text-align:center; font-size:12px; border:1px solid #FFF;-webkit-box-shadow: 0px 0px 10px #d5d4d4; display:block; float:left} #Contact .Func button{ width:150px; height:25px; margin:5px auto 10px auto; background:#fa8e00; border:none; border-radius:5px; color:#FFF; text-transform:uppercase; text-align:center; font-size:12px; border:1px solid #FFF;-webkit-box-shadow: 0px 0px 10px #d5d4d4; display:block} #Contact .Func a.SendContact{width:150px; height:23px; line-height:23px; margin:5px auto 10px 320px; background:#207ec9; border:none; border-radius:5px; color:#FFF; text-transform:uppercase; text-align:center; font-size:12px; border:1px solid #FFF;-webkit-box-shadow: 0px 0px 10px #d5d4d4; display:block; text-align:center !important; display:block} .btlSendContact{width:150px; height:23px; line-height:23px; margin:5px auto 10px 320px !important; background:#207ec9; border:none; border-radius:5px; color:#FFF; text-transform:uppercase; text-align:center; font-size:12px; border:1px solid #FFF;-webkit-box-shadow: 0px 0px 10px #d5d4d4; display:block; text-align:center !important; display:block} /* CSS Document */ @charset "utf-8"; /* CSS Document */ @media screen and (max-width: 768px) { #Contact{ width:100%; overflow:hidden; margin:0px; padding:0px; border:none } .Col_Stt{ width:40px; font-size:11px; font-weight:normal} .Col_Name{ width:200px; font-size:11px; font-weight:normal} .Col_Price{ width:80px; font-size:11px; font-weight:normal} .Col_Ord{ width:50px; font-size:11px; font-weight:normal } .Col_SumPrice{ width:80px; font-size:11px; font-weight:normal} .Col_Func{ width:70px; font-weight:normal;font-size:10px;} .Row_Order_child .Col_Stt{ width:40px; font-size:11px} .Row_Order_child .Col_Name{ width:200px; font-size:11px} .Row_Order_child .Col_Price{ width:80px; font-size:11px} .Row_Order_child .Col_Ord{ width:50px; font-size:11px} .Row_Order_child .Col_SumPrice{ width:80px; font-size:11px} .Row_Order_child .Col_Func{ width:70px; font-size:10px} .rOrder .Right input.txtName{ width:100%} .rOrder .Right input.txtAddress{ width:100%} .rOrder .Right input.txtMobile{ width:100%} .rOrder .Right input.txtDate{ width:100%} .rOrder .Right input.txtEmail{ width:100%} .rOrder .Right .txtDescription{ width:100%} #Contact .Func a{ margin-left:100px} .Row_Order_child{ height:auto !important} } @media screen and (max-width: 488px) { .Col_Stt{ display:none} .Row_Order_child .Col_Stt{ display:none} .Col_Name{ width:150px; font-size:11px; font-weight:normal} .Row_Order_child .Col_Name{ width:150px; font-size:11px; text-align:left !important} .Col_Price{ width:50px; font-size:11px; font-weight:normal} .Col_Ord{ width:30px !important; font-size:11px; font-weight:normal } .Col_SumPrice{ width:50px; font-size:9px; font-weight:normal} .Col_Func{ width:70px; font-weight:normal;font-size:10px; display:none } .Row_Order_child .Col_Stt{ width:40px; font-size:11px} .Row_Order_child .Col_Name{ width:150px; font-size:11px;text-align:left} .Row_Order_child .Col_Price{ width:50px; font-size:11px} .Row_Order_child .Col_Ord{ width:30px !important; font-size:11px} .Row_Order_child .Col_Ord input{ width:30px !important; font-size:11px} .Row_Order_child .Col_SumPrice{ width:50px; font-size:11px} .Row_Order_child .Col_Func{ width:40px; font-size:10px} .rOrder .Left span { text-align: right; margin: 10px 10px 0px 3px; font-size:11px } .rOrders .Ghichu{ margin-left:5px} .rOrders .Ghichu1{ margin-left:5px; font-size:11px} #Contact .Func button{ margin:2px auto; display:block; float:none} #Contact .Func a{ text-align:center; float:none; margin:2px auto} } @charset "utf-8"; /* CSS Document */ body { font: 13px arial; margin: 0; padding: 0; } ul,li{ padding:0px; margin:0px; outline:0px; vertical-align:baseline; border:0px} ul,li{ list-style:none} a{text-decoration:none} img { border:none} .Clear{ clear:both} @font-face { font-family:UTMCafeta; src:url(../Font/UTMCafeta.ttf) } a:hover{ color:#154ea9 !important} header{ width:100%; height:auto; float:left; margin:0px} #Banner{ width:100%; height:105px; float:left; margin:0px} #Banner #Content_Banner{ width:1100px; height:100%; margin:0px auto} #Banner #Content_Banner #Logo{ width:20%; height:100%; float:left; margin:0px; display:table; table-layout:fixed} #Banner #Content_Banner #Logo a{display:table-cell; vertical-align:middle } #Banner #Content_Banner #Logo a img{ width:auto; max-height:86px; margin:5px} #Banner #Content_Banner #Adw{ width:80%; height:100%; float:left; margin:0px; display:table; table-layout:fixed} #Banner #Content_Banner #Adw a{display:table-cell; vertical-align:middle; text-align:right } #Banner #Content_Banner #Adw a img{ width:auto; max-width:100%; float:right; max-height:86px; margin:5px} #Menu{ width:100%; height:auto; float:left; margin:0px} #Menu #Content_Menu{ width:1100px; height:100%; margin:0px auto; position:relative; background:#0283ce} #Content_Menu::before { content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%; left: 0px; top: 0px; } #Content_Menu::after{ content: ""; position: absolute; width: 100%; height: 3px; bottom:0px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} #Menu #Content_Menu .ul1{ width:100%; height:auto; float:left; position:relative; z-index:1000} #Menu #Content_Menu .ul1 .li1{ float:left; margin:0px; position:relative} #Menu #Content_Menu .ul1 .li1 a{ color:#fff; margin:auto 22px; line-height:42px; text-transform:uppercase; display:block; font-size:14px} #Menu #Content_Menu .ul1 .li1:last-child a{margin-right:0px} #Menu #Content_Menu .ul1 .li1 a .iCon{ width:13px; height:12px; background:url(../iCon/iCon_Homes.png) no-repeat; margin:11px 11px 3px 0px; float:left} #Menu #Content_Menu .ul1 .li1:first-child a{ margin-left:5px !important} #Menu #Content_Menu .ul1 .li1 .ul2{ width:170px; height:auto; background:#FFF; border:1px solid #dbdbdb; border-top:none; position:absolute; display:none; z-index:10;margin:0px 0px 0px 0px} #Menu #Content_Menu .ul1 .li1:hover .ul2{ display:block} #Menu #Content_Menu .ul1 .li1 .ul2 .li2 a{ text-transform:none !important; margin:5px 8px; line-height:normal; line-height:20px; color:#3e3e3e } #Menu #Content_Menu .ul1 .li1 .ul2 .li2{border-bottom:1px dashed #dbdbdb; position:relative} #Menu #Content_Menu .ul1 .li1 .ul2 .li2:first-child{margin-top:10px} #Menu #Content_Menu .ul1 .li1 .ul2 .li2 .ul3{width:170px; margin:-30px 0px 0px 0px; position:absolute; margin-left:170px;background:#FFF; border:1px solid #dbdbdb; display:none} #Menu #Content_Menu .ul1 .li1 .ul2 .li2:hover .ul3{display:block} #Menu #Content_Menu .ul1 .li1 .ul2 .li2:hover .ul3 .li3{border-bottom:1px dashed #dbdbdb;} #Menu #Content_Menu .ul1 .li1 .ul2 .li2:last-child{border:none} #Menu #Content_Menu .ul1 .li1 .ul2 .li2 .ul3 .li3:last-child{border:none} section{ width:100%; height:auto; float:left; margin:0px} #Main_Content{ width:100%; height:auto; float:left; margin:0px} #Project{ width:1100px; height:auto; margin:10px auto} #Project #nVar_Project{ width:100%; height: auto; float:left; margin:7px 0px; position:relative} #Project #nVar_Project::after{ content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} #Project #nVar_Project h2{font-size:16px; text-transform:uppercase; margin:5px 0px; color:#0283ce} #Project #Content_Project{ width:100%; height:410px; float:left; margin:0px 0px } #Content_Project #Left_Project{ width:508px; height:auto; float:left; margin:0px} #Content_Project #Left_Project img{ width:100%; height:360px; float:left; margin:5px 0px 10px 0px} #Content_Project #Left_Project a.Name{font-size:14px; color:#383838; margin:5px; display:block; text-align:center; font-weight:bold} #Content_Project #Right_Project{ width:582px; height:100%; float:left; margin:0px 0px 0px 10px} #Content_Project #Left_Project span{font-size:12px; color:#3e3e3e; margin:10px 5px 5px 5px; display:block} #Content_Project #Right_Project .Tear_Project{ width: 281px; height:197px; float:left; margin:5px} #Content_Project #Right_Project .Tear_Project img{ width:100%; height:150px; float:left; margin:0px 0px 7px 0px} #Content_Project #Right_Project .Tear_Project a.Name{font-size:14px; color:#383838; margin:5px; display:block; text-align:center} #Content_Project #Right_Project .Tear_Project h3{margin:0px; font-weight:normal} #Func{ width:1100px; height:auto; margin:10px auto 0px auto; } #Content_Func{position:relative; width:100%; height:100%; float:left; margin:0px; padding:10px 0px} #Content_Func::before { content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%; left: 0px; top: 0px; } #Content_Func::after{ content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} #Func .Left_Func{ width:436px; height:auto; float:left; margin:2px 0px} #Box{ width:100%; height:20px; float:left; margin:0px 0px 5px 0px; font-size:14px} #Box input{margin-top:3px} #Func .Left_Func select{ width:95px; height:33px; border:1px solid #d9d9d9; border-right:none; float:left; text-indent:6px; color:#3d3a3a} #Func .Left_Func .txtSearch{ width: 300px; height:33px; float:left; border:1px solid #d9d9d9; text-indent:15px } .btnSearch{ width:77px; height:33px; border:none; background:#0283ce; color:#FFF; margin-left:5px} .Right_Func{ width:654px; height:auto; float:left; margin:19px 0px 8px 10px} .Right_Func .Tear_Fun { width: auto; float:left; margin:5px 4px; height:39px} .Right_Func .Tear_Fun:first-child{margin-left:14px} .Right_Func .Tear_Fun .vc{ width:39px; height:100%; float:left; margin:0px; background:url(../iCon/icon_Van-chuyen.png)} .Right_Func .Tear_Fun .gg{ width:39px; height:100%; float:left; margin:0px; background:url(../iCon/icon_Giam-gia.png)} .Right_Func .Tear_Fun .qt{ width:39px; height:100%; float:left; margin:0px; background:url(../iCon/iCon_Khuyen-mai.png)} .Right_Func .Tear_Fun .Right_TearFunc{ width:166px; float:left; margin:0px} .Right_Func .Tear_Fun .Right_TearFunc .f1{font-size:12px; text-transform:uppercase; color:#3d3a3a; margin:2px 5px ; display:block} .Right_Func .Tear_Fun .Right_TearFunc .f2{ color:#757575; margin:2px 5px; display:block; font-size:14px} #Content{ width:1100px; height:auto; margin:10px auto} #Content #Product_One{ width:1100px; height:auto; margin:0px} #LeftProduct_One{ width:242px; height:auto; float:left; margin:0px} .Menu_Left{ width:100%; height:100%;border:1px solid #d9d9d9; float:left} .nVar_Menu_Left{ width:100%; height:auto; margin:0px; position:relative} .nVar_Menu_Left .Line{ width: 90%; height: 3px; margin:0px auto; display:block; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} .nVar_Menu_Left span { font-size:14px; color:#0283ce; text-align:center; line-height:33px; display:block; text-transform:uppercase; font-weight:300} .nVar_Menu_Left span { font-size:14px; color:#0283ce; text-align:center; line-height:33px; display:block; text-transform:uppercase; font-weight:700} .Content_Menu_Left{ width:100%; margin:5px 0px; float:left} .Content_Menu_Left .ul_1{ width:100%; margin:0px 0px; float:left} .Content_Menu_Left .ul_1 .li_1{ width:90%; height:100%; margin:0px auto; border-bottom:1px dashed #d9d9d9; position:relative } .Content_Menu_Left .ul_1 .li_1 a{ margin:7px 0px; color:#525252; font-size:14px; display:block} .Content_Menu_Left .ul_1 .li_1 h2{ margin:0px; font-weight:normal} .Content_Menu_Left .ul_1 .li_1:hover{background:none} .Content_Menu_Left .ul_1 .li_1 a span{ width:22px; border:1px solid #d9d9d9; height:22px; float:left; border-radius:50%; text-align:center; line-height:22px; margin:-3px 15px 0px 0px} .Content_Menu_Left .ul_1 .li_1 .ul_2{ width:100%; height:100%; float:left; margin:0px} .Content_Menu_Left .ul_1 .li_1:hover .ul_2{display:block; z-index:1} .Content_Menu_Left .ul_1 .li_1 .ul_2 .li_2 a{ margin-left:35px; font-size:13px; display:block} .xemthem{ text-align:right; margin:5px; display:block; color:#ff5400; font-size:15px} #RightProduct_One{ width:845px; height:auto; float:left; margin:0px 0px 0px 13px} #nVar_ProductOne{ width:100%; height:32px; float:left; margin:0px; background:#0283ce; position:relative} #nVar_ProductOne a{line-height:32px; margin:auto 0px; display:inline-block; color:#fff; text-transform:uppercase; font-size:13px; padding:0px 12px} #tabs{padding:0px;} #tabs a{ font-size:12px; line-height:29px; font-weight:bold; text-transform:uppercase; color:red; float:left; padding-left:20px; } .set{ background:rgba(255,255,255,0.2) } #tab2 {display:none;} #List_ProductOne{ width:100%; height:auto; float:left; margin:10px 0px; position:relative; padding:10px 0px 0px 0px} #List_ProductOne::before { content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%; left: 0px; top: 0px; } .Tear_1{ width:23%; height:243px; float:left; border:1px solid #dfdddd; border-radius:4px; margin:7px; position:relative} .dIcon{width:26px; height:26px; position:absolute; top:0px; right:2px; background:url(../iCon/icon_3D_Product.png) no-repeat right ; padding:2px 5px; padding-right:37px; font-size:14px; line-height:27px; color:#979696; text-transform:uppercase; font-weight:600; border-left:1px solid #d5d5d5;border-bottom:1px solid #dfdddd; } .Tear_1 .img{ width:100%; height:186px; float:left; margin:0px 0px 7px 0px; display:table; table-layout:fixed} .Tear_1 .img a{text-align:center; display:table-cell; vertical-align:middle} .Tear_1 .img a img{ max-width:90%; max-height:177px; width:auto; height:auto;transition: All 500ms ease;} .Tear_1 .img a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .Tear_1:hover{border:1px solid #bdbdbd} .Tear_1 .Name{font-size:13px; color:#222222; margin:5px; text-align:center; display:block} .Tear_1 h3{margin:0px; font-weight:normal} #Product_Tru{ width:100%; height:auto; float:left; margin:10px 0px} #Nvar_ProductTru{ width:100%; height:32px; float:left; margin:0px; background:#0283ce} #Nvar_ProductTru span{line-height:32px; margin:auto 0px; display:inline-block; color:#fff; text-transform:uppercase; font-size:13px; padding:0px 12px;background:rgba(255,255,255,0.2); position:relative; padding-left:37px} #Nvar_ProductTru span:before{ width:24px; height:24px; content:''; background:url(../iCon/icon_3D.png); position:absolute; top:4px; left:5px;} .Task{ width:1098px; height:auto; border:1px solid #dfdddd; float:left; margin:0px} .Tk1{ width:121px; border-right:1px solid #dfdddd; height:100%; float:left} .Tk1 h2{ margin:0px; font-weight:normal} .Tk1:hover{ border-right:1px solid #c6c6c6} .Tk1:last-child{border:none} .Tk1 .img{ width:100%; height:80px; float:left; display:table; table-layout:fixed; padding-bottom:7px} .Tk1 .img a{text-align:center; vertical-align:middle; display:table-cell} .Tk1 img{ max-width:95%; max-height:80px; height:auto; width:auto;transition: All 500ms ease;} .Tk1 img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .Tk1 .Name{ color:#464646; font-size:12px; text-align:center; display:block; margin:5px} #Content_ProductTrue{ width:100%; height:auto; float:left; margin:10px 0px 0px 0px; position:relative; padding:4px 0px 0px 0px} #Content_ProductTrue::before { content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%; left: 0px; top: 0px; } #Content_ProductTrue .Tear_1{ width:18.53%; height:246px; float:left; border:1px solid #dfdddd; border-radius:4px; margin:7px} #Content_ProductTrue .Tear_1:hover{border:1px solid #d9d9d9} /*NewsHomes*/ #NewHomes{ width:100%; height:auto; float:left; margin:5px 0px} #NewHomes #Nvar_NewHomes{ width:100%; height:33px; float:left; margin:0px; position:relative} #NewHomes #Nvar_NewHomes .Line1{ width:100%; height:1px; background:#00a2ff; display:block; margin:15px 0px} #NewHomes #Nvar_NewHomes .Name{position:absolute; line-height:33px; display:inline-block; background:#FFF; padding:0px 10px; text-align:center; margin:0px auto; text-transform:uppercase; margin-left:45%; font-size:22px; color:#0283ce} #Content_NewsHomes{ width:100%; height:auto; float:left; margin:5px 0px} #Content_NewsHomes #ListNewsHomes{ width:680px; height:auto; float:left; background:#f3f3f3} #LeftNewsHomes{ width:300px; height:auto; float:left; margin:0px} #LeftNewsHomes img{ width:98%; height:174px; margin:10px auto 9px auto; display:block} #LeftNewsHomes .Name{font-size:14px; font-weight:bold; text-align:center; margin:5px; display:block; color:#0086b8} #LeftNewsHomes span{ color:#353535; margin:5px; text-align:justify; font-size:12px; display:block} #RightNewsHomes{ width:360px; height:auto; float:right; margin:0px} #RightNewsHomes a{ color:#2b2b2b; margin:8px 8px; display:block; font-size:13.7px; text-align:left !important} #RightNewsHomes a span{width:4px; height:4px; background:#0086b8; display:inline-block; margin-right:10px} #RightNewsHomes a:first-child{margin-top:10px} #VideoHomes{ width:409px; height:auto; float:right; margin:0px} #VideoHomes iframe{ float:right !important} /*Đối tác */ #Partner{ width:100%; height:102px; float:left; margin:15px 0px; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; display:table; table-layout:fixed} #Partner a{display:table-cell; vertical-align:middle} #Partner a img{width:120px; height:47px; margin:auto auto; display:block;-webkit-transition: padding-left .2s linear;} #Partner a:hover img{padding-left:10px} #Partner a:first-child img{float:left} #Partner a:last-child img{float:right} /*Footer*/ footer{ width:100%; height:auto; float:left; margin:15px 0px 0px 0px} #Footer{ width:1100px; height:auto; margin:0px auto} #Footer .Info_Footer{ width:290px; height:auto; float:left; margin:0px} #Footer .Info_Footer .nvar{font-size:17px; text-transform:uppercase; color:#0283ce; font-weight:bold; margin:0px 5px 15px 0px; display:block} #Footer .Info_Footer .Address{ font-size:13px; color:#3E3E3E; margin:0px 4px 12px 4px; display:block; height:22px; background:url(../iCon/icon_Home1.png) no-repeat left; padding-left:40px; } #Footer .Info_Footer .Mobile{ font-size:13px; color:#3E3E3E; margin:3px 4px; display:block; height:22px; background:url(../iCon/icon_Phone.png) no-repeat left; padding-left:40px; line-height:22px} #Footer .Info_Footer .Lienhe{ font-size:13px; color:#3E3E3E; margin:3px 4px; display:block; height:22px; background:url(../iCon/icon_Mail.png) no-repeat left; padding-left:40px; line-height:22px} .Maps_Info{ width:270px; height:140px; float:left; margin:0px 5px; overflow:hidden} #Footer .Info_Footer .Web{ font-size:13px; color:#3E3E3E; margin:3px 4px; display:block; height:22px; background:url(../iCon/iCon_web.png) no-repeat left; padding-left:40px; line-height:22px} #Footer .Chinhsach{ width:200px; height:auto; float:left; margin:0px 15px 0px 50px} #Footer .Chinhsach a{font-size:13px; color:#3E3E3E; margin:7px 0px; display:block; padding-left:10px} #Footer .Chinhsach .nvar{font-size:17px; text-transform:uppercase;color:#0283ce; font-weight:bold; margin:0px 5px 15px 0px; display:block; padding-left:10px} .Facebook{ width:246px; height:140px; float:right} #Botom_Footer{ height:40px; float:left; width:100%; border-top:1px solid #d5d5d5; margin-top:30px; line-height:25px; color:#3E3E3E} #Botom_Footer #Left_Botom_Footer{ width:60%; height:100%; float:left; margin:0px} #Botom_Footer #Left_Botom_Footer a{ display:inline-block; margin:8px 5px 5px 40px} #Botom_Footer #Left_Botom_Footer span{ line-height:40px; float:left} #Right_Botom_Footer{ width:40%; height:100%; float:left; text-align:right} #Right_Botom_Footer .yt{ width:30px; height:30px; background:url(../iCon/icon_Youtube.png) no-repeat; display:inline-block;margin:5px} #Right_Botom_Footer .gg{ width:30px; height:30px; background:url(../iCon/icon_Google.png) no-repeat; display:inline-block;margin:5px} #Right_Botom_Footer .fb{ width:30px; height:30px; background:url(../iCon/icon_Facebook.png) no-repeat; display:inline-block; margin:5px} #Content_Banner .dm{display:none} .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; } .fb-like{ width:118px; height:15px; float:left; margin:7px 6px 7px 0px} .tweet{ width:70px; height:15px; float:left; margin:7px 5px} .float-ck { position: fixed; bottom: 0px; z-index: 9000} * html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;} #hide_float_left {text-align:left; font-size: 11px;} #hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;} #menu{ z-index:10000} .h1{ font-size:1px; font-weight:normal; margin:0px; color:#FFF} #dm{width:100%; height:auto; float:left; margin:7px 0px; background:#00C; font-size:13px; text-transform:uppercase; text-align:center; } #dm #nvar_dm span{ color: #FFF; font-size: 13px; text-transform: uppercase; line-height: 30px; display: inline-block; margin-left: 10px;} #dm #nvar_dm .icon{ background: url(../iCon/arrow.png) no-repeat right center scroll transparent; height: 30px; width: 16px; display: inline-block; float: right; margin-right: 5px; line-height: 40px;} @charset "utf-8"; /* CSS Document */ @media screen and (max-width:768px) { #Banner #Content_Banner{ width:100%} #Menu #Content_Menu{ width:100%} #Menu #Content_Menu .ul1 .li1 a{ margin:auto 6px; font-size:12px} #Menu #Content_Menu .ul1 .li1:last-child{ display:none} #Project{ width:100%} #Project #nVar_Project h3{margin-left:10px} #Project #Content_Project{ width:97%; float:none; margin:0px auto; height:auto} #Content_Project #Left_Project{ width:40%} #Content_Project #Left_Project img{ height:auto} #Content_Project #Right_Project{ width:55%} #Content_Project #Right_Project .Tear_Project{ width:46%; height:130px} #Content_Project #Right_Project .Tear_Project img{ height:75px} #Content_Project #Right_Project .Tear_Project{ font-size:12px} #Func{ width:97%; float:none; margin:10px auto 0px auto} #Func .Left_Func{ float:none; margin:8px auto} #Content{margin: 10px auto; width:98%} #Content #Product_One{ width:100%} #LeftProduct_One{ display:none} #RightProduct_One{ width:100%; margin:0px} .Tear_1{ width:30%} #Task{ width:100%; height:auto; border:none} #Content_ProductTrue .Tear_1{ width:30%} #Content_NewsHomes #ListNewsHomes{ width:100%} #LeftNewsHomes{ width:40%} #RightNewsHomes{ width:55%} #VideoHomes{ display:none} #Partner a img{ width:80px} #Footer{ width:98%; float:none; } #Footer .Info_Footer{ width:46%} .Maps_Info{ width:46%} #Footer .Chinhsach{ width:46%;clear:both; margin:10px 0px 0px 0px} .Facebook{ width:46%; margin-top:10px } } @media screen and (max-width:480px) { #Content_Banner .dm{ background:url(../iCon/icon_List.png) no-repeat 7px center scroll #4569a3; line-height:37px; padding-left:27px; padding-right:10px; display:block; text-align:right; display:inline-block; float:right; color:#FFF; margin-top:20px} #Banner{ overflow:hidden} #Banner #Content_Banner #Adw{ display:none} #Menu{ display:none} #Content_Project #Left_Project{ width:100%; margin:0px} #Content_Project #Right_Project{ width:100%; margin:0px} #Banner{ height:70px} #Banner #Content_Banner #Logo a img{ max-height:65px} #Content_Project #Right_Project .Tear_Project{ height:130px} .xemthem{ padding-top:10px} #Func .Left_Func .txtSearch{ width:223px} .Right_Func{ display:none} .Tear_1{ width:46%; margin:4px} #Task{ display:none} #Content_ProductTrue .Tear_1{ width:46%; margin:4px} #LeftNewsHomes{ width:100%; height:auto; float:left; margin:0px} #RightNewsHomes{ width:100%; height:auto; float:left; margin:0px} #NewHomes #Nvar_NewHomes .Name{ margin-left:2%} #Partner{ display:none} #Footer .Info_Footer{ width:100%} .Maps_Info{ width:100%} #Footer{overflow:hidden} #Footer .Chinhsach{ display:none} .Facebook{ display:none} #Botom_Footer #Left_Botom_Footer{width:100%} #Right_Botom_Footer{display:none} #Main_Content{ overflow:hidden} #Footer .Info_Footer .nvar{ text-align:center} #Project #nVar_Project h3{ text-align:center} #nVar_ProductOne a{ font-size:11px} .Tear_1{ height:200px} .Tear_1 .img{ height:145px} #Content_ProductTrue .Tear_1{ height:200px} #Content_ProductTrue .Tear_1 .img{ height:145px} .Tear_1 .img a img{ max-height:145px !important} header{ padding-bottom:7px; border-bottom:1px solid #3e88ff} .Tear_pj{width:47% !important} .Tear_pj .Mota{ display:none !important} .Tear_pj .img{ height:65px!important} .Tear_pj{ height:170px!important} } @charset "utf-8"; /* CSS Document */ #Images{ width:100%; height:auto; float:left; margin:10px 0px} .nVar_Image{ width:100%; height:25px; float:left; margin:0px 0px 15px 0px; position:relative} #Images h1{font-size: 15px; text-transform: uppercase; line-height:25px; margin: 0px 0px; position:relative } #Images .nVar_Image::after{ content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} #Content_Image{ width:100%; height:auto; float:left; margin:5px 0px} .Tear_img{ width:22.8%; height:230px; float:left; margin:5px 1%; border:1px solid #ededed} .Tear_img .img{ width:100%; height:150px; float:left; margin:0px 0px 10px 0px; float:left; display:table; table-layout:fixed} .Tear_img .img a{ display:table-cell; vertical-align:middle; text-align:center} .Tear_img .img a img{max-width:90%; max-height:145px; margin:5px auto; transition: All 500ms ease; border-radius:5px} .Tear_img a.Name{font-size:13px; color:#303030; margin:5px; padding-bottom:7px; text-align:center; display:block; font-weight:bold} .Tear_img .Mota{ margin:5px 5px; display:block; color:#5a5959; text-align:justify; font-size:12px} #VideoDetail{ width:800px; height:450px; margin:15px auto} .Tear_pj{ width:22.8%; height:270px; float:left; margin:5px 1%; border:1px solid #ededed} .Tear_pj .img{ width:100%; height:150px; float:left; margin:0px 0px 10px 0px; float:left; display:table; table-layout:fixed} .Tear_pj .img a{ display:table-cell; vertical-align:middle; text-align:center} .Tear_pj .img a img{max-width:90%; max-height:145px; margin:5px auto; transition: All 500ms ease; border-radius:5px} .Tear_pj a.Name{font-size:13px; color:#303030; margin:5px; padding-bottom:7px; text-align:center; display:block; font-weight:bold} .Tear_pj .Mota{ margin:5px 5px; display:block; color:#5a5959; text-align:justify; font-size:12px} #DetailIM{width:100%; height:auto; float:left; margin:5px 0px} #DetailIM img{ margin:0px auto; display:block; max-width:100%} #ListIM{width:100%; height:auto; float:left; margin:5px 0px; text-align:center} #ListIM a img{width:60px; height:60px; border:1px solid #d1d1d1; padding:5px; display:inline-block; margin:5px; opacity:0.7} #ListIM a .setimg{opacity:1; border:1px solid #3e3e3e} @charset "utf-8"; /* CSS Document */ @media screen and (max-width:768px) { .Tear_img{ width:22.7%} #VideoDetail{ width:100%; height:360px} } @media screen and (max-width:480px) { .Tear_img{ width:46.7%} #VideoDetail{ height:auto} } /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px; } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-header > a { text-decoration: none; display: block; padding: 10px 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-header .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-header .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px; } .mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after { border-top: none; border-left: none; right: 20px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview > li.mm-spacer { padding-top: 40px; } .mm-listview > li.mm-spacer > .mm-next { top: 40px; } .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { min-height: 100vh; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight { max-height: 80%; } .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 0px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-listview > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(0, 0, 0, 0.7); background: #f3f3f3; } .mm-menu .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.7); color: #f3f3f3; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 50px; top: 50%; } em.mm-counter + a.mm-next { padding-left: 40px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 20px; position: absolute; z-index: 3; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-hasfooter > .mm-panel { bottom: 40px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-menu > .mm-header { background: inherit; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu > .mm-header .mm-close:after { content: 'x'; } .mm-menu.mm-hassearch > .mm-header { top: 40px; } .mm-menu.mm-hasheader .mm-panel .mm-header { display: none; } .mm-menu.mm-hasheader .mm-panel, .mm-menu.mm-hasheader .mm-fixeddivider { top: 40px; } .mm-menu.mm-hasheader.mm-hassearch .mm-panel, .mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider { top: 80px; } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-menu > .mm-search { background: inherit; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-search { height: 40px; width: 100%; padding: 10px 10px 0 10px; position: absolute; top: 0; left: 0; } .mm-search input { border: none; border-radius: 25px; font: inherit; font-size: 14px; line-height: 25px; outline: none; display: block; width: 100%; height: 25px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasheader { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasheader .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } .mm-menu li.mm-nosubresults > a.mm-next { display: none; } .mm-menu li.mm-nosubresults > a.mm-next + a, .mm-menu li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu.mm-hassearch .mm-panel, .mm-menu.mm-hassearch .mm-fixeddivider { top: 40px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.71%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-hasheader .mm-indexer { top: 50px; } .mm-hasfooter .mm-indexer { bottom: 50px; } .mm-hassearch .mm-indexer { top: 50px; } .mm-hassearch.mm-hasheader .mm-indexer { top: 90px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } /* jQuery.mmenu effects extension CSS */ html.mm-effect-slide .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-panels .mm-menu .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; } .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-header { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-header > a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-header .mm-btn:before, .mm-menu.mm-theme-black .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-theme-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } @charset "utf-8"; /* CSS Document */ #ListNews{ width:100%; height:auto; float:left; margin:10px 0px; clear:both} #ListNews .Tear_News{ width:100%; height:auto; border-bottom:1px dashed #d9d5d5; float:left; margin:7px 0px; padding-bottom:5px} #ListNews .Tear_News img{ width:100px; height:80px; float:left; margin:5px 10px 5px 0px} #ListNews .Tear_News .Name{ font-size:13px; color:#2e2e2e; font-weight:bold; margin:5px 5px 2px 5px; display:block} #ListNews .Tear_News .Date{font-size:12px; color:#7a7a7a; font-style:italic; margin:1px 5px; display:block} #ListNews .Tear_News .Dess{font-size:12px; color:#3e3e3e; margin:4px 5px; display:block} #NewsDetail{width:100%; height:auto; float:left; margin:10px 0px} #NewsDetail .Social{ width:98%; height:auto; margin:5px auto; clear:both} #Content_NewsDetail{ width:99%; height:auto; margin:5px auto; clear:both; font-size:12px; color:#303030; text-align:justify;line-height:20px;} #Content_NewsDetail img{max-width:98%; height:auto } #Content_NewsDetail .Description{width:100%; height:auto; float:left; margin:5px 0px; font-weight:bold; text-indent:15px; line-height:20px} #Content_NewsDetail .ContentDetail{width:100%; height:auto; float:left; margin:5px 0px; line-height:20px; } #Tintuclienquan{ width:100%; height:auto; float:left; margin:10px 0px; border-top:1px solid #e7e5e5} #Tintuclienquan .Name{ font-size: 14px; color: #2e2e2e; line-height: 33px; display: block; margin:5px; text-transform: uppercase; padding-top:7px} #Tintuclienquan #Content_Tintuclienquan{ width:100%; height:auto; float:left; margin:2px 0px} #Tintuclienquan #Content_Tintuclienquan a{font-size:12px; color:#3e3e3e; margin:7px 5px; display:block} @charset "utf-8"; /* CSS Document */ @media screen and (max-width:768px) { } @media screen and (max-width:480px) { #ListNews .Tear_News img{ width:70px; height:50px; float:left; margin:5px 10px 5px 0px} } @charset "utf-8"; /* CSS Document */ #Product{ width:100%; height:auto; float:left; margin:8px 0px} #Product #Left_ListProduct{width:242px; height:100%; float:left; margin:0px} #Product #Left_ListProduct .Splq{ width:100%; height:auto; float:left; margin:10px 0px;border: 1px solid #d9d9d9;} #Product #Left_ListProduct .Splq .Content_splq{ width:100%; height:auto; float:left; margin:0px} #Product #Left_ListProduct .Splq .Content_splq .Tear_1{ width:90%; margin:10px auto; float:none} #Product #Left_ListProduct #Quangcao{ width:100%; height:auto; float:left; margin:10px 0px;border: 1px solid #d9d9d9;} #Product #Left_ListProduct #Quangcao a img{ margin:4px auto; height:auto; width:98%; display:block} #Right_ListProduct{ width:845px; height:auto; float:left; margin:0px 0px 0px 13px} #Nvar_Right_ListProduct{ width:100%; height:20px; float:left; margin:0px;; position:relative} #Nvar_Right_ListProduct::after{ content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%;} #Nvar_Right_ListProduct h1{ font-size:15px; text-transform:uppercase; line-height:20px; margin:0px 0px ;padding-bottom:5px} #Des{ width:99%; height:auto; float:left; margin:15px 0px 0px 0px; border:1px solid #d9d9d9; background:#f5f5f5; color:#5e5e5e; padding:5px 0px; text-align:justify; font-size:12px; border-radius:5px} #Des #Content_Des{ width:98%; height:auto; margin:0px auto} #Content_ListProduct{ width:100%; height:auto; float:left; margin:20px 0px; padding-top:10px; position:relative} #Content_ListProduct::before{ content: ""; position: absolute; width: 100%; height: 3px; background: transparent url(../iCon/double-dotted.png) repeat scroll 0% 0%; left: 0px; top: 0px; } .Line3{ width:100%; height:1px; border-bottom:1px solid #d5d5d5; text-align:center; display:block; margin:10px 0px; clear:both} .List_Product{ width:100%; height:auto; float:left; margin:5px 0px} .List_Product .nVar_ListProduct{ height:auto; float:left; margin:0px; width:100%; position:relative} .List_Product .nVar_ListProduct h2{font-size:15px; text-transform:uppercase; color:#1d1d1d; margin:0px; line-height:25px; font-weight:normal; position:absolute; background:#FFF; padding-right:15px} .List_Product .nVar_ListProduct .Line2{ width:100%; height:1px; background:#d5d5d5; display:block; margin:15px 0px; margin:12px 0px} .List_Product .Content_ListProduct{ width:100%; height:auto; float:left; margin:5px 0px} /*ProductDetail*/ #ProductDetail{width:100%; height:auto; float:left; margin:15px 0px 0px 0px; clear:both} #ProductDetail #Top_ProductDetail{width:100%; height:auto; float:left; margin:10px 0px;} #ProductDetail #Top_ProductDetail #Left_TopProductDetail{width:55%; height:auto; float:left; margin:0px; position:relative} #Top_Left_TopProductDetail{ width:100%; height:auto; float:left; margin:0px;border:1px solid #d9d9d9; position:relative} #Top_Left_TopProductDetail img{ width:97%; height:auto; margin:7px auto; display:block} .Mau{position:absolute; width:auto; height:auto; bottom:7px; right:0px} @-webkit-keyframes st { 0%{color:#F8CD0A} 50%{color:#81c3ff} 100%{color:#F8CD0A} } @-moz-keyframes st { 0%{color:#F8CD0A} 50%{color:#81c3ff} 100%{color:#F8CD0A} } @-o-keyframes st { 0%{color:#F8CD0A} 50%{color:#81c3ff} 100%{color:#F8CD0A} } @keyframes st { 0%{color:#81c3ff} 50%{color:#fff} 100%{color:#e4ff00} } .Mau a{display:inline-block; padding:8px 10px; color:#FFF; text-transform:uppercase; background:#0283ce; -webkit-animation: st 700ms infinite; -moz-animation: st 700s infinite; -o-animation: st 700ms infinite; animation: st 700ms infinite; border-top-left-radius:5px} #Bottom_Left_TopProductDetail{ width:100%; height:auto; float:left; margin:0px} #Bottom_Left_TopProductDetail .Tear_pl{ width:104px; height:102px; float:left; margin:5px; display:table; table-layout:fixed;border:1px solid #d9d9d9; border-radius:4px} #Bottom_Left_TopProductDetail .Tear_pl a {display:table-cell; vertical-align:middle; text-align:center} #Bottom_Left_TopProductDetail .Tear_pl a img{max-width:90%; max-height:95px; } #Right_TopProductDetail{ width:43%; float:left; margin-left:2%} #Right_TopProductDetail #nVar_Right_TopProductDetail{ width:100%; height:20px; float:left; margin:0px; position:relative} #Right_TopProductDetail #nVar_Right_TopProductDetail .Line2{ width:100%; height:1px; background:#d9d9d9; float:left; margin:9px} #Right_TopProductDetail #nVar_Right_TopProductDetail .Name{font-size:14px; text-transform:uppercase; color:#3e3e3e; position:absolute; margin-left:30%; background:#FFF; display:block; padding:3px 10px} #Info1{ width:100%; margin:5px 0px; float:left; margin:5px 0px} #Info1 #Left_Info1{ width:100%; float:left; height:auto; margin:0px} #Info1 #Right_Info1{ width:100%; float:left; height:auto; margin:0px; text-align:left} #Info1 .icon{ height:12px; line-height:12px; margin:5px 0px; background:url(../iCon/icon_1.png) no-repeat left; padding-left:20px; color:#303030; display:inline-block} #Info1 .icon span{ font-weight:bold} #Info2{ width:99.8%; height:auto; margin:11px 0px; background:#f5f5f5; border:1px solid #e8e8e8; clear:both; border-radius:5px; padding:7px 0px} #Info2 #Content_Info2{width:95%; height:auto; margin:0px auto; font-size:14px; color:#363535; line-height:20px} #Content_ProductDetail{ width:99.8%; height:auto; float:left; margin:10px 0px; border:1px solid #e8e8e8; border-radius:5px; font-size:12px; line-height:20px } #Content_ProductDetail_dt{ width:98%; height:auto; margin:5px auto 15px auto; font-size:14px; text-align:justify} #Content_ProductDetail_dt h2{text-transform: uppercase; color: #1f1f1f; margin: 2px 0px 8px 0px; display: block; line-height: 20px; border-bottom: 1px solid #1881bd; position: relative; padding-bottom:3px; font-size:15px; padding-top:6px; font-weight:normal} #Content_ProductDetail_dt h2:before { background: #ff7200; bottom: 0px; content: ""; display: block; height: 1px; left: 0; margin: 0 0 -1px; position: absolute; width: 250px; } #Content_ProductDetail_dt h3{text-transform: uppercase; color: #1f1f1f; margin: 2px 0px 8px 0px; display: block; line-height: 20px; border-bottom: 1px solid #1881bd; position: relative; padding-bottom:3px; font-size:15px; padding-top:6px; font-weight:normal} #Content_ProductDetail_dt h3:before { background: #ff7200; bottom: 0px; content: ""; display: block; height: 1px; left: 0; margin: 0 0 -1px; position: absolute; width: 250px; } #Content_ProductDetail_dt img{max-width:98%; height:auto } .Tabs { width: 100%; height: auto; min-height: 20px; padding: 3px 0px; display: inline-block; line-height: 20px; } .Tabs span{background-color:#0f73be;padding:5px 9px;color:#fff;display:block;text-transform:uppercase;line-height:10px;float:left;margin:3px} .Tabs a{display:block;float:left;border:1px solid #ededed;margin-left:4px;line-height:10px;color:#4e4e4e !important;padding:5px 8px;margin:2px;font-size:11px;display:inline-block;} .Tabs a:hover{background:#0f73be;color:#FFF !important} #Comment{ width:100%; height:auto; float:left; margin:5px 0px} #Comment .nVar_2{ width:95%; height:25px; float:left; margin:0px; background:url(../iCon/comments-icon.png) no-repeat left center scroll transparent; line-height:25px; text-indent:35px;color:#4b4b4b; text-transform:uppercase; font-size:16px} #Sluion{ width:100%; height:auto; float:left; margin:0px} #review{ width:100%; height:auto; float:left; margin:0px} #review .rv1{ color:#ff5b02; font-size:13px; margin:5px; display:block} #review .rv2{ color:#0a9aff; font-size:12px; margin:2px 5px; display:block; font-style:italic} #ConmentFacebook{ width:100%; height:auto; float:left; margin:5px 0px} /* Visit http://www.menucool.com/responsive-slider for instructions */ #ninja-slider { width:100%; background:#ededed; padding-top:30px; padding-bottom:10px; margin:0 auto; overflow:hidden; box-sizing:border-box; } #ninja-slider.fullscreen { background:black; } #ninja-slider.fullscreen #ninja-slider-prev { left: -50px; } #ninja-slider.fullscreen #ninja-slider-next { right: -50px; } #ninja-slider .fs-icon { top:0px; right:0px; width:45px; height:45px; background: rgba(0,0,0,0.1) url(fullscreen.png) no-repeat 0 0; z-index:2; opacity:0; -webkit-transition:opacity 0.8s; transition:opacity 0.8s; } #ninja-slider:hover .fs-icon { opacity: 1; } #ninja-slider.fullscreen .fs-icon { background-position: center -45px; opacity:1; } #ninja-slider .slider-inner { max-width:90%; margin:0 auto;/*center-aligned*/ font-size:0px; position:relative; box-sizing:border-box; } #ninja-slider.fullscreen .slider-inner { max-width:900px; max-height:80%; } #ninja-slider ul { /*overflow:hidden;*/ position:relative; list-style:none; padding:0; box-sizing:border-box; } #ninja-slider li { background-color:#111; width:100%; height:100%; top:0; left:0; position: absolute; font-size:12px; list-style:none; margin:0; padding:0; opacity:0; overflow:hidden; box-sizing:border-box; } #ninja-slider li.ns-show { opacity:1; } /* --------- slider image ------- */ #ninja-slider .ns-img { background-color:rgba(0,0,0,0.3); background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/ border-radius:3px; cursor:default; display:block; position: absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; } /* ---------Arrow buttons ------- */ /* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ #ninja-slider-pause-play { display:none;} #ninja-slider-prev, #ninja-slider-next { position: absolute; display:inline-block; width:42px; height:56px; line-height:56px; top: 50%; margin-top:-28px; background-color:rgba(0,0,0,0.4); background-color:#ccc\9;/*IE8 hack*/ backface-visibility:hidden; color:white; overflow:hidden; white-space:nowrap; -webkit-user-select: none; user-select:none; border-radius:2px; z-index:10; opacity:0.3; font-family:sans-serif; font-size:13px; cursor:pointer; -webkit-transition:all 0.7s; transition:all 0.7s; } .slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next { opacity:1; } #ninja-slider-prev { left: 0; } #ninja-slider-next { right: 0; } /* arrows */ #ninja-slider-prev::before, #ninja-slider-next::before { position: absolute; top: 17px; content: ""; display: inline-block; width: 20px; height: 20px; border-left: 2px solid white; border-top: 2px solid white; } #ninja-slider-prev::before { -ms-transform:rotate(-45deg);/*IE 9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); backface-visibility:hidden; right:4px; } #ninja-slider-next::before { -ms-transform:rotate(135deg);/*IE 9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); backface-visibility:hidden; left:4px; } /*pagination num within the arrow buttons*/ #ninja-slider-prev div, #ninja-slider-next div {display:none;} /*------ pager(nav bullets) ------*/ /* The pager id should be: slider id + "-pager" */ #ninja-slider-pager { display:none;} #ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } /*Responsive settings*/ @media only screen and (max-width:800px){ #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager { display:none; } #ninja-slider .fs-icon { display:none; } } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../iCon/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../iCon/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../iCon/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../iCon/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../iCon/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../iCon/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../iCon/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../iCon/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../iCon/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../iCon/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../iCon/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../iCon/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../iCon/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../iCon/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../iCon/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../iCon/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../iCon/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../iCon/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../iCon/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../iCon/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../iCon/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../iCon/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../iCon/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../iCon/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../iCon/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../iCon/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../iCon/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../iCon/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../iCon/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../iCon/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../iCon/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../iCon/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../iCon/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../iCon/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../iCon/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../iCon/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../iCon/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../iCon/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../iCon/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../iCon/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../iCon/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../iCon/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../iCon/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../iCon/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../iCon/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../iCon/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../iCon/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../iCon/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../iCon/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../iCon/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../iCon/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../iCon/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../iCon/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../iCon/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../iCon/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../iCon/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../iCon/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../iCon/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../iCon/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../iCon/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../iCon/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../iCon/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../iCon/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../iCon/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../iCon/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../iCon/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../iCon/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../iCon/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../iCon/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../iCon/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../iCon/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../iCon/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../iCon/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} @charset "utf-8"; /* CSS Document */ @media screen and (max-width:768px) { #Left_ListProduct{ display:none} #Right_ListProduct{ width:100%; height:auto; float:left; overflow:hidden; margin:0px} } @media screen and (max-width:480px) { #ProductDetail #Top_ProductDetail #Left_TopProductDetail{ width:100%; height:auto; float:left} #Right_TopProductDetail{ width:100%; height:auto; float:left; margin:6px 0px} #Bottom_Left_TopProductDetail { display:none} #Content_ProductDetail_dt h2{ font-size:13px} #Content_ProductDetail_dt h3{ font-size:13px} #Nvar_Right_ListProduct h1{ text-align:center} } /* http://www.menucool.com */ #thumbnail-slider { -webkit-transform: scale(0.7); transform:scale(0.7); transition:transform 0.25s; opacity:0.8; margin:4px auto; /*center-aligned*/ width:100%; max-width:780px; padding:0px 40px;/*Gives room for arrow buttons*/ box-sizing:border-box; position:relative; -webkit-user-select: none; user-select:none; } #thumbnail-slider:hover { -webkit-transform: scale(1); transform:scale(1); opacity:1; } #ninja-slider.fullscreen #thumbnail-slider { width:90%; max-width:1120px; } #thumbnail-slider div.inner { /*the followings should not be changed */ position:relative; overflow:hidden; padding:2px 0; margin:0; } #thumbnail-slider div.inner ul { /*the followings should not be changed */ white-space:nowrap; position:relative; left:0; top:0; list-style:none; font-size:0; padding:0; margin:0; float:left!important; width:auto!important; height:auto!important; } #thumbnail-slider ul li { opacity:1; overflow:visible; display:inline-block; *display:inline!important; /*IE7 hack*/ border:2px solid #222; margin:0 4px;/* Spacing between thumbs*/ box-sizing:content-box; text-align:center; vertical-align:middle; padding:0; position:relative; list-style:none; backface-visibility:hidden; transition:all 0.2s; -webkit-transform:scale(1); transform:scale(1); } #thumbnail-slider ul li.active { border-color:white; } #thumbnail-slider li:hover { border-color:rgba(255,255,255,0.7); } #thumbnail-slider .thumb { width:100%; height: 100%; background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; position:absolute; font-size:0; } /* --------- Captions ------- */ #thumbnail-slider li > span { position:absolute; color:rgba(255,255,255,0.7); font-size:22px; bottom:2px; } /* --------- navigation controls ------- */ /* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */ #thumbnail-slider-pause-play {display:none;} /*.pause*/ #thumbnail-slider-prev, #thumbnail-slider-next { position: absolute; background-color:none; width:40px; height:50px; line-height:50px; top: 50%; margin:0; margin-top:-25px; color:white; z-index:10; cursor:pointer; opacity:1; *background-color:#ccc;/*IE7 hack*/ } #thumbnail-slider-prev { left:0px; right:auto; } #thumbnail-slider-next { left:auto; right:0px; } #thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled { opacity:0.3; cursor:default; } /* arrows */ #thumbnail-slider-prev::before, #thumbnail-slider-next::before { position: absolute; top: 15px; content: ""; display: block; width: 20px; height: 20px; border-left: 3px solid #DDD; border-top: 3px solid #DDD; } #thumbnail-slider-prev::before { left:14px; -ms-transform:rotate(-45deg);/*IE9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); } #thumbnail-slider-next::before { right:14px; -ms-transform:rotate(135deg);/*IE9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); } /*Responsive settings*/ @media only screen and (max-width:736px){ #thumbnail-slider { padding:0; } #thumbnail-slider-prev, #thumbnail-slider-next { display:none; } } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; }