@font-face
{
    font-family: 'BYekan';
    src: url('../Administrator/Files/fonts/Yekan.eot');
    src: url('../Administrator/Files/fonts/Yekan.eot#iefix') format('embedded-opentype'), url('../Administrator/Files/fonts/Yekan.woff') format('woff'), url('../Administrator/Files/fonts/Yekan.ttf') format('truetype'), url('../Administrator/Files/fonts/Yekan.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body
{
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: BYekan , tahoma;
    font-size: 15px;
    line-height: 190%;
    color: #333;
    background-color: #f0ede4;
}
.div404
{
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.img404
{
    display: inline-block;
    width: 100%;
}
.SearchLink
{
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    vertical-align:top;
}
strong
{
    font-weight: normal;
    font-size: 12pt;
    color: #000;
}
.BoxSizeAsli
{
    width: 1200px;
    display: inline-block;
    text-align: center;
}
.HeaderTop strong
{
    color: #21a4cc;
    font-size: 12pt;
    width: 324px;
    float: left;
    margin-top: 30px;
    text-align: left;
    margin-left: 10px;
}
.HeaderTop strong .Row
{
    text-align: left;
}
.HeaderTop strong a
{
    color: #21a4cc;
}
.tagablue:hover
{
    color: #ff0000;
}
.tagablue
{
    color: #0769ad;
}
.HeaderTop .Tell
{
    width: 324px;
    height: 49px;
    float: right;
    background-image: url(../Administrator/Files/Design/Tell.png);
    margin-top: 30px;
    margin-right: 10px;
    background-position: center top;
    background-repeat: no-repeat;
}
a strong:hover
{
    color: #ff0000;
}
img
{
    border: 0;
}
.Row
{
    width: 100%;
    float: right;
    text-align: center;
}
.RowMarginTen
{
    width: 100%;
    float: right;
    margin-top: 10px;
    text-align: center;
}
.RowMarginFive
{
    width: 100%;
    float: right;
    margin-top: 5px;
}
input, select, textarea
{
    font-family: BYekan , tahoma;
}
A:hover
{
    color: #FB5235;
}

A
{
    color: #3b3b3b;
    text-decoration: none;
}

.backtotop
{
    display: none;
    position: fixed;
    cursor: pointer;
    right: 10px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-image: url(../Administrator/Files/Design/circlearr.png);
    background-color: #777;
    transition: all 0.3s ease;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    z-index: 99999999;
}

.backtotop:hover
{
    background-color: #000;
}
blockquote
{
    border: solid 1px gray;
    margin: 40px;
    padding: 10px;
    background-color: #FFFFCC;
    line-height: 100%;
    direction: ltr;
    text-align: left;
}
.CenterKon
{
    display: inline-block;
}
.CenterKonBox
{
    display: inline;
}
.Box980
{
    width: 980px;
}
/*-----------------------Content------------------*/
.Content
{
    float: right;
    width: 100%;
}
/*-------------------------------BackLink---------------*/
.BackLinkBoxBox
{
    width: 96%;
    padding: 0 2% 0 2%;
    max-width: 1200px;
    display: inline-block;
}
.BackLinkRight
{
    float: right;
    width: 700px;
    text-align: justify;
}
.BackLinkLeft
{
    float: left;
    width: 475px;
}

.BackLinkPack:hover
{
    color: #006e69;
}
.BackLinkPack:hover .Price .Link
{
    background-color: #fb5235;
}
.BackLinkPack
{
    display: inline-block;
    width: 110px;
    background-color: #006e69;
    text-align: center;
    color: #006e69;
    border: solid 1px #006e69;
    margin: 0px 1px 10px 1px;
    cursor: pointer;
}
.BackLinkPack .Title
{
    float: right;
    width: 100%;
    padding: 10px 0;
    font-size: 13pt;
    background-color: #d4e5dd;
}
.BackLinkPack .Title2
{
    float: right;
    width: 100%;
    border-top: solid 1px #006e69;
    border-bottom: solid 1px #006e69;
    padding: 5px 0;
    font-size: 10pt;
    background-color: #d4e5dd;
}
.BackLinkPack .Price2
{
    float: right;
    width: 100%;
    padding: 5px 0;
    text-decoration: line-through;
    font-size: 10pt;
    background-color: #d4e5dd;
}
.BackLinkPack .Price
{
    font-size: 12pt;
    float: right;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}
.BackLinkPack .Price .Link
{
    display: inline-block;
    padding: 3px 15px 5px 15px;
    background-color: #005551;
    font-size: 10pt;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 10px;
}
@media only screen and (max-width: 1300px)
{
    .BackLinkLeft
    {
        width: 365px;
    }
    .BackLinkLeft .SeoProjectListArchiveItem
    {
        width: 350px;
    }
    .BackLinkLeft .SeoProjectListArchive .info2
    {
        width: 110px;
    }
}
@media only screen and (max-width: 1300px)
{
    .BackLinkRight
    {
        width: calc(100% - 375px);
    }
}
@media only screen and (max-width: 650px)
{
    .BackLinkLeft
    {
        width: 295px;
    }
    .BackLinkLeft .SeoProjectListArchiveItem
    {
        width: 280px;
    }
    .BackLinkLeft .SeoProjectListArchive .info1
    {
        width: 110px;
    }
    .BackLinkRight
    {
        width: calc(100% - 295px);
    }

}
@media only screen and (max-width: 600px)
{
    .BackLinkLeft
    {
        width: 185px;
    }
    .BackLinkLeft .SeoProjectListArchiveItem
    {
        width: 170px;
    }

    .BackLinkRight
    {
        width: calc(100% - 195px);
    }

}
@media only screen and (max-width: 350px)
{
    .BackLinkLeft
    {
        width: 100%;
    }
    .BackLinkRight
    {
        width: 100%;
    }

}
/*-------------------------------Header---------------*/

.Header
{
    width: 100%;
    float: right;
}
.HeaderMenuBox
{
    float: right;
    width: 100%;
    text-align: center;
}
.HeaderBox
{
    width: 100%;
    height: 485px;
    background-image: url(../Administrator/Files/Design/Header.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    float: right;
}
.HeaderBoxBox
{
    width: 100%;
    height: 485px;
    background-image: url(../Administrator/Files/Design/HeaderBox.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    float: right;
}

.HeaderFooter
{
    float: right;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 450px;
    background-image: url(../Administrator/Files/Design/HeaderFooterBox.png);
    background-repeat: repeat-x;
    background-position: bottom center;
}

/*-----------------------Header ------------------*/
.HeaderTopBG
{
    width: 100%;
    float: right;
}
.HeaderTop
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url(../Administrator/Files/Design/HeaderTop.jpg);
    background-position: top center;
    text-align: center;
}


.Hobab
{
    width: 100%;
    float: right;
    min-height: 466px;
    background-image: url(../Administrator/Files/Design/Hobab.png);
    background-position: top center;
}
.Logo
{
    width: 157px;
    height: 120px;
    display: inline-block;
    background-image: url( "../Administrator/Files/Design/Logo.png" );
    background-position: top center;
    background-repeat: no-repeat;
}

nav
{
    float: right;
    width: 100%;
}
/*-----------------------navCategory ------------------*/

.nav-toggle
{
    line-height: 1;
    display: inline-block;
    padding: 1.25rem 1rem;
    border: 0;
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483648;
    cursor: pointer;
    display: none;
}
.nav-toggle .icon-menu
{
    position: relative;
    display: inline-block;
    width: 28px;
    height: 20px;
    vertical-align: middle;
    fill: none;
    cursor: pointer;
}
.icon-menu .line
{
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    background-color: #fff;
}

.icon-menu .line-1
{
    top: 0;
}


.is-active .icon-menu .line-1
{
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    -ms-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
}


.icon-menu .line-2
{
    top: 50%;
    margin-top: -2px;
}


.is-active .icon-menu .line-2
{
    opacity: 0;
}


.icon-menu .line-3
{
    bottom: 0;
}


.is-active .icon-menu .line-3
{
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
}

.navCategory
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 1200px;
    height: 70px;
    position: relative;
    text-align: center;
}
.navCategory2
{
    float: left;
    display: none;
}
.navCategory li
{
    display: inline-block;
    z-index: 1000000;
    margin: 0;
}


.navCategory li a
{
    display: block;
    font-size: 11pt;
    color: #fff;
    padding: 25px 0px 0 0px;
    height: 45px;
    text-decoration: none;
    text-align: center;
    line-height: 150%;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-image: url(../Administrator/Files/Design/Menu.png);
    background-position: center 0;
    width: 132px;
}


.navCategory li a .MenuP:hover
{
    background-position: center -28px;
}

.navCategory li a .MenuP
{
    float: right;
    width: 100%;
    height: 28px;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 2px;
    margin-bottom: 7px;
}
.navCategory li a .MenuP1
{
    background-image: url(../Administrator/Files/Design/Menu2.png);
}
.navCategory li a .MenuP2
{
    background-image: url(../Administrator/Files/Design/Menu8.png);
}
.navCategory li a .MenuP3
{
    background-image: url(../Administrator/Files/Design/Menu6.png);
}
.navCategory li a .MenuP4
{
    background-image: url(../Administrator/Files/Design/Menu5.png);
}
.navCategory li a .MenuP5
{
    background-image: url(../Administrator/Files/Design/Menu3.png);
}
.navCategory li a .MenuP6
{
    background-image: url(../Administrator/Files/Design/Menu4.png);
}
.navCategory li a .MenuP7
{
    background-image: url(../Administrator/Files/Design/Menu7.png);
}
.navCategory li a .MenuP8
{
    background-image: url(../Administrator/Files/Design/Menu1.png);
}


.navCategory ul
{
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f5f5f5;
    float: right;
    width: 1194px;
    border: solid 3px #fb5235;
    position: absolute;
    right: 0;
    z-index: 999;
}

.navCategory ul li
{
    width: 199px;
    float: right;
    margin: 0;
    padding: 0;
    height: auto;
}
.navCategory ul li:hover > a
{
    color: #fb5235;
    background-color: #ccc;
}
.navCategory ul a
{
    display: block;
    height: 32px;
    padding: 8px 0px 0px 0px;
    text-align: center;
    background-image: none;
    border: 0;
    color: #232e5c;
    font-weight: normal;
    float: right;
    width: 100%;
    font-size: 11pt;
}

.navCategory ul.submenu ul
{
    position: absolute;
    right: 200px;
    display: none;
    top: 0px;
    padding: 0;
    list-style: none;
}
.navCategory .ArrowDown
{
    border: 0px;
    padding: 0px;
    margin-right: 5px;
}
.navCategory .ArrowDown2
{
    border: 0px;
    padding: 0px;
    margin-top: 9px;
    float: left;
}
/*------------------------BoxIndex----------------------*/
.IndexText
{
    float: right;
    width: 100%;
    background-image: url(../Administrator/Files/Design/bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #f0ede4;
    text-align: center;
}
.BoxIndex
{
    max-width: 90%;
    margin-bottom: 100px;
    width: 1400px;
    display: inline-block;
    text-align: center;
    padding: 0 5% 0 5%;
}
.BoxIndexTop
{
    float: right;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
}
.BoxIndexTop h1
{
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #fb5235;
    font-weight: normal;
    text-align: center;
    display: inline-block;
}
.BoxIndexCenter
{
    padding: 0;
    text-align: justify;
    display: inline-block;
}
.BoxIndexCenter p
{
    margin: 0;
}
.SlidePicture
{
    display: inline-block;
    width: 424px;
    height: 250px;
    background-image: url(../Administrator/Files/Design/SlidePicture.png);
    margin-top: 63px;
}
.SlidePictureBox
{
    float: right;
    width: 403px;
    height: 214px;
    margin-top: 11px;
    margin-right: 10px;
    overflow: hidden;
}
.slidesjs-navigation
{
    display: none !important;
    visibility: hidden;
    height: 0;
}
.slidesjs-pagination
{
    display: none !important;
    visibility: hidden;
    height: 0;
}



.OrderButton
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
}
.OrderButton li
{
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
    font-size: 12pt;
    margin: 60px 15px 0 15px;
    cursor: pointer;
}
.OrderButton li .Button:hover
{
    color: #31c6f4;
    background-image: url(../Administrator/Files/Design/OrderButton.png);
}
.OrderButton li .Button
{
    background: none;
    border: 0;
    border-radius: 15px;
    color: #73a9a1;
    padding: 0px 20px 0 20px;
    height: 40px;
    float: right;
    cursor: pointer;
    font-size: 12pt;
    line-height: 190%;
}
.OrderButton li a
{
    border-radius: 15px;
    color: #73a9a1;
    padding: 8px 20px 0 20px;
    height: 40px;
    float: right;
}
.OrderButton li a:hover
{
    color: #31c6f4;
    background-image: url(../Administrator/Files/Design/OrderButton.png);
}
/*-----------------------------------------------IndexTopBox------------------------------------------------*/
.IndexTopBox
{
    float: right;
    background-image: url(../Administrator/Files/Design/IndexTop.png);
    width: 100%;
    height: 185px;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 30px;
}
.IndexTopBox1
{
    background-position: center 0;
}
.IndexTopBox2
{
    background-position: center -185px;
}
.IndexTopBox3
{
    background-position: center -370px;
}
.IndexTopBox4
{
    background-position: center -555px;
}

.IndexTopBox5
{
    background-position: center -740px;
}


/*-----------------------------------------------ContentUp------------------------------------------------*/

.ContentUp
{
    float: right;
    width: 100%;
    background-color: #bfd445;
    top: 0;
    padding-bottom: 80px;
    text-align: center;
}
.ContentUpBox
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
}

.ContentUpItem
{
    display: inline-block;
    vertical-align: top;
    width: 320px;
    margin: 20px 10px 0 10px;
}
.ContentUpItem .ImageBox
{
    width: 100%;
    height: 80px;
    float: right;
    overflow: hidden;
}
.ContentUpItem:hover > .ImageBox .Image
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.ContentUpItem .Image
{
    width: 100%;
    min-height: 80px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ContentUpItem h2
{
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.ContentUpItem h2 a
{
    color: #fff;
    float: right;
    width: 100%;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    font-size: 12pt;
    background-color: #556b2f;
    
}
.ContentUpItem h2 a:hover
{
    background-color: #799901;
}

.ContentUpItem .ContentUpText
{
    float: right;
    width: 90%;
    padding: 10px 5% 10px 5%;
    text-align: justify;
    color: #000;
    border-top: 0;
    background-color: #fff;
    height: 230px;
    overflow: hidden;
    font-size: 11pt;
}
.SiteDesignServicesPic
{
    float: right;
    width: 100%;
    margin-top: 80px;
    text-align: center;
    margin-bottom: 80px;
}
/*-------------------------------Project-----------------------------------------------------------------------------------------*/

.WebsiteProjectIndex
{
    background-color: #f9a113;
    width: 100%;
    float: right;
    top: 0;
    padding-bottom: 150px;
}
.WebsiteProjectIndexBox
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.WebsiteProjectIndexBox li
{
    margin: 0;
    display: inline-block;
}
.WebsiteProjectIndex .WebsiteProjectIndexBoxTitle
{
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16pt;
    font-weight: normal;
    margin-top: 40px;
    color: #fff;
}
.WebsiteProjectIndexItem
{
    float: right;
    width: 330px;
    background-image: url(../Administrator/Files/Design/WebsiteProject2.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 220px;
    margin: 50px 4px 0 4px;
}
.WebsiteProjectIndexItem:hover
{
    color: #000;
}

.WebsiteProjectIndexItem .ImageBox
{
    float: right;
    width: 245px;
    height: 149px;
    overflow: hidden;
    margin-right: 42px;
    margin-top: 10px;
    text-align: center;
}
.WebsiteProjectIndexItem .Image
{
    width: 100%;
    position: relative;
}
.WebsiteProjectIndexItem .Title
{
    color: #fff;
    font-size: 11pt;
    text-align: center;
}
.WebsiteProjectIndexItem .TitleZir
{
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}
.WebsiteProjectIndexItem .Title2
{
    color: #555;
}
.WebsiteProjectIndexItem .ImageBoxActive
{
    overflow: visible;
    width: 500px;
    margin-right: -60px;
    position: relative;
    z-index: 10;
}
.WebsiteProjectIndexItem .ImageBox .ImageActive
{
    min-width: 305px;
    width: auto;
    max-width: 500px;
    box-shadow: 0px 0px 20px #000;
    margin-top: -12px;
    position: relative;
}
.SiteDesignProjectPic
{
    width: 80%;
    margin-top: 20px;
    margin-bottom: 80px;
    display: inline-block;
}
.WebsiteProjectDetailImage
{
    max-width: 100%;
}
.WebsiteLinkDetail
{
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14pt;
    color: #FB5235;
}
/*-------------------------------WebsiteProjectIndexItem2------------------------*/

.WebsiteProjectIndexItem2
{
    float: right;
    width: 330px;
    background-image: url(../Administrator/Files/Design/WebsiteProject2.png);
    margin-top: 30px;
    margin-right: 10px;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 193px;
}
.WebsiteProjectIndexItem2 .ImageBox
{
    float: right;
    width: 245px;
    height: 147px;
    overflow: hidden;
    margin-right: 42px;
    margin-top: 10px;
    text-align: center;
}
.WebsiteProjectIndexItem2 .Image
{
    width: 245px;
    position: relative;
}
.WebsiteProjectIndexItem2 .Title
{
    float: right;
    width: 100%;
    color: #fff;
    margin-top: 45px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}
.WebsiteProjectIndexItem2 .Title2
{
    color: #555;
}
.WebsiteProjectIndexItem2 .ImageBoxActive
{
    overflow: visible;
    width: 500px;
    margin-right: -80px;
    position: relative;
    z-index: 10;
}
.WebsiteProjectIndexItem2 .ImageBox .ImageActive
{
    min-width: 305px;
    width: auto;
    max-width: 500px;
    box-shadow: 0px 0px 20px #000;
    margin-top: -12px;
}
/*-------------------------------WebsiteProjectIndexItem3------------------------*/

.WebsiteProjectIndexItem3
{
    float: right;
    width: 230px;
    background-image: url(../Administrator/Files/Design/WebsiteProject3.png);
    margin-top: 30px;
    margin-right: 10px;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 135px;
}
.WebsiteProjectIndexItem3 .ImageBox
{
    float: right;
    width: 170px;
    height: 107px;
    overflow: hidden;
    margin-right: 30px;
    margin-top: 7px;
    text-align: center;
}
.WebsiteProjectIndexItem3 .Image
{
    width: 170px;
    position: relative;
}
.WebsiteProjectIndexItem3 .Title
{
    float: right;
    width: 100%;
    color: #fff;
    margin-top: 20px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    height: 22px;
    overflow: hidden;
}
.WebsiteProjectIndexItem3 .Title2
{
    color: #555;
}
.WebsiteProjectIndexItem3 .ImageBoxActive
{
    overflow: visible;
    width: 250px;
    margin-right: -10px;
    position: relative;
    z-index: 10;
}
.WebsiteProjectIndexItem3 .ImageBox .ImageActive
{
    min-width: 105px;
    width: auto;
    max-width: 250px;
    box-shadow: 0px 0px 20px #000;
    margin-top: -22px;
}
/*-------------------------------ArticleIndex------------------------*/

.ArticleIndex
{
    width: 100%;
    float: right;
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #d6d6d6;
}
.ArticleIndexBox
{
    display: inline-block;
    width: 100%;
}
.ArticleBox
{
    display: inline-block;
    width: 42%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: right;
    vertical-align: top;
    max-width: 480px;
    background-color: #f3f3f3;
    box-shadow: 0px 0px 7px #888;
    margin-top: 50px;
}
.ArticleBox2
{
    background-color: #e6bec5;
}
.ArticleBox .Top, .ArticleBox2 .Top
{
    float: right;
    width: 100%;
    height: 66px;
    background-image: url(../Administrator/Files/Design/ArticleBoxTop.png);
    text-align: center;
    font-size: 16pt;
    padding-top: 11px;
    color: #727272;
    background-position: top center;
    background-repeat: no-repeat;
}
.ArticleBox2 .Top, .ArticleBox2 .Top
{
    color: #8d172a;
}
.ArticleBox .Top img, .ArticleBox2 .Top img
{
    float: right;
}
.RepeaterIndexItem
{
    color: #898987;
    font-size: 12pt;
    text-align: right;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: right;
    width: 90%;
    margin-right: 5%;
    border-bottom: dashed 1px #aaa;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 5%;
}
.ArticleBox2 .RepeaterIndexItem
{
    color: #8d172a;
}
.RepeaterIndexItem span
{
    padding-right: 7%;
    background-image: url(../Administrator/Files/Design/puce_menu.png);
    background-position: right center;
    background-repeat: no-repeat;
    float: right;
    width: 93%;
}
.ArticleBox2 .RepeaterIndexItem span
{
    background-image: url(../Administrator/Files/Design/puce_menu2.png);
}
.RepeaterIndexItem .span2
{
    background-image: url(../Administrator/Files/Design/puce_menu2.png);
}
.RepeaterIndexItem:hover
{
    color: #ff9000;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    color: #000;
    background-color: #ffffff;
    position: relative;
    border-top-color: transparent;
    border-bottom-color: #f2f2f2;
    -webkit-box-shadow: 0px 2px 6px #999999;
    -moz-box-shadow: 0px 2px 6px #999999;
    box-shadow: 0px 2px 6px #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
}

.ArticleIndex .Archive, .ScriptIndex .Archive
{
    float: left;
    height: 30px;
    padding: 5px 20px 5px 20px;
    background-color: #2f343a;
    color: #fff;
    font-size: 10pt;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-left: 5%;
}

.ArticleIndex .Archive:hover, .ScriptIndex .Archive:hover
{
    background-color: #000;
    color: #fff;
}
/*-------------------------------ScriptIndex------------------------*/

.SeoIndex
{
    width: 100%;
    float: right;
    padding-bottom: 120px;
    background-color: #000;
}
.SeoIndexBox
{
}
.SeoIndexBoxTitle
{
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20pt;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
}
/*---------------------SeoProject------------------------*/
.SeoProjectListArchive
{
    float: right;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.SeoProjectListArchive h3
{
    float: right;
    width: 100%;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0;
    text-shadow: 2px 1px 8px #777777;
}
.SeoProjectListItem
{
    display: inline-block;
    width: 470px;
    margin-right: 12px;
    margin-left: 12px;
    vertical-align: top;
}
.SeoProjectListArchiveItem
{
    float: right;
    width: 470px;
    background-color: #d4e5dd;
    border-bottom: solid 1px #b8d4c6;
    border-left: solid 1px #b8d4c6;
}

.SeoProjectListArchive .SeoProjectListArchiveHeader
{
    background-color: #006e69;
    border-bottom: solid 1px #b8d4c6;
    border-left: solid 1px #b8d4c6;
}
.SeoProjectListArchive .SeoProjectListArchiveHeader:hover
{
    background-color: #006e69;
}
.SeoProjectListArchive .info
{
    color: #006e69;
    float: right;
    font-size: 11pt;
    border-right: solid 1px #b8d4c6;
    height: 32px;
    padding-top: 2px;
}
.SeoProjectListArchiveItemAlter0
{
    background-color: #f7faf9;
}
.SeoProjectListArchiveItem:hover
{
    background-color: #ffff00;
}
.SeoProjectListArchiveHeader .info
{
    border-top: solid 1px #006e69;
    color: #fff;
    font-size: 11pt;
}

.SeoProjectListArchive .info1
{
    width: 180px;
}
.SeoProjectListArchive .info2
{
    width: 230px;
    font-size: 10pt;
    direction: ltr;
}
.SeoProjectListArchive .info3
{
    width: 50px;
}
/*-------------------------------ScriptIndex------------------------*/

.ScriptIndex
{
    width: 100%;
    float: right;
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #d89da7;
}
.ScriptIndexBox
{
    display: inline-block;
    width: 100%;
}
/*------------------------------------FooterLink-----------------------------*/

.Footer
{
    width: 100%;
    display: inline-block;
    background-color: #282e82;
    padding-bottom: 20px;
}
.FooterBox
{
    display: inline-block;
    width: 100%;
}
.CopyRight
{
    float: right;
    width: 90%;
    padding: 0 5% 0 5%;
    color: #c0c0c0;
    text-align: center;
    margin-top: 5px;
}
.CopyRight a
{
    color: #c0c0c0;
}
.AmarSite
{
    float: right;
}
.AmarSite p
{
    float: right;
    margin: 0;
    padding: 0;
}
.SharingBox
{
    float: right;
    width: 100%;
}
.Sharing
{
    display: inline-block;
}
.ItemRight
{
    display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url(../Administrator/Files/Design/Sprite.png);
    margin: 10px;
}
.Sprite1:hover
{
    background-position: 0 0;
    height: 56px;
}
.Sprite1
{
    background-position: 0 -56px;
}
.Sprite2:hover
{
    background-position: -56px 0px;
}
.Sprite2
{
    background-position: -56px -56px;
}
.Sprite3:hover
{
    background-position: -112px 0px;
}
.Sprite3
{
    background-position: -112px -56px;
}
.Sprite4:hover
{
    background-position: -168px 0px;
}
.Sprite4
{
    background-position: -168px -56px;
}
.Sprite5:hover
{
    background-position: -224px 0px;
}
.Sprite5
{
    background-position: -224px -56px;
}
.Sprite6:hover
{
    background-position: -280px 0px;
}
.Sprite6
{
    background-position: -280px -56px;
}
.Sprite7:hover
{
    background-position: -336px 0px;
}
.Sprite7
{
    background-position: -336px -56px;
}
.Sprite8:hover
{
    background-position: -392px 0px;
}
.Sprite8
{
    background-position: -392px -56px;
}

#LinkShow
{
    float: right;
    width: 100%;
    margin-bottom: 20px;
}
#LinkShow .Item
{
    width: 170px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

#LinkShow .Title
{
    margin: 0;
    padding: 0;
    color: #ccc;
    text-align: center;
    width: 100%;
    font-size: 13pt;
    float: right;
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 8px;
    margin-bottom: 7px;
    padding-top: 5px;
    font-weight: normal;
}
#LinkShow .ItemSub
{
    text-align: center;
    width: 100%;
    float: right;
    margin-top: 5px;
}
#LinkShow .ItemSub h4
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    float: right;
    width: 100%;
}


#LinkShow .ItemSub a
{
    font-size: 11pt;
    color: #bbb;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
    float: right;
    width: 100%;
}

#LinkShow .ItemSub a:hover
{
    color: #7EC723;
    -webkit-box-shadow: 0px 2px 6px #aaa;
    -moz-box-shadow: 0px 2px 6px #aaa;
    box-shadow: 0px 2px 6px #aaa;
    border-radius: 4px;
}


/* ------------------------------------------Box-----------------------------------*/
.BoxRow
{
    float: right;
    width: 100%;
    box-shadow: 0px -9px 9px #bbb inset;
    background-image: url( "../Administrator/Files/Design/bg.png" );
    padding-bottom: 30px;
    min-height: 300px;
    background-repeat: repeat-x;
    background-position: top center;
}
.BoxBox
{
    width: 96%;
    padding: 0 2% 0 2%;
    max-width: 1500px;
}

.Box
{
    float: right;
    width: 100%;
}
.Box .BoxTop
{
    float: right;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}
.Box .BoxTop h1
{
    margin: 0;
    padding: 0;
    font-size: 16pt;
    font-weight: normal;
    float: right;
    text-align: center;
    color: #fb5235;
    text-align: right;
}
.Box .BoxCenter
{
    float: right;
    width: 100%;
    color: #333;
    text-align: justify;
}

.Box .BoxDown
{
    float: right;
    width: 100%;
}

/*---------------------Tag------------------------*/
.TagDetailBox
{
    float: right;
    width: 100%;
    text-align: right;
    padding-top: 8px;
    padding-bottom: 13px;
    margin-top: 10px;
}
.TagDetailBox .TagImage
{
    float: right;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    margin-top: 7px;
}
.TagDetailBox .Item
{
    float: right;
    padding: 0 5px 0 5px;
    border: solid 1px #e2e2e2;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #f4f4f4;
    font-size: 8pt;
    width: 145px;
    height: 22px;
    text-align: center;
    overflow: hidden;
}
.TagDetailBox .Item:hover
{
    background-color: #eee;
}


/*------------------------------------Paging-----------------------------*/
.Paging
{
    margin-top: 15px;
    text-align: center;
    width: 100%;
    float: right;
    color: #333;
    margin-bottom: 10px;
}

.Paging .Item
{
    min-width: 20px;
    float: right;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: solid 1px #777;
    background-color: #f2f2f2;
    cursor: pointer;
    font-weight: bold;
    margin: 3px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
    color: #333;
}
.Paging .ItemNow
{
    width: 20px;
    float: right;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: solid 1px #919090;
    background-color: #ccc;
    cursor: pointer;
    font-weight: bold;
    margin: 3px;
    color: #000;
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.Paging .Item:hover
{
    background-color: #ccc;
    border: solid 1px #919090;
    color: #000;
}
.Paging .ItemSep
{
    width: 5px;
    float: right;
    padding: 3px;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 5px;
    color: #000;
}

.Paging .DivDown
{
    float: right;
    width: 100%;
}
.Paging .First
{
    float: right;
    margin: 10px;
}

.Paging .Last
{
    float: left;
    margin: 10px;
}
.Paging .SpanLeft
{
    float: left;
    font-size: 10pt;
    margin-top: 7px;
}

/*-----------------------Field ------------------*/
.FieldTitle
{
    display: inline-block;
    width: 100%;
    max-width: 500px;
    text-align: right;
    font-size: 11pt;
}
.FieldTextBox
{
    display: inline-block;
    font-size: 10pt;
    width: calc(100% - 2px);
    max-width: 500px;
    margin-top: 3px;
    text-align: right;
    border: solid 1px #d8d8d8;
}
.FieldTextBoxLeft
{
    direction: ltr;
    text-align: left;
}
.FieldUnit
{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 10pt;
    color: Gray;
}
.FieldFileUpload
{
    float: right;
    margin-right: 10px;
    font-size: 10pt;
    width: 200px;
    margin-top: 3px;
}
.FieldDropDownList
{
    float: right;
    margin-right: 10px;
    font-size: 10pt;
    width: 200px;
    margin-top: 3px;
}
.FieldButton
{
    font-family: BYekan , tahoma;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: Transparent;
    display: inline-block;
    font-size: 11pt;
    width: 161px;
    height: 29px;
    background-image: url(../Administrator/Files/Design/PostAds.png);
    color: White;
    cursor: pointer;
    text-align: right;
    margin-top: 20px;
    padding-right: 10px;
}
.FieldButton:hover
{
    background-position: 0 -29px;
}
.FieldRadioButton
{
    float: right;
    margin-right: 10px;
    font-size: 10pt;
    text-align: right;
    width: 200px;
}
.FieldCaptcha
{
    display: inline-block;
    margin-top: 10px;
}
.ValidationNormal
{
    display: inline-block;
    color: Red;
    margin-top: 3px;
    font-size: 11pt;
}
.Validation
{
    display: inline-block;
    color: Red;
    margin-top: 3px;
    font-size: 11pt;
}
.ValidationRow
{
    display: inline-block;
    text-align: center;
    color: Red;
    font-size: 11pt;
}
/*-----------------------------------ArticleIDRootMain-----------------------------*/
.ArticleIDRootMainBox
{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.ArticleIDRootMain
{
    display: inline-block;
    width: 175px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
    color: #713900;
}
.ArticleIDRootMain:hover
{
    color: #ff0000;
}
.ArticleIDRootMain:hover .PicBox
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.ArticleIDRootMain .PicBox
{
    float: right;
    width: 100%;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.ArticleIDRootMain .Pic
{
    width: 85px;
    height: 86px;
}
.ArticleIDRootMain h2
{
    padding: 0;
    margin: 0;
    border-radius: 10px;
    float: right;
    width: 100%;
    font-size: 11pt;
    text-align: center;
    background-color: #ddd;
    padding: 5px 0 5px 0;
    margin-top: 10px;
    font-weight: normal;
}
.ArticleArchiveRight
{
    float: right;
    width: 75%;
    text-align: justify;
}
.ArticleArchiveLeft
{
    float: left;
    width: 23%;
}

.ArticleArchiveTitle
{
    float: right;
    width: 100%;
    background-color: #f0f0f0;
    box-shadow: 0px 0px 7px #888;
    margin-bottom: 10px;
    padding: 5px 0 5px 0;
}

.ArticleArchiveTitle h5
{
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 11pt;
    font-weight: normal;
    margin-bottom: 10px;
}
.ArticleArchiveTitle h5 a
{
    float: right;
    width: 100%;
}
.ArticleArchiveTitle h6
{
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    font-size: 11pt;
    font-weight: normal;
}
.ArticleArchiveTitle h6 a
{
    float: right;
    width: 100%;
}
.ArticleArchiveTitle h6 span
{
    float: right;
}

.ArticleArchiveTitle h6 .Bullet
{
    float: right;
    margin-top: 10px;
    width: 16px;
    height: 9px;
}
.ArticleArchiveTitle h5 a:hover
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}
.ArticleArchiveTitle h5 .Active
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}
.ArticleArchiveTitle h6 a:hover
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}

.ArticleArchiveTitle h6 .Active
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}


/*---------------------------------------BoxNews--------------------------------*/
.BoxNewsBox
{
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: top;
}
.BoxNews
{
    display: inline-block;
    width: 300px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}
.BoxNews .BoxNewsTop
{
    float: right;
    width: 100%;
    height: 55px;
    background-color: #fff;
    box-shadow: 0px 2px 16px #999;
    margin-bottom: 10px;
}
.BoxNews .BoxNewsTop h2
{
    margin: 0;
    padding: 0;
    font-size: 12pt;
    font-weight: normal;
    float: right;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    text-align: center;
    margin-top: 13px;
}
.BoxNews .BoxNewsTop h2 a
{
    color: #fb5235;
}
.BoxNews .BoxNewsCenter
{
    float: right;
    width: 92%;
    color: #3b3b3b;
    text-align: justify;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 6px #999999;
    padding: 10px 4% 10px 4%;
    text-align: center;
}
.BoxNews .BoxNewsCenter .Item
{
    float: right;
    width: 100%;
    margin-top: 10px;
    padding: 0 0 10px 0;
    border-bottom: dashed 1px #ccc;
}
.BoxNews .BoxNewsCenter .Item .Right
{
    float: right;
    width: 90px;
    height: 70px;
    border: solid 1px #ccc;
    padding: 4px;
    margin-top: 5px;
}
.BoxNews .BoxNewsCenter .Item .Image
{
    float: right;
    width: 90px;
    height: 70px;
}
.BoxNews .BoxNewsCenter .Item .Left
{
    float: right;
    width: 340px;
    margin-right: 10px;
}
.BoxNews .BoxNewsCenter .Item h3
{
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-weight: normal;
    float: right;
    text-align: center;
    width: 100%;
    text-align: right;
    height: 32px;
    overflow: hidden;
}


.BoxNews .BoxNewsCenter .Item .Desc
{
    font-size: 8pt;
    width: 100%;
    float: right;
    color: #999;
    text-align: justify;
    height: 44px;
    overflow: hidden;
}
.BoxNews .BoxNewsCenter .Item .Date
{
    font-size: 8pt;
    float: right;
    color: #999;
    height: 22px;
    font-weight: bold;
}
.BoxNews .BoxNewsCenter .Item .More
{
    font-size: 8pt;
    float: left;
    color: #999;
    height: 22px;
    font-weight: bold;
}
.BoxNews .BoxNewsCenter .Item .More:hover
{
    color: Red;
}
.BoxNews .Archive
{
    display: inline-block;
    height: 31px;
    padding: 5px 20px 5px 20px;
    background-color: #777;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 3px;
}

.BoxNews .Archive:hover
{
    background-color: #000;
    color: #fff;
}
.BoxNews .BoxNewsDown
{
    float: right;
    width: 100%;
}

/*------------------------------------RepeaterIndex-----------------------------*/
.RepeaterArchiveBox
{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.RepeaterArchive
{
    display: inline-block;
    width: 280px;
    padding: 15px;
    box-shadow: 0px 0px 7px #888;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
    height: 235px;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background-color: #f7f7f7;
}
.RepeaterArchive:hover
{
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    color: #000;
    background-color: #ffffff;
    border-bottom-color: #f2f2f2;
    -webkit-box-shadow: 0px 2px 6px #999999;
    -moz-box-shadow: 0px 2px 6px #999999;
    box-shadow: 0px 2px 6px #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
}
.ARepeaterArchive
{
    width: 130px;
    height: 90px;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
    overflow: hidden;
    border: solid 1px #aaa !important;
    display: inline-block;
}
.RepeaterArchive:hover > div .ARepeaterArchive img
{
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.RepeaterArchive .Image
{
    width: 130px;
    height: 90px;
    -moz-box-shadow: 0px 1px 1px #777;
    -webkit-box-shadow: 0px 1px 1px #777;
    box-shadow: 0px 1px 1px #777;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
}
.RepeaterArchive .Title
{
    font-size: 11pt;
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    text-align: center;
    height: 30px;
    overflow: hidden;
}
.RepeaterArchive .Text
{
    font-size: 10pt;
    float: right;
    width: 100%;
    margin: 0;
    text-align: justify;
    height: 120px;
    overflow: hidden;
    color: #888;
}

/*------------------------------------------------TemplateShow-------------------------*/
.TemplateShow
{
    float: right;
    width: 275px;
    background-image: url(../Administrator/Files/Design/Template.png);
    margin-top: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 223px;
}
.TemplateShow:hover > .Title
{
    color: red;
}
.TemplateShow .ImageBox
{
    float: right;
    width: 250px;
    height: 142px;
    overflow: hidden;
    margin-right: 12px;
    margin-top: 12px;
    text-align: center;
}
.TemplateShow .Image
{
    width: 250px;
}
.TemplateShow .Title
{
    float: right;
    width: 100%;
    color: #555;
    margin-top: 75px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    height: 44px;
}

.TemplateShow .ImageBoxActive
{
    overflow: visible;
    width: 275px;
    margin-right: -12px;
    position: relative;
    z-index: 10;
}
.TemplateShow .ImageBox .ImageActive
{
    min-width: 300px;
    width: auto;
    max-width: 300px;
    box-shadow: 0px 0px 20px #000;
    margin-top: -42px;
}
.TemplateDetailImage
{
    float: left;
    width: 500px;
    margin-right: 15px;
}
a.Download
{
    background: url( "../Administrator/Files/Design/Download.png" ) no-repeat scroll 0 0 transparent;
    width: 171px;
    height: 34px;
    float: right;
}
a.Download:hover
{
    background-position: 0 -34px;
}
a.DownloadDemo
{
    background: url( "../Administrator/Files/Design/Download.png" ) no-repeat scroll 0 0 transparent;
    width: 171px;
    height: 34px;
    float: right;
    background-position: 0 -68px;
}
a.DownloadDemo:hover
{
    background-position: 0 -102px;
}



/*-------------------------Step-------------------------*/
.NavBox
{
    float: right;
    background-color: #eee;
    width: 90%;
    padding: 0 5% 0 5%;
    box-shadow: 0px 2px 16px #999999;
    right: 0;
}
.OrderRepairStep
{
    float: right;
    width: 100%;
    height: 62px;
    overflow: hidden;
}
.OrderRepairStep .Item
{
    display: inline-block;
    text-align: center;
    font-size: 10pt;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px 0px 5px 0px;
    border-bottom: solid 3px #000;
    color: #000;
    cursor: pointer;
    margin-right: 8px;
    margin-left: 8px;
}
.OrderRepairStep .Item:hover
{
    color: #FB5235;
    border-bottom: solid 3px #fb5235;
}

.OrderRepairStep .Active
{
    color: #FB5235;
    border-bottom: solid 3px #fb5235;
}

/*---------------------------Step1Box------------------*/
.Step1Box .Title
{
    float: right;
    font-weight: bold;
    width: 100px;
    text-align: left;
    margin-left: 10px;
}
.Step1Box .Value
{
    float: right;
}

/*----------------------------BoxRightCategory--------------------------------*/
.BoxRightCategory
{
    float: right;
    width: 75%;
}
.BoxTabContent
{
    float: right;
    width: 100%;
}
.BoxTabContent .BoxTabContentTop
{
    float: right;
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
    box-shadow: 0px 2px 16px #999;
    padding-bottom: 20px;
}
.BoxTabContentTop h1, .BoxTabContentTop h2
{
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #000;
    float: right;
    text-align: right;
    margin-top: 19px;
    font-weight: normal;
    margin-right: 20px;
}
.BoxTabContentTop h1 a, .BoxTabContentTop h2 a
{
    color: #fb5235;
}
.BoxTabContent .BoxTabContentCenter
{
    float: right;
    width: 100%;
    text-align: justify;
}

/*----------------------------BoxLeftCategory--------------------------------*/
.BoxLeftCategory
{
    float: left;
    width: 23%;
    margin-top: 20px;
}
.BoxLeftCategoryTitle
{
    float: right;
    width: 96%;
    background-color: #f0f0f0;
    box-shadow: 0px 0px 7px #888;
    margin-bottom: 10px;
    padding: 5px 2% 5px 2%;
    text-align: right;
}

.BoxLeftCategoryTitle h5
{
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 11pt;
    font-weight: normal;
    margin-bottom: 10px;
}
.BoxLeftCategoryTitle h5 a
{
    float: right;
    width: 100%;
}
.BoxLeftCategoryTitleItem
{
    float: right;
    width: 100%;
}
.BoxLeftCategoryTitle h6
{
    margin: 0;
    padding: 0;
    float: right;
    width: calc(100% - 50px);
    font-size: 11pt;
    font-weight: normal;
}
.BoxLeftCategoryTitle h6 a
{
    float: right;
    width: 100%;
}
.BoxLeftCategoryTitle h6 .TitleSpan
{
    float: right;
    font-size: 10pt;
}
.BoxLeftCategoryTitleItem .AmarSpan
{
    float: left;
    font-size: 9pt;
    color: #000;
    width: 47px;
    margin-left: 3px;
    text-align: left;
}

.BoxLeftCategoryTitle h6 .Bullet
{
    float: right;
    margin-top: 10px;
    width: 16px;
    height: 9px;
}
.BoxLeftCategoryTitle h5 a:hover
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}
.BoxLeftCategoryTitle h5 .Active
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}
.BoxLeftCategoryTitle h6 a:hover
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}

.BoxLeftCategoryTitle h6 .Active
{
    background-color: #fff;
    box-shadow: 0px 2px 6px #999999;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
    background-image: -o-linear-gradient(#ffffff, #f2f2f2);
    background-image: linear-gradient(#ffffff, #f2f2f2);
    color: #FB5235;
}
/*----------------------- Order ------------------*/
.NewOrderWebsite
{
    float: right;
    width: 260px;
    border: solid 1px #d3cccc;
    height: 98px;
    background-image: url(../Administrator/Files/Design/OrderSiteDesign.png);
    margin-top: 10px;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.NewOrderWebsite:hover
{
    -webkit-box-shadow: 0px 2px 6px #999999;
    -moz-box-shadow: 0px 2px 6px #999999;
    box-shadow: 0px 2px 6px #999999;
}

/*-----------------ProductCompare--------------------*/
.ProductCompareBox
{
    float: right;
    width: 100%;
}
.ProductCompare
{
    float: right;
    width: 96%;
    padding: 0 2% 0 2%;
}
.ProductCompareTitle
{
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.ProductCompareItem
{
    float: right;
    width: 100%;
    margin-top: 5px;
    background-color: #eee;
}
.ProductCompareItem:hover
{
    background-color: #ddd;
}
.ProductCompareItem:hover > .ProductCompareItemValueBox .ProductCompareItemValue
{
    background-color: #cfcfcf;
}
.ProductCompareItemTitle
{
    float: right;
    width: 27%;
    padding: 5px 1% 5px 1%;
    background-color: #777;
    color: #fff;
}
.ProductCompareItemValueBox
{
    float: right;
    width: 71%;
}
.ProductCompareItemValue
{
    width: 97.5%;
    background-color: #e5e5e5;
    padding: 5px 1% 5px 1%;
    text-align: justify;
    margin-right: 0.5%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.ProductCompareItemValueMain
{
    background-color: #777 !important;
    color: #fff;
}
.ProductCompareItemValue a
{
    color: Blue;
}
.ProductCompareItemValue a:hover
{
    color: #ff0000;
}
/*-----------------ProductCompareShow--------------------*/
.ProductItemInCompareShow
{
    display: inline-block;
    width: 100%;
    text-align: center;
    max-width: 150px;
}

.ProductItemInCompareShow .Title
{
    width: 100%;
    float: right;
    font-size: 12pt;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 7px;
}
.SpecialPack
{
    background-color: #f7f7f7;
}
.CategoryPackItem
{
    display: inline-block;
    width: 170px;
    height: 100px;
    padding-top: 70px;
    background-color: #777;
    color: #fff;
    border-radius: 50% 50%;
    vertical-align: middle;
    text-align: center;
    border: solid 2px #333;
    margin: 10px;
    font-size: 10pt;
}
.CategoryPackItem:hover
{
    border: solid 2px #000;
    color: #ffff00;
    box-shadow: 0px 0px 7px #888;
}


.UserAddressModalTop
{
    float: right;
    width: 100%;
    font-size: 12pt;
    background-color: #008000;
    padding: 10px 0 10px 0;
    color: #fff;
}
.UserAddressModalCenter
{
    display: inline-block;
    width: 94%;
    padding: 10px 3% 0 3%;
}


.dh-container
{
    position: relative;
    overflow: hidden;
}
.dh-overlay
{
    position: absolute;
    top: -100%;
}
.dh-container
{
}
.dh-overlay
{
    background: rgba(52,73,94,.65);
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 160px;
    color: #fff;
}
.blockquote2
{
    border: solid 1px gray;
    margin: 40px;
    padding: 10px;
    background-color: #FFFFCC;
    text-align: left;
    direction: rtl;
    text-align: justify;
    line-height: 190%;
}

/* 
================================================== */
@media only screen and (max-width: 1000px)
{
    .OrderButton
    {
        display: none;
    }

    img
    {
        max-width: 100% !important;
        height: auto;
    }
    .BoxLeftCategory
    {
        display: none;
    }
    .BoxRightCategory
    {
        width: 100%;
    }
    .ArticleArchiveLeft
    {
        width: 100%;
    }
    .ArticleArchiveRight
    {
        width: 100%;
    }


}
/* 


/* 
================================================== */
@media only screen and (max-width: 450px)
{
    .SlidePicture
    {
        width: 100%;
        height: auto;
        background-image: none;
        margin: 0px;
        display: none;
    }
    .SlidePictureBox
    {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .HeaderBox
    {
        height: auto;
    }
    .HeaderBoxBox
    {
        height: auto;
    }

}
/* 
================================================== */
@media only screen and (max-width: 450px)
{
    .ContentUpItem
    {
        width: 96%;
        margin: 50px 2% 0 2%;
    }
}
/* 
================================================== */
@media only screen and (max-width: 400px)
{
    .WebsiteProjectIndexItem
    {
        float: right;
        width: 96%;
        background-image: none;
        height: auto;
        margin: 10px 2% 0 2%;
    }
    .WebsiteProjectIndexItem .ImageBox
    {
        width: 100%;
        height: auto;
        margin: 0;
        height: 200px;
    }


}
/* 
 ================================================== */
@media only screen and (max-width: 800px)
{
    .ArticleBox
    {
        width: 96%;
        margin: 2%;
        margin-right: 2%;
        margin-top: 30px;
    }

}
/* 
 ================================================== */
@media only screen and (max-width: 600px)
{
    .SeoProjectListArchive .info2
    {
        display: none;
        width: 0;
    }
    .SeoProjectListItem
    {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }
    .SeoProjectListArchiveItem
    {
        width: 99%;
    }
}
/* 
 ================================================== */
@media only screen and (max-width: 400px)
{
    .RepeaterArchive
    {
        display: inline-table;
        width: 92%;
        padding: 15px 2% 15px 2%;
        margin-right: 2%;
        margin-left: 2%;
        height: auto;
    }
    .BoxNews
    {
        display: inline-table;
        width: 94%;
        margin-right: 2%;
        margin-left: 2%;
    }
}
@media only screen and (max-width: 900px)
{
    .HeaderTop strong
    {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .HeaderTop strong .Row
    {
        text-align: center;
    }
    .HeaderTop .Tell
    {
        display: none;
    }
    .HeaderTop
    {
        background-image: none;
        background-color: #003e51;
    }
}
@media only screen and (max-width: 1200px)
{
    .BoxSizeAsli
    {
        width: 100%;
    }
    .nav-toggle
    {
        display: block;
    }
    .navCategory
    {
        width: 100%;
        height: auto;
        display: none;
    }
    .navCategory li
    {
        width: 49.5%;
    }
    .navCategory ul
    {
        display: none !important;
    }
    .navCategory li a
    {
        width: 98%;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #333;
        margin-top: 5px;
    }
    .navCategory li a .MenuP
    {
        display: none;
    }
    .is-visible
    {
        display: inline-block;
        position: fixed;
        top: 60px;
        left: 0;
        background-color: #000;
    }
}



.CommentFaceBookHead
{
    float: right;
    width: 95%;
    background-color: #FFF;
    margin-top: 20px;
    box-shadow: 0px 2px 16px #999;
    padding: 19px 5% 20px 0;
    font-size: 18px;
    color: #FB5235;
    float: right;
    text-align: right;
    font-weight: normal;
}
.CommentFaceBook
{
    float: right;
    border: 0;
    width: 96%;
    background-color: #ECEFF5;
    font-size: 11pt;
    text-align: right;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0 2% 0 2%;
    box-shadow: 0px 0px 2px #ccc;
}
.CommentFaceBook .CommentFaceBookItem
{
    float: right;
    width: 100%;
}
.CommentFaceBookItem2
{
    width: 90% !important;
    margin-right: 10%;
}
.CommentFaceBook .LeftDiv
{
    float: right;
    margin: 5px 1% 5px 0;
    width: 95%;
}

.CommentFaceBookItem2 .LeftDiv
{
    float: right;
    margin: 5px 1% 5px 0;
    width: 95%;
}
.CommentFaceBook .DivForm .TextBoxText
{
    float: right;
    width: 100%;
    border: solid 1px #BDC7D8;
    margin-top: 8px;
    height: 70px;
    overflow: hidden;
    color: #333;
    font-size: 10pt;
}
/*------------------------------------------------------------------------------------------------------------------*/
.CommentFaceBook .CommentFaceBookItem .AvatarDiv
{
    float: right;
    margin: 5px 0 5px 0;
    width: 4%;
}
.CommentFaceBook .CommentFaceBookItem .AvatarDiv .Avatar
{
    width: 100%;
}
.CommentFaceBook .LeftDiv .Name
{
    float: right;
    text-decoration: none;
    color: #3B5998;
}
.CommentFaceBook .LeftDiv .Name:hover
{
    text-decoration: none;
}
.CommentFaceBook .LeftDiv .Title
{
    float: right;
    margin-right: 5px;
}
.CommentFaceBook .LeftDiv .Text1
{
    float: right;
    width: 100%;
    color: #333;
    text-align: justify;
}
.CommentFaceBookItem2 .LeftDiv .Text1
{
}

.CommentFaceBook .ItemSeprator
{
    float: right;
    height: 3px;
    background-color: #fff;
    width: 100%;
}
.CommentFaceBook .DivForm
{
    display: inline-table;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.CommentFaceBook .DivForm .SpanTitle
{
    display: inline-table;
    width: 100%;
    max-width: 80px;
    text-align: right;
    margin-top: 7px;
}
.CommentFaceBook .DivForm .TextBoxTitle
{
    display: inline-table;
    width: 98%;
    max-width: 350px;
    border: solid 1px #BDC7D8;
    font-size: 10pt;
    color: #333;
    margin-top: 5px;
}
.CommentFaceBook .ButtonRegister:hover
{
    background-color: #0B74A8;
}
.CommentFaceBook .ButtonRegister
{
    display: inline-table;
    background-color: #5B74A8;
    border-color: #29447E #29447E #1A356E;
    border-width: 1px;
    border-style: solid;
    font-size: 11pt;
    cursor: pointer;
    height: 35px;
    margin: 10px;
    color: White;
}
.CommentFaceBook .RegisterMessage
{
    display: inline-table;
    color: #ff0000;
    margin-top: 7px;
}




.Voting
{
    float: left;
    margin-top: 5px;
}
.Voting .Waiting
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Waiting.gif) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}
.Voting .PositiveButton
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Positive.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}
.Voting .PositiveButton:hover
{
    background-position: 0 -16px;
}
.Voting .PositiveButton:active
{
    background-position: 0 -32px;
}
.Voting .PositiveButtonDisabled
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Positive.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    background-position: 0 -48px;
}
.Voting .PositiveButtonDisabled:hover
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Positive.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    background-position: 0 -48px;
}

.Voting .NegativeButton
{
    display: none;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Negative.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    cursor: pointer;
}
.Voting .NegativeButton:hover
{
    background-position: 0 -16px;
}
.Voting .NegativeButton:active
{
    background-position: 0 -32px;
}
.Voting .NegativeButtonDisabled
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Negative.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    background-position: 0 -48px;
}
.Voting .NegativeButtonDisabled:hover
{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../CommentFaceBookVoteHand/Images/Negative.png) no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    background-position: 0 -48px;
}

.Voting .ResultPositiveSpan
{
    font-size: 8pt;
    font-family: Tahoma;
    width: 30px;
    height: 16px;
    float: right;
    text-align: center;
    font-weight: bold;
    color: Green;
    padding: 0px;
    line-height: 140%;
}
.Voting .ResultNegativeSpan
{
    display: none;
    font-size: 8pt;
    font-family: Tahoma;
    width: 30px;
    height: 16px;
    float: right;
    text-align: center;
    font-weight: bold;
    color: Red;
    padding: 0px;
    line-height: 140%;
}



/*
 Revealator jQuery Plugin
 Revealator is a jQuery-based plugin for adding effects to elements that enter the window. It's simple, and easy to use.
 version 1.3, Jan 11th, 2016
 by Ingi P. Jacobsen

 The MIT License (MIT)

 Copyright (c) 2016 Faroe Media

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:

 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.

 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 */
.revealator-fade, .revealator-slideup, .revealator-slideleft, .revealator-slideright, .revealator-slidedown, .revealator-zoomin, .revealator-zoomout, .revealator-rotateleft, .revealator-rotateright
{
    /* Default effect duration */
    transition: all 300ms;
}
/* Fade effect */
.revealator-fade
{
    opacity: 0;
}
.revealator-fade.revealator-within, .revealator-fade.revealator-partially-above, .revealator-fade.revealator-above
{
    opacity: 1;
}
/* Slide up effect */
.revealator-slideup
{
    transform: translate(0, 100px);
    opacity: 0;
}
.revealator-slideup.revealator-within, .revealator-slideup.revealator-partially-above, .revealator-slideup.revealator-above
{
    transform: translate(0, 0);
    opacity: 1;
}
/* Slide left effect */
.revealator-slideleft
{
    transform: translate(100px, 0);
    opacity: 0;
}
.revealator-slideleft.revealator-within, .revealator-slideleft.revealator-partially-above, .revealator-slideleft.revealator-above
{
    transform: translate(0, 0);
    opacity: 1;
}
/* Slide right effect */
.revealator-slideright
{
    transform: translate(-100px, 0);
    opacity: 0;
}
.revealator-slideright.revealator-within, .revealator-slideright.revealator-partially-above, .revealator-slideright.revealator-above
{
    transform: translate(0, 0);
    opacity: 1;
}
/* Slide down effect */
.revealator-slidedown
{
    transform: translate(0, -100px);
    opacity: 0;
}
.revealator-slidedown.revealator-within, .revealator-slidedown.revealator-partially-above, .revealator-slidedown.revealator-above
{
    transform: translate(0, 0);
    opacity: 1;
}
/* Zoom in effect */
.revealator-zoomin
{
    transform: scale(0.75);
    opacity: 0;
}
.revealator-zoomin.revealator-within, .revealator-zoomin.revealator-partially-above, .revealator-zoomin.revealator-above
{
    transform: scale(1);
    opacity: 1;
}
/* Zoom out effect */
.revealator-zoomout
{
    transform: scale(1.1);
    opacity: 0;
}
.revealator-zoomout.revealator-within, .revealator-zoomout.revealator-partially-above, .revealator-zoomout.revealator-above
{
    transform: scale(1);
    opacity: 1;
}
/* Rotate left effect */
.revealator-rotateleft
{
    transform: rotate(20deg);
    opacity: 0;
}
.revealator-rotateleft.revealator-within, .revealator-rotateleft.revealator-partially-above, .revealator-rotateleft.revealator-above
{
    transform: rotate(0deg);
    opacity: 1;
}
/* Rotate right effect */
.revealator-rotateright
{
    transform: rotate(-20deg);
    opacity: 0;
}
.revealator-rotateright.revealator-within, .revealator-rotateright.revealator-partially-above, .revealator-rotateright.revealator-above
{
    transform: rotate(0deg);
    opacity: 1;
}
.revealator-delay1
{
    transition-delay: 100ms !important;
}
.revealator-delay1.revealator-below, .revealator-delay1.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay2
{
    transition-delay: 200ms !important;
}
.revealator-delay2.revealator-below, .revealator-delay2.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay3
{
    transition-delay: 300ms !important;
}
.revealator-delay3.revealator-below, .revealator-delay3.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay4
{
    transition-delay: 400ms !important;
}
.revealator-delay4.revealator-below, .revealator-delay4.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay5
{
    transition-delay: 500ms !important;
}
.revealator-delay5.revealator-below, .revealator-delay5.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay6
{
    transition-delay: 600ms !important;
}
.revealator-delay6.revealator-below, .revealator-delay6.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay7
{
    transition-delay: 700ms !important;
}
.revealator-delay7.revealator-below, .revealator-delay7.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay8
{
    transition-delay: 800ms !important;
}
.revealator-delay8.revealator-below, .revealator-delay8.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay9
{
    transition-delay: 900ms !important;
}
.revealator-delay9.revealator-below, .revealator-delay9.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay10
{
    transition-delay: 1000ms !important;
}
.revealator-delay10.revealator-below, .revealator-delay10.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay11
{
    transition-delay: 1100ms !important;
}
.revealator-delay11.revealator-below, .revealator-delay11.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay12
{
    transition-delay: 1200ms !important;
}
.revealator-delay12.revealator-below, .revealator-delay12.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay13
{
    transition-delay: 1300ms !important;
}
.revealator-delay13.revealator-below, .revealator-delay13.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay14
{
    transition-delay: 1400ms !important;
}
.revealator-delay14.revealator-below, .revealator-delay14.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay15
{
    transition-delay: 1500ms !important;
}
.revealator-delay15.revealator-below, .revealator-delay15.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay16
{
    transition-delay: 1600ms !important;
}
.revealator-delay16.revealator-below, .revealator-delay16.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay17
{
    transition-delay: 1700ms !important;
}
.revealator-delay17.revealator-below, .revealator-delay17.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay18
{
    transition-delay: 1800ms !important;
}
.revealator-delay18.revealator-below, .revealator-delay18.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay19
{
    transition-delay: 1900ms !important;
}
.revealator-delay19.revealator-below, .revealator-delay19.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay20
{
    transition-delay: 2000ms !important;
}
.revealator-delay20.revealator-below, .revealator-delay20.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay21
{
    transition-delay: 2100ms !important;
}
.revealator-delay21.revealator-below, .revealator-delay21.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay22
{
    transition-delay: 2200ms !important;
}
.revealator-delay22.revealator-below, .revealator-delay22.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay23
{
    transition-delay: 2300ms !important;
}
.revealator-delay23.revealator-below, .revealator-delay23.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay24
{
    transition-delay: 2400ms !important;
}
.revealator-delay24.revealator-below, .revealator-delay24.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay25
{
    transition-delay: 2500ms !important;
}
.revealator-delay25.revealator-below, .revealator-delay25.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay26
{
    transition-delay: 2600ms !important;
}
.revealator-delay26.revealator-below, .revealator-delay26.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay27
{
    transition-delay: 2700ms !important;
}
.revealator-delay27.revealator-below, .revealator-delay27.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay28
{
    transition-delay: 2800ms !important;
}
.revealator-delay28.revealator-below, .revealator-delay28.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay29
{
    transition-delay: 2900ms !important;
}
.revealator-delay29.revealator-below, .revealator-delay29.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-delay30
{
    transition-delay: 3000ms !important;
}
.revealator-delay30.revealator-below, .revealator-delay30.revealator-partially-below
{
    transition-delay: 0ms !important;
}
.revealator-speed1, .revealator-duration1
{
    transition-duration: 100ms !important;
}
.revealator-speed2, .revealator-duration2
{
    transition-duration: 200ms !important;
}
.revealator-speed3, .revealator-duration3
{
    transition-duration: 300ms !important;
}
.revealator-speed4, .revealator-duration4
{
    transition-duration: 400ms !important;
}
.revealator-speed5, .revealator-duration5
{
    transition-duration: 500ms !important;
}
.revealator-speed6, .revealator-duration6
{
    transition-duration: 600ms !important;
}
.revealator-speed7, .revealator-duration7
{
    transition-duration: 700ms !important;
}
.revealator-speed8, .revealator-duration8
{
    transition-duration: 800ms !important;
}
.revealator-speed9, .revealator-duration9
{
    transition-duration: 900ms !important;
}
.revealator-speed10, .revealator-duration10
{
    transition-duration: 1000ms !important;
}
.revealator-speed11, .revealator-duration11
{
    transition-duration: 1100ms !important;
}
.revealator-speed12, .revealator-duration12
{
    transition-duration: 1200ms !important;
}
.revealator-speed13, .revealator-duration13
{
    transition-duration: 1300ms !important;
}
.revealator-speed14, .revealator-duration14
{
    transition-duration: 1400ms !important;
}
.revealator-speed15, .revealator-duration15
{
    transition-duration: 1500ms !important;
}
/*# sourceMappingURL=fm.revealator.jquery.css.map */





.TextCatDetail
{
    position: relative;
    overflow: hidden;
}

.TextCatDetail:after
{
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    height: 65px;
    z-index: 1;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}
.TextCatDetailOpen
{
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    display: none;
    color:blue;
    margin-top:20px;
}
.without-after-element:after
{
    content: none;
}