/*
	Theme Name: Pinbin_origin2
	Theme URI: http://colorawesomeness.com/themes/pinbin
	Description: Pinbin WordPress theme is a fully responsive theme that looks great on any devices including iPad, iPhone or any other mobile device. This theme is inspired by Pinterest grid system that puts images first.  Pinbin is a perfect fit for photographers, web designers and anyone who likes to show off their photos, mockups, infographics and any other images.  Some other great features are sticky (fixed) navigation, translation ready, responsive layout, simplicity and minimalism.
	Author: Color Awesomeness
	Author URI: http://colorawesomeness.com/themes
	Version: 1.4.7
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: light, white, brown, gray, black, photoblogging, one-column, flexible-width, custom-background, custom-menu, featured-images, full-width-template, microformats, theme-options
*/

/* colour styles : reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body  { 
  font-size:12px; 
  line-height:20px;  
  font-family: Helvetica, sans-serif;
  word-wrap: break-word;
  margin: 0;
}

/*
#wrap { 
  margin-left:3%;
}
*/
.front { 
  margin-left:3%;
}

/* Typohraphy
--------------------------------------------------------------*/
/* Fonts
--------------------------------------------------------------*/
h1,h2,h3,h4,h5 {
  color: #111;
}
h1 {
  font-size: 36px;
  line-height: 46px;
  padding-bottom: 5px;
  padding-top: 5px;
}
h2 {
  font-size: 20px;
  line-height: 32px;
}
h2 a.front-link {
  text-decoration: none;
}
h3 {
  font-size: 18px;
  line-height: 28px;
}
h4 {
  font-size: 16px;
  line-height: 28px;
}
h5 {
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
}
h6 {
  font-size: 13px;
  line-height: 24px;
  color: #858585;
}
p {
  font-size: 13px;
  color: #454545;
  line-height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}
/* Lists -bullet points
--------------------------------------------------------------*/
ul li {
  font-size: 12px;
  color: #858585;
  padding-left: 10px;
}
ol {
  margin-left: 25px;
}
ol li {
  font-size: 12px;
  color: #858585;
  padding-left: 10px;
  margin-bottom: 7px;
}
ul,ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
  margin-left: 20px;
}
ol {
  list-style: decimal;
}
ol li ol {
  list-style-type: lower-alpha;
}
ol li ol li ol {
  list-style-type: lower-roman;
}
ul ul,ol ol,ul ol,ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
hr {
  background: url(./images/hr.jpg) top center no-repeat;
  border: 0;
  outline: 0;
  clear: both;
  height: 10px;
}
b,strong {
  font-weight: bold;
}
/* Text link style
--------------------------------------------------------------*/
a:link {
  color: #444444;
  text-decoration: underline;
}
a:visited {
  color: #111;
  text-decoration: underline;
}
a:hover {
  color: #111;
  text-decoration: none;
}
a:active {
  color: #444444;
  text-decoration: none;
}
a:focus {
  outline-style: none;
}
/* Main Navigation
--------------------------------------------------------------*/
#main-nav-wrapper {
  background: #fff;
  float: left;
  position: relative;
  width: 100%;
  min-height: 42px;
  max-height: 86px;
  z-index: 2;
  padding: 10px 0 15px;
}
.main-catch{
  font-size: 12px;
  padding-left: 3%;
  line-height: 1.7;
  margin-bottom: 5px;
}


.main-nav {
  display: block;
  float: left;
  position: fixed;
  width: 100%;
  z-index: 3;
}
.main-nav ul {
  padding: 5px 25px;
  position: relative;
  width: 960px;
  margin-top: -1px;
}
.main-nav ul li {
  display: inline;
  float: right;
  padding: 12px 12px;
  position: relative;
}
.main-nav ul li a {
  color: #8a8a8a;
  font-size: 18px;
  text-decoration: none;
  letter-spacing: 0.07em;
}
.main-nav ul li a:hover{
  border-bottom: solid 3px #E8A824;
}

