.component-messagebox{position:fixed;top:-99px;left:-99px;z-index:9999;padding:5px 10px 5px 50px;background:#fff no-repeat 10px;border-radius:5px;font-size:20px;line-height:1.5;background-size:30px;transition:top 1s;-moz-transition:top 1s;-webkit-transition:top 1s;-o-transition:top 1s;font-family:OpenSans-Light}.component-messagebox[data-state=error]{background-image:url(../../../../../component/message-box/css/image/icon-error-f944a8e3.png)}.component-messagebox[data-state=success]{background-image:url(../../../../../component/message-box/css/image/icon-success-a78477fd.png)}.component-messagebox[data-state=warn]{background-image:url(../../../../../component/message-box/css/image/icon-warn-1df44f00.png)}.component-mask{display:none;position:fixed;top:0;left:0;z-index:25;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.component-mask[data-is-show-icon=true]{background:rgba(0,0,0,.5) url(../../../../../component/mask/css/image/icon-logo-64d38d80.gif) no-repeat 50%}body.component-mask-blur>div{-webkit-filter:blur(5px) brightness(.85);-moz-filter:blur(5px) brightness(.85);-ms-filter:blur(5px) brightness(.85);filter:blur(5px) brightness(.85)}body.component-mask-blur .component-mask{-webkit-filter:inherit;-moz-filter:inherit;-ms-filter:inherit;filter:inherit}.component-pagedialog{display:none;position:fixed;top:0;left:0;z-index:100}.component-pagedialog,.component-pagedialog [data-handle=iframe]{width:100%;height:100%}.component-pagedialog [data-handle=close]{position:fixed;z-index:100;width:20px;height:19px;top:10px;left:50%;margin-left:330px;background-image:url(../../../../../web/component/page-dialog/css/image/icon-close-b51940bf.png);cursor:pointer}.component-pagedialog [data-handle=close]:hover{background-image:url(../../../../../web/component/page-dialog/css/image/icon-close-hover-1f5349df.png)}.web-story-gallery-top{position:relative;width:100%;height:320px;background:url(../../../../../promotion/Public/Home/storygallery/css/image/bg-1-bacb0770.png);background-size:cover;background-repeat:no-repeat;background-position:50%;box-sizing:border-box;text-align:center}.web-story-gallery-top>div:first-child{font-size:36px;padding:80px 0 10px}.web-story-gallery-top>div:nth-child(2){padding-bottom:34px;font-size:18px}.web-story-gallery-top>a>div{width:150px;padding:5px 0;margin:auto;border-radius:3px;font-size:22px;text-align:center;color:#fff;background:#ff9700;cursor:pointer}.web-story-gallery-top>a{text-decoration:none}.web-story-gallery-top>a>div:hover{background-color:#e58800}.web-story-gallery-c{width:100%;max-width:738px;margin:auto;padding-bottom:20px;overflow:hidden}.web-story-gallery-c-search{padding-top:20px;border-bottom:1px solid rgba(0,0,0,.1)}.web-story-gallery-c-search:after{clear:both;content:"";display:block;height:0;visbility:hidden}.web-story-gallery-c-search>div[data-handle=left]{position:relative;float:left}div[data-handle=search]{position:absolute;width:21px;height:23px;top:4px;right:5px;background:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-search-5304aa86.png) no-repeat 50%;cursor:pointer}.web-story-gallery-c-search>div[data-handle=left]>input{width:235px;height:32px;border-radius:5px;box-shadow:none;border:2px solid #b2b2b2;outline:none;padding:5px 40px 5px 10px;color:#292929;box-sizing:border-box}.web-story-gallery-c-search>div[data-handle=right]{float:right;margin-top:17px}.web-story-gallery-c-search>div[data-handle=right]>div{cursor:pointer;position:relative;float:left;padding-bottom:5px}.web-story-gallery-c-search>div[data-handle=right]>div:first-child,.web-story-gallery-c-search>div[data-handle=right]>div:nth-child(2){margin-right:20px}.web-story-gallery-c-search>div[data-handle=right]>div[data-active=true]{color:#ff9700}.web-story-gallery-c-search>div[data-handle=right]>div[data-active=true]:before{content:"";position:absolute;width:100%;height:3px;background-color:#ff9700;bottom:0;left:0}.web-story-gallery-c-list{width:100%;display:block;overflow:hidden}.web-story-gallery-c-list>div[data-handle=newestContainer]{display:block;min-height:400px}.web-story-gallery-c-list>div[data-handle=mineContainer],.web-story-gallery-c-list>div[data-handle=popularContainer],.web-story-gallery-c-list>div[data-handle=searchContainer]{display:none;min-height:400px}.web-story-gallery-template{float:left;width:33.33%;padding:10px 5px 0;box-sizing:border-box}.web-story-gallery-template-top{width:96%;margin:auto}.web-story-gallery-template-top img{width:100%;display:block}.web-story-gallery-template-body{position:relative;background-color:#f3f3f5;padding-bottom:10px}.web-story-gallery-template-body>img{width:100%;display:block;cursor:pointer}.web-story-gallery-template-body>div[data-handle=title]{width:100%;height:55px;padding-left:10px;padding-right:5px;padding-top:8px;box-sizing:border-box;display:block;overflow:hidden}.web-story-gallery-template-body>div[data-handle=title]:after{clear:both;content:"";display:block;height:0;visbility:hidden}.web-story-gallery-template-body>div[data-handle=title]>div:first-child{float:left;font-size:14px;width:80%}.web-story-gallery-template-body>div[data-handle=title]>div:nth-child(2){float:right;height:19px;font-size:12px;padding-left:25px;padding-top:3px;background-repeat:no-repeat;background-position:0;background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-hand-0eae3a0e.png);cursor:pointer}.web-story-gallery-template-body>div[data-handle=title]>div[data-is-thumbsup=true]{background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-has-zan-38ab3b64.png)}.web-story-gallery-template-body>div[data-handle=title] div[data-handle=workTitle]{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-story-gallery-template-body>div[data-handle=name]{width:100%;height:25px;line-height:25px;padding-left:10px;padding-right:5px;box-sizing:border-box}.web-story-gallery-template-body>div[data-handle=name]:after{clear:both;content:"";display:block;height:0;visbility:hidden}.web-story-gallery-template-body>div[data-handle=name]>div:first-child{float:left;font-size:12px;padding-top:5px}div[data-handle=nameRight]{float:right}div[data-handle=nameRight]>div{float:left}div[data-handle=nameRight]>div:first-child{width:30px;height:25px;margin-right:10px;background-repeat:no-repeat;background-position:50%;background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-facebook-2249b0ad.png);cursor:pointer}div[data-handle=nameRight]>div:first-child:hover{background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-facebook-hover-dc8c5b1c.png)}div[data-handle=nameRight]>div:nth-child(2){width:30px;height:25px;background-repeat:no-repeat;background-position:50%;background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-youtube-8601a023.png);cursor:pointer}div[data-handle=nameRight]>div:nth-child(2):hover{background-image:url(../../../../../promotion/Public/Home/storygallery/css/image/icon-youtube-hover-99197856.png)}div[data-handle=nameRight]>div:first-child a,div[data-handle=nameRight]>div:nth-child(2) a{display:block;width:100%;height:100%}.web-story-gallery-template-body>div[data-handle=tip]{position:absolute;display:none;width:94%;left:3%;bottom:95px;padding:10px 20px;z-index:2;background:#fff;box-sizing:border-box;border-radius:3px;font-size:13px;text-align:center}.web-story-gallery-template-body>div[data-handle=tip]:before{position:absolute;content:"";width:0;height:0;bottom:-13px;right:8px;border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #fff}.web-story-gallery-template-body>div[data-handle=tip]>div[data-handle=ok]{display:inline-block;color:#fff;background-color:#ff9700;padding:5px 20px;border-radius:3px;margin-top:10px}.web-story-gallery-template-body>div[data-handle=tip]>div[data-handle=ok]:hover{background-color:#e58800}@media screen and (max-width:500px){.web-story-gallery-c-search>div[data-handle=left]{float:none;display:inline-block;widkth:100%;width:100%;padding:0 20px;box-sizing:border-box}.web-story-gallery-c-search>div[data-handle=left]>input{width:100%}div[data-handle=search]{right:25px}.web-story-gallery-c-search>div[data-handle=right]{float:none;display:block;overflow:hidden;padding-left:20px}.web-story-gallery-c-list{padding:0 5px;box-sizing:border-box}.web-story-gallery-template{width:50%}.web-story-gallery-template-body>div[data-handle=title]>div:first-child{width:70%}}