@charset "utf-8";
@import url('../../style/skin.css');

/*------------------------ 
  多國語系 ( 暫時 )
-------------------------*/
#lang_list li.active a {
	color: #CCC;
}

/*------------------------ 
  	字級修正
-------------------------*/
.text1 {
	font-size: 1.1em;
}

/*------------------------ 
  	按鈕
-------------------------*/
button {
    	border-radius: 0;
    	background: none;
    	-moz-transition: all .21s ease-in;
 	-o-transition: all .21s ease-in;
  	-webkit-transition: all .21s ease-in;
  	transition: all .21s ease-in;
}
#btn_submit_contact , /*按鈕：來信洽詢*/
#btn_checkout_first , /*按鈕：第一次購物結帳*/
#btn_login , /*按鈕：會員登入*/
#btn_update_account , /*按鈕：會員個資確認修改*/
#btn_update_password , /*按鈕：會員個資確認修改*/
#btn_login , /*按鈕：會員登入*/
#btn_check_mobile /*按鈕：訂購時確認手機號碼*/
{
	border-width:1px;
    	border-style:solid;
}

/*------------------------ 
  	input
-------------------------*/
input {
	border-radius: 0;
}

/*
* ------------------------------------------------------------------------------------------------------------------
*  Header
* ------------------------------------------------------------------------------------------------------------------
*/
/* h1 */
#header.h1_layout #container {
	padding: 120px 0 20px 0;
}

/* h2 */
#header.h2_layout #container {
	padding: 140px 0 20px 0;
}
/*------------------------ 
  	主選單 第二層
-------------------------*/
#web_nav ul > li > ul {
	opacity:0.95;
	box-shadow: 0px 7px 20px #777;
	-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.2s; /* Firefox < 16 */
        -ms-animation: fadein 0.2s; /* Internet Explorer */
         -o-animation: fadein 0.2s; /* Opera < 12.1 */
            animation: fadein 0.2s;
}
@keyframes fadein {
    from { top: 30px; }
    to   { top: 40px; }
}
#web_nav ul > li > ul > li { 
	width: auto;
}
#web_nav ul > li > ul > li > a {
	border: none;
	box-shadow: none;
}

/*
* ------------------------------------------------------------------------------------------------------------------
*  Footer
* ------------------------------------------------------------------------------------------------------------------
*/
#footer_social a {
	border-radius: 33px;
}
#copyright {
	margin: 0 0 10px 0;
	font-size: 0.72em;
	/*text-transform:uppercase;*/
}

/* f3 */
#footer.f3_layout #footer_social a {
	width: 61px;
	height: 61px;
	margin: 12px;
	background-color: #FFF;
	border-radius: 33px;
}
/* f4 */
#footer.f4_layout #footer_contact {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/*
#sns .facebook a {
    background-image: url(https://goo.gl/hYSt3p);
}
#sns .twitter a {
    background-image: url(https://goo.gl/Tz2grw);
}
#sns .pinterest a {
    background-image: url(https://goo.gl/tJpJV4);
}
#sns .instagram a {
    background-image: url(https://goo.gl/EnLKXt);
}
#sns .linkedin a {
    background-image: url(https://goo.gl/7hqmW8);
}
#sns .youtube a {
    background-image: url(https://goo.gl/PzZvnL);
}*/