article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
display:block
}
.my_s_menu{
    font-family: "標楷體";
    font-size: 28px;
    width: 100%;
    float: left;
	}
.my_s_menu_1{
	font-family: "標楷體";
	font-size: 28px;
	font-weight: bolder;
    color: #fff;
    background-color: #da2b2b;
	text-align: center;
	margin:5px;
	border-radius:20px;
	box-shadow:#000;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	float:left;
	}	
.my_s_menu_1 a{
	color: #fff;
	}	
.my_s_menu_2{
	font-family: "標楷體";
	font-size: 30px;
	color:#000;
	margin-top:10px;
	    width: 100%;
    float: left;
	margin-bottom:10px;	
	}
@media screen and (max-width: 999px) {
.pc{
	display: none;	
	}    
.mo{
	display: block;
	} 
.my_photo{
	width: 10%0;
	}
.s_pic{
	width: 100% ;
	height: auto ;
	}
.s_pic_t{
	width: 100%;
	padding: 5px;
	background-color: #000000;
	text-align: center;
	color: aliceblue;
	font-size: 16px;
	font-weight: 900;
	
	}	
}
@media screen and (min-width: 1000px) {
.pc{
	display: block;	
	}    
.mo{
	display: none;
	}
.s_pic{

	}
.s_pic_t{
	width: 97%;
	padding: 5px;
	background-color: #000000;
	text-align: center;
	color: aliceblue;
	font-size: 16px;
	font-weight: 900;
	
	}	
.my_photoall{
	width: 100%;
	background-color: #0C6;
	}	
.my_photo{
	margin: 5px;
	float: left;
	width: 23.5%;	
	    height: 220px;
	}
.my_photo img{
	width: 100%;
	}
}

.my_text1{
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
	color: #333;	
	}
