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

/* template_id MOBILE_PAGE_001 */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*END*/
/* load db mobile_menu001_icon */
.mobile_menu001_icon .header_nav_btnToggle {
    cursor: pointer;
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
}
.mobile_menu001_icon .header_nav_btnToggle .line {
    background: #1d1c1c none repeat scroll 0 0;
    display: block;
    height: 3px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 34px;
}
.mobile_menu001_icon .header_nav_btnToggle .line_01 {
    left: 5px;
    top: 10px;
}
.mobile_menu001_icon .header_nav_btnToggle .line_02 {
    left: 5px;
    top: 20px;
}
.mobile_menu001_icon .header_nav_btnToggle .line_03 {
    left: 5px;
    top: 30px;
}
.mobile_menu001_icon .header_nav_btnToggle.is-opened .line_01 {
    top: 20px;
transform: rotate(45deg);
transform-origin:50% 50% 0;

-ms-transform: rotate(45deg); 		/* IE 9 */
-ms-transform-origin:50% 50% 0; 		/* IE 9 */

-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */
-webkit-transform-origin:50% 50% 0;	/* Safari 和 Chrome */

-moz-transform: rotate(45deg);		/* Firefox */
-moz-transform-origin:50% 50% 0;		/* Firefox */

-o-transform: rotate(45deg);		/* Opera */
-o-transform-origin:50% 50% 0;		/* Opera */
}