.main-nav ul li:hover a,.main-nav li.current-menu-item a,.main-nav li.current-post-parent a {
  color: #111;
}
.main-nav ul li ul {
  display: none;
  z-index: 9999;
}
.main-nav ul ul li a:hover {
  color: #111 !important;
}
.main-nav ul li:hover ul {
  background: #fff;
  -webkit-box-shadow: 0 3px 7px -2px #333;
  box-shadow: 0 3px 7px -2px #333;
  display: block;
  margin-top: 5px;
  padding: 5px;
  position: absolute;
  left: 0px;
  top: 33px;
  width: 150px;
}
.main-nav ul li:hover ul li {
  padding: 4px;
  position: relative;
  width: 97%;
}
.main-nav ul ul li a {
  color: #999 !important;
  height: auto;
  display: block;
}
.main-nav ul .sub-menu li,.main-nav ul .children li {
  background: none;
  border-bottom: 1px dotted #e8e8e8;
  width: 100%;
}
.main-nav ul li:hover ul li ul {
  display: none;
}
.main-nav ul li:hover ul li:hover ul {
  border: none;
  display: block;
  margin: 0;
  position: absolute;
  left: 155px;
  top: 0;
  width: 150px;
}
#header {
  padding-bottom: 135px;
}
/* Logo
--------------------------------------------------------------*/
#logo img {
  max-height: 50px;
  padding: 0 0 0 3%;
  position: relative;
  float: left;
}
#logo img:hover,.pinbin-image img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
#logo img,.pinbin-image img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
/* Footer
--------------------------------------------------------------*/
#footer-area {
  width: 96%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 15px -5px #555;
  box-shadow: 0 4px 15px -5px #555;
}
#footer-area .widget {
  padding-top: 15px;
  display: inline;
  float: left;
  font-size: 14px;
  color: #353636;
  line-height: 18px;
}

#footer-area .widget_text{width: 48%;margin-right: 2%;}
#footer-area .widget_recent_entries{width: 23%;margin-right: 2%;}
#footer-area .widget_categories{width: 23%;}

#footer-area .widget h3 {
  color: #353636;
  background: #fff;
  padding-left: 15px;
  margin-bottom: 20px;
  border-left: solid 10px #E8A824;
  border-bottom: solid 1px #E8A824;
  padding-bottom: 4px;
}
#footer-area .widget p {
  color: #111;
}
#footer-area .widget ul {
  margin-left: 0px;
}
#footer-area .widget li {
  color: #353636;
  list-style-type: none;
  font-size: 14px;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#footer-area .widget a {
  color: #444444;
}
#footer-area .widget a:hover {
  color: #111;
}
#footer-area .widget-copy {
  /*
  width: 280px;
  overflow: hidden;
  display: inline;
  float: left;*/
  margin-left: 30px;
}
#footer-area .widget-copy a {
  text-decoration: none;
}

#footer-area .news-list dl{width: 97%;margin: 0 0 10px 4%;overflow: hidden;border-bottom:dotted 1px #ccc;}
#footer-area .news-list dt{float: left;width: 18%;margin-right: 3%;}
#footer-area .news-list dd{float: left;width: 79%;margin: 0 0 5px;}


.widget img {
  max-width: 100%;
  height: auto;
}
#footer-area .wp-caption {
  border: 1px solid #999;
}


#footer-bnr{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px -5px #555;
    box-shadow: 0 4px 15px -5px #555;
}
#footer-bnr .widget-bnr{
    width: 96%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
}
#footer-bnr .widget-bnr h3{
    font-size: 29px;
    margin-bottom: 30px;
}
#footer-bnr .widget-bnr .textwidget{
   
}
#footer-bnr .widget-bnr .textwidget ul{
    list-style-type: none;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
#footer-bnr .widget-bnr .textwidget ul li{
    background-color: #fff;
    float: left;
    width: 298px;
    margin: 0 10px;
    padding: 0;
    border: solid 1px #ccc;
    height: 79px;
    overflow: hidden;
    margin-bottom: 20px;
}
#footer-bnr .widget-bnr .textwidget ul img{
  max-width:100%;
  height: auto;
}
#footer-bnr .widget-bnr .textwidget ul li.coming{background: #505050;color: #fff;font-size: 20px;line-height: 4;}