audio,canvas,video{
display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]){
display:none
}
[hidden]{
display:none
}
figure{
margin:0
}
html{
font-size:1em;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body{
/* min-width  : 1020px; */
font       : 13px/1.5em  "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*font-size : small;
*font      : x-small;
 color      : #444;
margin:0;
padding:0;
-webkit-text-size-adjust:none;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom; /*固定住左下邊不要被裁切*/
background-size: cover; /*滿版出血 裁切掉一小邊*/
}
::-moz-selection{
background:#000;
color:#fff;
text-shadow:none
}
::selection{
background:#000;
color:#fff;
text-shadow:none
}
a,a:visited{
text-decoration:none
}
a:hover{
text-decoration:none;
color:#000
}
a:focus{
outline:none
}
a:hover,a:active{
outline:0
}
abbr{
cursor:help
}
abbr[title]{
border-bottom:1px dotted
}
acronym{
font-size:.85em;
text-transform:uppercase;
color:#666;
border-bottom:1px dotted #eee;
cursor:help
}
acronym:hover{
color:#333;
background:#f5f5f5;
border-bottom:1px dotted #aaa
}
small{
font-size:0.8461538461538462em
}
big{
font-size:15px
}

p{
margin:0 0 1.692307em 0
}
b,strong{
font-weight:bold
}
blockquote{
margin:0 1.692307em;
font-style:normal
}
blockquote em,blockquote cite{
font-style:italic
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none
}
em,cite{
font-style:italic;
font-family:Georgia,'Times New Roman',Times,serif
}
em em,cite cite{
font-style:normal
}
dfn{
font-style:italic
}
address{
font-style:italic;
font-family:Georgia,'Times New Roman',Times,serif;
margin:0 0 1.692307em 0
}
li address,dd address{
margin:0
}
del{
text-decoration:line-through
}
object{
margin-bottom:1.692307em
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #e7e7e7;
margin:1em 0 1.692307em 0;
padding:0
}
ins{
font-family:Georgia,'Times New Roman',Times,serif;
background:#f5f5f5;
color:#000;
text-decoration:none;
font-style:italic
}
mark{
background:#f5f5f5;
color:#000;
font-style:italic;
font-weight:bold
}
pre,code,kbd,samp{
font-family:monospace,monospace;
_font-family:'courier new',monospace;
font-size:1em
}
pre code{
font-size:1em
}
pre{
font-size:0.8461538461538462em;
font-family:Monaco,monospace,Courier,"Courier New";
overflow:auto;
line-height:1.692307em;
margin-bottom:1.692307em;
padding:10px;
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}
code{
font-size:0.8461538461538462em;
font-family:Monaco,monospace,Courier,"Courier New"
}
sub,sup{
font-size:0.7692307692307692em;
line-height:0;
position:relative;
vertical-align:baseline
}
sup{
top:-0.5em
}
sub{
bottom:-0.25em
}
ul{
list-style:disc;
margin:0 0 1.692307em 2.8em;
padding:0
}
ol{
list-style-type:decimal;
margin:0 0 1.692307em 3.1em;
padding:0
}
ol ol{
list-style:upper-roman
}
ol ol ol{
list-style:lower-roman
}
ol ol ol ol{
list-style:upper-alpha
}
ol ol ol ol ol{
list-style:lower-alpha
}
ul ul,ol ol,ul ol,ol ul{
margin-bottom:0
}
dl{
margin:0 0 1.692307em 5px
}
dt{
font-weight:bold;
margin:10px 0 0 0
}
dd{
margin:5px 0 0 1.5em
}
h1,h2,h3,h4,h5,h6{
font-style:normal;
font-weight:normal;
margin:0 0 15px 0;
color:#333;
line-height:1.3em
}
h1{
font-size:2.4em
}
h2{
font-size:1.6em;
border-bottom : 1px dotted #ccc;
padding-bottom : 10px;
margin-bottom : 30px;
}

h3{
font-size:1.538461538461538em
}
h4{
font-size:1.384615384615385em
}
h5{
font-size:1.230769230769231em;
font-weight:bold
}
h6{
font-size:1.076923076923077em;
font-weight:bold
}
img{
border:0;
-ms-interpolation-mode:bicubic;
vertical-align:middle
}
svg:not(:root){
overflow:hidden
}
form{
margin:0
}
fieldset{
border:0;
margin:0;
padding:0
}
label{
cursor:pointer
}
legend{
border:0;
*margin-left:-7px;
padding:0
}
button,input,select,textarea,a.button{
font-size:1em;
margin:0;
vertical-align:baseline;
*vertical-align:middle
}
button,input,a.button{
line-height:normal;
*overflow:visible
}
table button,table input{
*overflow:auto
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button
}
input[type="checkbox"],input[type="radio"]{
box-sizing:border-box
}
input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}
textarea{
overflow:auto;
vertical-align:top;
resize:vertical
}
input:invalid,textarea:invalid{
background-color:#f0dddd
}
option{
padding:1px 2px
}
table{
border-collapse:collapse;
border-spacing:0;
margin-bottom:1.692307em
}
td{
vertical-align:top
}
th,td{
text-align:left
}
.hfeed h1,.hfeed h2,.hfeed h3,.hfeed h4,.hfeed h5,.hfeed h6{
font-weight:normal
}
img.wp-smiley{
max-height:0.8125em;
margin:0;
padding:0;
border:none
}
.gallery{
display:block;
text-align:center;
margin-bottom:1.692307em !important
}
.left,.alignleft{
float:left;
margin:0 15px 5px 0
}
.right,.alignright{
float:right;
margin:0 0 10px 25px
}
.center,.aligncenter{
display:block;
margin:0 auto 1.692307em auto !important
}
.block,.alignnone{
display:block;
margin:0 0 1.692307em 0
}
img.alignleft,img.alignright{
margin-top:5px;
display:inline
}
blockquote.alignleft,blockquote .alignright{
width:33%
}
.byline abbr,.entry-meta abbr,.comment-meta abbr{
border:none
}
.clear{
clear:both
}
table{
margin:0 0 1.692307em 0;
width:100%
}
table caption{
font-size:0.8125em;
line-height:1.692307em;
color:#888
}
table th{
font-size:0.8461538461538462em;
line-height:1.692307em;
font-weight:normal;
text-transform:uppercase;
padding:10px 2%;
border-bottom:none;
border-bottom:3px solid #e7e7e7;
text-align:left
}
td{
padding:0.8125em 2%;
color:#888;
border-bottom:1px solid #e7e7e7
}
ul li,ol li{
line-height:2.1em
}
dl{
margin:0 0 20px 30px
}
dl dt{
margin:0;
font-size:1.230769230769231em;
line-height:1.692307em;
font-family:Georgia,'Times New Roman',Times,serif;
font-style:italic;
font-weight:normal
}
dl dd{
margin:0 0 5px 20px;
padding:0;
color:#888
}
blockquote,blockquote blockquote blockquote{
overflow:hidden;
padding:0 0 0 40px;
font-size:1.153846153846154em;
font-family:Georgia,'Times New Roman',Times,serif;
font-style:italic;
color:#aaa;
background:url(../ww_files/images/quote.png) no-repeat 0 4px

}
code{
padding:0 3px;
color:#555;
background:#ffeacd
}
pre{
padding:15px 20px;
background:#fff1dd;
border:1px solid #f6e4cc
}
pre code{
padding:0;
background:transparent
}
form label,form input,form textarea{
font-family:'Bitter',Georgia,'Times New Roman',Times,serif
}
form label{
line-height:1.5em;
color:#222
}
input[type="text"],input[type="password"],input[type="email"],.input-text,textarea,select{
border:1px solid #ddd;
padding:5px;
outline:none;
font-size:0.8125em;
color:#888;
margin:0;
display:block;
background:#fff
}
select{
padding:0
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,.input-text:focus{
border:1px solid #aaa;
color:#444;
-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2)
}
textarea{
display:block;
width:94%;
min-height:60px
}
input[type="radio"]{
vertical-align:text-middle
}
input[type="checkbox"]{
display:inline
}
input[type="submit"]:hover{
cursor:pointer
}
.error{
color:#ff4367
}
a:hover img{
opacity:0.85
}
.tc{text-align:center;}
cb{clear:both;}
#site-title a:hover img{
border:none
}
.hentry img,.entry-content img,.widget img,.wp-caption,.hentry embed,.entry-content embed,.widget embed,.hentry object,.entry-content object,.widget object,.hentry video,.entry-content video,.widget video{
max-width:100%
}
.hentry img,.entry-content img,.widget img{
height:auto;
padding:1px;
/* border:1px solid #e5e5e5 */
}
.wp-caption{
overflow:hidden;
text-align:center
}
.wp-caption img{
margin:0 0 5px 0
}
.wp-caption .wp-caption-text{
margin:5px 0;
font-size:0.8461538461538462em;
line-height:1em;
color:#888;
text-align:left
}
.wp-caption a{
border:none
}
.gallery{
display:block;
clear:both;
overflow:hidden;
margin:0 auto;
margin:0 !important
}
.gallery br{
display:block;
line-height:0;
height:0
}
.gallery a{
border:none
}
.gallery .gallery-row{
display:block;
clear:both;
overflow:hidden;
margin:0
}
.gallery .gallery-item{
overflow:hidden;
float:left;
margin:0;
margin:0 0 1.692307em 0 !important;
text-align:left;
list-style:none;
padding:0
}
.gallery img,.gallery .gallery-item .gallery-icon img{
max-width:89%;
height:auto;
margin:0 auto
}
.gallery-icon{
overflow:hidden;
margin:0
}
.gallery-caption{
margin:0;
font-size:0.8461538461538462em;
line-height:1.4em;
color:#aaa
}
.attachment-image{
float:left;
width:100%
}
.singular-attachment .hentry .gallery-caption{
display:none
}
.gallery-caption{
margin:3px 0 0 0
}
.col-0{
width:100%
}
.col-1{
width:100%
}
.col-2{
width:50%
}
.col-3{
width:33.33%
}
.col-4{
width:25%
}
.col-5{
width:20%
}
.col-6{
width:16.66%
}
.col-7{
width:14.28%
}
.col-8{
width:12.5%
}
.col-9{
width:11.11%
}
.col-10{
width:10%
}
.col-11{
width:9.09%
}
.col-12{
width:8.33%
}
.col-13{
width:7.69%
}
.col-14{
width:7.14%
}
.col-15{
width:6.66%
}
.col-16{
width:6.25%
}
.col-17{
width:5.88%
}
.col-18{
width:5.55%
}
.col-19{
width:5.26%
}
.col-20{
width:5%
}
.col-21{
width:4.76%
}
.col-22{
width:4.54%
}
.col-23{
width:4.34%
}
.col-24{
width:4.16%
}
.col-25{
width:4%
}
.col-26{
width:3.84%
}
.col-27{
width:3.7%
}
.col-28{
width:3.57%
}
.col-29{
width:3.44%
}
.col-30{
width:3.33%
}
#main{
clear:both;
width:100%;
margin:0 auto;
position:relative
}
#main2{
	clear: both;
	width: 100%;
	position: relative;
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.page-template-fullwidth #content{
width:100%
}
#content{
min-width : 100%;
/* float:left; */
margin:0 0 30px 0;
min-height:180px;
padding-right : 20px;
overflow : hidden;
}

