@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	color:#5F5F5F;
	background:#FFFFFF;
	font-size:0.8em;
	line-height:184%;
}
body.contentpane, body.mceContentBody {
	background:#FFFFFF;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:Verdana, "微軟正黑體",  Microsoft JhengHei;
}
h1 {
	font-size:1.9em;
	line-height:130%;
	color:#000000;
}
h2 {
	font-size:1.7em;
	line-height:140%;
	color:#000000;
}
#s5_component_wrap h2 a {
	color:#000000 !important;
}
#s5_component_wrap_inner h2, #s5_component_wrap_inner h1 {
	font-size:1.6em;
}
#s5_component_wrap h2 {
	margin-bottom:5px; margin-top:30px;
}
#s5_component_wrap .page-header h2{ margin-top:0;}
h3 {
	font-size:1.3em;
	line-height:130%;
	color:#0068B3; margin-top:20px;
}
.s5_responsive_mobile_drop_down_inner .s5_mod_h3 {
	font-size:13pt !important;
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	background:none !important;
}
.s5_responsive_mobile_drop_down_inner .s5_mod_h3_outer {
	background:none !important;
	padding:0px !important;
}
#s5_component_wrap_inner h3 {
	margin-bottom:10px;
	font-size:1.4em; margin-top:35px;
}
#s5_right_column_wrap h3{ color:#000;}
#s5_component_wrap_inner .s5_is_display h3 {
	font-size:1em;
}
#s5_component_wrap_inner .s5_is_display h3 {
	margin-bottom:0px;
}
h4 {
	font-size: 1.1em;
    line-height: 170%; color:#000; margin-top:10px;
}
h5 {
	font-size:0.9em;
	line-height:130%;
}
.downpaper {
	line-height:1.8em;
	margin-bottom:20px;
}
.downpaper a {
	background:#00A6E4;
	color:#FFFFFF;
	display:inline-block;
	margin-right:10px;
	padding:8px 16px;
	text-align:center;
	text-decoration:none;
	width:150px;
}
.downpaper a:hover {
	background: #3B5998;
	color:#FFFFFF;
	display:inline-block;
	margin-right:10px;
	padding:8px 16px;
	text-align:center;
	text-decoration:none;
	width:150px;
}
.paperBox {
	margin-bottom:10px;
}
/* IMAGES
----------------------------------------------------------- */

a img, fieldset, img {
	border: none;
}
.module_round_box_outer img {
	line-height:100%;
	display:inline-block;
}
.mosimage {
	padding: 0;
	border:1px solid #333333;
	margin:6px;
}
.mosimage img {
	padding: 0;
	margin: 0!important;
}
.mosimage_caption {
	background:#333333;
	border-top:1px solid #333333;
	color:#FFFFFF;
	font-size:8pt;
	margin-top:2px;
	padding:1px 2px;
}
/* FORM
----------------------------------------------------------- */
fieldset {
	margin-bottom:14px;
}
.s5_responsive_mobile_drop_down_inner fieldset {
	margin:0px;
	border:none;
}
#form-login fieldset {
	border:none;
	padding-top:0px;
}
#form-login p {
	padding-top:0px;
}
#login br {
	display:none;
}
#login .button {
	margin-top:8px;
	margin-bottom:8px;
}
#login ul, #form-login ul {
	padding-top:8px;
	padding-bottom:8px;
}
#modlgn-username, #modlgn-passwd, #username_vmlogin, #password_vmlogin {
	width:92%;
}
.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, input, textarea, button, .btn {
 border:1px solid #ddd;
	padding: 6px 10px 6px 10px;
	font-size: 1.0em;
	background:#F8F7F7;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in; width:192px;
}
.inputbox:hover, .registration input:hover, .login input:hover, .contact-form input:hover, #jform_contact_message:hover, #mod-search-searchword:hover, input:hover, textarea:hover, button:hover, .btn:hover {
	background:#F0EFEF;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.btn, .dropdown-toggle, .btn:hover, .dropdown-toggle:hover {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.dropdown-toggle:hover {
	background:#E6E6E6;
}
select.inputbox {
	behavior:none;
}
label.invalid {
	color:#FF0000;
}
label.invalid {
	color:red;
}
.invalid {
	border-color:#FF0000;
}
.invalid {
	border-color:red !important;
}
.tool-tip {
	float: left;
	background: #CCCCCC;
	border: 1px solid #333333;
	padding: 5px;
	color:#000000;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	color:#000000;
}
.tool-text {
	color:#000000;
	margin: 0;
}
/* BUTTONS
----------------------------------------------------------- */