#searchsubmit,button,.comment-submit,input[type="submit"] {
  clear: both;
  width: auto;
  height: auto;
  line-height: 18px;
  background: url(./images/button-back.gif) bottom left repeat-x !important;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.45 ) !important;
  min-width: 0;
}
#searchsubmit:hover,.comment-submit:hover {
  background: #fff url(./images/button-back-over.gif) bottom left repeat-x;
  border: 1px solid #959595;
}
/* Footer copyright
--------------------------------------------------------------*/
#copyright {
  display: block;
  float: none;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}
#copyright p {
  padding-top: 15px;
  color: #4f5356;
  font-size: 12px;
}
#copyright a {
  color: #858585;
  text-decoration: none;
}
#copyright a:hover {
  color: #111;
  text-decoration: underline;
}
/* Post and page style
--------------------------------------------------------------*/
.type-post,nav{-webkit-box-shadow: 0 4px 15px -5px #555;box-shadow: 0 4px 15px -5px #555;}
#main-nav-wrapper{
  border-bottom: solid 2px #E8A824;
}
.type-post,.type-page,.type-attachment,#post-area .post {
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.type-post,.type-page,.type-attachment {
  width: 960px;
  background: #fff;
  margin: 20px auto 30px;
  -webkit-box-shadow: 0 4px 15px -5px #555;
  box-shadow: 0 4px 15px -5px #555;
}
.type-post .pinbin-copy,.type-page .pinbin-copy,.type-attachment .pinbin-copy{width: 95%;margin: 0 auto 20px;}




.type-post {
  position: relative;
}
.pinbin-image img {
  z-index: 5;
}
.pinbin-category {
  position: absolute;
  width: auto;
  background: #000;
  zoom: 1;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  margin-top: -29px;
  z-index: 1;
  height: 30px;
  overflow: hidden;
  left: 0;
  width: 100%;
}
.pinbin-category p {
  margin: 0;
  padding: 0;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 40px;
  color: #fff;
  font-style: italic;
}
.pinbin-category a {
  color: #fff;
  font-style: italic;
  text-decoration: none;
}
.pinbin-category a:hover {
  color: #777;
  text-decoration: none;
}
.pinbin-copy {
  padding: 20px 0;
}

.pinbin-copy h1{
  margin-bottom: 20px;
  border-left: solid 10px #E8A824;
  border-bottom: solid 1px #E8A824;
  padding-bottom: 4px;
  font-size: 30px;
  padding: 0 0 0px 15px;
}