#sidebar-primary{
width:220px;
height     : 100%;
background : #000;
position : fixed;
z-index : 1000;
}

#sideber{
	width : 100%;
	margin : 20px 0 50px 0;
	float : left;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border : 1px solid #ccc;
	padding : 20px 0;
}

#sideber h3{
	font-size : 14px;
}

#secondary{
	padding : 0 20px;
	}
#container{
	background-color: #FFFFFF;
	margin-left : 220px;
	padding     : 0 40px;
}
#wrap{
	max-width:1000px;
	margin:0 auto;
	position:relative
}
#comments-template{
clear:left
}
#sidebar-subsidiary{
overflow:visible;
width:100%;
margin:30px auto 0 auto;
padding:30px 0 0 0;
border-top:5px solid #444;
clear:both
}
#footer{
overflow:hidden;
clear:both;
width:100%;
margin:20px auto;
padding:30px 0 30px 0;
/* border-top:5px solid #444; */
font-size:0.8461538461538462em;
}

#footer h3{
	border-top : 1px dotted #eee;
	border-bottom : 1px dotted #eee;
	padding : 10px 0;
}

#footer > div{
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	border:10px solid #f6f6f6;
	overflow : hidden;
	margin-top : 30px;
	padding : 30px;
}

#footer h4 span{
	color : #ccc;
	font-size : 12px;
	margin-right : 5px;
}
#footer .fl{
	width : 35%;
	font-size : 14px;
}



