@charset "UTF-8";

/* CSS Document */
@media only screen and (min-width: 1000px) and (max-width: 1199px) {

header .header_inr {

	width:100%;

}

.index_content{

	width:98%;

	margin:10px auto 40px auto;

}

.index_img{

	width:18%;

	height: auto;

	overflow:hidden;

}

img.hover_img{

	width:100%;

	height:auto;

}

.id_sd{

	margin:0 9px;	

}

#index_c{

	width:100%;

	margin:0 auto;

}

header nav ul li {

	margin-left:14px;

}

.index_cleft{

	margin:0 0 0 10px;

	width:45%;

}

.index_cright{

	width:52%;

	padding:20px 15px;

	margin:0 10px 0 0;

}

.square .v_con{

	font-size:16px;

}

.square .hovp_a{

	padding:30px 0 0 0;

}

hgroup{

	width:98%;

}

.inside_content{

	width:98%;

	margin:10px auto 50px auto;

}

.about img, .news img{

	width:100%;

	height:auto;

}

.is_foot_c{
	width:98%;
	margin:0 auto;
}

.is_fleft{
	margin:80px 0 0 20px;
	padding:0 0 0 50px;
}

.is_fleft img.id_crimg_b{

	padding:10px 10px 0 10px;

}

.is_fright{

	border-left:none;

	padding:0 0 0 20px;

	margin:0 20px 0 0;

}

.is_fright .id_crlist_c{

	float:none;

	margin:0;

}

.is_fright a.id_crlist_d{

	display:block;

	background:url(../images/id_icon6.png) no-repeat 0 3px;

	float:left;

	font-size:14px;

	margin:0 0 0 0;

	padding:0 0 0 26px;

}

.index_sns{
	float:none;
	margin:5px 0 0 15px;
}

.isdex_sns{

	float:left;

	margin:3px 0 0 0;

}

.inside_content_b{

	width:98%;

	margin:0 auto;

}

a.album_list{

	width:22%;

	height:auto;

}

.isab_img{

	width:100%;

	height: auto;

	overflow:hidden;

}

.album_pic{

	width:100%;

	height:auto;

}

.isab_img_a{

	width:22.2%;

	height:auto;

}

.inside_content_c{

	width:98%;

	margin:10px auto;

}

a.news_list{

	width:22%;

	height:auto;

}







/*a1*/

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
header .header_inr {

	width:100%;

}

.index_content{

	width:98%;

	margin:10px auto 20px auto;

}

.index_img{

	width:30.5%;

	height: auto;

	overflow:hidden;

}

img.hover_img{

	width:100%;

	height:auto;

}

.id_sd{

	margin:0 9px 20px 9px;	

}

#index_c{

	width:100%;

	margin:0 auto;

}

header nav ul li {

	margin-left:14px;

}

.index_cleft{

	float:none;

	width:98%; 

	margin:0 auto;	

}

.index_cright{

	float:none;

	width:98%; 

	padding:32px 15px;

	margin:20px auto 0 auto;

}

.square .v_con{

	font-size:16px;

}

.square .hovp_a{

	padding:50px 0 0 0;

}

.index_ss{

	display: block;

}

.index_bs{

	display:none;

}

hgroup{

	width:98%;

}

.inside_content{

	width:98%;

	margin:10px auto 50px auto;

}

.about img, .news img{

	width:100%;

	height:auto;

}

.is_foot_c{

	width:98%;

	margin:0 auto;

}

.is_fleft{
	float:none;
	margin:0 0 0 30px;
	padding:0 0 0 50px;
	width:95%;
}

.is_fleft img.id_crimg_b{
	padding:10px 10px 0 10px;
}

.is_fright{
	float:none;
	width:95%;
	border-left:none;
	padding:0 0 0 0;
	margin:10px 0 0 30px;
}

.is_fright .id_crlist_c{

	float:none;

	margin:0;

}

.is_fright a.id_crlist_d{

	display:block;

	background:url(../images/id_icon6.png) no-repeat 0 3px;

	float:left;

	font-size:14px;

	margin:0 0 0 0;

	padding:0 0 0 26px;

}

.index_sns{

	float:none;

	margin:5px 0 0 15px;

}

.isdex_sns{

	float:left;

	margin:3px 0 0 0;

}

.serv_list a{

	width:14.1%;

}

.inside_content_b{

	width:98%;

	margin:0 auto;

}

a.album_list{

	width:29%;

	height:auto;

}

.isab_img{

	width:100%;

	height: auto;

	overflow:hidden;

}

.isab_img{

	width:100%;

	height: auto;

	overflow:hidden;

}

.album_pic{

	width:100%;

	height:auto;

}

.isab_img_a{

	width:29.5%;

	height:auto;

}

.inside_content_c{

	width:98%;

	margin:10px auto;

}

