@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 RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*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 db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*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 RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedm001 */
.RWDedm001 .btn.btn-rj {
    background-color: #1abc9c;
    border-color: #1dd2af;
    color: #fff;
    text-transform: uppercase;
}
.RWDedm001 .btn.btn-rj:hover,.RWDedm001  .btn.btn-rj:focus {
    background-color: #17a689;
    color: #fff;
}

input:focus::-webkit-input-placeholder { color:transparent; } 
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ 
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ 
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


textarea:focus::-webkit-input-placeholder { color:transparent; } 
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ 
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ 
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/*END*/