#footer .fr{
	width :60%;
}

#footer h4{
	font-size : 14px;
	margin : 13px 0 6px 0;
}
#footer .fr iframe{
	width : 100%;
	height: 260px;
	border : 0;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.copyright{
	clear :both;
	padding-top :50px;
	text-align : center; 
}



#footer .tel{
	font-size : 14px;
	font-weight : bold;
	margin-top : 10px;
}

#logo{
	position : relative;
	top : 0 ; 
	left:0;
	text-align : center;
	padding-top : 12%;
	overflow: hidden;
}

#down{
	text-align : center;
}


#index{
	position    : absolute;
	top         : 100%;
	width       : 100%;
	padding-top : 80px;
}

#index h2{
	font-size : 120%;
	margin : 50px 0 60px;
}

.page-title{
 border-bottom: 5px solid #444;
 padding-bottom : 5px;
 font-size : 20px;
}
.qaz{
	font-family: "微軟正黑體";
	font-size: 4px;
	color: #666;
	}

#menu-primary{
	display: block;
	width: 220px;
	height : 100%;
	position: fixed;
	z-index: 99;
	padding : 30px 0;
	text-align : center;
	background-image: url(../images/menu_back2.png);
	background-repeat: repeat-y;
}

#menu-primary2{
display:none;
}

#menu-primary h1{
	margin-top : 20px;
}
#menu-primary ul{
	width : 162px;
	display:block;
	margin:0 auto;
}
#menu-primary li{
display:block;
float : left;
margin-top : 30px;
padding :5px 0;
}
#menu-primary li a{
display:block;
color : #fff;
}
#menu-primary li.current-menu-item a{
color:#aaa
}
#menu-primary li li,#menu-primary li li.current-menu-item li{
clear:both;
float:none;
border-top:1px dotted #e5e5e5
}
#menu-primary li li:first-child,#menu-primary li li.current-menu-item li:first-child{
border-top:none
}
#menu-primary li li a,#menu-primary li li.current-menu-item li a{
font-size:1em;
text-transform:none;
color:#888;
margin:0 5px;
padding:12px 15px
}
#menu-primary ul li a:hover,#menu-primary li ul li a:hover{
color:#fcc;
}
.menu ul{
margin:0;
padding:0;
list-style:none
}
.menu li:hover{
visibility:inherit
}
.menu li{
position:relative
}
.menu a{
display:block;
position:relative
}
#menu-primary li ul{
display:none;
position:absolute;
top:25px;
left:19px;
border:1px solid #e3e3e3;
background:#fff;
-webkit-box-shadow:0 0 7px rgba(0,0,0,.09);
-moz-box-shadow:0 0 7px rgba(0,0,0,.09);
box-shadow:0 0 7px rgba(0,0,0,.09);
z-index:100
}
#menu-primary li:hover ul,#menu-primary li.sfHover ul{
display:block;
}
#menu-primary li:hover li ul,#menu-primary li.sfHover li ul{
top:-999em
}
#menu-primary li li:hover ul,#menu-primary li li.sfHover ul{
top:-1px;
left:10em;
margin-left:0;
border-top:1px solid #e9e9e9
}
.menu li a.sf-with-ul,#menu-secondary li a.sf-with-ul{
padding-right:16px
}
.menu .sf-with-ul{
background:url(../ww_files/images/dropdown.png) no-repeat right 10%

}
.menu li li .sf-with-ul{
background:url(../ww_files/images/dropright.png) no-repeat right 50%

}
.site-navigation .nav-menu{
display:none;
max-width : 1000px;
margin : 0 auto;
}
.site-navigation .nav-menu.toggled-on{
display:block
}
.menu-toggle{
clear:both;
display:none;
float:left;
width:100%;
height:50px;
margin:0 0 0 0;
font-size:20px;
font-weight:normal;
line-height:47px;
text-align:center;
color:#eee;
background:#111;
cursor:pointer
}
.menu-toggle:hover{
color:#fff
}
#header{
clear:both;
width:100%
}
#branding{
float:left;
width:25%;
overflow:hidden;
margin-top:20px
}
#site-title{
font-size:2.307692307692308em;
line-height:1em;
font-weight:bold;
margin:0 0 20px 0;
text-transform:uppercase;
letter-spacing:-2px;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
word-wrap:break-word
}
#site-title a{
color:#222;
border-bottom:none
}
#header img{
max-width:100%
}