a.news_list{

	width:29%;

	height:auto;

}

.album_title h3{

	border-right:none;

}

.contact_left{
	float:none;
	width:98%;
	margin:0 auto 40px auto;
}

.contact_right{
	float:none;
	width:98%;
	margin:0 auto;
}
.ifram_note{
	float:none;
	width:98%;
	margin:0 auto 5px auto;
}






/*a2*/

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

header .header_inr {

	width:100%;

}

.index_content{

	width:98%;

	margin:10px auto 20px auto;

}

.index_img{

	width:45.5%;

	height: auto;

	overflow:hidden;

}

img.hover_img{

	width:100%;

	height:auto;

}

.id_sd{

	margin:0 9px 20px 9px;	

}

#index_c{

	width:100%;

	margin:0 auto;

}

header nav ul li {

	margin-left:14px;

}

.index_cleft{

	float:none;

	width:98%; 

	margin:0 auto;	

}

.index_cright{

	float:none;

	width:98%; 

	padding:30px 15px;

	margin:20px auto 0 auto;

}

.index_cright h1{

	padding:0 0 0 20px;

	width: 80%;

}

.index_cright h2{

	float:none;

	padding:2px 0 0 0;

	margin:10px 0 0 15px;

	line-height:30px;

}

.index_cright img.id_crimg_b{

	display:none;

}

.index_cright .id_crlist_a{

	margin:0 0 0 15px;

	padding:0;

	background:none;

}

.index_cright .id_crlist_b{

	background:none;

	margin:0 0 0 15px;

	padding:0;

}

.index_cright .id_crlist_c{

	background:none;

	margin:0 0 0 15px;

	padding:0;

	float:none;

	line-height:35px;

}
.index_cright .id_crlist_g{

	background:none;

	margin:15px 0 0 15px;

	padding:0;

}
.index_cright .id_crlist_h{

	background:none;

	margin:0 0 0 15px;

	padding:0;

}

.index_sns{

	float:none;
	margin:0 0 0 15px;

}

.square .v_con{

	font-size:16px;

}

.square .hovp_a{

	padding:50px 0 0 0;

}

.index_ss{

	display: block;

}

.index_bs{

	display:none;

}

.index_cright img.id_crimg_b{

	padding:10px 5px 0 5px;

}

hgroup{

	width:98%;

}

h1.is_title{

	background:url(../images/title_icon_rwd.png) no-repeat left 10px;

	text-align:left;

	padding:0 0 0 50px;

}

.m_link{

	margin:5px 0 0 0;

}

.inside_content{

	width:98%;

	margin:10px auto 50px auto;

}

.about img, .news img{

	width:100%;

	height:auto;

}

.is_foot_c{

	width:98%;

	margin:0 auto;

}

.is_fleft{
	float:none;
	padding:0 0 0 50px;
	width:95%;
	margin:0 0 0 30px;
}

.is_fleft img.id_crimg_b{

	padding:10px 10px 0 10px;

}

.is_fright{
	float:none;
	width:95%;
	border-left:none;
	padding:0 0 0 0;
	margin:10px 0 0 30px;
}

.is_fright .id_crlist_c{

	float:none;

	margin:0;

}

.is_fright a.id_crlist_d{

	display:block;

	background:url(../images/id_icon6.png) no-repeat 0 3px;

	float:left;

	font-size:14px;

	margin:0 0 0 0;

	padding:0 0 0 26px;

}

.is_fleft img.id_crimg_b{

	display:none;

}

.isdex_sns{

	float:left;

	margin:3px 0 0 0;

}

.is_fleft h1{

	margin:0 0 7px 0;

}

.is_fleft h2{

	float:none;

	line-height:28px;

	padding:2px 0 0 0;

}

.serv_con img{

	width:100%;

	height:auto;	

}

.serv_list a{

	width:24.6%;

}

.service h1{

	text-align:center;

}

.inside_content_b{

	width:98%;

	margin:0 auto;

}

a.album_list{

	width:44%;

	height:auto;

}

.isab_img{

	width:100%;

	height: auto;

	overflow:hidden;

}

.album_pic{

	width:100%;

	height:auto;

}

.isab_img_a{

	width:44%;

	height:auto;

}

.inside_content_c{

	width:98%;

	margin:10px auto;

}

a.news_list{

	width:44%;

	height:auto;

}

.album_title h3{

	border-right:none;

}

.contact_left{
	float:none;
	width:98%;
	margin:0 auto 40px auto;

}

.contact_right{
	float:none;
	width:98%;
	margin:0 auto;
}
.ifram_note{
	float:none;
	width:98%;
	margin:0 auto 5px auto;
}
.line_share{
	display:block;
}
footer{
	margin:30px 0 0 0;
}