.pinbin-meta {
  width: 100%;
  display: inline-block;
  color: #8e8e8e;
  font-size: 11px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: 1px dotted #cccccc;
}
.size-full {
  max-width: 100%;
  height: inherit;
}
#post-area .sticky {
  background: #ececec !important;
}
#post-area .sticky:hover {
  background: #fff !important;
}
/* Post style on frontpage
--------------------------------------------------------------*/
#post-area .post {
  width: 300px;
  background: #FFF;
  margin-right: 10px;
  margin-top: 15px;
}
#post-area .post .pinbin-copy {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  clear: both;
  width: 250px;
  min-height:208px;
}
#post-area .post .pinbin-date {
  width: 115px;
  color: #8e8e8e;
  font-size: 11px;
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 0;
  padding-top: 0;
}
#post-area .post .pinbin-link a {
  text-decoration: none;
  background: #444;
  padding: 5px 10px;
  color: #fafafa;
  font-size: 12px;
  float: right;
  cursor: pointer;
  position: absolute;
  margin-left: 245px;
  margin-top: -15px;
}
#post-area .post .pinbin-link a:hover {
  background: #777;
}
#post-area .post .pinbin-link a,.post-next a,.post-prev a,.post-next a,.post-prev a {
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
/* Single post navigation
--------------------------------------------------------------*/
.post-nav {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}
.post-next a,.post-prev a {
  text-decoration: none;
  background: #444;
  padding: 8px 9px;
  color: #fafafa;
  font-size: 18px;
  text-transform: uppercase;
  float: right;
  cursor: pointer;
  position: absolute;
}
.post-next a {
  margin-left: 705px;
  margin-top: 15px;
}
.post-prev a {
  position: absolute;
  margin-left: -10px;
  margin-top: 15px;
}
.post-next a:hover,.post-prev a:hover {
  background: #777;
}
.posttags {
  font-color: #8e8e8e;
  font-size: 11px;
  float: right;
}
.view-next {
  float: right;
}
.view-previous {
  float: left;
}
.view-previous,.view-next {
  margin-top: 20px;
}
/* Comments
--------------------------------------------------------------*/
.comments-area ol {
  padding: 0;
}
.comments-area li {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 10px;
}
.comments-area {
  margin-left: -10px;
}
.comment {
  border-bottom: 1px solid #8e8e8e;
  width: 630px;
  margin-left: -15px;
}
.avatar {
  display: none;
}
.reply {
  display: none;
}
.comment-meta a {
  text-decoration: none;
}
.comment-author {
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif;
}
#comment {
  width: 97%;
  height: 180px;
}
.comment-form-author,.comment-form-email,.comment-form-url {
  padding: 0;
}
label {
  display: inline-block;
}
.text-input,#s,input[type=text],input[type=password],textarea {
  clear: both;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 7px;
  color: #555;
  font-size: 12px;
}
#s {
  width: auto;
  margin-top: 3px;
}
.comment-input {
  clear: both;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  width: 96%;
  padding: 7px;
  color: #555;
  font-size: 12px;
}
.bypostauthor {
}
/* Other
--------------------------------------------------------------*/
.clear {
  clear: both;
}
.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignleft {
  float: left;
  margin: 10px 10px 20px 0;
}
.alignright {
  float: right;
  margin: 10px 0 20px 0;
}
.wp-caption {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.wp-caption-text {
  margin-top: 2px;
  text-align: left;
  font-style: italic;
  font-size: 11px;
  color: #999;
}
.wp-caption {
  border: 1px solid #ccc;
  max-width: 99%;
}
.wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright {
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
  font-size: 80%;
}
.wp-caption .wp-caption-text,.gallery-caption {
  margin: 0;
}
.pagelink {
  margin-top: 20px;
  display: block;
  position: relative;
  clear: both;
}
blockquote {
  font-size: 2em;
  line-height: 23px;
  color: #111;
  margin-left: 20px;
  border-left: 1px dotted #999;
  padding-left: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* Table
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%;
}
td,th {
  padding: 5px;
  border: 1px solid #eaeaea;
}
td:hover {
  background: #eaeaea;
}
tr.alternate {
  background-color: #efefef;
}
th {
  font-weight: bold;
  background: #999;
  color: #fff;
  text-align: center;
}
pre {
  background: #efefef;
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
.attachment-full {
  width: 100%;
  height: 100%;
}
select {
  width: 100%;
}
.main-nav select {
  display: none;
}
/* mobile styles
-----------------------------------------------*/
/* For devices with screen size lower than 480px */
@media only screen and (max-width: 480px) {
  .front {
  width: 320px;
  margin: 0 auto;
  overflow: hidden;
}
  .page-sub{
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  }

h1 {
  font-size: 24px;
  line-height: 31px;
}
iframe {
  width: 100%;
  height: auto;
}
.post-prev a {
  background: #444;
  padding: 10px 13px;
  font-size: 12px;
  margin-left: -10px;
  margin-top: -20px;
}
.post-next a {
  margin-left: 252px;
  margin-top: -20px;
}
.post-next a:hover,.post-prev a:hover {
  background: #777;
}
.posttags {
  float: left;
}
.type-post .post-next a {
  margin-left: 264px;
}
.single-post .type-post {
  width: 98%;
  margin: 0 auto 20px;
}
.type-page img {
  width: 100%;
  height: inherit;
}
.type-post .pinbin-copy {
  width: 280px;
  padding: 15px;
}
.type-page {
  width: 92%;
  padding: 10px 0 20px;
}
.type-post {
  width: 310px;
}
#comment {
  width: 97%;
}
#comment-form {
  width: 285px;
}
h2 {
  font-size: 18px;
  line-height: 25px;
}
.size-full {
  width: 290px !important;
}
.comments-area li {
  width: 290px;
  clear: both;
  padding: 0px;
}
.post-nav {
  margin-top: 14px;
}
.pinbin-image img {
  width: 100%;
  height: auto;
}
#post-area {
  max-width: 310px;
  margin: 0 auto;
}
.type-post h1:first-child {
  padding-top: 25px;
}
#post-area .post .pinbin-link a {
  margin-left: 263px;
}
#post-area .post .pinbin-copy {
  width: 280px;
}
.page .pinbin-copy {
  padding: 0;
}
#post-area .post {
  width: 310px;
  display: block;
}