#index img{
	max-width : 100%;
}
#index #site-description{
	font-size : 1.3em;
	text-align  :left;
}
#site-description{
font-size:1.846153em;
line-height:1.5em;
margin:0;
color:#333;
text-transform:none;
float:left;
width:91.48936170212766%;
clear:both;
text-align:center;
border-top:5px solid #444;
padding:18px 4.25531914893617% 20px 4.25531914893617%
}
.home #site-description{
border-bottom:1px solid #e5e5e5;
margin-bottom:30px
}
.breadcrumbs{
font-size:0.8461538461538462em;
color:#888;
float:left;
width:97.872340425532%;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
margin:0 0 30px 0
}
.breadcrumb-trail{
padding:1px 1.086956521739%
}
.hentry{
float:left;
width:100%;
margin:0 0 100px 0;
padding:20px 0 20px 0;
font-size:1em;
border-bottom:1px solid #e5e5e5;
}

.information .fl, .blog .fl{
	float : left;
	width : 20%;
}

.information .fl img, .blog .fl img{
	width : 90%;
	
}
.information .fr, .blog .fr{
	float : right;
	width : 80%;
}

#shinazoroe h2{
	text-align:center;
	border : 0 !important;
	}
	
#shinazoroe div{
	margin-bottom : 140px;
}


.singular .hentry{
margin:0 0 30px 0;
position:relative;
float:left;
width:100%
}
.featured{
margin-bottom:20px
}
.sticky .sticky-header{
float:left;
width:30%
}
.sticky .byline{
clear:left
}
.sticky .entry-summary{
float:right;
width:65%;
border-left:1px solid #e5e5e5;
padding-left:2.34375%
}
.hentry .featured-thumbnail{
margin-bottom:25px
}
.hentry .thumbnail{
float:left;
width:15%;
padding : 0 20px 0 0;
margin:3px 3.90625% 20px 0
}
.hentry .entry-title{
	border-bottom : 1px dotted #ccc;
	padding-bottom : 10px;
	margin-bottom : 20px;
	font-size : 18px;
}