/*a3*/

}
@media only screen and (max-width: 479px) {

header .header_inr {

	width:100%;

}

.index_content{

	width:98%;

	margin:10px auto 20px auto;

}

.index_img{

	width:43%;

	height: auto;

	overflow:hidden;

}

img.hover_img{

	width:100%;

	height:auto;

}

.id_sd{

	margin:0 9px 20px 9px;	

}

#index_c{

	width:100%;

	margin:0 auto;

}

header nav ul li {

	margin-left:14px;

}

hgroup{

	width:98%;

}

.index_cleft{

	float:none;

	width:98%; 

	margin:0 auto;	

}

.id_news b{

	float:none;

}

.id_news a{
	float:none;
	padding:0;
	line-height:20px;
	padding:0 0 15px 0;
	width:80%;

}

.index_cright{

	float:none;

	width:98%; 

	padding:30px 15px;

	margin:20px auto 0 auto;

}

.index_cright h1{

	padding:0 0 0 20px;

	width: 80%;

}

.index_cright h2{

	float:none;

	padding:2px 0 0 0;

	margin:10px 0 0 15px;

	line-height:30px;

}

.index_cright img.id_crimg_b{

	display:none;

}

.index_cright .id_crlist_a{

	margin:0 0 0 15px;

	padding:0;

	background:none;

}

.index_cright .id_crlist_b{

	background:none;

	margin:0 0 0 15px;

	padding:0;

}

.index_cright .id_crlist_c{

	background:none;

	margin:0 0 0 15px;

	padding:0;

	float:none;

	line-height:35px;

}

.index_sns{
	float:none;
	margin:0 0 0 15px;
}

.square .v_con{

	font-size:16px;

}

.square .hovp_a{

	padding:50px 0 0 0;

}

.index_ss{

	display: block;

}

.index_bs{

	display:none;

}

.index_cright img.id_crimg_b{

	padding:10px 5px 0 5px;

}

hgroup{

	width:98%;

}

h1.is_title{

	background:url(../images/title_icon_rwd.png) no-repeat left 10px;

	text-align:left;

	padding:0 0 0 50px;

}

.m_link{
	display:none;
	margin:5px 0 0 0;
}

.inside_content{

	width:98%;

	margin:10px auto 50px auto;

}

.about img, .news img{

	width:100%;

	height:auto;

}

.is_foot_c{

	width:98%;

	margin:0 auto;

}

.is_fleft{
	float:none;
	margin:0 0 0 30px;
	padding:0 0 0 50px;
	width:90%;
}

.is_fleft img.id_crimg_b{

	padding:10px 10px 0 10px;

}

.is_fright{
	float:none;
	border-left:none;
	padding:0 0 0 0;
	margin:10px 0 0 30px;
	width:90%;
}

.is_fright .id_crlist_c{

	float:none;

	margin:0;

}

.is_fright a.id_crlist_d{

	display:block;

	background:url(../images/id_icon6.png) no-repeat 0 3px;

	float:left;

	font-size:14px;

	margin:0 0 0 0;

	padding:0 0 0 26px;

}

.is_fleft img.id_crimg_b{

	display:none;

}

.isdex_sns{

	float:left;

	margin:3px 0 0 0;

}

.is_fleft h1{


	margin:0 0 7px 0;

}

.is_fleft h2{

	float:none;

	line-height:28px;

	padding:2px 0 0 0;

}

.serv_con img{

	width:100%;

	height:auto;	

}

.serv_list a{

	width:33%;

	height:auto;

}

.service h1{

	text-align:center;

}

.inside_content_b{

	width:98%;

	margin:0 auto;

}

a.album_list{

	width:93%;

	height:auto;

}

.isab_img{

	width:100%;

	height: auto;

	overflow:hidden;

}

.album_pic{

	width:100%;

	height:auto;

}

.isab_img_a{

	width:93%;

	height:auto;

}

.inside_content_c{

	width:98%;

	margin:10px auto;

}

a.news_list{

	width:93%;

	height:auto;

}

.album_title h3{

	border-right:none;

}

.contact_left{

	float:none;

	width:98%;

	margin:0 auto 40px auto;

}

.contact_right{
	float:none;
	width:98%;
	margin:0 auto;
}
.ifram_note{
	float:none;
	width:98%;
	margin:0 auto 5px auto;
	line-height:20px;
}
.line_share{
	display:block;
}
footer{
	margin:30px 0 0 0;
}
.ab_list select{
	width: 100%;
}
.album_content img{
	width:100%;
	height:auto;
}
	
/*a4*/

}


/*youtube*/
@media only screen and (max-width: 600px) {
.serv_con iframe, .album_content iframe, .about iframe{
	width: 400px;
	height:220px;
}
}
@media only screen and (max-width: 420px) {
.serv_con iframe, .album_content iframe, .about iframe{
	width:350px;
	height:200px;
}
}
@media only screen and (max-width: 370px) {
.serv_con iframe, .album_content iframe, .about iframe{
	width:290px;
	height:170px;
}
}



























