@charset "tis-620";
/* CSS Document */
@font-face {
    font-family: 'supermarket';
    src: url('/font/supermarket.eot');
    src: url('/font/supermarket.eot?#iefix') format('embedded-opentype'), url('/font/supermarket.woff') format('woff'), url('/font/supermarket.ttf') format('truetype'), url('/font/supermarket.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{ margin:0px; padding:0px;  width:100%; height:100%; background:#f4f4f4; overflow-x: hidden}
#warpper-share{ width:100%; margin:0px; padding:0px; }
ul, p, h1, h2{ margin:0px; padding:0px;}
.clear-s{ clear:both;}
#tab-share{ background:url(images/m-tapbg.png) repeat-x ; width:100%; height:116px; position: absolute; z-index:4;}
#logo-share{ width:137px; height:86px; position:absolute; z-index:3; left:50%; top:15px; margin-left:-68px; }
#box-vdo{ padding-top:112px; width:100%;}
#bgvdo-share{ background:url(images/bgvdo-share.jpg) no-repeat 100% 100%; width:100%; height:274px;  background-position: center center; background-size: cover;}
#vdo{ background:url(images/bg-vdo_03.png) no-repeat; width:319px; height:185px; margin: auto; padding-top:2px;}
#title-text{ margin:auto; width:303px;}

.f-icon{ font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.5em; color:#333;}
#m-menushare{ list-style:none; text-align:center; margin-top:30px; width:100%}
#m-menushare li{ margin-bottom:25px;}
#m-menushare li a{ display:block; width:177px; height:177px; margin:auto; margin-bottom:15px; }
#m-menushare li a#m-ico1 { background:url(images/m-iconall.png) no-repeat 0px 0px; }
#m-menushare li a#m-ico1:hover { background:url(images/m-iconall.png) no-repeat 0px -177px; }
#m-menushare li a#m-ico2 { background:url(images/m-iconall.png) no-repeat 0px -354px; }
#m-menushare li a#m-ico2:hover { background:url(images/m-iconall.png) no-repeat 0px -531px; }
#m-menushare li a#m-ico3 { background:url(images/m-iconall.png) no-repeat 0px -708px; }
#m-menushare li a#m-ico3:hover { background:url(images/m-iconall.png) no-repeat 0px -885px; }
#m-menushare li a#m-ico4 { background:url(images/m-iconall.png) no-repeat 0px -1062px; }
#m-menushare li a#m-ico4:hover { background:url(images/m-iconall.png) no-repeat 0px -1239px; }

#m-footer{ width:100%; height:55px; background:#3fbad9; padding-top:5px;}
#logo-dog{ width:165px; height:52px; position:absolute; z-index:3; left:50%; margin-left:-70px; }


#m-texthead{ width:305px; margin:auto; }
.f-th{ font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.3em; color:#333; line-height:1em;}
a#m-back{ background:url(images/m-back.png) no-repeat 0px 0px; display:block; width:68px; height:42px; margin-top:10px; margin-left:10px;}
a#m-back:hover{ background:url(images/m-back.png) no-repeat 0px -42px;}
#input-ms{ width:305px; margin:auto; }
.box-text{ width:285px; height:40px; border: 1px #3fbad9 solid; background:#c0e9f3; 	border-radius: 5px ;  font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.3em; color:#124350; line-height:40px; padding-left:10px; padding-right:10px; margin-bottom:10px;}

.box-text1{ width:285px; height:130px; border: 1px #3fbad9 solid; background:#c0e9f3; 	border-radius: 5px ;  font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.3em; color:#124350; padding-left:10px; padding-right:10px; padding-top:10px}

input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder{color: #124350; text-transform: uppercase;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #124350; text-transform: uppercase;}
input:-moz-placeholder, textarea:-moz-placeholder {   /* Older versions of Firefox */color: #124350; text-transform: uppercase;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #124350; text-transform: uppercase;}

a#m-send{display:block; width:148px; height:35px; margin-bottom:50px; margin-top:10px; margin-left:77px;  background:url(images/m-bsend.png) no-repeat 0px -35px;}
a#m-send:hover{background:url(images/m-bsend.png) no-repeat 0px 0px;}

#share-msgall li{ list-style:none; text-align:center; margin-top:30px; width:100%}
.bg-text{ background:url(images/bgtext.png) repeat-y; width:306px; margin:auto; padding:5px 0px 5px; position:relative;}
.f-textall{ font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.2em; color:#333; text-align: right; line-height:1em; float:left; width:200px; margin-bottom:10px; margin-right:12px;}
.f-textall1{ font-family:supermarket,Tahoma, Geneva, sans-serif; font-size:1.2em; color:#333; text-align: right; line-height:1em; float:left; width:200px; margin-bottom:10px; margin-left:12px;}
.f-blue{ color:#3fbad9; padding:0px 2px 0px;}
.f-smallblue{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#3fbad9; text-align: right; margin-right:12px;}
.f-smallblue1{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#3fbad9; text-align:  left; margin-left:12px;}


#thank-pic{ width:239px; margin:auto; padding-top:20px; padding-bottom:50px;}
.f-textsend{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#41bbda;  text-align:center; margin-top:15px; margin-bottom:10px;}
a.b-ok{ display:block; width:98px; height:35px; background:url(images/b-ok.png) no-repeat 0px 0px; margin:auto}
a.b-ok:hover{ display:block; width:98px; height:35px; background:url(images/b-ok.png) no-repeat 0px -35px;}



.f-shareaward{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#666;}
.f-shareaward-b{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#41bbda;}