.singular .entry-title{
font-size:1.846153846153846em;
margin-bottom:0.625em
}
.singular-page .entry-title{
color:#ccc
}
.singular-page .entry-title,.singular-attachment .entry-title{
margin-bottom:1.2em
}
.entry-title a,.entry-title a:visited{
color:#222
}
.entry-title a:hover{
color:#dd5424
}
.byline{
font-family:Georgia,'Times New Roman',Times,serif;
font-style:italic;
margin:0 0 1em 0;
font-size:0.8461538461538462em;
color:#aaa;
line-height:1.692307em;
word-spacing:2px;
margin-bottom : 20px;
}
.singular .byline{
margin-bottom:1.7em
}
.byline a,.byline a:visited{
color:#aaa
}
.byline a:hover{
color:#000
}
.author,.published,.category,.edit,.bypostauthor{
font-family:'Bitter',Georgia,'Times New Roman',Times,serif;
font-style:normal
}
.comment-list .published,.comment-list .edit,.comment-list .comment-reply-link{
font-family:Georgia,'Times New Roman',Times,serif;
font-size:1em;
font-style:italic;
text-transform:none
}
.entry-summary p{
margin:0 0 1em 0
}
.entry-meta{
margin:0 0 25px 0;
font-size:0.8461538461538462em;
color:#aaa
}
.entry-meta a{
color:#888
}
.entry-meta a:hover{
color:#000
}
.singular .loop-nav{
font-size:0.8461538461538462em;
color:#888;
clear:left
}
.page-links{
clear:both;
font-size:0.8461538461538462em;
word-spacing:2px;
line-height:1em;
color:#222
}
.entry-summary .page-links{
clear:none;
font-size:0.8461538461538462em;
line-height:1em;
color:#aaa
}
.page-links a,.page-links a:visited{
display:inline-block;
color:#555;
background:#e9e9e9;
padding:3px 6px
}
.page-links a:hover{
color:#fff;
background:#555
}
.comment-navigation{
margin-bottom:1.692307em
}
.pagination.loop-pagination{
float:left;
clear:both;
margin-top:7px
}
.pagination .page-numbers,.comment-navigation .page-numbers{
display:inline-block;
padding:4px 8px;
margin:0;
line-height:1em;
color:#444
}
.pagination a.page-numbers,.comment-navigation a.page-numbers{
color:#333;
background:#e9e9e9
}
.pagination a:hover,.comment-navigation a:hover{
color:#fff;
background:#555
}
.pagination .current,.comment-navigation .current{
color:#aaa
}
#sidebar-after-singular{
overflow:hidden;
margin:0;
font-size:1em;
float:left
}
.sidebar .widget{
float:left;
width:100%;
margin-bottom:26px;
color:#888
}
.widget table,.widget ul,.widget ol{
margin-bottom:0
}
.sidebar .widget-title{
font-size:0.7692307692307692em;
color:#aaa;
text-transform:uppercase;
letter-spacing:1px;
word-spacing:2px
}
.sidebar .widget ul{
margin-left:14px
}
.sidebar .widget ul li a{
color:#555
}
.sidebar .widget ul li a:hover{
color:#000
}
.sidebar .widget ul li a{
color:#555
}
.sidebar .widget ul li a:hover{
color:#000
}
.widget .search-form{
overflow:hidden
}
.widget .search-form label{
font-size:0.8461538461538462em;
line-height:1.692307em;
color:#aaa
}
.widget .search-form input[type="text"]{
width:91.538461%;
float:left;
padding:8px 10px;
font-size:1em;
color:#aaa
}
.search-form .search-submit,.widget.search .widget-title{
display:none
}
.comment-list,.comment-list ol{
list-style:none;
margin:0 0 25px 0
}
.comment-list{
margin-bottom:40px
}
.comment-list li{
padding:15px 0 0 0;
border-top:none
}
.comment-list li li{
padding-left:10.15625%
}
.comment-list .avatar{
float:left;
margin:0 15px 10px 0
}
.comment-meta{
margin:0 0 10px 0;
font-size:0.8461538461538462em;
color:#aaa;
line-height:1.692307em
}
.comment-meta .comment-author cite{
font-style:normal;
font-weight:bold;
color:#333;
font-size:1.153846153846154em
}
.comment-author{
margin-right:10px
}
.comment-meta a{
font-style:normal;
color:#aaa
}
.comment-meta a:hover{
color:#000
}
.comments-closed{
padding:10px 25px;
font-size:1em;
color:#888;
background:#f5f5f5
}
.comment-content{
margin-left:65px
}
.comment-content p{
margin-bottom:1em
}
#respond{
overflow:hidden;
width:75%
}
.comment-list #respond{
margin-top:1.692307em
}
#respond .log-in-out{
font-size:0.8461538461538462em;
line-height:1em;
color:#888;
margin-bottom:-7px
}
#reply-title small a{
font-size:0.8461538461538462em;
line-height:1.692307em;
background:#fff;
padding-right:8px
}
#respond label{
font-size:0.8461538461538462em;
line-height:1.692307em;
color:#bbb
}
#respond p.req label{
color:#888;
line-height:2.4em
}
#respond span.required{
font-size:1em;
font-weight:bold;
color:#000
}
#respond #submit{
margin-bottom:1.692307em
}
#commentform input{
display:inline;
margin-right:10px
}
#commentform p{
margin-bottom:15px;
line-height:1em
}
#comment{
margin-top:20px
}
#sidebar-subsidiary .widget{
float:left;
width:21.80851063829787%;
margin:0 3.191489361702128% 20px 0;
font-size:1em
}
#footer p{
margin-bottom:0
}
#footer a{
color:#888
}
#footer a:hover{
color:#dd5424
}
#respond #submit,.button,a.button,.wpcf7-submit,#loginform .button-primary{
padding:5px 12px 6px 12px;
color:#fff;
background:#db5629;
border:none;
height:33px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}
#respond #submit:hover,.button:hover,.wpcf7-submit:hover,#loginform .button-primary:hover{
background:#222
}
.menu li a{
position:relative;
color : #fff;
}
.sidebar .widget ul li.gfield,#content .hentry ul li.gfield{
background:none;
padding-left:0;
margin-bottom:15px
}
.wordpress .gform_wrapper input[type="text"],.wordpress .gform_wrapper input[type="url"],.wordpress .gform_wrapper input[type="email"],.wordpress .gform_wrapper input[type="phone"],.wordpress .gform_wrapper input[type="number"],.wordpress .gform_wrapper input[type="password"],.wordpress .gform_wrapper textarea{
padding:4px;
font-size:1em
}
.wordpress .gform_wrapper .gform_footer,.wordpress .gform_wrapper .gform_footer.right_label,.wordpress .gform_wrapper .gform_footer.left_label{
padding-top:0;
margin-top:0
}
.wordpress .gform_wrapper .gform_footer.right_label,.wordpress .gform_wrapper .gform_footer.left_label{
padding-left:31.5%
}
.wordpress .gform_wrapper .top_label .gfield_label{
font-weight:normal;
margin:0 0 5px
}
.wordpress .gform_wrapper .ginput_complex .ginput_full input{
width:92% !important
}
.wordpress .gform_wrapper .field_name_first input,.wordpress .gform_wrapper .ginput_complex .ginput_left input{
width:83.7% !important
}
.wordpress .gform_wrapper .ginput_complex .ginput_right input,.wordpress .gform_wrapper .ginput_complex .ginput_right select{
width:83.7% !important
}
.wordpress .gform_wrapper select{
padding:2px;
height:2em;
font-size:1em
}
.wordpress .gform_wrapper .gsection{
border-bottom:1px solid #e9e9e9;
margin:40px 0 20px 0 !important
}
.gform_wrapper .gfield_description,.gform_wrapper div.charleft{
color:#aaa !important
}
.gform_wrapper .description,.gform_wrapper .gfield_description,.gform_wrapper .gsection_description,.gform_wrapper .instruction,.gform_wrapper div.charleft{
font-family:'Bitter',Georgia,'Times New Roman',Times,serif !important
}
.wpcf7-form p{
margin-bottom:15px;
line-height:2.2em
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="password"],.wpcf7-form input[type="email"],.wpcf7-form textarea,.wpcf7-form select{
padding:6px
}
@media only screen and (min-width:768px){
.site-navigation .nav-menu{
display:block
}

}
@media only screen and (max-width:767px){
.menu-toggle{
display:block
}
}

