@charset "utf-8";
.clear{clear:both;}
input,textarea{outline:none}

/* template_id RWDPAGE_BASE_PAT01 */
/* load db RWDMenuIcon002 */
/*language{*/
.RWDMenuIcon002 .mobile_language{display:none;}
.RWDMenuIcon002 .web_language{width:107px;font-size:12px;color:#7c7c7c;margin-top:20px;position:relative;cursor:pointer;}
.RWDMenuIcon002 .web_language .lang_text{padding: 0px 6px;background-color: #fff;border: 1px solid #7c7c7c;position: absolute;width: 107px;}
.RWDMenuIcon002 .web_language .btnToggle {cursor: pointer;display: block;height: 24px;position: absolute;right: 0;top: 0;width: 24px;}
.RWDMenuIcon002 .web_language .btnToggle .line {background-color: #7c7c7c;display: block;height: 2px;position: absolute;transition: all 0.3s ease-out 0s;width: 14px;}
.RWDMenuIcon002 .web_language .btnToggle .line_01 {right: 6px;top: 4px;}
.RWDMenuIcon002 .web_language .btnToggle .line_02 {right: 6px;top: 8px;}
.RWDMenuIcon002 .web_language .btnToggle .line_03 {right: 6px;top: 12px;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_01 {top: 8px;transform: rotate(45deg);transform-origin:50% 50% 0;-ms-transform: rotate(45deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(45deg);-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(45deg);-moz-transform-origin:50% 50% 0;-o-transform: rotate(45deg);-o-transform-origin:50% 50% 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_02 {opacity: 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_03 {top: 8px;transform: rotate(135deg);transform-origin:50% 50% 0;-ms-transform: rotate(135deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(135deg);	-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(135deg);-moz-transform-origin:50% 50% 0;	-o-transform: rotate(135deg);-o-transform-origin:50% 50% 0;}          	
.RWDMenuIcon002 .web_language.is-opened{color:#ffffff;}
.RWDMenuIcon002 .web_language.is-opened .lang_text{background-color:#7c7c7c;}
.RWDMenuIcon002 .web_language.is-opened .line {background-color:#ffffff;}
.RWDMenuIcon002 .web_language .lang_options{display:none;top:30px;position: absolute;z-index:10;width:107px;}
.RWDMenuIcon002 .web_language.is-opened .lang_options{display:block}
.RWDMenuIcon002 .web_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:12px;}
.RWDMenuIcon002 .web_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .web_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language{text-align:center;}
.RWDMenuIcon002 .mobile_language .lang_text{background-color:#eaeaea;font-size:14px;line-height:35px;color:#494949;}
.RWDMenuIcon002 .mobile_language .lang_options{display:none;}

.RWDMenuIcon002 .mobile_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:14px;}
.RWDMenuIcon002 .mobile_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .mobile_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language.is-opened .lang_text{background-color:#494949;color:#FFFFFF;}
.RWDMenuIcon002 .mobile_language.is-opened .lang_options{display:block;}
@media (min-width: 800px){
  .RWDMenuIcon002 .web_language{margin-left:0px;}
}
@media (min-width: 1025px){
  .RWDMenuIcon002 .web_language{margin-left:30px;}
}
@media (max-width: 799px){
  .RWDMenuIcon002 .web_language{display:none;}
  .RWDMenuIcon002 .mobile_language{display:block;}
}
/*language}*/

/*search{*/
#navigation .web_search {border:1px solid transparent;display:inline-block;margin-top:13px;}
#navigation .web_search .searchkey{float:left;position:relative;}
#navigation .web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 100px;margin:0 5px}
#navigation .web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}
#navigation .web_search {background-color:#1a1a1a;}
#navigation .web_search {border-color:#1a1a1a;}
#navigation .web_search input{color:#909090;}
#navigation .web_search input{background:#1a1a1a;}
#navigation .web_search .btn{background:transparent;}
#navigation .web_search .btn{color:#7b7b7b;}
#navigation .web_search .btn:hover{color:#ffffff;}
#navigation .web_search.mobile_web_search{display:none;}
@media (min-width: 800px){
  #navigation .web_search{margin-left:0px;}
}
@media (min-width: 1025px){
  #navigation .web_search{margin-left:30px;}
}
@media (max-width: 799px){
  #navigation .web_search{display:none;}
  #navigation .web_search.mobile_web_search{display:block;}
  #navigation .web_search .searchkey{width:80%;}
  #navigation .web_search .searchkey input{width:100%}
  #navigation .web_search .btn{width:10%;float:right;margin-right:10px;}
}
/*search}*/


.navbar-right{  max-width: 60%;}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
}
.navbar.navbar-fixed-top {
    
              position: relative;
              margin: 0;
              border: 0;
              min-height: 60px;
              background-color: #222;
              box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);
            }
            @media (min-width: 800px) {
              .navbar.navbar-fixed-top {
                -webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                -moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
              }
            }
            .navbar.navbar-fixed-top .navbar-brand {
              color: #fff;
              font-size: 28px;
              font-weight: 700;

              height: 60px;
              line-height: 60px;
              padding-top: 0px;
              padding-bottom: 0px;
              letter-spacing: 0.1em;
            }
            .navbar.navbar-fixed-top .navbar-brand:hover {
              color: #fff;
            }
            .navbar.navbar-fixed-top .navbar-toggle {
              margin-top: 12px;
              background-color: #1abc9c;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a {
              color: #fff;
              font-weight: 400;

            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li > a {
                height: 60px;
                line-height: 60px;
                padding-top: 0px;
                padding-bottom: 0px;
              }
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a:hover {
              color: #1abc9c;
              background-color: #222;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a > i.fa-angle-down {
              padding-left: 2px;
            }
            .navbar.navbar-fixed-top .navbar-nav > li.active a,
            .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
              background-color: #1abc9c;
              color: #fff;
            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li.active a,
              .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
                color: #fff;
                background-color: #1abc9c;
                background-repeat: repeat;
              }
            }
/*.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;width: 200%;margin-left: -50%;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);}*/
.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);min-width:100%;}
.navbar li > ul li{list-style-type; margin:0px;padding:5px 10px;white-space: nowrap; text-align:center;}
.navbar li > ul li:hover{background:#222;}
.navbar li > ul li a{text-decoration:none;display:block;color:#111}
.navbar li > ul li:hover a{color: #1abc9c;}
.navbar li > ul li ul{box-shadow: none;
    margin: 0;
    position: relative;
    width: 100%;}
.navbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
  .navbar-nav {margin:0px;}
  .navbar li > ul{margin-left:0px;width:100%;}
  .navbar li > ul {position:relative;}
}


/*END*/
/* load db RWDbanner001 */
	.RWDbanner001 .slides li{
	width:100%;
        height:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: cover;
	background-position: center center;
}

/*END*/
/* load db scrollTop001 */
.scrollTop001{
	transition: bottom 0.5s ease 0s;
	width: 83px;
	height: 123px;
	position: fixed;
	bottom: 10%;
	right: 25px;
	opacity: 0;
	text-align: center;	
	cursor:pointer;
	z-index: 75;
}
.scrollTop001 .icon{width:100%;height:100%;background: transparent url(../../model/sample/baseimg/scrollTop001/scrolltop.png) center center no-repeat;}
.scrollTop001:hover .icon{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/
/* load db web_search */
/**
* 網站搜尋
**/
.web_search {border:1px solid transparent;}
.web_search .searchkey{float:left;position:relative;}
.web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 149px;margin:0 5px}
.web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}

.web_search {background-color:#1a1a1a;}
.web_search {border-color:#1a1a1a;}
.web_search input{color:#909090;}
.web_search input{background:#1a1a1a;}
.web_search .btn{background:transparent;}
.web_search .btn{color:#7b7b7b;}
.web_search .btn:hover{color:#ffffff;}
/*END*/
/* load file model/lib/web_edm/model.css */
.web_edm{background-color:#1a1a1a;border:1px solid #1a1a1a}.web_edm .btn_container,.web_edm .email{float:left;position:relative}.web_edm .email input{border:none;line-height:30px;height:30px;padding:0 5px;width:149px;margin:0 5px;color:#909090;background-color:#1a1a1a}.web_edm .btn{display:inline-block;padding:0 10px;line-height:30px;font-size:13px;float:left;text-align:center;cursor:pointer;color:#7b7b7b}.web_edm .btn:hover{color:#fff}
/*END*/
/* load db copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/