

.content{
    /*margin:0px 50px;*/
}
.venus-menu{
    /*margin:30px 0 10px 0;*/
}
.venus-menu{
    /*width:100%;*/
    /*margin:0;*/
    /*padding:0;*/
    /*position:relative;*/
    /*float:left;*/
    /*font-family:'Open Sans', sans-serif;*/
    /*list-style:none;*/
    /*background:#fff;*/
    /*box-shadow:0 1px 3px #dedede;*/
}
.venus-menu li{
    display:inline-block;
    margin:0;
    padding:0;
    float:left;
    line-height:20px;
    position:relative;
}
.venus-menu > li > a{
    /*padding:18px 24px;*/
    /*font-size:18px;*/
    /*color:#777;*/
    /*text-decoration:none;*/
    /*display:block;*/
    /*-webkit-transition:color 0.2s linear, background 0.2s linear;*/
    /*-moz-transition:color 0.2s linear, background 0.2s linear;*/
    /*-o-transition:color 0.2s linear, background 0.2s linear;*/
    /*transition:color 0.2s linear, background 0.2s linear;*/
}
.venus-menu li:hover > a, .venus-menu li.active a{
    /*background:#018A00;*/
    /*color:#fff;*/
}
.venus-menu > li > a i{
    color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
    color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
    list-style:none;
    margin:0;
    padding:0;
    display:none;
    position:absolute;
    z-index:99;
    width:140px;
}
.venus-menu ul{
    top:56px;
    left:0;
    padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{
    content:'';
    position:absolute;
    bottom:48px;
    left:45%;
    margin-left:-48px;
    width:0;
    height:0;
    border-left:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid rgba(255, 255, 255, 0);
    border-bottom:8px solid #8ECB8D;
}
.venus-menu > li > ul > li ul li:first-child a:before{
    content:'';
    position:absolute;
    bottom:16px;
    left:45%;
    margin-left:-71px;
    width:0;
    height:0;
    border-top:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid #018A00;
    border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
    top:0;
    left:100%;
    padding-left:10px;
}
.venus-menu ul li{
    clear:both;
    width:100%;
    border:none;
}
.venus-menu ul li a{
    padding:14px 20px;
    width:100%;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    background:#018A00;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #0E560D; }
.venus-menu > li > ul > li:first-child:hover a:before{
    border-bottom-color:#0E560D;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
    border-right-color:#0E560D;
}
.venus-menu > li .indicator{
    position:absolute;
    color:#bababa;
    top:19px;
    right:8px;
    font-size:20px;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
    color:#fff;
}
.venus-menu ul > li .indicator{
    top:14px;
    right:8px;
    color:#fff;
}
.venus-menu i{
    line-height:20px !important;
    margin-right:6px;
    font-size:20px;
    float:left;
}
.venus-menu > .showhide{
    display:none;
    width:100%;
    height:100px;
    cursor:pointer;
    color:#777;
    background:#fff;
}
.venus-menu > .showhide span.title{
    margin:13px 0 0 20px;
    float:left;
}
.venus-menu > .showhide span.icon{
    margin: 26px 20px 0px;
    float:right;
}
.venus-menu > .showhide .icon em{
    margin-bottom: 13px;
    display: block;
    width: 45px;
    height: 5px;
    background: #333;
}
.venus-menu > .showhide.ly-cation .icon em:first-child{
   transform: rotate(45deg);
    margin-top: 20px;
}
.venus-menu > .showhide.ly-cation .icon em:nth-child(2){
    display: none;
}
.venus-menu > .showhide.ly-cation .icon em:last-child{
    transform: rotate(-45deg);
    margin-top: -18px;
}
.venus-menu li.search{
    float:right;
}
.venus-menu li.search form{
    margin:13px 20px 0 0;
}
.venus-menu li.search form input.search{
    height:26px;
    float:right;
    padding-left:5px;
    padding-right:5px;
    color:#777;
    outline:none;
    border:solid 1px #dedede;
    -o-transition:border .3s linear;
    -moz-transition:border .3s linear;
    -webkit-transition:border .3s linear;
    transition:border .3s linear;
}
.venus-menu li.search form input.search:focus{
    border-color:#018A00;
}
.zoom-out{
    -webkit-animation:zoomOut 600ms ease both;
    -moz-animation:zoomOut 600ms ease both;
    -o-animation:zoomOut 600ms ease both;
    animation:zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut{
    0%{
        -webkit-transform:scale(.6);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes zoomOut{
    0%{
        -moz-transform:scale(.6);
    }
    100%{
        -moz-transform:scale(1);
    }
}
@-o-keyframes zoomOut{
    0%{
        -o-transform:scale(.6);
    }
    100%{
        -o-transform:scale(1);
    }
}
@keyframes zoomOut{
    0%{
        transform:scale(.6);
    }
    100%{
        transform:scale(1);
    }
}

@media only screen and (max-width:768px){
    .venus-menu li{
        display:block;
        width:100%;
    }
    .venus-menu > li > a{
        padding:13px 0 14px 20px;
    }
    .venus-menu > li.brand{
        display:none !important;
    }
    .venus-menu a{
        width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu ul, .venus-menu ul li ul{
        width:100%;
        padding:0;
        left:0;
        border:none;
        position:static;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
        border:none;
    }
    .venus-menu ul li{
        border-left:none;
        border-right:none;
    }
    .venus-menu ul li a{
        padding-top:10px;
        padding-bottom:10px;
    }
    .venus-menu ul > li > a{
        padding-left:40px !important;
    }
    .venus-menu > li .indicator{
        top:14px;
        right:20px;
        font-size:20px;
    }
    .venus-menu ul > li .indicator{
        top:10px;
        right:20px;
    }
    .venus-menu li.search form{
        margin:12px 18px 0 18px;
    }
    .venus-menu li.search form input.search{
        width:100%;
        margin-bottom:12px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu > li > ul > li > a{
        padding-left:40px !important;
    }
    .venus-menu > li > ul > li > ul > li > a{
        padding-left:60px !important;
    }
    .venus-menu > li > ul > li > ul > li > ul > li > a{
        padding-left:80px !important;
    }
}

.scrollable ul li h2 { font-size:14px; margin-bottom:10px; line-height:22px; font-weight:normal; }

.scrollable ul li h2 a { font-size:14px; font-weight:normal; }

.scrollable ul li h2 a:hover { text-decoration:none; }

.scrollable .text-intro { text-align:left; font-size:13px; color:#808080; line-height:1.5; }

.scrollable .carousel-direction a { width:40px; height:40px; line-height:40px; margin-top:0; top:65px; color:#fff; font-size:22px; background-color:#bf582d; }
.scrollable .carousel-direction a:hover { background-color:#ff4a00; }

.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover { color:#fff; background-color:#d2eff4; }

.scrollable a.carousel-prev { left:-10px; }

.scrollable a.carousel-next { right:-10px; }

.scrollable-summary { color:#808080; line-height:1.5; }

.scrollable-summary .qhd-content p { color:#808080; line-height:1.5; }

.scrollable-3col ul li { width:313px; text-align:left; }

.scrollable-3col ul li p { margin-bottom:15px; }

.scrollable-3col ul li h2, .scrollable-3col ul li h2 a { font-size:16px; font-weight:bold; margin-bottom:0; }

.scrollable-3col .carousel-direction a { top:190px; }

.scrollable-3col .carousel-direction a:hover { background-color:#1a1a1a; }

.scrollable-inside-page ul li { width:160px; }

.scrollable-height .carousel-direction a { top:95px; }
.scrollable-height1 .carousel-direction a { top:24px; }
.scrollable-height ul li { text-align:left; }

.full-scrollable ul li { width:auto; margin:0; }

.full-scrollable ul li a { position:relative; display:block; }

.full-scrollable .scrollable-image { 

	overflow:hidden; 

	-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);	transform:scale(1);

	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; 

}

.full-scrollable a:hover .scrollable-image img { 

	transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);

	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;

}

.full-scrollable .scrollable-info { 

	position:absolute; left:0; top:50%; z-index:20; margin-top:-120px; text-align:center; width:100%; height:100%; color:#fff; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 

	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 

}

.full-scrollable .scrollable-info h3 { padding:0 20px; margin-bottom:15px; font-size:22px; line-height:normal; font-weight:normal; }

.full-scrollable .scrollable-info .scrollable-summarty { padding:0 10px; margin-bottom:20px; line-height:1.5; font-size:14px; }

.full-scrollable .scrollable-info .icon-detail { 

	display:inline-block; *display:inline; *zoom:1; width:41px; height:41px; background:url(../images/icon-detail.gif) no-repeat;

	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 

}

.full-scrollable .scrollable-info .icon-detail span { display:none; }

.full-scrollable .opacity-overlay {

	width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#338000; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 

	-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0);

	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;

}

.full-scrollable a:hover .scrollable-info { opacity:1; filter:alpha(opacity=100); }

.full-scrollable .scrollable-info:hover .icon-detail { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }

.full-scrollable a:hover .opacity-overlay { 

	display:block; filter:alpha(opacity=90); opacity:0.9;

	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);

}

.full-scrollable .carousel-direction { text-align:center; margin:20px 0; height:30px;}

.full-scrollable .carousel-direction a { position:static; display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; line-height:30px; margin:0 8px; font-size:22px; }

.full-scrollable .carousel-direction a:hover { border-color:#fff; color:#fff; }

.full-scrollable .carousel-direction a.disabled, .full-scrollable .carousel-direction a.disabled:hover { color:#fff cursor:default; }

.scrollable-text { width:100%; height:25px; overflow:hidden; }

.scrollable-text .carousel-direction a { top:0px; display:block; width:30px; height:20px; overflow:hidden; margin-top:3px; background-color:transparent; background-image:url(../images/direction-s.gif); background-repeat:no-repeat; }

.scrollable-text .carousel-direction a.carousel-up { background-position:0 0; right:31px; }

.scrollable-text .carousel-direction a.carousel-down { background-position:-31px 0; right:0; }

.scrollable-text .carousel-direction a.carousel-up:hover { background-position:0 -20px; }

.scrollable-text .carousel-direction a.carousel-down:hover { background-position:-31px -20px; }

.scrollable-text .carousel-direction a span { display:none; }

.scrollable-text ul li { padding:0; border:none; width:100%; }

.scrollable-text .article-list-row { margin-bottom:0; }

.scrollable-text .article-title { margin-right:10px; }

.scrollable-text .article-list-row li { overflow:hidden; white-space:nowrap; }

.scrollable-text .article-list-row li .article-title { padding-left:0; background:none; line-height:25px; }

/*

.scrollable .scrollable-item { position:relative; background-color:#fff; border:1px solid #e9eaea; border-bottom-width:4px; padding-bottom:15px; }

.scrollable .scrollable-item h2 { margin:15px 10px; }

.scrollable .scrollable-item em { display:block; width:70px; height:3px; overflow:hidden; background-color:#0e7dc7; position:absolute; top:0; left:50%; margin-left:-35px; }

*/
