@charset "utf-8";

/* ============================================================== base */
.cs,
.cm                        {overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cm                        {margin-bottom:2em;}

.dc_sct                    {padding:1em;overflow:hidden;}

.dc_hdr                    {overflow:hidden;margin-bottom:1em;}
.dc_hdr:after              {content:"";display:block;clear:both;height:1px;font-size:0;}
.dc_hdr_bdy,
.dc_hdr_sbj                {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.dc_hdr_sbj                {padding-top:1em;text-align:center;margin-bottom:1.5em;}
.dc_hdr_sbj:before         {font-family:'087';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
                            display:block;margin:0 auto 0.8em;background:#000;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,0.3);border-radius:4px;width:1.5em;line-height:1.5em;vertical-align:middle;text-align:center;
                            font-size:32px;
                           }
.reminder .dc_hdr_sbj:before,
.point .dc_hdr_sbj:before,
.member .dc_hdr_sbj:before,
.login .dc_hdr_sbj:before     {content:'\e609';background-color:#4dc4c2;}
.rg_enquete .dc_hdr_sbj:before,
.enquete .dc_hdr_sbj:before   {content:'\e697';background-color:#4dc4c2;font-family:'entypo';}
.contact .dc_hdr_sbj:before   {content:'\e604';background-color:#4dc4c2;font-family:'entypo';}
.howto   .dc_hdr_sbj:before   {content:'\e667';background-color:#4dc4c2;font-family:'entypo';}
.faq     .dc_hdr_sbj:before   {content:'\e61f';background-color:#4dc4c2;font-family:'entypo';}
.law .dc_hdr_sbj:before,
.rule .dc_hdr_sbj:before,
.company .dc_hdr_sbj:before,
.security .dc_hdr_sbj:before,
.privacy .dc_hdr_sbj:before   {content:'\e697';background-color:#4dc4c2;font-family:'entypo';}
.shop    .dc_hdr_sbj:before   {content:'\e622';background-color:#4dc4c2;font-family:'entypo';}
.card    .dc_hdr_sbj:before   {content:'\e69b';background-color:#4dc4c2;font-family:'entypo';}
.fuda    .dc_hdr_sbj:before   {content:'\e699';background-color:#4dc4c2;font-family:'entypo';}
.image   .dc_hdr_sbj:before   {content:'\e69c';background-color:#4dc4c2;font-family:'entypo';}
.designer .dc_hdr_sbj:before  {content:'\e60d';background-color:#4dc4c2;font-family:'087';}

.dc_hdr_sbj i              {display:inline-block;}

.dc_hdr_bdy                {}
.dc_hdr_bdy p              {margin:0 0 1em;}

.dc_main                   {margin:0 0 1em;}
.dc_block                  {margin:0 0 0.5em;background:#fff;border:1px solid #ddd;padding:1em 1em 0;border-radius:0.5em;}

/* ============================================================== element */
.dc_h1                     {color:#08c;margin:0 0 1em;}
.dc_h2                     {color:#266;font-weight:bold;margin:1em 0 0.5em;padding-left:2em;;position:relative;line-height:1.5;}
.dc_nbr                    {background:#4dc4c2;color:#fff;font-weight:normal;margin-left:-2em;display:inline-block;width:1.5em;line-height:1.5em;text-align:center;border-radius:1.5em;position:absolute;}
.dc_h2 span                {color:#666;font-weight:normal;display:inline-block;font-size:0.88em;}
.dc_h3                     {color:#266;margin:1em 0;}

.dc_rgt                    {text-align:right;}
.dc_lqd_img img            {max-width:100%;}

.dc_lst,
.dc_lst li                 {margin:0;padding:0;list-style:none;}
.dc_lst li                 {margin:0 0 1em 0;padding-left:1.5em;position:relative;line-height:1.5;}
.dc_lst li:before          {color:#4dc4c2;content:"\e65c";font-family:'entypo';position:absolute;left:0;}
.dc_lst_line li            {border-bottom:1px solid #8dd;border-color:#ddd;}
.dc_lst_line li:last-child {border-bottom:0 none;}

.dc_ols                    {margin:0;padding:0;}
.dc_ols li                 {margin:0 0 1em 1.5em;line-height:1.5;}
.dc_ols li ol              {margin:1em 0 0;padding:0;list-style:lower-roman;}

.dc_dls                    {margin:0;padding:0;}
.dc_dls dt, .dc_dls dd     {margin:0;padding:0;line-height:1.5;}
.dc_dls  dt                {color:#266;font-weight:bold;margin-bottom:0.5em;}
.dc_dls  dd                {padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #ddd;}
.dc_dls  dd:last-child     {border-bottom:0 none;margin-bottom:0;}
.dc_dls  dd p              {margin-top:0;}

.dc_btns                   {clear:both;}
.dc_btns .btn              {line-height:3em;height:3em;padding:0 2em;}

.dc_msg                    {border:1px solid #488;background:#fff;padding:1em 1em 0;margin-bottom:1em;overflow:hidden;}
.dc_msg p                  {margin:0 0 1em;}

.dc_tbl th,
.dc_tbl td                 {border:1px solid #ccc;padding:0.5em;line-height:1.5;}
.dc_tbl th span            {display:inline-block;}

/* ++++++++++++++++++++++++ doc group */
.dc_grp                    {margin:0 0 3em;}
.dc_grp.dc_grp_last        {margin-bottom:1em;}
.dc_grp .dc_h1             {margin:0 0 0.5em;}
.dc_grp p                  {margin:0 0 0.5em;}
.dc_grp .dc_ols li,
.dc_grp .dc_lst li         {margin-bottom:0.5em;}

/* ++++++++++++++++++++++++ doc navi */
.dc_doc_nv ul,
.dc_doc_nv li              {margin:0;padding:0;list-style:none;}
.dc_doc_nv ul              {background:#fff;padding:1em 1em 0;border: 1px solid #8dd;border-radius:0.5em;}
.dc_doc_nv li              {display:inline-block;margin:0 0.5em 1em;}
.dc_doc_nv li a            {text-decoration:none;display:inline-block;}
.dc_doc_nv li a:before     {content:"\e6cc";font-family:'entypo';margin-right:0.3em;}
.dc_doc_nv .crt a          {font-weight:bold;}
.dc_doc_nv .crt a:before   {color:#e21;}

.dc_hdr .dc_doc_nv         {display:none;float:right;width:58%;margin-bottom:1em;}
.dc_ftr .dc_doc_nv         {}

/* ++++++++++++++++++++++++ slider  */
.dc_slider                 {display:none;}
.dc_slider_kick            {cursor:pointer;padding-right:1.5em;position:relative;margin-bottom:0;padding-bottom:0.5em;}
.dc_slider_kick:hover      {color:#666;}
.dc_slider_kick:before     {color:#999;position:absolute;top:0;right:0;display:block;font-size:24px;content:"\e6ce";font-family:'entypo';-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.dc_slider_kick.opn:before {-webkit-transform:rotate(180deg);transform:rotate(180deg);}

/* ============================================================== dialog order type*/
.dlg_order_type h2         {font-size:1.4em;text-align:center;margin-bottom:0.5em;}
.dlg_order_type table      {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.dlg_order_type th,
.dlg_order_type td         {font-weight:normal;border:1px solid #ddd;padding:0.5em 1em;}
.dlg_order_type th         {background:#244;background:#3be;color:#fff;text-align:center;}
.dlg_order_type th.rg_fig_dlv {background:#8b2;}
.dlg_order_type td         {background:#fff;}
.dlg_order_type .smpl dt,
.dlg_order_type .smpl dd   {margin:0 0 0.5em 0;padding:0;}
.dlg_order_type .smpl dd   {margin:0 0 2em 0;}
.dlg_order_type .smpl td   {width:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.rg_fig div                {display:inline-block;vertical-align:top;}
.rg_fig_ar                 {width:3em;text-align:center;}
.rg_fig_ar:before          {color:#4dc4c2;content:"\e60d";font-family:'087';display:block;margin:0 auto;font-size:2em;padding-top:0.2em;}
.rg_fig_ar:after           {color:#999;content:"\25B6";display:block;margin:0 auto;font-size:2em;}
.rg_fig_ar.fig_ow:after    {content:"\e68c";font-family:'entypo';}
.rg_fig span               {background:#bbb;color:#fff;display:inline-block;padding:1em 1.1em;margin:0 0.5em;border-radius:3em;white-space:nowrap;overflow:hidden;vertical-align:top;text-align:center;}
.rg_fig span:before        {content:"\e60d";font-family:'entypo';display:block;margin:0 auto 0.5em;}
.rg_fig .rg_fig_fm         {background:#244;background:#3be;}
.rg_fig .rg_fig_to         {background:#3be;background:#f66;}
.rg_fig .rg_fig_tofm       {background:#389;background:#3cc;}
.rg_fig .rg_fig_dlv        {background:#8b2;}

.dlg_order_type .rg_fig    {text-align:center;margin-bottom:1em;}

/* ============================================================== login */
.lgn_error                 {background:#e21;color:#fff;padding:0.5em;}
.lgn_forget                {margin-bottom:1em;}
.lgn_forget input[type=tel],
.lgn_forget input[type=email],
.lgn_forget input[type=text]{width: calc(100% - 2em);max-width:270px;border-radius:4px 0 0 4px;}
.lgn_forget .btn           {border-radius:0 4px 4px 0;font-size:16px;}
.lgn_cart_reminder         {border:1px solid #4aa;padding:0 1em;border-radius:4px;}

.lgn_lnk_lst li p          {margin-bottom:0.2em;}
.lgn_lnk_lst li .lnk:before{color:#488;content:"\e628";font-family:'entypo';margin-right:0.5em;}

/* ============================================================== enquete */
.enq_image                 {text-align:center;margin-bottom:2em;}
.enq_form .ipf_key         {margin-bottom:0.5em;color:#377;}
.enq_form .ipf_val         {margin-bottom:1.5em;}
.enq_form .ipf_val_line .ipf_elm       {display:inline-block;}
.enq_form .ipf_val_line .ipf_elm label {margin-right:1em;}
.enq_form .enq_next        {display:none;}
.enq_form .enq_next select {width:200px;}

/* ============================================================== contact */
.contact_form              {max-width:720px;margin:0 auto;}
.contact_form .ipf_key     {margin-bottom:0.5em;color:#377;}
.contact_lst               {max-width:720px;margin:0 auto 2em;background:#fff;border:1px solid #488;padding:1em 1em 0.2em;border-radius:0.4em;}
.contact_lst p             {margin-top:0;}
.contact_lst dt            {float:left;width:5em;}
.contact_lst dd            {margin-left:6em;}
.contact_lst dd span       {display:inline-block;margin-right:0.5em;}
.contact_lst .tel:before   {content:"\e600";font-family:'entypo';disp;ay:inline-block;margin-right:0.5em;}

/* ============================================================== howto */
.dc_tbl_sndsmpl th         {background:#8b2;color:#fff;}
.dc_tbl_sndsmpl th.t1      {background:#3be;}
.dc_tbl_sndsmpl td         {background:#f8fbf2;}
.dc_tbl_sndsmpl td.t1      {background:#f3fbfe;}

.dc_tbl_deli1              {margin-bottom:1em;}
.dc_tbl_deli1 th           {background:#4dc4c2;color:#fff;}

.howto .dc_h3              {font-size:1.2em;}

/* ============================================================== faq */
.faq .dc_tbl               {margin-bottom:1em;}
.faq .dc_tbl th            {background:#4dc4c2;color:#fff;}

.faq_q                     {padding-left:2em;position:relative;}
.faq_q:before              {content:"Q";background:#4cc;color:#fff;display:block;position:absolute;top:0;left:0;width:1.4em;height:1.4em;line-height:1.4em;text-align:center;border-radius:1em;}
.faq_lead                  {font-size:1.2em;color:#e68;font-weight:bold;padding-left:2em;position:relative;}
.faq_lead:before           {content:"A";background:#e68;color:#fff;display:block;position:absolute;top:0;left:0;width:1.4em;height:1.4em;line-height:1.4em;text-align:center;border-radius:1em;}

/* ============================================================== company */
.dc_history span           {display:block;}
.dc_history .date          {float:left;width:7em;}
.dc_history span:last-child{margin-left:8em;}

/* ============================================================== shop */
.dc_shop_blk               {}
.dc_shop_blk:after         {content:"";display:block;clear:both;height:1px;font-size:0;}
.dc_shop_photo             {text-align:center;margin-bottom:1em;}
.dc_shop_data li           {margin-bottom:0.5em;}
.dc_shop_data span         {display:inline-block;margin-right:0.5em;}
.map                       {height:400px;max-width:100%;}
.map_tab li,
.map_tab                   {margin:0;padding:0;list-style:none;}
.map_tab                   {clear:both;}
.map_tab li                {display:inline-block;}
.map_tab li span           {color:#999;display:block;padding:0.5em;cursor:pointer;}
.map_tab li span:hover     {color:#333;}
.map_tab .crt span         {color:#fff;background:#6cc;}
.map_tab .crt span:hover   {color:#fff;}
.dc_shop_map               {}
.map_info                  {border:1px solid #6cc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.map_panel                 {padding:0.5em;}
.map_panel_hdg             {line-height:1.5;margin:0 0 0.5em;padding:0;}
.map_panel p               {margin:0 0 0.5em;}
.map_lnk                   {margin-bottom:0.5em;display:inline-block;}
.map_lnk a                 {display:inline-block;background:#4dc4c2;color:#fff;padding:0.5em;border-radius:4px;text-decoration:none;}
.map_lnk a:before          {color:#fff;content:"\e612";font-family:'entypo';disp;ay:inline-block;margin-right:0.5em;}
.map_panel .dc_ols li      {margin:0 0 0.5em 1.5em;padding-bottom:0.5em;line-height:1.5;border-bottom:1px dashed #ccc;}
.map_panel .dc_ols li:last-child      {border-bottom:0 none;padding-bottom:0;}

/* ============================================================== reminder */
.dc_reminder .dc_h1        {margin:2em 0 0.5em;}
.reminder .dc_1stp         {margin-top:0;}

/* ============================================================== card,fuda */
.dc_card_lst li,
.dc_card_lst               {margin:0;padding:0;list-style:none;}
.dc_card_lst li            {text-align:center;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #ddd;}
.dc_card_lst li:nth-child(2){margin-left:2%;margin-right:2%;}
.dc_card_lst li:last-child {border-bottom:0 none;padding-bottom:0;}
.dc_card_lst .hdr          {margin-bottom:0.5em;display:block;}
.dc_card_lst .txt          {overflow:hidden;max-width:300px;display:block;margin:0 auto;}
.dc_card_lst .txt i        {display:inline-block;width:50%;text-align:center;}

.dc_card_img               {max-width:300px;display:block;border:1px solid #ccc;margin:0 auto 0.5em;background:#fff;overflow:hidden;}
.dc_card_img img           {vertical-align:top;width:50%;}
.dc_card_sp .dc_card_img img {width:100%;}

.dc_fuda_img               {text-align:center;}
.dc_fuda_img img           {max-width:100%;}

/* ============================================================== designer */
.doc.designer .dc_main     {text-align:center;max-width: 1400px;margin: 0 auto;}
.dc_dsnr_block             {overflow:hidden;max-width:760px;text-align:left;}
.dc_dsnr_block h2          {text-align:center;margin-bottom:1em;background:#eee;padding:0.2em;border-radius:0.4em;}
.dc_dsnr_block .btns       {padding-top:0;}
.dc_dsnr_name              {font-size:1.5em;margin-bottom:1em;}
.dc_dsnr_name span         {display:inline-block;margin-right:0.5em;}
.dc_dsnr_face              {float:right;margin:0 0 1em 1em;padding:0.5em;border:1px solid #ddd;border-radius:0.4em;}
.dc_dsnr_face img          {vertical-align:top;}
.dc_dsnr_item,
.dc_dsnr_item li           {margin:0;padding:0;list-style:none;}
.dc_dsnr_item              {margin:0 0 1em;text-align:center;}
.dc_dsnr_item li           {display:inline-block;width:32%;vertical-align:top;}
.dc_dsnr_item li a         {display:block;border:1px solid;}
.dc_dsnr_item li img       {vertical-align:top;max-width:100%;}
.dc_dsnr_prf               {margin:0;padding:0;}
.dc_dsnr_prf dt,
.dc_dsnr_prf dd            {margin:0;padding:0;line-height:1.5;}
.dc_dsnr_prf dt            {color:#266;font-weight:bold;margin-bottom:0.5em;}
.dc_dsnr_prf dd            {padding-bottom:1em;margin-bottom:1em;}
.dc_dsnr_prf dd p          {margin-top:0;}


/* ============================================================== media query */
@media screen and (min-width: 480px){
	.dc_sct                    {padding:2em;}
	.dc_hdr_sbj                {padding-top:0;overflow:hidden;text-align:left;}
	.dc_hdr_sbj:before         {float:left;margin:0 0.5em 0 0;}
	.dc_hdr_sbj span           {display:block;margin-left:60px;}

}
@media screen and (min-width: 760px){
	.dc_sct                    {min-height:240px;}

	.dc_hdr_sbj                {float:left;width:40%;margin:0 0 1.5em;}
	.dc_hdr_bdy                {float:right;width:58%;margin-left:2%;}

	.dc_hdr .dc_doc_nv         {display:block;}
	.dc_ftr .dc_doc_nv         {display:none;}

	.dc_dls  dt                {float:left;width:24%;}
	.dc_dls  dd                {padding-left:25%;}

	.enq_image                 {float:left;}
	.enq_form                  {margin-left:240px;}
	.contact .dc_hdr_sbj       {width:24%;}
	.contact .dc_hdr_bdy       {width:74%;}

	.dlg .rg_fig               {float:left;width:24em;margin-right:1em;}
	.dlg_order_type .desc      {margin-left:25em;}
	.dlg_order_type .smpl td   {text-align:center;}
	.dlg_order_type h2         {text-align:left;}

	.dc_shop_photo             {float:right;margin-left:1em;}

	.dc_card_lst               {text-align:center;}
	.dc_card_lst li            {display:inline-block;width:30%;border-bottom:0 none;vertical-align:top;}
	.dc_fuda_img1              {float:left;margin-right:1em;}

	.dc_dsnr_block             {display:inline-block;width:45%;vertical-align:top;}

}
@media screen and (min-width: 1020px){
	.cm                        {float:left;width:64%;}
	.cs                        {float:right;width:36%;padding-left:3em;}
	.dc_sct                    {padding:3em;margin:5px;border-radius:4px;background:rgba(255,255,255,0.8);min-height:360px;}

	.dc_hdr_sbj                {float:left;width:34%;}
	.dc_hdr_sbj:before         {font-size:40px;}
	.dc_hdr_sbj span           {margin-left:80px;}
	.dc_hdr_bdy                {float:right;width:64%;}

	.dc_btns .btn              {padding:0 6em;line-height:4em;height:4em;}

	.contact_lst               {float:left;width:20%;}
	.contact_form              {margin-left:26%;overflow:hidden;}

	.dc_shop_map .map_info     {float:left;width:50%;min-height:400px;margin-bottom:1em;}
	.dc_shop_map .map          {float:right;width:50%;}

}
@media screen and (min-width: 1500px){
	.dc_hdr_sbj                {font-size:28px;}
	.dc_hdr_sbj:before         {font-size:48px;margin-right:1em;}
	.dc_hdr_sbj span           {margin-left:120px;}

	.enq_form                  {border:1px solid #ccc;border-radius:4px;padding:2em 2em 1em;overflow:hidden;}
	.contact_form .ipf_key     {padding-top:0.2em;font-size:1em;}
}