@charset "utf-8";

/* CSS Document */
#lang_tw .logo_tw{ display:block}
#lang_tw .logo_en{ display:none}
#lang_en .logo_en{display:block}
#lang_en .logo_tw{ display:none}
#lang_tw .navbar-default .navbar-nav>li>a{ font-size:16px; font-weight:normal}
.seven-cols .col-sm-1 a:hover{ color:#F60} 

body {

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

	line-height: 24px;

	font-size: 15px;

	color: #666;

}

a {

	color: #666

}

a:hover {

	color: #F60

}

.clear {

	clear: both

}

.btn-og {

	background-color: #F60;

	color: #FFF;

	font-weight: bold

}

.btn-og:hover {

	background-color: #FFF;

	color: #F60;

	border:1px #FF6600 solid;

}

.black_og {

	color: #333;

	border-bottom: 3px #FF6600 solid;

	display: inline-block;

	padding-bottom: 5px;

	margin-bottom: 15px

}

.og {

	color: #F60

}

.bline {

	border-bottom: #CCC 1px solid;

	padding-bottom: 10px;

	margin-bottom: 10px;

	clear: both

}

.pline {

	border-bottom: #CCC 1px dotted;

	padding-bottom: 10px;

	margin-bottom: 10px;

	clear: both

}

.copy {

	border-top: 1px solid #CCC;

	margin-top: 25px;

	padding-top: 15px;

	padding-bottom: 15px;

	text-align: center

}

.lange {

	text-align: right;

	margin-right: 35px;

	padding-top: 15px

}

.lange span {

	margin: 0 5px

}

.navbar {

	margin-bottom: 10px

}

.navbar-default {

	background-color: white;

	border: 0px;

	font-weight: bold

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

	background-color: transparent;

	color: #ff6600

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

	color: #ff6600

}

.inmov {

	width: 100%;

	height: 375px

}

.inphoto {

	margin-bottom: 5px

}

.inphoto h4 {

	font-size: 16px

}

.innbox {

	padding-bottom: 30px;

	font-size: 15px;

}

.innbox span {

	margin: 0 10px

}

.fff {

	color: #FFF

}

.inogline {

	border-bottom: 1px solid #F60;

	width: 40vw

}

.insbox {

	padding-top: 20px;

	padding-bottom: 20px;

	background-image: url(../images/insbg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	height: 300px;

	width: 100%;

	color: #FFF

}

.inarr {

	position: absolute;

	top: 35%;

	right: -7%;

	color: #FFF;

	font-size: 24px;

	clear: both

}

.seven-cols .col-sm-1 {

	width: 14.285714285714285714285714285714%;

 *width: 14.285714285714285714285714285714%;

}
.seven-cols a{ color:#FFF}
.sharebox {

	padding-top: 20px;

	padding-bottom: 20px;

	border-top: 1px solid #CCC;

}

.shareicon img {

	display: inline;

	margin: 0 10px;

	margin-top: 10px

}

.local {

	font-size: 13px;

	float: right;

	color: #666

}

.maintitle {

	color: #F60;

	border-bottom: 1px solid #CCC;

	padding-bottom: 10px;

	padding-top: 3px

}

.mainbox {

	padding-top: 10px;

	padding-bottom: 20px

}

.hisbox {

	float: left;

	padding: 20px;

	background-color: #efefef;

	width: 42%;

	min-height: 275px

}

.hisbox div {

	padding: 5px 0;

	border-bottom: #CCC 1px solid

}

.hisbox span {

	margin-right: 5px;

	color: #F60;

	margin-left: 3px

}

.newtitle {

	margin: 0px;

	font-size: 20px;

	font-weight: bold

}

.nbox {

	border: 1px solid #CCC;

	overflow: hidden;

	padding: 15px;

	margin-bottom: 15px;

	cursor:pointer;

}

.pbox {

	border: 1px solid #CCC;

	overflow: hidden;

	padding: 15px;

	margin-bottom: 15px;

	cursor:pointer

}

.pbox:hover {

	background-color:#efefef

}

.nmore a {

	font-size: 16px;

	float: right;

	margin-top: 3px;

	color: #999

}

.nmore a:hover {

	color: #f60

}

.l_menu a {

	display: block;

	border-bottom: 1px solid #CCC;

	padding-bottom: 10px;

	margin-bottom: 10px;

	padding-left: 5px

}

.l_cata {

	background-color: #F60;

	color: #FFF;

	padding: 5px;

	font-size: 18px;

	font-weight: bold

}

.about_top {

	background-image: url(../images/top_a.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 320px;

	background-repeat: no-repeat

}

.gallery_top {

	background-image: url(../images/top_g.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 320px;

	background-repeat: no-repeat

}

.news_top {

	background-image: url(../images/top_n.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 320px;

	background-repeat: no-repeat

}

.process_top {

	background-image: url(../images/top_p.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 320px;

	background-repeat: no-repeat

}

.contact_top {

	background-image: url(../images/top_c.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 450px;

	background-repeat: no-repeat

}

.conbox {

	margin-top: -150px

}

.gmap {

	padding:6px;

	border: 1px solid #CCC;

	width: 100%;

	height: 400px;

	background-color: #fff;

	border-radius: 10px;

	box-shadow: 0px 0px 5px #696969;

	-webkit-box-shadow: 0px 0px 5px #696969;

	-moz-box-shadow: 0px 0px 5px #696969;

	margin-top:-72px;

}

.glistimg {

	height: 200px;

	width: 100%;

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

}

.gallery_down{ margin-bottom:15px}

.table-container

{

	width: 100%;

	overflow-y: auto;

	_overflow: auto;

	margin: 0 0 1em;

}

.table-container::-webkit-scrollbar

{

	-webkit-appearance: none;

	width: 13px;

	height: 13px;

}



.table-container::-webkit-scrollbar-thumb

{

	border-radius: 8px;

	border: 3px solid #fff;

	background-color: rgba(0, 0, 0, .3);

}

.blbox{ background-color:#333; color:#fff; padding:5px; display:block}

div.pp_default .pp_description{ text-align:center}

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

.hisbox {

	float: none;

	width: 100%;

	clear: both;

	margin-top: 15px

}



}

@media (max-width:767px) {

.ih-item.square {

	position: relative;

	width: 100%;

	height: 50%;

	border: 8px solid #fff;

	box-shadow: 1px 1px 3px rgba(0,0,0,0.3)

}

	.local {

	float: none;

	display:block

}

.contact_top {

	background-image: url(../images/top_c.jpg);

	background-size: cover;

	background-position: bottom left;

	height: 180px;

	background-repeat: no-repeat

}

.about_top {

	background-position: -30px center;

	height: 180px;

}

.process_top {

	background-position: -30px center;

	height: 180px;

}

.gallery_top {

	background-position: -30px center;

	height: 180px;

}

.news_top {

	background-position: -30px center;

	height: 180px;

}

.conbox {

	margin-top: -50px

}

.gmap {



	height: 200px;



	margin-top:0px;

}



.hisbox {

	float: none;

	width: 100%;

	clear: both;

	margin-top: 15px

}

.inarr span {

	display: none

}

.insbox {

	height: auto;

	background-image: url(../images/insbg_phone.jpg);

	background-size: auto

}

.inarr {

	position: static;

	top: 0%;

	right: 0%;

	font-size: 18px;

	-moz-transform: rotate(90deg);		/*firfox*/

	-khtml-transform: rotate(90deg);		/*chrome及Safari*/

	-webkit-transform: rotate(90deg);  	/*chrome及Safari*/

	-o-transform: rotate(90deg);  		/*opera*/

	transform: rotate(90deg);

}

.inogline {

	width: 85vw

}

.inmov {

	width: 100%;

	height: 200px

}

.lange {

	position: absolute;

	z-index: 999

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

	background-color: #efefef;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

	background-color: #efefef;

}

.seven-cols .col-sm-1 {

	width: 100%;

 *width: 100%;

}

.scenter {

	text-align: center

}

.scenter img {

	margin: auto

}



.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }

div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }

div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }

.pp_content { width: 100%!important; height: auto!important; }

.pp_fade { width: 100%!important; height: 100%!important; }

a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }

#pp_full_res img { width: 100%!important; height: auto!important; }

.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

a.pp_close { right: 10px!important; top: 10px!important; }

div.pp_default .pp_loaderIcon{ background-image:none}



}