@media only screen and (min-width:768px) and (max-width:959px){
.wrap{
max-width:728px
}
.widget .search-form input[type="text"]{
width:89%
}
.widget table{
font-size:0.8461538461538462em
}
#sidebar-subsidiary .widget table{
width:90%
}

}


@media only screen and (max-width:767px){
.wrap{
max-width:300px;

}
body{
line-height:1.615384615384615em
}
p{
margin-bottom:1.615384615384615em
}


#container {
margin:0;
/* padding : 0 10px; */
}
#branding{
float:left;
width:100%;
position:relative
}
#site-description{
font-size:1.3em
}
#menu-primary .menu-toggle{
width:100%;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.menu-toggle{
display:block;
}

#menu-primary{
	display:none;
}

#menu-primary2{
width:100%;
height : 30px;
display :block;


z-index: 99;
}

#menu-primary2 .menu,#menu-primary2 .menu ul,#menu-primary2 ul li{
float:left;
width:100%;
}

#menu-primary2 li{
min-height:0;
padding-left : 10px;
border-bottom : 1px solid #ccc;
background : #111;
color : #fff;
}
#menu-primary2 li ul,#menu-primary2 li li{
display:block !important;
visibility:visible !important;
border:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important
}
#menu-primary2 li ul{
position:relative !important;
top:0;
left:30px
}
#menu-primary2 li li ul{
left:30px !important
}
#menu-primary2 li:hover ul,#menu-primary2 li.sfHover ul{
display:block !important;
top:0 !important
}
.menu .sf-with-ul{
background:none !important
}
#menu-primary2 li a,#menu-primary2 li li a{
display:block;
width:100%;
font-size:13px;
padding:1em 0;
margin-left:0
}
#menu-primary2 li a:hover{
background:none
}

#logo img{
	max-width : 80%;
}

#content{
width:100%
}
.comment-list li li{
padding-left:0
}
#sidebar-primary{
width:100%;
clear:left
}
#sidebar-subsidiary .widget{
width:100%
}
#respond{
width:100%
}
#footer{
min-height:85px;
}

