/* CSS Document */

body { /*font-family:"微軟正黑體";*/ background:#fff; }

@font-face{
	font-family: Oswald;
	src: url('/fonts/Oswald/Oswald-Bold.otf')
}
@font-face{
	font-family: comicsansms;
	src: url('/fonts/comicsansms/comicsansms.ttf')
}

html[lang='en'] :not(.fa){font-family:Verdana !important; }

.f-font1 { font-family:Oswald !important;  }

.titlex1 {font-size: 18px !important; color: #35b190 !important;}



.uk-link, a {color: #666;}
.uk-link:hover, a:hover {color:#90c320; }
.uk-vertical-align {font-size: 0 !important;}

#myheader { position: relative; background: #fff; border-bottom: solid 1px #ccc; }
#logo { float: left; margin:10px 0 0 0; }
.mycontainer {margin:0 auto;}

footer {margin-top: 0; padding: 8px 0;}

#mynav { position: absolute; left: 50%; margin-left: -371px;  }
#mynav > ul { margin: 0; padding: 0;}
#mynav > ul > li { float:left; list-style: none;}
#mynav > ul > li > a {text-transform: uppercase; margin: 0 8px; position: relative; display: block; padding: 25px 15px; font-size: 15px; transition: all .5s; }
#mynav > ul > li > a:before { position:absolute; left:50%; right:50%; content:''; top:0px; height:5px; background:#35b190; transition:all .5s; }
#mynav > ul > li > a:after { position:absolute; right:50%; left:50%; content:''; top:0px; height:5px; background:#35b190; transition:all .5s; }
#mynav > ul > li > a.active,#mynav > ul > li > a:hover {color:#35b190; /*background: linear-gradient(to bottom,#ec6739, transparent);*/ }
#mynav > ul > li > a.active:before,#mynav > ul > li > a:hover:before { right:0; }
#mynav > ul > li > a.active:after,#mynav > ul > li > a:hover:after { left:0; }

#mylanguage {transition: all .5s; border: solid 1px transparent;}
#mylanguage:hover {border: solid 1px #35b190; border-radius: 5px;}
#mylanguage button:hover {text-decoration: none;}
#mylanguage * {text-transform: uppercase;}
#mylanguage {float: right; margin: 16px 0 0 10px; }
#mylanguage button {color: #666;}
#mylanguage button span {margin: 0 5px; vertical-align: middle; font-size: 14px; }
.dropdown-menu li > a:hover {background:#35b190; }
#mycart {float: right; margin-top: 15px; }
#mycart .btn-inverse {background: none; color: #35b190; border: none; }
#cart .dropdown-menu { white-space: nowrap; padding: 5px 10px; }

#home_slider .owl-wrapper-outer {border: none;}
#home_slider .item {position:relative;}
/*#home_slider .item .info {position: absolute; left: 4%; top: 30%; right: 0; }
#home_slider .item .info h2 {background: #fff; box-shadow: 3px 3px 3px #ccc; font-size: 16px; padding: 15px 30px; display: inline-block; transform: skew(-4deg,-4deg) rotate(4deg);}
#home_slider .item .info .a2 {margin-left: 5%;}*/
#home_slider .item .info {background: rgba(255,255,255,.7); text-align: left; padding:25px 0 25px 30px;  position: absolute; bottom: 0; left: 0; right: 0;}
#home_slider br {display: none !important;}
#home_slider .item .info * {margin: 0; font-family: 'comicsansms' !important; padding:5px 0 0;color: #35b190; font-size: 24px;}
#home_slider .item .info .a1 {padding-left: 5%; text-align: left;}
#home_slider .item .info .a2 {text-align: left; padding-left: 10%;}
.lang-img {max-height: 15px;}

.html_style1 > div {width: 50%; box-sizing: border-box;}
.html_style1 .h-text > div {margin: 0 30% 0 10%;}
.html_style1 .h-text .title {border-bottom: solid 2px #35b190; letter-spacing: 2px; font-size: 30px; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; }
.html_style1 .h-text .des {line-height: 30px; font-size: 16px; text-align: justify;}
.html_style1 .h-text .icons-box {padding: 20px 0;}
.html_style1 .h-text .icons-box a {margin-right:40px; font-size: 18px;}
.html_style1 .h-text .icons-box img {margin-right: 10px; max-height: 40px;}
.h-image img {height: 100%;}

.html_style2 > div {width: 50%; box-sizing: border-box;}
.html_style2 .h-text > div {margin: 0 10% 0 30%;}
.html_style2 .h-text .title {border-bottom: solid 2px #35b190; letter-spacing: 2px; font-size: 30px; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; text-align: center;height: 60px; }
.html_style2 .h-text .des {line-height: 30px; font-size: 16px;text-align: justify;}

#content {font-size: 16px !important; line-height: 40px;}

#mobile_bar {display: none;}
#index-part2 .box1 li .text .p-des {font-size: 12px; line-height: 21px;}

.ellipsis {
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.mytable{  
border-collapse:collapse;  
border: 1px solid #000000;  
}  
.mytable td{  
border-collapse:collapse;  
border: 1px solid #000000;  
}  

/*#home_slider .item .info {position: static; background: rgba(0,0,0,.5);}
	#home_slider .item .info br {display: none !important;}
	#home_slider .item .info * {margin: 0!important; color: #fff !important; padding: 0!important; display: block !important; box-shadow: none !important; text-align: center;}*/

@media (min-width: 992px){
    .mycontainer {max-width: 90%;}
    .container { width: 90%;  }
}

@media (max-width: 1366px){
	#mynav {margin-left: -282px;}
	#mynav > ul > li > a {padding-left: 5px; padding-right: 5px;}
	.mycontainer {padding: 0 15px; max-width: 100%; }
}

@media (max-width: 1063px){
	#mynav > ul > li > a {margin:0 3px;}
}

@media (max-width: 992px){
	.mycontainer {padding: 0 15px;}
	#mynav {display: none;}
	#mobile_bar {display: block; position: absolute; right: 10px; top: 20px;}
	#mobile_bar .fa {font-size: 24px; color: #c5d55c;}
	#myheader {padding: 15px 0;}
	#logo{margin: 0;}
	#logo img {max-height: 30px;}
	#mylanguage,#mycart,#account-box {float: none; position: absolute; right: 30px; margin: 0; top: 13px;}
	#mycart {right: 80px;}
	#account-box {right: 140px; top: 24px;}
	#mylanguage .dropdown-menu {right: 0; left: auto;}
	/*#home_slider .item .info {top: 10%;}
	#home_slider .item .info * { font-size: 12px; padding: 0 10px;  }
	#home_slider .item .info .a2 {margin-top: 0;}*/
	#index-part2 .title {font-size: 24px;}
	#index-part2 .big-img {margin: 30px auto; display: block;}
	.html_style1 > div, .html_style2 > div {width: 100%; margin: 20px 0;}
	.html_style1 .h-text > div, .html_style2 .h-text > div {margin: 10px 15px;}
	.html_style1 .h-text .title {font-size: 20px;}
	.html_style1 .h-text .icons-box a {font-size: 16px;}
	.html_style1 .h-text .icons-box img {max-height: 25px;}
	.html_style2 .h-image {margin-bottom: 0;}
	.h-image img {height: auto;}
	.uk-flex {display: block;}
	.breadcrumb {margin: 0; padding: 0;}
	h1,.uk-h1 {font-size: 24px; font-weight: bold;}
	.image-additional {max-width: 71px;}
	#breadcrumb {margin-bottom: 0;}
	body.information-contact iframe + div {padding: 0 15px;}
	/*body.information-information td {display: block; border: solid 1px #000;}*/
	#home_slider .item .info h2 {font-size: 12px;/*padding: 2px 5px;*/ padding: 0; line-height: 21px;}
	#index-part2 .box1 li {padding-right: 0; text-align: center; }
	#index-part2 .box1 li > div {margin:0 auto; display: inline-block; text-align: right;}

	#home_slider .item .info .a1 { text-align: center; }
	#home_slider .item .info .a2 {text-align: center;}

#home_slider .item .info {padding:5px 0; text-align: center;}

}