.mobile_menu001_icon .header_nav_btnToggle.is-opened .line_02 {
    opacity: 0;
}
.mobile_menu001_icon .header_nav_btnToggle.is-opened .line_03 {
    top: 20px;

transform: rotate(135deg);
transform-origin:50% 50% 0;

-ms-transform: rotate(135deg); 		/* IE 9 */
-ms-transform-origin:50% 50% 0; 		/* IE 9 */

-webkit-transform: rotate(135deg);	/* Safari 和 Chrome */
-webkit-transform-origin:50% 50% 0;	/* Safari 和 Chrome */

-moz-transform: rotate(135deg);		/* Firefox */
-moz-transform-origin:50% 50% 0;		/* Firefox */

-o-transform: rotate(135deg);		/* Opera */
-o-transform-origin:50% 50% 0;		/* Opera */

}
/*END*/
/* load db mobile_menu001 */
.mobile_menu001{position:relative;text-align: center;margin-bottom:60px;}
.mobile_menu001 ul{display: inline-block;}
.mobile_menu001 ul, .mobile_menu001 li, .mobile_menu001 a{margin: 0;padding: 0;text-decoration: none;}
.mobile_menu001 ul, .mobile_menu001 li {list-style: none;width:100%;}
.mobile_menu001 ul.navigation li {position: relative;}
.mobile_menu001 ul.navigation li a,.mobile_menu001 ul.navigation li div{display: block;text-align:left;font-size:17px;color:#4b4b4b;line-height:21px;padding:20px 0px;padding-left:8.5%;}
.mobile_menu001 .arrow{padding:0px;position: absolute;right:8.5%;width:18px;height:18px;top:32px;margin-top:-9px; background: transparent url("../../model/sample/baseimg/mobile_menu001/arrow_r.png") center center no-repeat ;}
.mobile_menu001 ul.navigation li.open .arrow{background: transparent url("../../model/sample/baseimg/mobile_menu001/arrow_b.png") center center no-repeat ;}
.mobile_menu001 ul.navigation li ul {display: none;}
.mobile_menu001 ul.navigation ul li:last-child {border-bottom: none;}
.mobile_menu001 ul.navigation li {border-bottom: 1px solid #e6ebea;}
.mobile_menu001 ul.navigation ul li {border-bottom: 1px solid #ffffff;background-color:#f4f4f4;}
.mobile_menu001 ul.navigation ul li ul {display:none;}
.mobile_menu001 ul.navigation ul li ul li:last-child {border-bottom: none;}
.mobile_menu001 ul.navigation ul li ul li{border-bottom: 1px solid #ffffff;background-color:#eaeaea;}
.mobile_menu001 .third_icon{padding:0px;position: absolute;right:8.5%;width:18px;height:18px;top:32px;margin-top:-9px; background: transparent url("../../model/sample/baseimg/mobile_menu001/+.png") center center no-repeat ;}
.mobile_menu001 ul.navigation li ul li.open .third_icon{background: transparent url("../../model/sample/baseimg/mobile_menu001/-.png") center center no-repeat ;}

.mobile_menu001 ul.navigation li ul li a,.mobile_menu001 ul.navigation li ul li div{padding-left:14.13%;}
.mobile_menu001 ul.navigation li ul li ul li a,.mobile_menu001 ul.navigation li ul li ul li div{padding-left:19.5%;}
.mobile_menu001 ul.navigation li ul li ul li ul a {padding-left:30%;}
.mobile_menu001 ul.navigation li ul li ul li ul li {border-bottom: 1px solid #f4f6f6;background-color:#fcfcfc;}
/*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 web_language */
/**
* 下拉語系
**/
.web_language {border:1px solid transparent;font-family:Calibri;}
.web_language .language {height: 30px;position:relative;z-index:100;cursor:pointer;}
.web_language .text {float: left;position:relative;width: 107px;padding-left: 12px;line-height:30px;}
.web_language .btn_container {float: left;position:relative;}
.web_language .btn {cursor: pointer;float: left;width: 33px;height: 30px;position:relative;}
/*下拉選單下面區塊*/
.web_language .dropdown_list_container{width:100%;height:auto;display:none;z-index:999;position:absolute;top:30px;left:0px;}
.web_language .dropdown_list_item {padding:6px 12px;cursor: pointer;line-height:30px;}
/*箭頭下*/
.web_language .arrow_b_int{width:0px;height:0px;border-width:6px;border-style:solid;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-3px;}
/*箭頭下-邊框*/
.web_language .arrow_b_out{width:0px;height:0px;border-width:6px;border-style:solid;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-5px;}
.web_language {background-color:#1a1a1a;}
.web_language {border-color:#1a1a1a;}
.web_language .text {color:#909090;}
.web_language .language:hover .text {color:#ffffff;}
.web_language .btn{background:transparent;}
.web_language .arrow_color{border-color:#7b7b7b transparent transparent transparent;}
.web_language .arrow_border_color{border-color:#1a1a1a transparent transparent transparent;}
.web_language .language:hover .arrow_color{border-color:#ffffff transparent transparent transparent;}
.web_language .dropdown_list_item{color:#ffffff;}
.web_language .dropdown_list_item{background:#000000;}
.web_language .dropdown_list_item:hover{color:#ffffff;}
.web_language .dropdown_list_item:hover{background:#232e2d;}


/*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 db web_community */
.web_community ul, .web_community li{
	list-style: none;
	padding:0px;
	margin:0px;
}
.web_community li{
	float:right;
	margin-left:4px;
}
.web_community a{
	text-decoration: none;
}
.web_community .icon{width:16px;height:16px;background: transparent center center  scroll no-repeat;    background-size: cover!important;}
.web_community .icon_mail {background-image: url(../../model/sample/baseimg/web_community/icon_mail.png);}
.web_community .icon_twitter {background-image: url(../../model/sample/baseimg/web_community/icon_twitter.png);}
.web_community .icon_facebook {background-image: url(../../model/sample/baseimg/web_community/icon_facebook.png);}
.web_community .icon_plurk {background-image: url(../../model/sample/baseimg/web_community/icon_plurk.png);}
.web_community .icon_gplus {background-image: url(../../model/sample/baseimg/web_community/icon_gplus.png);}
.web_community .icon_split {display:none;}
.web_community .icon img{width:100%}
/*END*/
/* load db scrollTop */
.scrollTop{
  cursor:pointer;
  width: 45px;
  height: 21px;
  margin: auto;
  padding-top: 30px;
  text-align:center;
  background:transparent url(../../model/sample/baseimg/scrollTop/top_arrow.png) center center no-repeat
}
.scrollTop:hover{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/
/* load db web_footer */
.web_footer a{text-decoration: none;}
.footer_desc{color:#6F6F6F}
.footer_desc a{color:#6F6F6F}
.footer_desc a:hover{color:#6F6F6F}
/*END*/
/* load db copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/
/* load db switchview */
.switchview{text-align:center;}
.switchview .links{position:relative;display:inline-block;}
.switchview .links a{text-decoration:none;}
.switchview .link{float:left;}
.switchview .link.split{margin:0px 3px;}
.switchview .link,.switchview .link a{color:#111111;font-size:12px;}
.switchview .link.active{color:#111111;}

/*END*/