body{background:#37373e;overflow-x: hidden;}
a {text-decoration: none;}
#blog-landing{margin-top:20px;position:relative;max-width:100%;width:100%;}
img{width:100%;max-width:100%;height:auto;border-radius:.4em;}
.white-panel{position:absolute;background:white;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);padding:10px;border-radius:.4em;}
.white-panel h1{font-size:1em;}
.white-panel h1 a{color:#A92733;}
.white-panel:hover{box-shadow:1px 1px 10px rgba(255, 255, 255, 0.5);margin-top:-5px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
/*iphone5*/
@media screen and (min-width:300px){
  .table_size{width:300px;}
  .name_mozi{text-align:left;font-size:9pt;padding:10px;text-decoration:none;}
  .messge_mozi{text-align:left;font-size:8pt;padding:10px;}
  .thumbnail img{border-radius:50%;height:60px;width:60px;margin-top:-30px;box-shadow:2px 2px 4px #666666;}
  td.type1{width:75%;}
  td.type2{width:24%;text-align:right;}
  .font_size{font-size:.7em;padding:1em;color:#FFFFFF;}
  #progress{position:fixed;height:42px;background:#444;top:0px;z-index:2;opacity:0.7;}
  .rg_item-cap{width:100%;height:35px;position:absolute;top:100px;left:0px;color:#FFFFFF;filter:Alpha(opacity=70);opacity:0.7;text-align:center;font-size:.7em;border-radius:.4em;box-shadow:4px 4px 4px #000000;font-weight:bold;-webkit-filter:Alpha(opacity=70);}
  .time{text-align:right;font-size:7pt;padding-left:10px;}
  .clear{clear:both;}
  .title_red{background-color:red;text-align:center;font-size:7pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .title_blue{background-color:blue;text-align:center;font-size:7pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .arrow1{ font-size:7pt;color:blue;font-weight:bold;}
  .arrow2{ font-size:7pt;color:red;font-weight:bold;}
  .arrow3{ font-size:7pt;color:yellow;font-weight:bold;}
  .arrow4{ font-size:7pt;color:purple;font-weight:bold;}
  .data_font_size {font-size:7pt;}
  .data_font_size2{font-size:7pt;font-weight:900;border-top:1px dashed #000000;border-bottom:1px dashed #000000;margin-bottom:10px;}
  .view_box{ width:100%;margin:0 auto;margin-top:38px;}
  .page1{background-color:#000000;font-size:7pt;color:#ffffff;padding:30px;border-radius:50%;}
  .page2{background-color:#FFFFFF;font-size:7pt;color:#000000;padding:30px;border-radius:50%;}
  .page3{margin-top:30px;}
  .pagefont{color:#FFFFFF;}
  .page_comment{ width:50%;font-size:7pt;background-color:#FF0000;color:#FFFFFF;margin:0 auto;margin-top:30px;border-radius:.4em;}
  .square_btn {display: inline-block;padding: 0.5em 3em;text-decoration: none;color: #67c5ff;border: solid 2px #67c5ff;border-radius: 3px;transition: .4s;}
  .square_btn:hover {background: #67c5ff;color: white;}
  .square_red_btn {display: block;padding: .5em 3em;text-decoration: none;color: #FF0000;border: solid 2px #FF0000;border-radius: 3px;transition: .4s;}
  .square_red_btn:hover {background: #FF0000;color: white;}
  .square_blue_btn {display: block;padding: .5em 3em;text-decoration: none;color: #0000FF;border: solid 2px #0000FF;border-radius: 3px;transition: .4s;}
  .square_blue_btn:hover {background:#0000FF;color: white;}
  /**********�L�� css*/
  #header2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:99;text-align:center;color:#f2f2f2;font-size:9pt;height:42px;}
  #header2{top:0px;}
  .inline_title{position:absolute;left:5px;z-index:2000;top:100px;font-size:7pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;padding:5px;}
  img.inline_size{width:200px;height:50px;}
  .circle_size{width:90%;height:250px;}
  .btn_circle{display: inline-block;text-decoration: none;background: #ff8181;color: #FFF;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;vertical-align: middle;overflow: hidden;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom: solid 3px #bd6565;transition: .4s;}
  .btn_circle:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
  img.arrow{width:16px;height:16px;transform:rotate(90deg);}
  .arrow_com{vertical-align:middle;font-size:7pt;border-bottom: dashed 1px #FF0000;}
  img.page_arrow_left{width:64px;height:64px;transform:rotate(180deg);}
  img.page_arrow_right{width:64px;height:64px;}
  h1.from_title{position: relative;padding-left: 25px;color:#FFFFFF;}
  h1.from_title:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 255, 255);}
  h1.from_title:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 255, 255);}
  h1.from_title_red{position: relative;padding-left: 25px;color:#FF0000;}
  h1.from_title_red:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 0, 0);}
  h1.from_title_red:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 0, 0);}
  h1.from_title_blue{position: relative;padding-left: 25px;color:#0000FF;}
  h1.from_title_blue:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(0, 0, 255);}
  h1.from_title_blue:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(0, 0, 255);}
  input[type="text"]{width: 300px;height:50px;border: 1px solid #fff;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input[type="text"]:focus {width: 300px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]{width: 300px;height:50px;border: 1px solid #fff;background-color:#FF0000;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]:focus {width: 300px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]{width: 300px;height:50px;border: 1px solid #fff;background-color:#0000FF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]:focus {width: 300px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  .stitch_btn{width:98%;display: inline-block;padding: 0.5em 1em;text-decoration: none;background:rgba(38,50,56,.5);color: #FFF;border-radius: 4px;box-shadow: 0px 0px 0px 5px rgba(38,50,56,1);border: dashed 1px #FFF;margin-top:5px;font-size:12pt;text-shadow:4px 4px 8px #000000;}
  .stitch_btn:hover{border: dotted 1px #FFF;}
  .hand_box{text-align:left;margin-top:-10px;margin-bottom:-20px;padding-left:5px;}
  img.hand{text-align:left;width:32px;height:32px;transform: rotate(180deg);}
  .new_box{text-align:right;margin-top:-30px;margin-bottom:0px;}
  img.new{text-align:left;width:100%;height:40px;}
}
/*iphone6,7,8*/
@media screen and (min-width:350px){
  .table_size{width:350px;}
  .name_mozi{text-align:left;font-size:10pt;padding:10px;border-style:none;}
  .messge_mozi{text-align:left;font-size:8pt;padding:20px;border-style:none;}
  .thumbnail img{border-radius:50%;height:90px;width:90px;margin-top:-50px;box-shadow:3px 3px 6px #666666;}
  td.type1{width:70%;}
  td.type2{width:30%;text-align:right;}
  .font_size{font-size:.8em;padding:1em;color:#FFFFFF;}
  img,civetcat{width:360px;height:150px;}
  #progress{position:fixed;height:42px;background:#444;top:0px;z-index:2;opacity:0.7;}
  .rg_item-cap{width:100%;height:35px;position:absolute;top:100px;left:0px;color:#FFFFFF;filter:Alpha(opacity=70);opacity:0.7;text-align:center;font-size:.7em;border-radius:.4em;box-shadow:4px 4px 4px #000000;font-weight:bold;}
  .time{text-align:right;font-size:8pt;padding-left:35px;}
  .clear{clear:both;}
  .title_red{background-color:red;text-align:center;font-size:9pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .title_blue{background-color:blue;text-align:center;font-size:9pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .arrow1{ font-size:9pt;color:blue;font-weight:bold;}
  .arrow2{ font-size:9pt;color:red;font-weight:bold;}
  .arrow3{ font-size:9pt;color:yellow;font-weight:bold;}
  .arrow4{ font-size:9pt;color:purple;font-weight:bold;}
  .data_font_size {font-size:9pt;}
  .data_font_size2{font-size:9pt;font-weight:900;border-top:1px dashed #000000;border-bottom:1px dashed #000000;margin-bottom:10px;}
  .view_box{ width:100%;margin:0 auto;margin-top:40px;}
  .page1{background-color:#000000;font-size:9pt;color:#ffffff;padding:30px;border-radius:50%;}
  .page2{background-color:#FFFFFF;font-size:9pt;color:#000000;padding:30px;border-radius:50%;}
  .page3{margin-top:30px;}
  .page_comment{ width:50%;font-size:9pt;background-color:#FF0000;color:#FFFFFF;margin:0 auto;margin-top:30px;border-radius:.4em;}
  .square_btn {display: inline-block;padding: 0.5em 3em;text-decoration: none;color: #67c5ff;border: solid 2px #67c5ff;border-radius: 3px;transition: .4s;}
  .square_btn:hover {background: #67c5ff;color: white;}
  .square_red_btn {display: block;padding: 0.5em 3em;text-decoration: none;color: #FF0000;border: solid 2px #FF0000;border-radius: 3px;transition: .4s;}
  .square_red_btn:hover {background: #FF0000;color: white;}
  .square_blue_btn {display: block;padding: 0.5em 3em;text-decoration: none;color: #0000FF;border: solid 2px #0000FF;border-radius: 3px;transition: .4s;}
  .square_blue_btn:hover {background:#0000FF;color: white;}
  /**********�L�� css*/
  #header2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:99;text-align:center;color:#f2f2f2;font-size:9pt;height:42px;}
  #header2{top:0px;}
  .inline_title{position:absolute;left:5px;z-index:1000;top:110px;font-size:9pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;padding:5px;}
  img.inline_size{width:250px;height:50px;}
  .circle_size{width:90%;height:300px;}
  .btn_circle{display: inline-block;text-decoration: none;background: #ff8181;color: #FFF;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;vertical-align: middle;overflow: hidden;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom: solid 3px #bd6565;transition: .4s;}
  .btn_circle:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
  img.arrow{width:20px;height:20px;transform:rotate(90deg);}
  .arrow_com{vertical-align:middle;font-size:9pt;border-bottom:dashed 1px #FF0000;}
  img.page_arrow_left{width:64px;height:64px;transform:rotate(180deg);}
  img.page_arrow_right{width:64px;height:64px;}
  h1.from_title{position: relative;padding-left: 25px;color:#FFFFFF;}
  h1.from_title:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 255, 255);}
  h1.from_title:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 255, 255);}
  h1.from_title_red{position: relative;padding-left: 25px;color:#FF0000;}
  h1.from_title_red:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 0, 0);}
  h1.from_title_red:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 0, 0);}
  h1.from_title_blue{position: relative;padding-left: 25px;color:#0000FF;}
  h1.from_title_blue:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(0, 0, 255);}
  h1.from_title_blue:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(0, 0, 255);}
  input[type="text"]{width: 340px;height:50px;border: 1px solid #fff;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input[type="text"]:focus {width: 340px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]{width: 340px;height:50px;border: 1px solid #fff;background-color:#FF0000;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]:focus {width: 340px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]{width: 340px;height:50px;border: 1px solid #fff;background-color:#0000FF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]:focus {width: 340px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  .stitch_btn{width:98%;display: inline-block;padding: 0.5em 1em;text-decoration: none;background:rgba(38,50,56,.5);color: #FFF;border-radius: 4px;box-shadow: 0px 0px 0px 5px rgba(38,50,56,1);border: dashed 1px #FFF;margin-top:5px;font-size:12pt;text-shadow:4px 4px 8px #000000;}
  .stitch_btn:hover{border: dotted 1px #FFF;}
  .hand_box{text-align:left;margin-top:-20px;margin-bottom:-20px;padding-left:15px;}
  img.hand{text-align:left;width:48px;height:48px;transform: rotate(180deg);}
  .new_box{text-align:right;margin-top:-40px;margin-bottom:-20px;}
  img.new{text-align:left;width:100%;height:60px;}
}
/*iphone6,7,8 plus*/
@media screen and (min-width:400px){
  .table_size{width:400px;}
  .name_mozi{text-align:left;font-size:12pt;padding:10px;border-style:none;}
  .messge_mozi{text-align:left;font-size:10pt;padding:20px;border-style:none;}
  .thumbnail img{border-radius:50%;height:100px;width:100px;margin-top:-50px;box-shadow:4px 4px 8px #666666;}
  td.type1 {width:70%;}
  td.type2 {width:30%;text-align:right;}
  .font_size {font-size:.9em;padding:1em;color:#FFFFFF;}
  img,civetcat {width:360px;height:150px;}
  #progress{position:fixed;height:42px;background:#444;top:0px;z-index:2;opacity:0.7;}
  .rg_item-cap{width: 100%;height: 35px;position: absolute;top: 100px;left: 0px;color: #FFFFFF;filter: Alpha(opacity=70);opacity: 0.7;text-align: center;font-size: .7em;border-radius: .4em;box-shadow: 4px 4px 4px #000000;font-weight: bold;}
  .time{text-align:right;font-size:9pt;padding-left:30px;}
  .clear{clear:both;}
  .title_red{background-color:red;text-align:center;font-size:9pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .title_blue{background-color:blue;text-align:center;font-size:9pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .arrow1{ font-size:9pt;color:blue;font-weight:bold;}
  .arrow2{ font-size:9pt;color:red;font-weight:bold;}
  .arrow3{ font-size:9pt;color:yellow;font-weight:bold;}
  .arrow4{ font-size:9pt;color:purple;font-weight:bold;}
  .data_font_size {font-size:9pt;}
  .data_font_size2{font-size:9pt;font-weight:900;border-top:1px dashed #000000;border-bottom:1px dashed #000000;margin-bottom:10px;}
  .view_box{ width:100%;margin:0 auto;margin-top:40px;}
  .page1{background-color:#000000;font-size:9pt;color:#ffffff;padding:30px;border-radius:50%;}
  .page2{background-color:#FFFFFF;font-size:9pt;color:#000000;padding:30px;border-radius:50%;}
  .page3{margin-top:30px;}
  .page_comment{ width:50%;font-size:9pt;background-color:#FF0000;color:#FFFFFF;margin:0 auto;margin-top:30px;border-radius:.4em;}
  .square_btn {display: inline-block;padding: 0.5em 3em;text-decoration: none;color: #67c5ff;border: solid 2px #67c5ff;border-radius: 3px;transition: .4s;}
  .square_btn:hover {background: #67c5ff;color: white;}
  .square_red_btn {display: block;padding: 0.5em 3em;text-decoration: none;color: #FF0000;border: solid 2px #FF0000;border-radius: 3px;transition: .4s;}
  .square_red_btn:hover {background: #FF0000;color: white;}
  .square_blue_btn {display: block;padding: 0.5em 3em;text-decoration: none;color: #0000FF;border: solid 2px #0000FF;border-radius: 3px;transition: .4s;}
  .square_blue_btn:hover {background:#0000FF;color: white;}
  /**********�L�� css*/
  #header2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:99;text-align:center;color:#f2f2f2;font-size:9pt;height:42px;}
  #header2{top:0px;}
  .inline_title{position:absolute;left:5px;z-index:1000;top:110px;font-size:9pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;padding:5px;}
  img.inline_size{width:300px;height:50px;}
  .circle_size{width:90%;height:350px;}
  .btn_circle{display: inline-block;text-decoration: none;background: #ff8181;color: #FFF;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;vertical-align: middle;overflow: hidden;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom: solid 3px #bd6565;transition: .4s;}
  .btn_circle:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
  img.arrow{width:20px;height:20px;transform:rotate(90deg);}
  .arrow_com{vertical-align:middle;font-size:9pt;border-bottom: dashed 1px #FF0000;}
  img.page_arrow_left{width:64px;height:64px;transform:rotate(180deg);}
  img.page_arrow_right{width:64px;height:64px;}
  h1.from_title{position: relative;padding-left: 25px;color:#FFFFFF;}
  h1.from_title:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 255, 255);}
  h1.from_title:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 255, 255);}
  h1.from_title_red{position: relative;padding-left: 25px;color:#FF0000;}
  h1.from_title_red:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 0, 0);}
  h1.from_title_red:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(255, 0, 0);}
  h1.from_title_blue{position: relative;padding-left: 25px;color:#0000FF;}
  h1.from_title_blue:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(0, 0, 255);}
  h1.from_title_blue:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 96%;border-bottom: solid 3px rgb(0, 0, 255);}
  input[type="text"]{width: 380px;height:50px;border: 1px solid #fff;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input[type="text"]:focus {width: 280px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]{width: 380px;height:50px;border: 1px solid #fff;background-color:#FF0000;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]:focus {width: 380px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]{width: 380px;height:50px;border: 1px solid #fff;background-color:#0000FF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]:focus {width: 380px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  .stitch_btn{width:98%;display: inline-block;padding: 0.5em 1em;text-decoration: none;background:rgba(38,50,56,.5);color: #FFF;border-radius: 4px;box-shadow: 0px 0px 0px 5px rgba(38,50,56,1);border: dashed 1px #FFF;margin-top:5px;font-size:12pt;text-shadow:4px 4px 8px #000000;}
  .stitch_btn:hover{border: dotted 1px #FFF;}
  .hand_box{text-align:left;margin-top:-40px;margin-bottom:-20px;padding-left:20px;}
  img.hand{text-align:left;width:64px;height:64px;transform: rotate(180deg);}
  .new_box{text-align:right;margin-top:-40px;margin-bottom:-20px;}
  img.new{text-align:left;width:100%;height:60px;}
}

/*ipad mini*/
@media screen and (min-width:700px){
  .table_size{width:700px;}
  .name_mozi{text-align:left;font-size:16pt;padding:10px;border-style:none;}
  .messge_mozi{text-align:left;font-size:10pt;padding:20px;border-style:none;}
  .thumbnail img{border-radius:50%;height:130px;width:130px;margin-top:-50px;box-shadow:4px 4px 8px #666666;}
  td.type1{width:75%;}
  td.type2{width:25%;text-align:right;}
  .font_size{font-size:1em;padding:1em;color:#FFFFFF;}
  img,civetcat {width:1800px;height:250px;}
  #progress{position:fixed;height:60px;background:#444;top:0px;z-index:2;opacity:0.7;}
  .rg_item-cap{width:30%;height:35px;position:absolute;top:100px;left:80px;color:#FFFFFF;filter:Alpha(opacity=70);opacity:0.7;text-align:center;font-size:.7em;border-radius:.4em;box-shadow:4px 4px 4px #000000;font-weight:bold;}
  .time{text-align:right;font-size:12pt;padding-left:20px;}
  .clear{clear:both;}
  .title_red{background-color:red;text-align:center;font-size:12pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .title_blue{background-color:blue;text-align:center;font-size:12pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .arrow1{ font-size:12pt;color:blue;font-weight:bold;}
  .arrow2{ font-size:12pt;color:red;font-weight:bold;}
  .arrow3{ font-size:12pt;color:yellow;font-weight:bold;}
  .arrow4{ font-size:12pt;color:purple;font-weight:bold;}
  .data_font_size {font-size:12pt;}
  .data_font_size2{font-size:12pt;font-weight:900;border-top:1px dashed #000000;border-bottom:1px dashed #000000;margin-bottom:10px;}
  .view_box{ width:100%;margin:0 auto;margin-top:60px;}
  .page1{background-color:#000000;color:#ffffff;padding:30px;border-radius:50%;}
  .page2{background-color:#FFFFFF;color:#000000;padding:30px;border-radius:50%;}
  .page3{margin-top:50px;}
  .page_comment{ width:30%; background-color:#FF0000;color:#FFFFFF;margin:0 auto;margin-top:30px;border-radius:.4em;}
  .square_btn {display: inline-block;padding: 1em 3em;text-decoration: none;color: #67c5ff;border: solid 2px #67c5ff;border-radius: 3px;transition: .4s;}
  .square_btn:hover {background: #67c5ff;color: white;}
  .square_red_btn {display: block;padding: 1em 3em;text-decoration: none;color: #FF0000;border: solid 2px #FF0000;border-radius: 3px;transition: .4s;}
  .square_red_btn:hover {background: #FF0000;color: white;}
  .square_blue_btn {display: block;padding: 1em 3em;text-decoration: none;color: #0000FF;border: solid 2px #0000FF;border-radius: 3px;transition: .4s;}
  .square_blue_btn:hover {background:#0000FF;color: white;}
  /**********�L�� css*/
  #header2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:99;text-align:center;color:#f2f2f2;font-size:9pt;height:60px;}
  #header2{top:0px;}
  .inline_title{position:absolute;left:10px;z-index:2000;top:150px;font-size:16pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;}
  img.inline_size{width:600px;height:100px;}
  .chart-container {width:100%;margin-bottom:100px;}
  .circle_size{width:80%;height:400px;}
  .btn_circle{display: inline-block;text-decoration: none;background: #ff8181;color: #FFF;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;vertical-align: middle;overflow: hidden;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom: solid 3px #bd6565;transition: .4s;}
  .btn_circle:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
  img.arrow{width:20px;height:20px;transform:rotate(90deg);}
  .arrow_com{vertical-align:middle;font-size:12pt;border-bottom: dashed 1px #FF0000;}
  img.page_arrow_left{width:64px;height:64px;transform:rotate(180deg);}
  img.page_arrow_right{width:64px;height:64px;}
  h1.from_title{position: relative;padding-left: 25px;color:#FFFFFF;}
  h1.from_title:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 255, 255);}
  h1.from_title:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 98%;border-bottom: solid 3px rgb(255, 255, 255);}
  h1.from_title_red{position: relative;padding-left: 25px;color:#FF0000;}
  h1.from_title_red:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 0, 0);}
  h1.from_title_red:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 98%;border-bottom: solid 3px rgb(255, 0, 0);}
  h1.from_title_blue{position: relative;padding-left: 25px;color:#0000FF;}
  h1.from_title_blue:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(0, 0, 255);}
  h1.from_title_blue:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 98%;border-bottom: solid 3px rgb(0, 0, 255);}
  input[type="text"]{width: 680px;height:50px;border: 1px solid #fff;background-color:#000000;margin-top:5px;margin-bottom:5px;}
  input[type="text"]:focus {width: 680px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]{width: 680px;height:50px;border: 1px solid #fff;background-color:#FF0000;margin-top:5px;margin-bottom:5px;}
  input.red[type="text"]:focus {width: 680px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]{width: 680px;height:50px;border: 1px solid #fff;background-color:#0000FF;margin-top:5px;margin-bottom:5px;}
  input.blue[type="text"]:focus {width: 680px;height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;}
  .stitch_btn{width:98%;display: inline-block;padding: 0.5em 1em;text-decoration: none;background:rgba(38,50,56,.5);color: #FFF;border-radius: 4px;box-shadow: 0px 0px 0px 5px rgba(38,50,56,.2);border: dashed 1px #FFF;margin-top:5px;font-size:16pt;text-shadow:4px 4px 8px #000000;}
  .stitch_btn:hover{border: dotted 1px #FFF;}
  .hand_box{text-align:left;margin-top:-40px;margin-bottom:-20px;padding-left:20px;}
  img.hand{text-align:left;width:64px;height:64px;transform: rotate(180deg);}
  .new_box{text-align:right;margin-top:-50px;margin-bottom:-20px;}
  img.new{text-align:left;width:100%;height:100px;}
}

@media screen and (min-width:1900px){
  .table_size{width:1900px;}
  .name_mozi{text-align:left;font-size:16pt;padding:10px;border-style:none;}
  .messge_mozi{text-align:left;font-size:10pt;padding:20px;border-style:none;}
  .thumbnail img{border-radius:50%;height:130px;width:130px;margin-top:-50px;box-shadow:4px 4px 8px #666666;}
  td.type1{width:75%;}
  td.type2{width:25%;text-align:right;}
  .font_size{font-size:1em;padding:1em;color:#FFFFFF;}
  img,civetcat {width:1800px;height:250px;}
  #progress{position:fixed;height:60px;background:#444;top:0px;z-index:2;opacity:0.7;}
  .rg_item-cap{width:30%;height:35px;position:absolute;top:100px;left:80px;color:#FFFFFF;filter:Alpha(opacity=70);opacity:0.7;text-align:center;font-size:.7em;border-radius:.4em;box-shadow:4px 4px 4px #000000;font-weight:bold;}
  .time{text-align:right;font-size:12pt;padding-left:20px;}
  .clear{clear:both;}
  .title_red{background-color:red;text-align:center;font-size:12pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .title_blue{background-color:blue;text-align:center;font-size:12pt;color:white;border-radius:.4em;padding:2px;box-shadow:2px 1px 4px #808080,-2px -1px 4px #808080;}
  .arrow1{ font-size:12pt;color:blue;font-weight:bold;}
  .arrow2{ font-size:12pt;color:red;font-weight:bold;}
  .arrow3{ font-size:12pt;color:yellow;font-weight:bold;}
  .arrow4{ font-size:12pt;color:purple;font-weight:bold;}
  .data_font_size {font-size:12pt;}
  .data_font_size2{font-size:12pt;font-weight:900;border-top:1px dashed #000000;border-bottom:1px dashed #000000;margin-bottom:10px;}
  .view_box{ width:100%;margin:0 auto;margin-top:60px;}
  .page1{background-color:#000000;color:#ffffff;padding:30px;border-radius:50%;}
  .page2{background-color:#FFFFFF;color:#000000;padding:30px;border-radius:50%;}
  .page3{margin-top:50px;}
  .page_comment{ width:30%; background-color:#FF0000;color:#FFFFFF;margin:0 auto;margin-top:30px;border-radius:.4em;}
  .square_btn {display: inline-block;padding: 1em 3em;text-decoration: none;color: #67c5ff;border: solid 2px #67c5ff;border-radius: 3px;transition: .4s;}
  .square_btn:hover {background: #67c5ff;color: white;}
  .square_red_btn {display: block;padding: 1em 3em;text-decoration: none;color: #FF0000;border: solid 2px #FF0000;border-radius: 3px;transition: .4s;}
  .square_red_btn:hover {background: #FF0000;color: white;}
  .square_blue_btn {display: block;padding: 1em 3em;text-decoration: none;color: #0000FF;border: solid 2px #0000FF;border-radius: 3px;transition: .4s;}
  .square_blue_btn:hover {background:#0000FF;color: white;}
  /**********�L�� css*/
  #header2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:99;text-align:center;color:#f2f2f2;font-size:9pt;height:60px;}
  #header2{top:0px;}
  .inline_title{position:absolute;left:10px;z-index:2000;top:150px;font-size:16pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;}
  img.inline_size{width:600px;height:100px;}
  .chart-container {width:100%;margin-bottom:100px;}
  .circle_size{width:90%;height:450px;}
  .btn_circle{display: inline-block;text-decoration: none;background: #ff8181;color: #FFF;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;vertical-align: middle;overflow: hidden;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom: solid 3px #bd6565;transition: .4s;}
  .btn_circle:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
  img.arrow{width:20px;height:20px;transform:rotate(90deg);}
  .arrow_com{vertical-align:middle;font-size:12pt;border-bottom: dashed 1px #FF0000;}
  img.page_arrow_left{width:64px;height:64px;transform:rotate(180deg);}
  img.page_arrow_right{width:64px;height:64px;}
  h1.from_title{position: relative;padding-left: 25px;color:#FFFFFF;}
  h1.from_title:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 255, 255);}
  h1.from_title:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 100%;border-bottom: solid 3px rgb(255, 255, 255);}
  h1.from_title_red{position: relative;padding-left: 25px;color:#FF0000;}
  h1.from_title_red:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(255, 0, 0);}
  h1.from_title_red:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 100%;border-bottom: solid 3px rgb(255, 0, 0);}
  h1.from_title_blue{position: relative;padding-left: 25px;color:#0000FF;}
  h1.from_title_blue:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(0, 0, 255);}
  h1.from_title_blue:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 100%;border-bottom: solid 3px rgb(0, 0, 255);}
  input[type="text"]{height:50px;border: 1px solid #fff;background-color:#000000;margin-top:5px;margin-bottom:5px;color:#FFFFFF;}
  input[type="text"]:hover {height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;color:#000000;}
  input.red[type="text"]{height:50px;border: 1px solid #fff;background-color:#FF0000;margin-top:5px;margin-bottom:5px;color:#000000;}
  input.red[type="text"]:hover {height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;color:#000000;}
  input.blue[type="text"]{height:50px;border: 1px solid #fff;background-color:#0000FF;margin-top:5px;margin-bottom:5px;color:#000000;}
  input.blue[type="text"]:hover {height:50px;border: 1px solid #FFF;background-color:#FFFFFF;margin-top:5px;margin-bottom:5px;color:#000000;}
  .stitch_btn{width:98%;display: inline-block;padding: 0.5em 1em;text-decoration: none;background:rgba(38,50,56,.5);color: #FFF;border-radius: 4px;box-shadow: 0px 0px 0px 5px rgba(38,50,56,.2);border: dashed 1px #FFF;margin-top:5px;font-size:16pt;text-shadow:4px 4px 8px #000000;}
  .stitch_btn:hover{border: dotted 1px #FFF;}
  .hand_box{text-align:left;margin-top:-40px;margin-bottom:-20px;padding-left:20px;}
  img.hand{text-align:left;width:64px;height:64px;transform: rotate(180deg);}
  .vote_box{width:700px;margin:0 auto;}
  .vote_title{text-align:left;margin-top:60px;margin-bottom:-20px;padding-left:20px;font-size:16pt;color:#FFFFFF;text-shadow:4px 4px 4px #000000;}
  .new_box{text-align:right;margin-top:-50px;margin-bottom:-20px;}
  img.new{text-align:left;width:100%;height:100px;}
	#progress{
		position:fixed;
		height:46px;
		background:#444;
		top:0px;
		z-index:2;
		opacity:0.7;
	}
}

/**********Font first css*/

/*
p:first-letter {
    font-size: 3em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
    background-color: #FF0000;
    color: #FFFFFF;
    border-radius: 50%;
}
*/

/**********Menu PC css*/
.inner {width: 980px;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}
/**********header css*/
#top-head {top: -100px;position: absolute;width: 100%;margin: 100px auto 0;padding: 30px 0 0;line-height: 1;z-index: 999;}
#top-head a,#top-head {color: #fff;text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left;font-size: 36px;}
#global-nav ul {list-style: none;position: absolute;right: 0;bottom: 0;font-size: 14px;}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 30px;}
/**********Fixed css*/
#top-head.fixed {margin-top: 0;top: 0;position: fixed;padding-top: 10px;height: 55px;background: #000;background: rgba(000, 000, 000, .7);transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;-moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px;color: #FFF;}
#top-head.fixed #global-nav ul li a {color: #FFF;padding: 0 20px;}
/**********Toggle Button css*/
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px;width: 34px;height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 4px;width: 100%;background: #666;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
/**********Menu Mobile css*/
@media screen and (max-width: 1000px) {
  #top-head,.inner {width: 100%;padding: 0;}
  #top-head {top: 0;position: fixed;margin-top: 0;}
  #top-head.fixed {padding-top: 0;background: transparent;}
  #mobile-head {background: #fff;width: 100%;height: 56px;z-index: 999;position: relative;}
  #top-head.fixed .logo,#top-head .logo {position: absolute;left: 13px;top: 13px;color: #333;font-size: 26px;}
  #global-nav {position: absolute;top: -500px;background: #333;width: 100%;text-align: center;padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
  #global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size: 14px;}
  #global-nav ul li {float: none;position: static;}
  #top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a {width: 100%;display: block;color: #fff;padding: 18px 0;}
  #nav-toggle {display: block;}
  .open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
  .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
  .open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
  .open #global-nav {-moz-transform: translateY(556px);-webkit-transform: translateY(556px);transform: translateY(556px);}
}
/**********Title css*/
h1.midashi {position: relative;padding: 0.6em;background: #3e2723;margin-bottom: 20px;border-radius: .4em;color: #FFFFFF;}
h1.midashi:after {position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #3e2723;width: 0;height: 0;}
h1.midashi_1{position: relative;padding: 0.6em;background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);border-radius: 7px;}
h1.midashi_1:after {position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #ffebbe;width: 0;height: 0;}
/**********Slide Footer css*/
#footer {overflow: hidden;position: fixed;width: 100%;bottom: 0;z-index: 9999;}
#slide {background: #000;color: #fff;width: 100%;opacity: 0.7;}
#slide-in {padding: 20px;}
#footer a {color: #fff;text-decoration: none;cursor: pointer;}
/**********likeness css*/
.grid>* {padding: 10px}
.rg_item {width: 80%;margin: 0 auto;border: 1px solid #555;border-radius: 3px;overflow: hidden;box-shadow: 1px 1px 6px 0 black;margin-top: 80px;}
.rg_item-img {height: auto;width: 100%;height: auto;}
.rg_item-content {padding: 0px;background-color: #FFFFFF;text-align: center;font-size: .7em;}
li {padding: 5px 0}
/**********�L�� css*/
#footer2{position:fixed;height:auto;display:block;width:100%;background:rgba(0,0,0,.5);z-index:9;text-align:center;color:#f2f2f2;font-size:9pt}
#footer2{bottom:0px;}
.ad_img img{width:640px;height:60px;max-width:100%;}