/* ----------------------------------
        1. Reset default browser styles
        2. Basic classes and elements 
        3. Color Scheme
        4. Typography
        5. Header
        6. Sliders
        7. Tabs
        8. Carousels
        9. Twitter Feed
        10. Lists and navigations
        11. Buttons
        12. Tables
        13. Icons
        14. Main content elements
        15. Forms
        16. Footer
        17. Animations
        18. Responsive changes
        19. Retina ready
-------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,500,300italic);
/*@import "/Other/readers.ctee/Content/css/styleswitcher.css";*/

/* -----------------------------------

        1. Reset default browser styles

------------------------------------- */

*{
    margin:0;
    padding:0;
    border:none;
}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
a{
    text-decoration:none;
    outline: none !important;
}
b, strong{
    font-weight:bold !important;
}
ul,ol{
    list-style: none;
}
q {
    quotes: none;
}
table, table td { 
    padding:0;
    border:none;
    border-collapse:collapse;
}
img{
    vertical-align:top; 
    max-width:100%;
}
embed{ 
    vertical-align:top;
}
input,button{
    -webkit-appearance:none;
    outline: none;
}
button::-moz-focus-inner{
    border:0;
}
html,body{
    height:100%;
    font-family: 'Roboto','微軟正黑體', sans-serif, Apple LiGothic Medium, Heiti TC, LiHei Pro;
    background:#f9f9f9;
}
main{ padding: 23px 0;}
/* -----------------------------------

        2. Basic classes and elements 

------------------------------------- */
.tt_uppercase{
    text-transform: uppercase;
}
.tt_none{
    text-transform: none;
}
.t_align_l{
    text-align: center;
}
.t_align_c{
    text-align: center;
}
.t_align_r{
    text-align: right;
}
.v_align_b{
    vertical-align: baseline;
}
.v_align_m{
    vertical-align: middle;
}
.v_align_bottom{
    vertical-align: bottom;
}
.d_inline_b{
    display:inline-block;
}
.d_ib_offset_0{
    word-spacing: -3px;
}
.d_ib_offset_large{
    word-spacing: -4px;
}
.d_ib_offset_normal{
    word-spacing: 0px;
}
.d_block{
    display:block;
}
.d_table{
    display:table;
}
.d_table_cell{
    display:table-cell;
}
.d_none,.tw_buttons li:first-child:before{
    display:none;
}
.f_size_small{
    font-size:.85em;
}
.f_size_medium{
    font-size:.9em;
}
.f_size_large{
    font-size:1.15em;
}
.f_size_ex_large{
    font-size:1.25em;
}
.f_size_big{
    font-size:1.7em;
}
.l_height_medium{
    line-height:1.42em;
}
.fw_medium{
    font-weight: 500;
}
.d_inline_middle{
    display:inline-block;
    vertical-align: middle;
}
.horizontal_list > *{
    float:left;
}
.horizontal_list > *:first-child{
    margin-left:0;
}
.relative{
    position:relative;
}

.wrapper{
    overflow: hidden;
}
.ellipsis{
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
}
.p_right_2{
    padding-right:2px;
}
.p_left_2{
    padding-left:2px;
}
.p_top_10{
    padding-top:10px;
}
.p_top_15{
    padding-top:15px;
}
.p_right_45{
    padding-right:45px;
}
.m_top_50{
    margin-top:50px;
}
.m_left_0{
    margin-left:0 !important;
}
.m_right_0{
    margin-right:0 !important;
}
.m_left_5{
    margin-left:5px;
}
.m_left_10{
    margin-left:0px;
}
.m_left_15{
    margin-left:15px;
}
.m_left_20{
    margin-left:20px;
}
.m_left_40{
    margin-left:40px;
}
.m_right_5{
    margin-right:5px;
}
.m_right_6{
    margin-right:6px;
}
.m_right_8{
    margin-right:8px;
}
.m_right_10{
    margin-right:10px;
}
.m_right_15{
    margin-right:15px;
}
.m_right_20{
    margin-right:20px;
}
.m_right_25{
    margin-right:25px;
}
.m_right_29{
    margin-right:29px;
}
.m_right_30{
    margin-right:30px;
}
.m_right_35{
    margin-right:35px;
}
.p_bottom_0{
    padding-bottom:0 !important;
}
.m_bottom_0{
    margin-bottom:0px !important;
}
.m_bottom_3{
    margin-bottom:3px;
}
.m_bottom_5{
    margin-bottom: 5px;
}
.m_bottom_10{
    margin-bottom:10px;
}
.m_bottom_12{
    margin-bottom:12px;
}
.m_bottom_15{
    margin-bottom:15px;
}
.m_bottom_20{
    margin-bottom:20px;
}
.m_bottom_25{
    margin-bottom:25px;
}
.p_md_top_20{
    padding-top: 20px;
}
.p_md_bottom_20{
    padding-bottom: 20px;
}