.button, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, .btn, buton {
	padding:6px;
	margin-top:14px;
	margin-bottom:0px;
	border:none;
	/*color:#FFFFFF;*/
	text-decoration: none;
	font-size:1em;
}
.button, .btn, buton {
	margin:0px;
	margin-top:0px;
	margin-right:8px;
	/*color:#ffffff;*/
}
.btn {
	padding-left:12px;
	padding-right:12px;
}
.btn-primary, .pager a {
	/*color:#FFFFFF !important;*/
}
.btn-primary:hover, .pager a:hover {
	/*color:#FFFFFF !important;*/
}
#submitCommentButton {
	margin-top:14px;
}
div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link {
	padding-left:10px;
	padding-right:10px;
}
p.readmore {
	padding:0px;
}
p.readmore a, .readon_highlight1, .readon_highlight2 {
	color:#FFFFFF !important;
	padding:6px;
	padding-bottom:3px;
	padding-left:14px;
	padding-right:14px;
	font-size:0.9em;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	cursor:pointer;
	text-decoration:none !important;
}
.module_round_box_outer .readon_highlight1, .module_round_box_outer .readon_highlight2 {
	padding:7px;
	padding-bottom:5px;
	padding-left:14px;
	padding-right:14px;
}
p.readmore a:hover, .readon_highlight1:hover, .readon_highlight2:hover {
	color:#FFFFFF !important;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
#s5_component_wrap p.readmore a {
	margin-top:16px;
	display:inline-block;
	margin-bottom:26px;
}
#s5_loginreg ul {
	list-style:none;
	margin:0px;
}
/* FONT CONTROLS
----------------------------------------------------------- */
#fontControls {
	float:right;
}
#fontControls a {
	color:#858484;
}
.decreaseSize {
	font-size:10px;
}
.increaseSize {
	font-size:17px;
}
.resetSize {
	font-size:14px;
	margin-left:3px;
	margin-right:3px;
}
/* SCROLL TO TOP
----------------------------------------------------------- */

#s5_scrolltotop {
	height: 0;
	visibility:hidden;
}
#s5_scrolltopvar .s5_scrolltotop {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	background:url(/templates/design_control/images/icon_gotop.gif) no-repeat 0 0;
	width:42px;
	height:40px;
	bottom: 5px;
    display: none;
    padding: 28px 13px;
    position: fixed;
    right: 5px;
    text-decoration: none;
    display: block;
    opacity: 1;
    visibility: visible; z-index:1000;
}
/* BODY ELEMENTS
----------------------------------------------------------- */

#s5_header_area1 {
	background:#FFF url(/templates/design_control/images/header_bg.png) repeat-x 0 0;
	height:121px;

}
#s5_header_area2{-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5); position:relative; z-index:999; height:121px;}
#s5_logo {
	cursor: pointer;
	float:left;
	max-width:90% !important; position: relative;  z-index: 1001;
}
#s5_logo_module {
	float: left;
	max-width:90% !important;
}
/*#s5_loginreg, #s5_search_wrap, #s5_search_login_wrap {
float:right;
}*/