.pinbin-copy h1{font-size: 20px;padding: 5px 0 5px 15px;}


/* add */
#logo img{float: none;}
.main-nav select{width: 85%!important;}

}
@media only screen and (max-width: 960px){
.main-nav ul{width: 95%;}

}
/* For devices with screen size lower than 767px */
@media only screen and (max-width: 767px) {

/* Add */
.main-nav{position: relative;}
#logo{text-align: center;}
#header {padding-bottom: 10px;}
#footer-area .widget_text,#footer-area .widget_recent_entries,#footer-area .widget_categories{width: 98%;margin: 0 auto 20px;display: block;float: none;}
#footer-area .widget-copy{margin-left: 0;}
#footer-area .news-list dl{width: 98%;margin: 0 auto 10px;}
#footer-area .news-list dt{float: none;width: 100%;margin-bottom: 5px;}
#footer-area .news-list dd{float: none;width: 100%;}
#footer-bnr .widget-bnr .textwidget ul{width: 100%;}
#footer-bnr .widget-bnr .textwidget ul li{margin: 0 auto 20px;float: none;}


  /* Navigation */
.main-nav ul {
  display: none;
}

.main-nav select {
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('images/mobile-menu-icon.png') no-repeat scroll right center #FFF;
  appearance: none;
  padding: 8px 10px;
  margin: 10px auto 20px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  width: 40%;
}
#main-nav-wrapper {
  height: 42px;
  display: inline;
  float: none;
}
.main-nav {
  background: #fff;
}
}

@media only screen and (max-width: 970px) {
.type-post .pinbin-copy,.type-page .pinbin-copy,.type-attachment .pinbin-copy{width: 98%;}

}

/********* SUB ************/