/*選單*/

@media screen and (max-width: 999px) {
.logo_mb{
	display:block;
}
.logo_cp{
	display:none;
}

.br_sp {
	display:inline;
}

#container,
header,
header .fixed,
footer {
	min-width:100%;
}

.contents {
	width:100%;
}

.contents_Inr {
	width:auto;
	margin:0 10px;
	overflow:hidden;
}

header {
	height:60px;
	position:fixed;

}

header .header_wrap {

	height:60px;
	padding:0 0 0;
	display:block !important;

}

header .header_inr {

	width:auto;

	padding:0 10px;

}

header .fixed {

    position:static !important;

	padding:0 0;

	background:none;

}

header .logo {

	margin-top:10px;

}

header .logo img {

	height:40px;

	width:auto;

}

#nav_slider {

	display:block;

	position:absolute;

	top:18px;

	right:19px;

	cursor:pointer;

	overflow:hidden;

	width:24px;

	height:24px;

	text-indent:100%;

}

#nav_slider {

	background:url(../images/nav_open.gif) left top no-repeat;

	background-size:24px auto;

}

#nav_slider.current { 

	background:url(../images/nav_close.gif) left top no-repeat;

	background-size:24px auto;

}

header nav {

	display:none;

	width:100%;

	background: rgba(255%,255%,255%,0.95);

	font-size:13px;

	letter-spacing:0em;

	float:none;

	text-align:center;

	line-height:17px;

	padding-top:0;

	position:fixed;

	top:60px;

	left:0;

	height:100%;

	overflow:scroll;

	border:1px solid #EAEAEA;

}

header nav span {

	font-size:18px;

	letter-spacing:0.08em;

}

header nav ul {

	padding:0 10px;

}

header nav ul li {

	float:none;

	margin-left:0;

	border-bottom:1px dashed #999;

}

header nav a {

	display:block;

	color:#FFFFFF;

	padding:14px 0 12px;

}

header nav a:hover {

	color:#FFFFFF;

}

header .sub_nav {

	position:static;

	width:300px;

	margin:0 auto;

}

header .sub_nav li {

	margin-bottom:0;

	margin-right:0;

	float:left;

	border-bottom:none;

	padding:25px 0 40px;

}

header .sub_nav li:last-child {

	float:right;

}

header .sub_nav li a {

	display:block;

	width:145px;

	height:36px;

	background:url(../images/sub-nav_bg.png) left top no-repeat;

	background-size:145px 60px;

	color:#FFFFFF;

	font-size:10px;

	text-align:center;

	line-height:18px;

	padding:12px 0;

}

header .sub_nav li a span {

	font-family:"微軟正黑體",Arial;

	font-size:12px;

}

}

@media screen and (min-width:1000px) {

header nav {

	display:block !important;

}

}



@media screen and (max-width: 768px) {

.fullSlideShow {

	width: 100%;

	height:500px !important;

	text-align: left;

	position: relative;

	overflow: hidden;

}

.fullSlideShow #visual_txt {

	position: absolute;

	top:50%;

	left:3%;

	margin:-100px 0 0 0;

	z-index:105;

	text-align:center;

	background:url(../images/tit_omt.png) top center no-repeat;

	background-size:80px auto;

	padding-top:40px;

}

.fullSlideShow #visual_txt h1 {

	padding-bottom:25px;

	margin-bottom:20px;

}

.fullSlideShow #visual_txt h1 img {

	width:94%;

	height:auto;

}

.fullSlideShow #visual_txt p{

	display:none;

}

.fullSlideShow #scroll {

	position: absolute;

	bottom:100px;

	left:50%;

	margin:0 0 0 -30px;

	z-index:105;

}

.fullSlideShow ul {

	top: 0;

	left: 50%;

	width:820px !important;

	height:500px !important;

	margin:0 0 0 -410px !important;

	position: absolute; /* absolute or fixed */

	overflow: hidden;

}

.fullSlideShow ul li {

	top: 0;

	left: 0;

	width:820px !important;

	height:500px !important;

	display: none;

	position: absolute;

}

.pagiNation {

	bottom: 40px;

	left: 0;

	width: 100%;

	height: 15px;

	text-align: center;

	position: absolute;

	z-index: 110;

 	visibility: visible;

}

.pagiNation a {

	margin: 0 5px;

	width: 6px;

	height: 6px;

	display: inline-block;

	overflow: hidden;

	background: #ffffff;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	margin:0 12px;

	filter:alpha(opacity=100)!important;

	-moz-opacity: 1!important;

	opacity: 1!important;

	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;

	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;

	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;

}

.pagiNation a.pnActive {

	background:#B02A2F;

	width:6px;

	height:6px;

}

}