#s5_login, #s5_register {
	margin-left:8px;
	font-size:0.9em;
}
#s5_search_wrap label, #s5_search_wrap br, #s5_search_wrap button {
	display:none !important;
}
#s5_search_wrap input {
	height:auto;
	width:160px;
}
#s5_search_wrap .moduletable {
	float:right;
}
#s5_menu_wrap.s5_wrap {
	width:100% !important;
	max-width:100% !important;
}
#s5_menu_wrap_inner2 {
}
#s5_social_bar {
	float:right;
	margin-top:19px;
}
.s5_facebook {
	width:22px;
	height:23px;
	margin-left:8px;
	background:url(../images/s5_facebook.jpg) no-repeat top right;
	float:right;
	cursor:pointer;
}
.s5_twitter {
	width:22px;
	height:23px;
	margin-left:8px;
	background:url(../images/s5_twitter.jpg) no-repeat top right;
	float:right;
	cursor:pointer;
}
.s5_rss {
	width:22px;
	height:23px;
	margin-left:8px;
	background:url(../images/s5_rss.jpg) no-repeat top right;
	float:right;
	cursor:pointer;
}
.s5_google {
	width:22px;
	height:23px;
	margin-left:8px;
	background:url(../images/s5_google.jpg) no-repeat top right;
	float:right;
	cursor:pointer;
}
#s5_social_bar_narrow_screen {
	float:left;
}
#s5_social_clear, #s5_social_bar_narrow_screen {
	display:none;
}
#s5_social_bar_narrow_screen {
	margin-left:-8px;
	margin-top:10px;
}
#s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_bottom_row3_area1, #s5_center_area1 {
	padding-top:51px;
}
.index #s5_center_area1{ padding-top:0;}
#s5_top_row2_area1{ padding-top:16px;}
.contentwid_out, #s5_center_area1 {
	background:#FFF url(/templates/design_control/images/content_bg.png) repeat-x 0 0;
}
.index .contentwid, #s5_center_area2 {
	width: 956px;
	margin: 0 auto;
	background: #FFF;
	position: relative;
	top: -60px;
	z-index: 101;
	background:url(/templates/design_control/images/content_bg_shadow.png) no-repeat 0 0;
	padding:5px 4px;
}
.index .contentwid_s, #s5_center_area1 .s5_wrap{ background:#FFF; width:950px!important;}
#s5_center_area1 .s5_wrap{ margin-left:0; padding-top:20px;}
#s5_center_area_inner{ background:#FFF;}
#s5_center_area1{ padding-top:0;}
{}
#s5_footer_area1 {
	background:#333;
}
#s5_footer_area1 {
}
#s5_footer_menu_wrap, #s5_footer_menu_wrap a {
	color:#5F5F5F !important;
}
#s5_bottom_menu_wrap li {
	float:right;
	margin-left:16px;
}
#s5_footer {
	float:left;
}
#s5_footer_module {
	color:#FFF;
	text-align:center;
}
#s5_bottom_menu_wrap {
	float:right;
}
#s5_shape5_logo {
	/*background:url(../images/shape5_logo.png) no-repeat top left;
	height:25px;
	width:28px;*/
	cursor:pointer;
	display:block;
	margin-top:30px;
	float:left;
}
#s5_footer_area_inner2, #s5_breadcrumb_font_wrap, #s5_component_wrap_inner {
	padding-left:30px;
	padding-right:30px;
}
#s5_footer_area_inner2{ padding:18px 0;}
#s5_breadcrumb_wrap .breadcrumb {
	background:none;
	padding:0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#s5_breadcrumb_wrap {
	float:left;
	color:#858484;
}
#s5_breadcrumb_wrap .icon-location {
	display:none;
}
#s5_breadcrumb_font_wrap {
	padding-bottom:45px;
}
.well {
	background:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#s5_drop_down_text_inner {
	margin-top:-2px;
	display:block;
}
/* COLUMN MENU
----------------------------------------------------------- */