/* common */
.btn_end{margin: 20px auto;text-align: center;}
.btn_end a{background: url(images/icon_arrow_r1.png) no-repeat 95% 50% #444;color: #fff;padding: 2% 7%;text-align: center;display: block;margin:0 auto 20px;font-size: 14px;cursor: pointer;width: 280px;}
.btn_end input{background: url(images/icon_arrow_r1.png) no-repeat 95% 50% #444!important;border: none;color: #fff;padding: 2% 7%;text-align: center;display: block;margin:20px 0 20px 290px;font-size: 14px;cursor: pointer;width: 280px;}
.btn_red input:hover{opacity:0.7;}

.topic_path{/* width: 900px; */margin: 10px auto 0;}
.topic_path ul{/* width: 100%; */overflow: hidden;margin: 0 10px;}
.topic_path li{float: left;margin-right: 5px;font-size: 13px;color: #858585;list-style-type:none;}
.topic_path li a{color: #858585;text-decoration: none;}
.topic_path li a:hover{text-decoration: underline;}
.bread_tune{position: relative;top: -44px;}

.front .pinbin-image{max-height: 200px;overflow: hidden;}
.pinbin-contents{width: 900px;margin: 0 auto 40px;font-size: 13px;}

/* about */
.about_zone h2{background:#FFF4DC;padding: 3px 10px;margin-bottom: 10px;color: #505050;}
.about_zone .txt_zone{margin: 0 20px 20px;}
.about_zone .img_zone{width: 100%;overflow: hidden;margin: 20px auto;}
.about_zone .img_zone li{float: left;}
.about_zone .img_zone li img{padding: 8px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */background: #fff;max-width: 100%;height: auto;}
.about_zone .movie_zone embed{margin: 20px auto;display: block;}

/* contact */
.contact-zone{width: 960px;margin-left: 2%;margin-top: 20px;}
.contact-zone .contact_list{width: 100%;overflow: hidden;margin-bottom: 5px;}
.contact-zone .contact_list dt{width: 130px;float: left;margin-top: 5px;}
.contact-zone .contact_list dd{width: 770px;float: left;}
.contact-zone .contact_list dd input{width: 250px;}
.contact-zone .contact_list dd textarea{width: 480px;height: 150px;}

.desc_box{background: #FBFBFB;padding: 20px;border: solid 1px #ccc;margin-bottom: 50px;}


/* company */
.company-zone{width: 700px;margin: 0 auto 40px;border: solid 1px #ccc;font-size:13px;}
.company-zone dl{width: 100%;margin: 0 auto;overflow: hidden;border-bottom: solid 1px #ccc;background:#e9e8e8;display: -wbkit-flex;display: flex;}
.company-zone dt{width: 28%;float: left;padding: 10px 0 10px 2%;}
.company-zone dd{float: left;width: 67%;padding: 10px 1% 10px 2%;background: #fff;margin: 0;}
.company-zone dd p{margin-bottom: 10px;padding: 0;}

/* single */
.pinbin-singlezone{width: 92%;margin: 0 auto 20px;overflow: hidden;}
.pinbin-singlezone .pinbin-image{width: 29%;float: left;border:solid 1px #ccc;box-sizing: border-box;}
.pinbin-singlezone .pinbin-image img{width: 100%;height: auto;}
.pinbin-singlezone .nophoto{}
.pinbin-singlezone .txtzone{float: left;width: 65%;margin: 0 2% 20px 3%;}
.pinbin-singlezone .pinbin-category{position: relative;margin: 0 0 20px;}
.pinbin-singlezone .pinbin-box{background: #F5F5F5;border: solid 1px #ccc;padding: 10px;overflow: hidden;}
.pinbin-singlezone .pinbin-box dt{width: 20%;float: left;}
.pinbin-singlezone .pinbin-box dd{float: left;width: 79%;margin: 0 0 15px;}
.content-zone{width: 92%;margin: 40px auto 20px;overflow: hidden;}
.content-zone h2{border-bottom: solid 1px #ccc;margin-bottom: 10px;}
.wp_rp_wrap{margin-top: 32px;margin-left: 0;padding: 0;}
.related_post_title{border-bottom: solid 1px #ccc;margin-bottom: 20px;}
.wp_rp_footer{display: none;}

@media screen and (max-width: 959px) { /* SmartPhone Display - width:727px under - */

.type-post, .type-page, .type-attachment{width: 95%;}
.type-post .pinbin-copy, .type-page .pinbin-copy, .type-attachment .pinbin-copy{width: 95%;}
.pinbin-contents{width: 95%;}
.contact-zone {width: 100%;margin-left: 0;}
.contact-zone .contact_list dt {width: 20%;}
.contact-zone .contact_list dd {width: 77%;margin: 0 0 20px 3%;}
.contact-zone .contact_list dd textarea{width: 95%;}
}

@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */

.btn_end a{width: 95%;padding:5% 0;}
.btn_end input{width: 90%;padding: 5% 7%;margin: 0 auto 20px;}

.about_zone .img_zone li img{padding: 3%;}
.about_zone .img_zone li{float: none;width: 80%;margin: 0 auto;padding: 0;text-align: center;}


.company-zone{width: 92%;}
.contact-zone .contact_list dt {width: 98%;float: none;margin-left: 2%;}
.contact-zone .contact_list dd {width: 98%;margin: 0 0 20px 2%;float: none;}

.pinbin-singlezone .pinbin-image{width: 100%;float: none;margin-bottom: 25px;}
.pinbin-singlezone .txtzone{width: 100%;float: none;margin: 0;}
.pinbin-singlezone .pinbin-box dt{width: 30%;}
.pinbin-singlezone .pinbin-box dd{width: 70%;}
}