.key {
    background-color: #907cb7;
    padding: 8px;
    float: left;
    color: #fff;
    margin-top: 15px;
}

.title_sb { font-size:13px; color:#a9a496; margin-right: 26px; }
.m_bottom_30{
    margin-bottom:30px;
}
.m_bottom_35{
    margin-bottom:35px;
}
.m_bottom_40{
    margin-bottom:40px;
}
.m_bottom_45{
    margin-bottom:45px;
}
.m_bottom_50{
    margin-bottom:50px;	
}
.m_bottom_60{
    margin-bottom:60px;	
}
.m_bottom_65{
    margin-bottom:65px;
}
.m_bottom_100{
    margin-bottom:100px;
}
.m_top_5{
    margin-top:5px;
}
.m_top_20{
    margin-top:20px;
}
.sub-menu { 
    width:160px; text-align:center;
}

.f_left{
    float:left;
}
.f_right{
    float:right;
}
.f_none{
    float:none;
}
.content{
    padding:0px;
    bottom:0px;
}
h1{
    color:#ffffff;
    font-weight:100;
}
.pagedemo{
    border: 1px solid #CCC;
    width:310px;
    margin:2px;
    padding:50px 10px;
    text-align:center;
    background-color:white;	
}

.author { color:#9e9373; margin-left:10px; }
.clearfix:after{
    content:"";
    display:block;
    clear:both;

}
.clearfix{ clear:both;}


/*--contant -------*/
.date_time_Box{ color:#000000; font-size: 16px; font-weight: bold;}
.contact spna.date_time,
.contact spna.page_member{color:#000000;}
.newspage_txt { margin-left:0px;}
.page_txt{ margin-right:0px; }



/* -----------------------------------

        3. Color Scheme

------------------------------------- */

a,a[class*="color"]:not(.color_light):hover,.scheme_color,.close_product:hover,
.search_button:hover,.close_search_form:hover,blockquote:before,.banner_type_2.red b,#footer a.color_light:hover,
.close_fieldset:hover,.text_cs_hover:hover,.tweet_list a:hover,[class*="alert_box"].error i[class^="fa "],
label[class*="required"]:after,.vertical_list_type_7 li:before,.first_letter_1 > .fl,
.info_block_type_1:hover [class*="icon_wrap"]{
    color:#fff;
}
.a:link {color:#7b7b7b;}
.a:visited {color:#7b7b7b;}
.a:hover {color: #907cb7  !important;}
.a:active {color: #907cb7  !important;}


/*--選單------------------------------*/
.top_menu_icon{ padding-top:6px; padding-bottom:6px;}
.top_menu_icon a{ padding-left:15px; padding-right:15px;}

.top_menu_icon .dropdown-nav-menu a{padding-left:15px;}
.top_menu_icon .dropdown-date a{padding-left:15px;}
.top_menu_icon .dropdown-home a{padding-left:18px;}
.top_menu_icon .dropdown-info a{padding-left:25px;}



/*.top_menu_icon a:first-child{ padding-left:0px; }*/

/*-lef menu-*/
.mm-menu__link:hover{background-color: #272727c9;}
.mm-menu-icon{ 
    display:inline-block;
    background:url(/Content/image/full_11.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-right:15px;
    cursor:pointer;
    text-indent:-999999px;
    padding-top: 6px;
}
.onmenu{ display:none;}
.mm-menu{ text-indent:-9999999px;}
.li-icon-1{ background:url(/Content/image/full_04.png) no-repeat;}
.li-icon-2{ background:url(/Content/image/full_05.png) no-repeat;}
.li-icon-3{ background:url(/Content/image/full_06.png) no-repeat;}
.li-icon-4{ background:url(/Content/image/full_07.png) no-repeat;}
.li-icon-5{ background:url(/Content/image/full_08.png) no-repeat;}
.li-icon-6{ background:url(/Content/image/full_09.png) no-repeat;}

.li-icon-1:hover,.li-icon-2:hover,.li-icon-3:hover,.li-icon-4:hover,.li-icon-5:hover,.li-icon-6:hover,
.li-icon-1:focus,.li-icon-2:focus,.li-icon-3:focus,.li-icon-4:focus,.li-icon-5:focus,.li-icon-6:focus{ opacity:1;}

/*--contactBox_prev ------------------*/
.contactBox_prev, .contactBox_next{
    display:block;
    width:90px;
    height:90px;
    border-radius: 99em;
    /*background:url(/Content/image/pc_prev_full.png) no-repeat;*/
    background: #eee;
    cursor:pointer;
    /*text-indent:-9999999px;*/
    position:absolute;
    top:50%;
    margin-top: -45px
}

.contactBox_prev{ 
    left:0;
    margin-left:-40px;
}
.contactBox_next{ 
    right: 0;
    margin-right:-40px;
}


.menutxt_1{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_04.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
.menutxt_2{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_05.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
.menutxt_3{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_06.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
.menutxt_4{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_07.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
.menutxt_5{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_08.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
.menutxt_6{ 
    text-indent:-9999px;
    color:#ffffff;
    background-image:url(/Content/css/full_09.png);
    background-repeat:no-repeat;
    background-size:160px 55px;
    background-position:center 0px;
    width:160px;
    height:55px;
}
/*下拉箭頭*/
.shopping_cart:before,.sub_menu_wrap:before{
    border-bottom-color:#ffffff;
}
/* -----------------------------------

        4. Typography

------------------------------------- */

h2{
    font-size:1.71em;
    line-height:1em;
}
h3,.tabs_nav,.search_button,.p_table > footer a{
    font-size:1.4em;
}
h4{
    font-size:1.25em;
}
h5{
    /*	font-size:1.15em;*/
}
h6{
    font-size:1em;
}
a,.tr_hover{
    -webkit-transition: color .4s ease, background-color .4s ease;
    -moz-transition: color .4s ease, background-color .4s ease;
    -o-transition: color .4s ease, background-color .4s ease;
    transition: color .4s ease, background-color .4s ease;
}
.md_no-touch a:hover,.color_dark,.bc_list a[class*="color"]:hover,.bc_list > li.current > a,
.tweet_list a{
    color:#000000;
}
/* -----------------------------------

        5. Header

------------------------------------- */

[role="banner"]{
    border-top-style: solid;
    width:inherit;
    background:#b62125;
}
[role="banner"].type_4{
    border-top:none;
}
.h_top_part{
    padding:4px 0;
}
.about_leftbox{
    display:block;
    width:33%;
    height:auto;

    position:absolute; 
    left:0;
    top:50%; 
    float:left; 
    background:#dd1136;
    padding:50px 50px;
    text-align:right;

    z-index:9999;
}
.about_rightbox{
    display:block;
    width:33%;
    height:auto;

    position:absolute; 
    right:0;
    top:50%; 
    float:right; 
    background:#fff;
    padding:50px 50px;
    text-align:left;

    z-index:9999;
}
.about_leftbox_box{ width:80%; float:right;}
.about_rightbox_box{ width:80%; float:left;}
.menu_c { color:#fff;}
.h_top_part.type_2{
    background:#323a45;
    color:#bdc3c7;
    padding:6px 0;
}
.menu_wrap{
    z-index:189;
    width:inherit;
    border-bottom:1px solid #cccccc;
}
.menu_wrap.sticky{
    position: fixed;
    top:0;
}
.menu_wrap[class*="type_"]:not(.type_3){
    width:auto;
}
.menu_wrap.type_2:not(.sticky){
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
.menu_wrap,#footer{
    /* background:#e6e6e6;*/
    padding:5px 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
    background-color:#f7f7f7;
}
#footer{ 
    background:#f1f1f1;
    border-top:1px solid #d6d6d6;
    z-index: 3;
}
.day {
    color:#999999;
    font-size:16px;
    margin-bottom:8px;
}
.full_pic img{ border: 1px solid #ccc;}
/* -----------------------------------

        16. Footer

------------------------------------- */

#footer{
    padding:10px 0;
    position:fixed;
    bottom:0;
    width:100%;
}
#footer.type_2{
    padding-top:25px;
}
.footer_top_part{
    padding-bottom:0px;
    font-size: 14px;
    color:#676363;
    font-weight:200;
    letter-spacing:0.2px;	
}
.footer_top_part a,
.footer_top_part a:hover{color:#676363;}
#footer.type_2 .foorer_top_part{
    padding-bottom:45px;
}
.footer_bottom_part{
    background:#707070;
    color:#ffffff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #8c8c8c;
    margin-top: 15px;
    padding-top: 24px;
    padding-right: 0;
    padding-bottom: 22px;
    padding-left: 0;
}

/* -----------------------------------

        18. Responsive changes

------------------------------------- */

@media only screen and (max-width: 1200px){
.d_md_block{
    display:block;
}
.d_md_inline_b{
    display:inline-block;
}
.d_md_inline_middle{
    display:inline-block;
    vertical-align: middle;
}
.t_md_align_l{
    text-align:left;
}
.t_md_align_c{
    text-align:center;
}
.h_md_auto{
    height:auto;
}
.m_md_bottom_0{
    margin-bottom:0;
}
.m_md_bottom_5{
    margin-bottom:5px;
}
.m_md_bottom_15{
    margin-bottom:15px;
}
.m_md_bottom_20{
    margin-bottom:20px;
}
.m_md_bottom_25{
    margin-bottom:25px;
}
.m_md_bottom_35{
    margin-bottom:35px;
}
.f_md_none{
    float:none;
}
.m_md_right_0{
    margin-right:0px;
}
.m_md_right_30{
    margin-right:30px;
}
.m_md_left_0,.s_form_wrap_2 .logo{
    margin-left:0px;
}
.m_md_left_25{
    margin-left:25px;
}
.m_md_bottom_5{
    margin-bottom:5px;
}
.m_md_bottom_15{
    margin-bottom:15px;
    padding-top: 20px;
    float:left;
}
}
@media screen and (min-width: 767px) and (max-width: 1024px){	
    .ft-contactBox{ 
        display:block;
        height:645px;
        background:#555;
    }
}
@media only screen and (max-width: 992px){	
    .boxed_layout{
        width:770px;
    }
    .page_content_offset{
        padding:15px 0 ;
    }
    .p_xs_top-bottom_5{
        padding-top:5px;
        padding-bottom:5px;
    }
    .p_sm_right_0{
        padding-right:0;
    }
    .p_sm_left_0{
        padding-left:0;
    }
    .p_sm_left_48{
        padding-left:48px;
    }
    .p_xs_left_48{
        padding-left:48px;
    }
    .p_sm_right_20{
        padding-right:20px;
    }
    .w_sm_auto,.s_form_wrap{
        width:auto !important;
    }
    .w_sm_full,.sub_sideshow, .sub_video{
        width:100%;
    }
    .d_sm_none,.n_sm_vc_child:after,.simple_s_caption{
        display:none;
    }
    .d_sm_block{
        display:block;
    }
    .d_sm_inline_b{
        display: inline-block;
    }
    .d_sm_inline_middle{
        display: inline-block;	
        vertical-align: middle;
    }
    .t_sm_align_c{
        text-align: center;
    }
    .t_sm_align_l{
        text-align: left;
    }
    .f_sm_none{
        float:none;
    }
    .m_sm_top_5{
        margin-top:5px;
    }
    .m_sm_bottom_0{
        margin-bottom:0px;
    }
    .m_sm_bottom_5{
        margin-bottom:5px;
    }
    .m_sm_bottom_10{
        margin-bottom:10px;
    }
    .m_sm_bottom_15{
        margin-bottom: 15px;
    }
    .m_sm_bottom_20{
        margin-bottom: 20px;
    }
    .m_sm_bottom_30{
        margin-bottom: 30px;
    }
    .m_sm_bottom_35{
        margin-bottom:35px;
    }
    .m_sm_bottom_45{
        margin-bottom:45px;
    }
    .m_sm_right_0{
        margin-right:0px;
    }
    .m_sm_right_20{
        margin-right:20px;
    }
    .m_sm_left_0{
        margin-left:0px;
    }
    .m_sm_left_5{
        margin-left:5px;
    }
    .m_sm_left_10{
        margin-left:10px;
    }
    .mw_sm_0{
        min-width:0;
    }
    .popup{
        width:750px;
    }

}

@media screen and (min-width: 1024px) {
    /*.cd-dropdown-trigger { padding: 0 36px 0 15px;}*/
}
/*@media only screen and (min-width: 768px) and (max-width: 1023px){
    .cd-dropdown-trigger{ padding:0 0 0 110px;}
}*/
@media only screen and (max-width:768px){
    .date_time_Box{ padding-bottom:10px;}
    .ft-contactBox{ 
        display:block;
        height:645px;
        background:#555;
    }
    .mm-menu-toggle{left:15px;}
    .mm-menu__header{ height: 37px; }
    .cd-dropdown-trigger{ line-height:30px;}
    /*.cd-dropdown-trigger {
        display: block;
        width:24px;
        background:url(/Content/image/full_10.png);
        background-repeat:no-repeat;
        background-position:left 8px;
        height:34px;
        margin-left: 30px;
    }	*/
    .boxed_layout{
        margin:0 10px;
    }
    .h_bot_part{
        padding-top:0px;
        padding-bottom:0px;
    }
    /*.menu_wrap{
        background:transparent;
    }*/
    .p_xs_hr_0{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .p_xs_right_20{padding-right:20px;}
    .f_xs_none{
        float:none;
    }
    .f_xs_left{
        float:left;
    }
    .d_xs_block{
        display:block;
    }
    .d_xs_inline_b{
        display:inline-block;
    }
    .d_xs_inline_middle{
        display:inline-block;	
        vertical-align: middle;
    }
    .p_table,
    .p_table.active,
    .p_table:hover{
        margin:15px 0;
        padding:0 15px;
    }
    .d_xs_centered{
        margin-left:auto;
        margin-right:auto;
    }
    .d_xs_none,.custom_thumb,.sub_menu_wrap:before,.tp-leftarrow,.tp-rightarrow,.isotope_menu [class*="button_type_"]:after,
    .camera_next,.camera_prev,#styleswitcher,.flex-direction-nav a{
        display:none;
    }
    .w_xs_auto,.boxed_layout,
    .portfolio_isotope_container.four_columns .portfolio_item .open_buttons{
        width:auto;
    }
    .w_xs_full,.product_item[class*="w_xs_full"],[class*="table_type_"] td[class*="w_xs_full"],.s_form_wrap_2,
    .p_table,
    .p_table.active,
    .p_table:hover{
        width:100%;
    }
    .t_xs_align_c,.related_projects .owl-item{
        text-align: center;
    }
    .t_xs_align_l{
        text-align: left;
    }

    .m_xs_bottom_0{
        margin-bottom:0px;
    }
    .m_xs_bottom_5{
        margin-bottom:5px;
    }
    .m_xs_bottom_10{
        margin-bottom:10px;
    }
    .m_xs_bottom_15{
        margin-bottom:15px;
    }
    .m_xs_bottom_30{
        margin-bottom:30px;
    }
    .m_xs_right_0{
        margin-right:0;
    }
    .m_xs_right_25{
        margin-right:25px;
    }
    .m_xs_left_0{
        margin-left: 0px;
    }
    .m_xs_left_5{
        margin-left: 5px;
    }
}
@media only screen and (max-width:767px){
    #footer, footer_top_part{ display:none;}
}
@media only screen and (max-width:480px){
    .f_mxs_none{
        float:none;
    }
    .d_mxs_block{
        display:block;
    }
    .d_mxs_none{
        display:none;
    }
    .d_mxs_inline_b{
        display:inline-block;
    }
    .t_mxs_align_c{
        text-align:center;
    }
    .t_mxs_align_l{
        text-align:left;
    }
    .m_mxs_bottom_5{
        margin-bottom:5px;
    }
    .m_mxs_bottom_10{
        margin-bottom:10px;
    }
    .m_mxs_bottom_15{
        margin-bottom:15px;
    }
    .m_mxs_bottom_20{
        margin-bottom:20px;
    }
    .m_mxs_right_0{
        margin-right:0px;
    }
    .m_mxs_top_10{
        margin-top:10px;
    }
    .m_mxs_left_0{
        margin-left:0px !important;
    }
    .w_mxs_auto,.categories_nav_list > li[class*="w_mxs_auto"]{
        width:auto;
    }
    .w_mxs_full{
        width:100%;
    }
    .subscribe_form_2 input[type="email"]{
        width:100% !important;
    }
}
@media only screen and (max-width:393px){
    .d_exs_block{ display:block;}
}

@media screen and (orientation: landscape) {
    .cd-dropdown-wrapper{ position:absolute; right:0px;}	
}

/* -----------------------------------

        19. Retina ready

------------------------------------- */
@media screen and (min-device-width: 750px) and (max-device-width: 1200px) {.container{width:375px}}    
@media screen and (max-width:767px){.container{width:375px}}    
@media screen and (max-width:1024px){.container{width:700px;}}
@media screen and (min-width:1200px){.container{width:949px;}}


/*RWD(1200px以上)*/
.for_pc{ display: inherit;}
.for_ipad{  display:none;}
.for_mobile { display:none;}
.mobile_logo {display: none;}
.p_left_70{ padding-left:70px;}
.pc_wrapper{
    width:77%;
    margin:0 auto;
}


@media screen and (max-width: 1200px) {
    /*.container{width:949px;}
    .for_pc{ display: inherit;}
    .for_ipad{ display: none;}
    .for_mobile { display:none;}*/
}
@media only screen and (min-width: 980px) {
    /*.for_pc{ display: inherit;}
    .for_ipad{ display: none;}
    .for_mobile { display:none;}*/
    /*.mobile_logo {
        display: table;
        margin-left: inherit;
        margin-right: inherit;
        padding-top: 35px;
        padding-left: 30px;
    }*/
}        
@media  screen and (max-width: 768px) {
    /*.for_pc{ display: none;}
    .for_ipad{ display: none;}
    .top_menu_icon a{ padding:0px 25px;}
    p.ft-test{ text-indent: -99999px; }*/
    .cd-dropdown-trigger::before, .cd-dropdown-trigger::after {display: none; }
    .row cd-dropdown-wrapper a.cd-dropdown-trigger spna{ display:none;}
}
@media only screen and (max-width: 480px) { .for_pc{ display: none;}}


/***/
.dropdown {
    padding-right: 15px;
}
.dropdown-content {
    display: none;
    border-width:  0px !important;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
    padding: 0px 0px;  
    z-index: 99;
}

.dropdown-content ul li{
    padding: 5px 0px;
    border-bottom: 1px #999 solid;
}           

input#datepicker1, input#datepicker2{
    width: 0px;
    z-index: 0;
    position: absolute;
    top:10px;

}

#ui-datepicker-div{
    top: 52px !important;
    /*left: 50% !important;*/
/*    margin-left: -380px;*/
    /*width: 420px;*/
    height: auto;
}

a.ui-state-default,.ui-datepicker-title {
    font-size: 18px;
}

a.ui-corner-all{
    width: 32px !important;
    height: 32px !important;
}

a{
    text-decoration:none;
}