.s5_module_box_1 ul.menu a {
	display:block;
}
.s5_module_box_1 ul.menu ul li a:hover {
	background:none;
}
.s5_module_box_1 ul.menu img {
	display:none;
}
.s5_module_box_1 ul.menu a:hover {
	text-decoration:underline;
}
.s5_module_box_1 ul.menu ul a:hover {
	text-decoration:underline;
}
.s5_module_box_1 ul.menu ul a {
	background:none;
	border-bottom: none;
	display:block;
}
.s5_module_box_1 ul.menu ul ul a {
	font-size:8pt;
	padding:0px;
	padding-left:10px;
	border-bottom: none;
	display:block;
	font-weight:normal;
}
.s5_module_box_1 ul.menu #current ul span {
	font-weight:normal;
}
.s5_module_box_1 ul.menu li {
	padding:0px;
}
.s5_module_box_1 ul.menu li ul li {
	margin-left:14px;
}
ul.menu .current ul a {
	color:#5F5F5F !important;
}
#s5_columns_wrap ul.menu {
	line-height:220%;
}
/* MODULE CLASS SUFFIXES
----------------------------------------------------------- */

.module_round_box_outer {
	margin-bottom:51px;
	margin-left:26px;
	margin-right:30px;
}
.index .module_round_box_outer{ margin-right:0;}
.s5_mod_h3 {
	font-size:1.5em;
	margin-bottom:12px;
}
.module_round_box_outer ul li a {
	color:#5F5F5F;
}
#s5_drop_down_inner .module_round_box_outer {
	margin-bottom:20px;
}
.module_round_box-white, .module_round_box-white a, .module_round_box-white h3 {
	color:#FFFFFF !important;
}
.module_round_box-highlight1, .module_round_box-highlight2 {
	padding:16px;
}
.module_round_box-highlight1, .module_round_box-highlight1 a, .module_round_box-highlight1 h3 {
	color:#FFFFFF !important;
}
.module_round_box-highlight2, .module_round_box-highlight2 a, .module_round_box-highlight2 h3 {
	color:#FFFFFF !important;
}
.module_round_box-highlight1 h3, .module_round_box-highlight2 h3 {
	font-size:1.2em;
}
.module_round_box-grey {
	padding:16px;
	background:#F8F7F7;
}
.module_round_box-grey h3 {
	font-size:1.2em;
}
.module_round_box-dark {
	padding:16px;
	background:#333333;
}
.module_round_box-dark, .module_round_box-dark a, .module_round_box-dark h3 {
	color:#FFFFFF !important;
}
.module_round_box-dark h3 {
	font-size:1.2em;
}
.module_round_box-inset {
	padding:16px;
	border:solid 1px #E9E9E9;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important;
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important;
}
.module_round_box-inset h3 {
	font-size:1.2em;
}
.moduletableQuick_Menu {
	float:right; font-family:Verdana, "微軟正黑體";
}
.moduletableQuick_Menu li {
	display:inline-block;
	margin-right:10px; margin-top:4px;
}
.moduletableQuick_Menu li a {
	color:#FFF;
}
#s5_top_row1_area1 .module_round_box_outer {
	margin:0;
}
.sunnywinlogo, .s5_menu_wrap {
	margin-top:19px;
}
.s5_outerhome_new li{ background:url(/templates/design_control/images/icon_news.gif) no-repeat 0 9px; padding-left:15px; height: 2.5em;}
.module_round_boxindex_products table td{ padding:2px 0px; width:52%;}
.module_round_boxindex_products table td img{ width:287px; height:128px;}
.module_round_boxindex_products table h2{ font-size:18px;}
.module_round_boxindex_products table{ color:#808080; line-height:2em;}
#s5_top_row1_area_inner{ width:100%!important}
.newstitle{ display:none;}
.module_round_boxhome_product_banner td{ padding:0 10px;}
.index .newstitle{ text-align:center; margin-bottom:20px; display:block!important;}
.pro001 div, .pro002 div, .pro003 div{
width: 100%;
margin-bottom: -78px; background:url(/templates/design_control/images/pro_bg.png) repeat-x 0 0; position:relative; height:71px; padding-top:8px;}
.customhome_product_banner h2{ font-size:18px;}
.customhome_product_banner h2, .customhome_product_banner p{ margin:7px; line-height:1em; color: #FFF;}
#s5_pos_top_row2_1 .module_round_box_outer{ margin-left:14px;}

.button, button, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-group.open .btn-primary.dropdown-toggle, .btn-primary, p.readmore a, .readon_highlight1, .highlight1_button, .module_round_box-highlight1, .items-more ol li a{ background-color:#000;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#000 url(/templates/design_control/images/menu_bg.png) repeat-x 0 0;}
.items-more ol li a{ border:none!important; color:#fff; margin-bottom:10px;}
.items-more ol li a:hover{ background:#000;}
.btn-primary:hover{background:#000;}
.star{ color:red;}
.s5_outerpro_info, .module_round_boxnewspaper{ border:1px solid #ccc; padding:5px 7px; }
.pro_infoimg{ height:160px; width:214px;}
.s5_outerpro_info{ color:#999999;}
.s5_outercom_info td{ padding:8px 6px;}
.s5_outercom_info td h4{ font-size:16px; font-weight:bold; color:#333333; margin-bottom:4px;}
.s5_outercom_info td li{ font-size:12px; line-height: 17px;}
.socbuttons{ margin:15px 0;}
#s5_right_wrap h3{ margin-top:0;}
.col-sm-6{ width:372px; margin:10px auto; clear:both;}
.contactustable td{ padding:10px 5px;}
.contactustable img, .factorytable img{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.contactustable img{ margin-right:15px;}
#s5_component_wrap_inner .contactustable h3{ margin-top:0;}
.case_info{ margin:15px auto;}
.vt_nivo_sliderindexbanner, .customthemeimg{ border-bottom:1px solid #FFF;}
.s5_outerpro_slider .nspHeader{ line-height:3em; margin-left:4px;}
.s5_outerpro_slider .nspArtPage { border:1px solid #ccc; padding:6px 0; display:block;}
.s5_outerpro_slider .nspImage{ margin-left:4px; margin-left:7px\0;}
/*.s5_outerpro_slider .readon{ display:none;}*/
/****------- IE  ---------------****/

.s5_outerindexbanner{ display:none\9;}
.index #s5_top_row1_area1{ height:360px\9; border-bottom:1px solid #FFF;
background:#000 url(/images/slider/main_banner06.jpg) no-repeat center top;}
.items-more ol li{ padding:0;}
.pro001 div, .pro002 div, .pro003 div{ width:287px;}
a.twitter-share-button{ background-color:#efefef; margin-left:30px; border:1px solid #ccc; font-weight:bold; padding:2px 3px;}
.s5_outerpro_slider{ width:235px\9; display:block; overflow:hidden;}
ul.latestnews li a{ font-weight:bold;}
/* 僅 IE 8 以下 */
@media \0screen\,screen\9 {
#s5_menu_wrap ul.menu{margin-top:6px}
img#s5_logo { margin-top:25px;}
.S5_submenu_item{ height:18px;}
.moduletableQuick_Menu li{ float:left;}
#s5_nav li ul{ background:#FFF; border:none;}
#s5_nav li:hover{ cursor:pointer; display:block;}
.customhome_product_banner a{ color:#FFF; font-family:"微軟正黑體", Microsoft JhengHei;}
.customindex_products a, h2, h3, h4{font-family:"微軟正黑體", Microsoft JhengHei; color:#000;}
.s5_outerindexbanner{ display:block;}
#s5_top_row1_area1[for-ie=index]{ height:0px; background:none; border-bottom:1px solid #FFF;}
.contentwid_s[for-ie=index], #s5_center_area1 .s5_wrap[for-ie=index]{ overflow:hidden;}
#s5_center_area2[for-ie=index]{ top:-490px; display:none;}
#subMenusContainer a, #s5_nav li li a{
	width:212px; padding-top:6px;
}
.contentwid[for-ie=index]{ background:#FFF;width:950px; margin:0 auto; top:-60px; position:relative; z-index:1200;}
.breadcrumb li{ display:inline;}
.module_round_boxindex_products table td{ padding-right:18px;}
body{{position:relative;left:0px;top:0px; overflow:hidden;}
.newstitle[for-ie=index]{ text-align:center; margin-bottom:20px; display:block;}

}


.newstitle[for-ie=index]{display:block; text-align:center; margin-bottom:20px; }

/* IE11 up  */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none ) {
	#s5_menu_wrap ul.menu {margin-top:1px;}
	
	}