#footer .fl{
	width : 100%;
}

#footer .fr{
	width : 100%;
	margin-top : 20px;
}
.col-0{
width:100%
}
.col-1{
width:100%
}
.col-2{
width:100%
}
.col-3{
width:100%
}
.col-4{
width:50%
}
.col-5{
width:50%
}
.col-6{
width:33.33%
}
.col-7{
width:33.33%
}
.col-8{
width:33.33%
}
.col-9{
width:33.33%
}
.col-10{
width:33.33%
}
.col-11{
width:33.33%
}
.col-12{
width:33.33%
}
.col-13{
width:33.33%
}
.col-14{
width:33.33%
}
.col-15{
width:33.33%
}
.col-16{
width:33.33%
}
.col-17{
width:33.33%
}
.col-18{
width:33.33%
}
.col-19{
width:33.33%
}
.col-20{
width:33.33%
}
.col-21{
width:33.33%
}
.col-22{
width:33.33%
}
.col-23{
width:33.33%
}
.col-24{
width:33.33%
}
.col-25{
width:33.33%
}
.col-26{
width:33.33%
}
.col-27{
width:33.33%
}
.col-28{
width:33.33%
}
.col-29{
width:33.33%
}
.col-30{
width:33.33%
}



}


/* ===========================
  -global
============================== */


.red{ color : #ec4242;}
.oreb{ color : #f90; font-weight : bold; margin-right:10px;}
.cb{clear : both;}
.blue{color : #00A9D4}
.f12{font-size : 12px;}
.f16{font-size : 16px;}
.f14b{font-size : 14px; font-weight : bold;}
.f16b{font-size : 16px; font-weight : bold;}
.f26b{font-size : 26px; font-weight : bold;}

.fl{float : left;}
.fr{float : right;}

.tl{text-align : left;}
.tc{text-align : center;}
.tr{text-align : right;}

.pb20{padding-bottom : 20px;}

.pt10{padding-top : 10px;}
.pt20{padding-top : 20px;}
.pt30{padding-top : 30px;}
.pt40{padding-top : 40px;}
.pt50{padding-top : 50px;}
.pt60{padding-top : 60px;}
.pt100{padding-top : 10px;}

.mr10{	margin-right  : 10px !important;}
.mr20{	margin-right  : 20px !important;}

.ml10{	margin-left   : 10px !important;}
.ml20{	margin-left   : 20px;}
.ml30{	margin-left   : 30px !important;}
.ml40{	margin-left   : 40px;}
.ml45{	margin-left   : 45px;}
.ml55{	margin-left   : 55px;}
.ml100{	margin-left   : 100px;}
.ml120{	margin-left   : 120px;}
.ml150{	margin-left   : 150px;}
.ml170{	margin-left   : 170px;}
.ml200{	margin-left   : 200px;}


.ml60{	margin-left   : 40px;}

.mb10{	margin-bottom : 10px;}
.mb20{	margin-bottom : 20px;}
.mb30{	margin-bottom : 30px;}
.mb50{	margin-bottom : 50px;}
.mb60{	margin-bottom : 60px;}


.mt0{margin-top : 0 !important;}
.mt10{	margin-top : 10px !important;}
.mt20{	margin-top : 20px !important;}
.mt30{	margin-top : 30px !important;}
.mt40{	margin-top : 40px !important;}
.mt50{	margin-top : 50px !important;}
.mt60{	margin-top : 60px;}
.mt70{	margin-top : 70px;}
.mt80{	margin-top : 80px !important;}
.mt90{	margin-top : 90px;}
.mt100{	margin-top : 100px !important;}
.mt110{	margin-top : 110px;}
.mt120{	margin-top : 120px;}
.mt130{	margin-top : 130px;}
.mt150{	margin-top : 150px;}

.bt{ 
	padding-top : 10px;
	border-top : 1px dotted #ccc;
}

.bb{ 
	margin-bottom  : 20px;
	padding-bottom : 10px;
	border-bottom  : 1px dotted #ccc;
}

.kadomaru{
	 border-radius: 10px;  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.kadomaru2{
	padding: 15px;
	border : 1px solid #e9e7df;
	 border-radius: 10px;  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.kadomaru3{
	padding: 10px;
	border : 1px solid #ccc;
	 border-radius: 10px;  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.kadomaru4{
	padding: 15px;
	border : 5px solid #f8f7f5;
	 border-radius: 10px;  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

#post-9{
	letter-spacing : 1px;
}


#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}